body{
    background-color: #121519;
}

.arbutus-slab-regular {
    font-family: "Arbutus Slab", serif;
    font-weight: 400;
    font-style: normal;
  }

.orelega-one-regular {
    font-family: "Orelega One", serif;
    font-weight: 400;
    font-style: normal;
  }

  .libre-baskerville-regular {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .libre-baskerville-bold { 
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-style: normal;
    color: white;
  }
  
  .libre-baskerville-regular-italic {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: italic;
  }

  .zain-extralight {
    font-family: "Zain", serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .zain-light {
    font-family: "Zain", serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .zain-regular {
    font-family: "Zain", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .zain-bold {
    font-family: "Zain", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .zain-extrabold {
    font-family: "Zain", serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .zain-black {
    font-family: "Zain", serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .zain-light-italic {
    font-family: "Zain", serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .zain-regular-italic {
    font-family: "Zain", serif;
    font-weight: 400;
    font-style: italic;
  }
  

  

/* ================================ NAVBAR ================================    */
  
.nav {
    background-color: #121519;
}
.navbar ul li{
    font-family: "Libre Baskerville", serif;
}

.navbar ul li a {
    color:white;
}

.navbar ul li a:hover {
    color: #3fa9f5;
    background-color: #121519;    
}

.nav-item .disabled {
    color: #273036;
}



/* =============== PERSONALIZACIÓN MENU ===============*/

/* Color de Fondo Menu */
.dropdown-menu {
    background-color: #121519;
    border: 1px solid gray;
}

.dropdown-divider {
    border: 1px solid gray;
}

.navbar-nav .nav-link.active {
    color: #8cc63f;        
}

/* ======= COLOR ENLACE DROPDOWN ACTIVO ======= */
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color:#8cc63f;
}

.fondo-menu {
    background:#121519;
    transition: all 1s ease;    
    
   }

.bg-menu-fixed {
    background-color: #121519;    
}

.btn-primary {
    background-color: #273036;
    border-color: #273036;
}

.btn-primary:hover {
    background-color:#8cc63f;
    border-color:#8cc63f;
}

.btn-primary:active:link {
    background-color:#3e6806;
    border-color:#3e6806;
}

a.iconos-navbar  {
    color: white;
 }

.iconos-navbar:hover  {
    color:#3fa9f5;
 }



/* ================================ END NAVBAR ================================ */












/* ================================ PAGINA INICIO ================================ */

.bienvenido {
    height: 100vh;
    margin-top: 4rem;   
}

.bienvenido .h1 > p {
    font-size: 4rem;
    line-height: 0.6;
}



.img-bienvenida {
    width: 80%;
}

.versalles {
    color: #3fa9f5;
    font-size: 6rem;
}

.txt-beneficios-bienvenido {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: normal;
    font-size: small;  
    padding-left: 1.5rem;     
}

.texto-bienvenida {
    font-family: "Zain", serif;
    font-weight: normal;
    font-size: 3rem;
    font-style: italic;
    margin-top: 6rem;
    padding-left: 1.5rem; 
    padding-bottom: 1rem;
    color: white;
}

/* ================================ ENDPAGINA INICIO ================================  */




.wave {
    overflow: hidden;
    height: 100vh;   
    background-color: #191c20;
    clip-path: path('M0,96L40,117.3C80,139,160,181,240,208C320,235,400,245,480,229.3C560,213,640,171,720,138.7C800,107,880,85,960,69.3C1040,53,1120,43,1200,64C1280,85,1360,139,1400,165.3L1440,192L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z');
   }

.secciones{
    background-color: #191c20;
}

.btn-success {
    background-color: #8cc63f;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.1rem;
    padding: .6rem 2rem;
    font-style: italic;
    margin-left: 2.2rem;
}


/* ================================ SECCIÓN ABOUT ================================    */

.contenido-about {
    background-color: #191c20;
}

.titulo-seccion {
    font-family: "Arbutus Slab", serif;
    font-size : 3rem;
    color: white;
    text-align: center;
    padding-top: 5rem;    
}

.title-about {
    margin-top: -10rem;
}

.subtitulos-seccion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size : 1.2rem;
    color: #8cc63f;
    text-align: center;
    padding-bottom: 3rem;
}


/* ================================ SECCIÓN AYUDA ================================    */

.contenido-ayuda {
    background-color: #121519;    
}

.contenido-ayuda > p {
    margin-top: -20rem;
    background-color: rgba(25,28,32,1);
    
}

/* Para corregir el margen del bloque deco */
.container-fluid {
    --bs-gutter-x: 0rem;
}

.text-columnas {
    line-height: 1.5;
    font-size: 1.2rem;
}

.separador {
    height: 100px;
}

/* ================================ CONTENIDO TRATAMIENTOS ================================    */

.contenido-tratamientos {
    background-color: #273036;   
    margin-top: -5rem;
    padding-top: 0;     
}

.bg-tratamientos {
    margin-top: -20rem;
    
    background-color: rgba(18,21,25,1); 
}

.separador-seccion-services {
    --bs-gutter-x: 5rem;
}

/* ============ CARD TRATAMIENTOS ================ */ 

.card-tratamientos:hover {    
    background:#3fa9f5;
    color: white;
    transition: all 0.3s linear;   

}

/* ================================ CONTENIDO NUESTROS SERVICIOS ================================    */

.contenido-servicios {
    background-color: #273036;   
    margin-top: -5rem;
    padding-top: 0;     
}

.bg-servicios {
    margin-top: -20rem;
    
    background-color: rgba(18,21,25,1); 
}

.separador-seccion-services {
    --bs-gutter-x: 5rem;
}


/* ================================ CONTENIDO TESTIMONIAL ================================    */

.contenido-testimonial {
    background-color: #121519;   
    margin-top: -5rem;
    padding-top: 0; 
    --bs-gutter-x: 1.5rem;
}

.bg-testimoniales {
    margin-top: -20rem;    
    background-color: rgba(39,48,54,1);
     
}

.foto-id {
    border-radius: 100%;
    width: 50%;    
}

.comillas {
    font-family: "Orelega One", serif;
    font-size: 2rem;
    color:#8cc63f;
    padding: 0 0.5rem;
    line-height: 0.1rem;
}

.calificacion {
    color: yellow;    
    font-size: 1.3rem;
    padding-right: 0.3rem;      
}

.nombre-testimonio {
    color: #3fa9f5;
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-size: 2rem;
    padding-top: 1rem;
}

/* ================================ TESTIMONIAL CAROUSEL ================================    */

.owl-carousel {
    color: white;
}
.contenido-testimonial .owl-nav {
	display: flex;
	justify-content: center;
	margin: 2rem 0;
}

.contenido-testimonial .owl-prev,
.contenido-testimonial .owl-next {
	font-size: 3rem;
	margin: 0 1rem;
	
}

/* ================================ CONTENIDO UBICACIÓN ================================    */

.ubicacion {
    background-color: #273036;
    margin: 5rem 0;
    padding-bottom: 5rem;
}

.ubicacion h5 {
    color: #3fa9f5;
}

.links-mapas a {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: white;
    text-decoration: none;
}

.links-mapas a:hover{
    color:#8cc63f;
}

.info-mapas p {

}

.logo-mini {
    width: 65%;    
}



/* ================================ FORMULARIO ================================    */

.relleno-formulario {
    border: 1px solid gray; 
    margin: 2rem;
    padding: 2rem;
    background-color:#273036;

}

.txt-formulario {
    color: white;
}

/* ====================== FOOTER ==================== */

.footer {
    background-color: #191c20;
    margin-top: 5rem;
    padding-top: 5rem;
    padding-bottom: 2rem;
}

.texto-footer h4 {
    font-family: 'libre-baskerville-bold';
    color:#3fa9f5;    
}

.texto-footer li {
    list-style: none;
}

.texto-footer li a {
    color: #8cc63f;
    text-decoration: none;
}


/* ======================== ARTICULOS ====================== */

.tema-articulos {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 5rem;
    color: white;      
}

.header-articulos {
    height: 400px;
    margin-top: 4rem; 
    padding: 0 10rem; 
    background-image: url('../images/bg-articulos.jpg');
    background-repeat : no-repeat;  
    --bs-gutter-x: 0 !important;
             
}

.descripcion-articulos {
    font-size: 1.3rem;
    color: white;
    background: rgba(27, 27, 27, 0.5);
    padding: 1rem 1rem;
}

.contenedor-articulos {
    background-color:#273036;
    border-color: gray;
    padding-bottom: 2rem;    
}

.subtema-articulo {
    padding: 4rem 1rem 0.2rem 4rem;
    font-weight: bold;
    color: white;
    font-size: 1.3rem;
}

.texto-articulos {
    padding: 0.3rem 1rem 0.2rem 4rem;
    color: white;
}

.listado {
    font-weight: bold;
    color:#3fa9f5;
    
}


/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */


/* `sm` applies to x-small devices (portrait phones, less than 576px) */


@media (max-width: 575.98px) {
    
    .fondo-menu {        
        color: white;      
        text-align: center;
        margin: 0 0;
        padding: 0 0;
    }

    navbar-toggler-icon {
        color: white;
    }

    navbar-toggler span {
        color: white;
    }

    .img-bienvenida {
        width: 100%;
    }

    .texto-bienvenida {
        font-size: 1.5rem;
    }

    .btn-success {
        font-size: 1.2rem;
        padding: 0.7 0.7;
    }

    /* =========== AYUDA =========== */
    

    .contenido-ayuda > p {
        margin-top:  50rem;
    }

    .deco-bloque {
        margin-top: 0rem;

    }

    .contenido-ayuda {
        background-color: #121519;
    }

    .subtitulos-seccion {
       
    }

    /* =========== MQUERY TRATAMIENTOS =========== */

    .fondo-title-tratamientos > p {
        margin-top: 18rem;
    }

    .fondo-title-tratamientos {
        background-color: #273036;
    }

    .contenido-tratamientos {
        background-color: #273036;
        margin-top: 0;
    }

    .bg-subtitulos-tratamientos {
        background-color: #273036;
        margin: -1rem 0;
        padding: 0 0;
    }


        /* =========== MQUERY TRATAMIENTOS =========== */


    .fondo-title-testimoniales > p {
        margin-top: 18rem;
    }

    .fondo-title-testimoniales {
        background-color:#121519;
        margin: 1rem 0;
    }

    .bg-subtitulo-testimonial {
        background-color: #121519;
        margin-top: -1rem !important;
        padding-top: -50rem !important;
    }


     /* =========== MQUERY FOOTER =========== */

     .texto-footer {
        padding-top: 2rem;
        text-align: center;
     }

     .texto-footer > ul {
        margin-left: 0;
        padding-left: 0;
     }

     .img-footer {
        text-align: center;
     }

     .iconos-redes-sociales {
        text-align: center !important;       
     }

         
     .pe-5 {
        margin-right: 0 !important;
        padding-right: 0 !important;
     }

     .interlineado {
        margin-top: 1rem;
     }

     .ps-5 {
        padding-left: 0 !important;
    }

    .navbar-toggler {
        background-color: #3fa9f5;
        color: #084a79;   
    }

    .boton-menu {
        padding: 0.5rem;
    }

    .nav-item a {
        margin-top: 0.3rem;        
    }


    /* =================== MQUERY ARTICULOS ===================*/

    

.tema-articulos {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 3rem;
    color: white;  
    padding-top: 2rem;    
}

.header-articulos {
    height: 400px;
    margin-top: 4rem; 
    padding: 0 1rem; 
    background-image: url('../images/bg-articulos.jpg');
    background-repeat : no-repeat; 
    --bs-gutter-x: 0 !important;
             
}

.descripcion-articulos {
    font-size: 1.1rem;
    color: white;
    background: rgba(27, 27, 27, 0.5);
    padding: 1rem 1rem;
}

.contenedor-articulos {
    background-color:#273036;
    border-color: gray;
    padding-bottom: 2rem;    
}

.subtema-articulo {
    padding: 4rem 1rem 0.2rem 1.5rem;
    font-weight: bold;
    color: white;
    font-size: 1.3rem;
}

.texto-articulos {
    padding: 0.3rem 1rem 0.2rem 2.5rem;
    color: white;
}

.listado {
    font-weight: bold;
    color:#3fa9f5;
    
}

.tarjeta {
    max-width: 100% !important;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    justify-content: center;
}

    

    

 }


 @media (max-width: 1333px) {

    .menu-wide-screen {
        display: none;
    }

    .pantallas-moviles {
        display: block;
    }
    

    
 }