 /* Personalización adicional para asegurar compatibilidad cross-device */
      
     


        .carousel-item {
            transition: transform 0.6s ease-in-out;
        }    

       .carousel-contenedor { 
        background: linear-gradient(135deg, #2c3e50 0%, #4a6580 100%)!important;
        padding: 0;
         z-index: 0;
      }
             
        /* Estilos para el cuarto item de texto */
        .text-slide {
            /*background: linear-gradient(135deg, #2c3e50 0%, #4a6580 100%);*/
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 300px;
            height: 100%;
        }
        
        .text-content {
            font-family: 'Lora', serif;
            color: #c9a44c;
            text-align: center;
            line-height: 1.4;
            padding: 20px;
            max-width: 800px;
            margin: 0 auto;      

        }
        
        /* Ajustes específicos para diferentes viewports */
        /* Extra small devices (portrait phones, less than 576px) */
        @media (max-width: 575.98px) {

             .text-slide {           
            min-height: 200px;        
        }
        
                          
            .text-content {
                font-size: 3rem !important;
                line-height: 1.15;
                color: pink;
                padding-left: 10px;
                padding-right: 10px;
            }
        }

        /* Small devices (landscape phones, 576px and up) */
        @media (min-width: 576px) and (max-width: 767.98px) {
            
            .text-slide {           
            min-height: 200px;        
        }
            .text-content {
                font-size: 3.4rem !important;
                line-height: 1.17;
                color: pink;
                padding-left: 10px;
                padding-right: 10px;
            }
        }

        /* Medium devices (tablets, 768px and up) */
        @media (min-width: 768px) and (max-width: 991.98px) {
            
            .text-slide {           
            min-height: 200px;        
        }

            .text-content {
                font-size: 4.1rem !important;
                line-height: 1.2;
                color: pink;
                padding-left: 10px;
                padding-right: 10px;
            }
        }

        /* Large devices (desktops, 992px and up) */
        @media (min-width: 992px) and (max-width: 1199.98px) {

               .fotografia{
           position: absolute;
           top: 250px;
           right: 10px;
           z-index: 100;

        }


              .text-slide {           
            min-height: 200px;        
            max-height: 300px;        
        }

          
            .text-content {
                font-size: 3.8rem !important;
                line-height: 1.2;
                color: pink;
                padding-left: 10px;
                padding-right: 10px;
            }
            
        }

        /* Extra large devices (large desktops, 1200px and up) */
        @media (min-width: 1200px) and (max-width: 1399.98px) {
         
           .fotografia{
           position: absolute;
           top: 280px;
           right: 40px;
           z-index: 100;
           

        }           
           
            .text-slide {           
                         
        }


            .text-content {
                font-size: 5rem !important;
                line-height: 1.2;
                color: pink;
                padding-left: 10px;
                padding-right: 10px;
            }
            
        }

        /* XXL devices (larger desktops, 1400px and up) */
        @media (min-width: 1400px) {
            
          .fotografia{
           position: absolute;
           top: 310px;
           right: 40px;
           z-index: 100;
           width: calc(50% - 460px);
           max-width: 260px;

        }

            .text-content {
            font-size: 4.6rem !important;
            line-height: 1.4;
            color: pink;
            padding-left: 10px;
            padding-right: 10px;
        }
    }