body {
            font-family: 'Lora', serif;
            background-color: #EDE9E3; /* Blanco hueso */
            color: #241F19; /* Marrón oscuro */
            margin: 0;
            padding: 0;
        }
 

            .nav-wrapper {
                padding-bottom: %;
                
            }   


            .nav-wrapper span {
                position: absolute;
                top: 30%;  /* Coloca el span debajo del texto principal */
                left: 50%;
                transform: translateX(-50%);  /* Centra el span horizontalmente */
                font-size: 0.9rem;  /* Ajusta el tamaño del texto */
                margin-top: 5px;  /* Espacio entre el texto y el span */
                font-style: italic;
            } 
            
   
        /* Estilo personalizado para los controles laterales */
        .slider .left, .slider .right {
            color: #fff; /* Color blanco para los controles */
            background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */
            width: 40px; /* Ancho de los controles */
            height: 40px; /* Alto de los controles */
            line-height: 40px; /* Alineación vertical */
            font-size: 2rem; /* Tamaño de los íconos */
            border-radius: 50%; /* Forma circular */
            top: 50%; /* Alineación vertical en el centro */
            position: absolute;
            z-index: 100; /* Asegura que se muestren sobre el contenido */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .slider .left {
            left: 10px; /* Posición a la izquierda */
        }
        .slider .right {
            right: 10px; /* Posición a la derecha */
        }            
    
                   /* Estilo para la caption con fondo opaco */
        .slider .caption {
            background-color: rgba(36, 31, 25, 0.4); 
            padding: 20px;
            color: #241F19; /* Color blanco para el texto */
            border-radius: 10px;
            box-shadow: 0px 4px 10px rgba(36, 31, 25, 0.4);
        }
            
            .sub-title-slide{
                font-style: italic;
            }

               .page-footer{
                padding: 1%;
                text-align: center;
            }

            #mobile-menu .white-text-mobile-menu a{
                  color: #EDE9E3; /* Blanco hueso */
             
            }
   
        .text-background {
            background-color: rgba(36, 31, 25, 0.4); 
            padding: 20px; /* Espaciado interno */
            border-radius: 10px; /* Bordes redondeados */
            display: inline-block; /* Asegura que el fondo se ajuste solo al texto */
            box-shadow: 0px 4px 10px rgba(36, 31, 25, 0.4);
        }

        .card .card-content p{
                text-align: justify;
            }          
            
        .card .card-content h3{
                text-align: center;
            } 
 
        /* Estilo para el botón flotante */
        .whatsapp-button {
          position: fixed;
          bottom: 20px;
          right: 20px;
          background-color: #25D366; /* Color oficial de WhatsApp */
          color: white;
          border-radius: 50%;
          width: 60px;
          height: 60px;
          display: flex;
          align-items: center;
          justify-content: center;
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
          z-index: 1000;
        }

        .whatsapp-button:hover {
          background-color: #1EBE57; /* Color más oscuro al pasar el mouse */
        }

        .whatsapp-button i {
          font-size: 24px;
        }

        /* Estilos para pantallas pequeñas */
        @media only screen and (max-width: 600px) {
            .nav-wrapper {
                padding-bottom: 20%;
                
            }   
            .nav-wrapper .brand-logo{
                font-size: 1.50rem;
            }

            .nav-wrapper span {
                position: absolute;
                top: 30%;  /* Coloca el span debajo del texto principal */
                left: 50%;
                transform: translateX(-50%);  /* Centra el span horizontalmente */
                font-size: 0.9rem;  /* Ajusta el tamaño del texto */
                margin-top: 5px;  /* Espacio entre el texto y el span */
                font-style: italic;
            } 
            

        }

        /* Estilos para tabletas */
        @media only screen and (min-width: 601px) and (max-width: 992px) {
            
            .nav-wrapper {
                padding-bottom: 10%;
                
            }   


            .nav-wrapper span {
                position: absolute;
                top: 30%;  /* Coloca el span debajo del texto principal */
                left: 50%;
                transform: translateX(-50%);  /* Centra el span horizontalmente */
                font-size: 0.9rem;  /* Ajusta el tamaño del texto */
                margin-top: 5px;  /* Espacio entre el texto y el span */
                font-style: italic;
            } 
            
            
        }
        
        /* Estilos para pantallas grandes */
        @media only screen and (min-width: 993px) {
    
        }

        /* Estilos para pantallas extra grandes */
        @media only screen and (min-width: 1200px) {
            
        }