/*=============================================
=            CSS CUATRO CUATRO          =
=============================================*/
:root {
 --color-sage: #98B3B1;
  --color-dark: #333333;
   --color-gold: #c5a059;
  --color-light-bg: #F9F9F9;
  --color-light: #f8f9fa;
  --fuente-titulos: 'Cormorant Garamond', serif;
  --fuente-cuerpo: 'Raleway', sans-serif;
  --fuente-cta: 'Montserrat', sans-serif;
}

body {
  font-family: var(--fuente-cuerpo);
  color: black;
  background-color: white;
  overflow-x: hidden;
}

header {
  color: black;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-sage);
    --bs-btn-hover-border-color: var(--color-sage);
    border-radius: 25px;
    font-family: var(--fuente-cta);
    transition: all 0.3s ease;
    text-decoration: none !important;
}

/*----------  NAV BAR ----------*/
.navbar {
  margin-bottom: 0px;
  padding: 0px;
  background-color: #ffffff !important;
}

.navbar-brand {
  font-family: var(--fuente-titulos);
  font-weight: bold;
}

/* Estilo base de los enlaces del menú */
.navbar-nav .nav-link {
  font-family: var(--fuente-cuerpo);
  color: var(--color-dark) !important;
  position: relative;
  transition: all 0.3s ease;
  text-decoration: none !important;
  font-weight: 500;
  display: flex;
  align-items: center;
}

/* Hover: Cambio de color a Sage (Igual al botón) */
.navbar-nav .nav-link:hover {
  color: var(--color-sage) !important;
  text-decoration: none !important;
  cursor: pointer;
}

/* Ajuste del triángulo (caret) a la izquierda por UX */
.dropdown-toggle::after {
  order: -1; /* Mueve el pseudo-elemento al inicio */
  margin-right: 8px; /* Espacio entre flecha y texto */
  margin-left: 0;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-bottom: 0;
  border-left: 0.35em solid transparent;
  vertical-align: middle;
}

/* Dropdown al pasar el cursor (Escritorio) */
@media (min-width: 992px) {
  .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0; 
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
  }
}

/* Botón de Contacto en el Menú */
.nav-contacto-btn {
  font-family: var(--fuente-cta);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.85rem;
  text-decoration: none !important;
}

.nav-contacto-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(152, 179, 177, 0.3);
  text-decoration: none !important;
}

/* Ajustes para Dropdowns */
.dropdown-menu {
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  padding: 15px 0;
}

.dropdown-item {
  font-family: var(--fuente-cuerpo);
  font-size: 0.95rem;
  padding: 8px 25px;
  transition: all 0.2s ease;
  text-decoration: none !important;
}

.dropdown-item:hover {
  background-color: #f8f9fa;
  color: var(--color-sage);
  padding-left: 30px;
}

/*----------  SECCIONES HOME ----------*/

/* Hero / Cover */
#hero-wellness {
  background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.1)), url('../img/Cover1.webp');
  background-size: cover;
  background-position: center;
  min-height: 80vh;
  display: flex;
  align-items: center;
  text-align: center;
}

.hero-content h1 {
  font-size: 4rem;
  margin-bottom: 20px;
}

.hero-content p {
  font-size: 1.2rem;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* Agenda Pro Iframe Wrapper */
.agenda-wrapper {
  padding: 60px 0;
  background-color: #fff;
}

.agenda-container {
  max-width: 900px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 45px rgba(0,0,0,0.05);
}

.agenda-container iframe {
  width: 100%;
  height: 800px;
  border: none;
}

/* Tarjetas de Experiencias y Cursos */
.card-wellness {
  border: none;
  background: #fff;
  transition: all 0.4s ease;
  border-radius: 15px;
  overflow: hidden;
}

.card-wellness:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

.card-wellness img {
  height: 250px;
  object-fit: cover;
}

.badge-wellness {
  background-color: var(--color-sage);
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: var(--fuente-cta);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Sección Renta B2B */
.renta-teaser {
  background-color: var(--color-dark);
  color: white;
  padding: 80px 0;
  border-radius: 0 100px 0 100px;
}

/*----------  BARRA LATERAL----------*/
.sticky-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-97px;
    top:230px;
    width:210px;
    z-index: 1100;
}
.sticky li{
    list-style-type:none;
    background-color:transparent;
    color:#efefef;
    padding:0px;
    margin:0px 0px 1px 40px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
}
.sticky li:hover{
    margin-left:-20px;
}
.sticky li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}

.sticky li p a{
    text-decoration:none;
    color:#ffffff;
}
.sticky li p a:hover{
    text-decoration:underline;
}
/*----------  REDES SOCIALES ----------*/
.facebook{
  background-color: #3b5998;
  padding-top:5px;
  margin:0px;
  line-height:40px;
  font-size:11px;
  border-radius: 5px;
} 

.whatsapp{
  background-color: #4AC959;
  padding-top:5px;
  margin:0px;
  line-height:40px;
  font-size:11px;
  border-radius: 5px;
} 

.instagram{
  background: radial-gradient(circle at 44% 167%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  padding-top:5px;
  margin:0px;
  line-height:40px;
  font-size:11px;
  border-radius: 5px;
} 

/*----------  FOOTER MODERNO ----------*/
.main-footer {
  background-color: var(--color-light-bg);
  padding-top: 80px;
  font-family: var(--fuente-cuerpo);
}

.footer-logo {
  max-width: 180px;
  margin-bottom: 20px;
}

.footer-about-text {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.6;
}

.footer-title {
  font-family: var(--fuente-titulos);
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 25px;
  color: var(--color-dark);
}

.footer-link {
  color: #555 !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0.95rem;
}

.footer-link:hover {
  color: var(--color-sage) !important;
  transform: translateX(5px);
}

.newsletter-form .form-control {
  border-radius: 25px 0 0 25px;
  border: 1px solid #ddd;
  padding: 12px 20px;
  font-size: 0.9rem;
}

.newsletter-form .btn {
  border-radius: 0 25px 25px 0;
  padding: 12px 25px;
  font-weight: 600;
}

.social-icons-footer a {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  color: var(--color-dark);
  margin-right: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.social-icons-footer a:hover {
  background-color: var(--color-sage);
  color: #fff;
  transform: translateY(-3px);
}

.copyright-bar {
  background-color: #fff;
  font-size: 0.85rem;
  color: #888;
}

/*----------  Landing B2B renta ----------*/
/* Hero Section */
    .b2b-hero {
        background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
                    url('../img/Coverespacio.webp') no-repeat center center;
        background-size: cover;
        padding: 140px 0 100px 0;
        color: white;
        text-align: center;
    }

    /* Galería de Espacios */
    .gallery-item {
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 30px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        transition: transform 0.3s ease;
    }
    .gallery-item:hover { transform: translateY(-5px); }
    .gallery-item img { width: 100%; height: 250px; object-fit: cover; }

    /* Tabla de Precios UX Optimized */
    .pricing-table-container {
        overflow-x: auto;
        margin-top: 30px;
        padding: 20px 0;
    }

    .pricing-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        background: #fff;
        border-radius: 20px;
        
        box-shadow: 0 15px 50px rgba(0,0,0,0.08);
    }

    .pricing-table th {
        background: var(--color-light);
        padding: 40px 20px;
        text-align: center;
        border-bottom: 2px solid #eee;
    }

    .pricing-table th.premium-header {
        background: var(--color-dark);
        color: white;
        position: relative;
    }

    .badge-popular {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        background: var(--color-gold);
        color: white;
        padding: 5px 20px;
        border-radius: 20px;
        font-size: 0.75rem;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .price-tag {
        display: block;
        font-size: 2rem;
        font-weight: 800;
        color: var(--color-dark);
        margin-top: 10px;
    }
    .premium-header .price-tag { color: var(--color-gold); }
    .price-period { font-size: 0.9rem; color: #777; font-weight: 400; }
    .premium-header .price-period { color: #ccc; }

    .pricing-table td {
        padding: 18px 20px;
        text-align: center;
        border-bottom: 1px solid #eee;
        vertical-align: middle;
    }

    .pricing-table .feature-name {
        text-align: left;
        font-weight: 600;
        color: #555;
        background: #fafafa;
        padding-left: 30px;
    }

    .check-yes { color: darkgreen; font-size: 1.2rem; }
    .check-no { color: indianred; font-size: 1.2rem; }

    .premium-col {
        background: rgba(197, 160, 89, 0.03);
        border-left: 2px solid var(--color-gold) !important;
        border-right: 2px solid var(--color-gold) !important;
    }

    .btn-plan {
        border-radius: 50px;
        padding: 12px 30px;
        text-transform: uppercase;
        font-size: 0.85rem;
        font-weight: 700;
        transition: 0.3s;
        width: 100%;
        border: 2px solid transparent;
    }

    .btn-outline-custom {
        border-color: var(--color-dark);
        color: var(--color-dark);
    }
    .btn-outline-custom:hover {
        background: var(--color-dark);
        color: white;
    }

    .btn-premium {
        background: var(--color-gold);
        color: white;
    }
    .btn-premium:hover {
        background: #b08d4a;
        color: white;
        box-shadow: 0 5px 15px rgba(197, 160, 89, 0.4);
    }
/*----------  COVER  ----------*/
#cover{
  min-height: 500px;
  margin-bottom: 50px;
  background: url(../img/Cover1.webp) no-repeat center center;
  background-size: cover;
  padding: 20vh;
}
#cover h2{
  font-family: 'splash', sans-serif;
  font-size: 4rem;
  color: black;
  text-shadow: 1px 1px 10px white;
}
#cover p{
  font-family: 'Raleway', sans-serif;
  font-size: 3rem;
  font-weight: lighter;
  color: black;
  text-shadow: 1px 1px 10px white;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 #cover h2{
  font-family: 'splash', sans-serif;
  font-size: 3.5rem;
  color: black;
  text-shadow: 1px 1px 10px white;
}
#cover p{
  font-family: 'Raleway', sans-serif;
  font-size: 2.5rem;
  font-weight: lighter;
  color: black;
  text-shadow: 1px 1px 10px white;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #cover h2{
    font-family: 'splash', sans-serif;
    font-size: 2.5rem;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
  #cover p{
    font-family: 'Raleway', sans-serif;
    font-size: 1.9rem;
    font-weight: lighter;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
}
@media (max-width: 576px) {
  #cover{
    min-height: 400px;
    margin-bottom: 10px;
    padding: 20vh 5vh;
  }
  #cover h2{
    font-family: 'splash', sans-serif;
    font-size: 2.8rem;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
  #cover p{
    font-family: 'Raleway', sans-serif;
    font-size: 2rem;
    font-weight: lighter;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
}

/*----------  COVER ESPACIO  ----------*/
#coverespacio{
  min-height: 500px;
  margin-bottom: 50px;
  background: url(../img/Coverespacio.webp) no-repeat center center;
  background-size: cover;
  padding: 20vh;
}
#coverespacio h2{
  font-family: 'splash', sans-serif;
  font-size: 4rem;
  color: black;
  text-shadow: 1px 1px 10px white;
}
#coverespacio p{
  font-family: 'Raleway', sans-serif;
  font-size: 3rem;
  font-weight: lighter;
  color: black;
  text-shadow: 1px 1px 10px white;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 #coverespacio h2{
  font-family: 'splash', sans-serif;
  font-size: 3.5rem;
  color: black;
  text-shadow: 1px 1px 10px white;
}
#coverespacio p{
  font-family: 'Raleway', sans-serif;
  font-size: 2.5rem;
  font-weight: lighter;
  color: black;
  text-shadow: 1px 1px 10px white;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #coverespacio h2{
    font-family: 'splash', sans-serif;
    font-size: 2.5rem;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
  #coverespacio p{
    font-family: 'Raleway', sans-serif;
    font-size: 1.9rem;
    font-weight: lighter;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
}
@media (max-width: 576px) {
  #coverespacio{
    min-height: 400px;
    margin-bottom: 10px;
    padding: 20vh 5vh;
  }
  #coverespacio h2{
    font-family: 'splash', sans-serif;
    font-size: 2.8rem;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
  #coverespacio p{
    font-family: 'Raleway', sans-serif;
    font-size: 2rem;
    font-weight: lighter;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
}

.contact-hero {
        background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)), 
                    url('img/backgrounds/Covercontacto.webp') no-repeat center center;
        background-size: cover;
        padding: 100px 0 60px 0;
        text-align: center;
    }

    .info-card {
        background: #fff;
        padding: 30px;
        border-radius: 20px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        height: 100%;
        transition: var(--transition);
    }

    .info-card:hover {
        transform: translateY(-5px);
    }

    .contact-icon {
        width: 60px;
        height: 60px;
        background: var(--color-sage);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin: 0 auto 20px auto;
        font-size: 1.5rem;
    }

    .form-control {
        border: 1px solid #eee;
        padding: 15px 20px;
        border-radius: 12px;
        font-family: var(--fuente-cuerpo);
        margin-bottom: 15px;
    }

    .form-control:focus {
        border-color: var(--color-sage);
        box-shadow: 0 0 0 0.25 dashed rgba(152, 179, 177, 0.25);
    }

    .map-container {
        border-radius: 25px;
        overflow: hidden;
        box-shadow: 0 15px 45px rgba(0,0,0,0.1);
    }
/*----------  CITAS ----------*/
#citas{
  height:auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(100vh - 10px);
    width: 100%;
}
#citas iframe{
    height:auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(100vh - 30px);
    width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}


@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 576px) {


}
/*----------  SEPARADOR 1 ----------*/
#separador1 {
    height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(100vh - 10px);
    background: url(../img/separador1.webp) no-repeat center center;
    background-size: cover;
    margin: -5vh 0vh 5vh 0vh;
    padding: 20vh 0vh;
}
#separador1 p{
    font-size: 1.5em;
}
#separador1 h2 {
    font-family: 'Splash', cursive;
    letter-spacing: 5pt;
    margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
 #separador1 {
    height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(100vh - 10px);
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 #separador1 {
    height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(100vh - 10px);
}
}


@media only screen and (min-width: 576px) and (max-width: 767px) {
#separador1 {
    height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(100vh - 10px);
}
}
@media (max-width: 576px) {
  #separador1 {
    height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(80vh - 10px);
}
  #separador1 p{
    font-size: 1em;
  }
  #separador1 h2 {
      font-family: 'Splash', cursive;
      letter-spacing: 5pt;
      margin-bottom: 3vh;
      font-size: 1.8em;
      font-weight: bolder;
  }
}
/*----------  SEPARADOR 2 ----------*/
#separador2 {
    height: 95vh;
    background: url(../img/separador2.webp) no-repeat center center;
    background-size: cover;
    margin: -5vh 0vh 5vh 0vh;
    padding: 30vh 0vh;
}
#separador2 p{
    font-size: 1.5em;
}
#separador2 h2 {
    font-family: 'Splash', cursive;
    letter-spacing: 5pt;
    margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #separador2 {
    height: 90vh;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #separador2 {
    height: 90vh;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #separador2 {
    height: 90vh;
}
}
@media (max-width: 576px) {
  #separador2 p{
    font-size: 1em;
  }
  #separador2 h2 {
      font-family: 'Splash', cursive;
      letter-spacing: 5pt;
      margin-bottom: 3vh;
      font-size: 1.8em;
      font-weight: bolder;
  }
}
/*----------  SEPARADOR 3 ----------*/
#separador3 {
    height: 95vh;
    background: url(../img/separador3.webp) no-repeat center center;
    background-size: cover;
    margin: -5vh 0vh 5vh 0vh;
    padding: 30vh 0vh;
}
#separador3 p{
    font-size: 1.5em;
}
#separador3 h2 {
    font-family: 'Splash', cursive;
    letter-spacing: 5pt;
    margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #separador3 {
    height: 90vh;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #separador3 {
    height: 90vh;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #separador3 {
    height: 90vh;
}
}
@media (max-width: 576px) {
  #separador3 p{
    font-size: 1em;
  }
  #separador3 h2 {
      font-family: 'Splash', cursive;
      letter-spacing: 5pt;
      margin-bottom: 3vh;
      font-size: 1.8em;
      font-weight: bolder;
  }
}
/*----------  TÍTULO ----------*/
#titulo{
  margin-bottom: 2vh;
}
#titulo h1{
  font-family: 'Raleway', sans-serif;
  display: block;
  margin: 0px;
}
#titulo span{
  font-family: 'Splash', cursive;
  display: block;
  margin-top: -30px;
  letter-spacing: 10px;
}
@media (max-width: 576px) {
  #titulo{
  margin-bottom: 0vh;
}
  #titulo h1 {
    font-family: 'Raleway', sans-serif;
    display: block;
    margin: 0px;
    font-size: 2.7em;
  }
  #titulo span {
    font-family: 'Splash', cursive;
    display: block;
    margin-top: -15px;
    letter-spacing: 5px;
  }
}

/*----------  CUIDAR DE TI  ----------*/
#cuidardeti{
  height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(90vh - 10px);
}
#cuidardeti img{
  border-radius: 30px;
}
#titulocuidar{
  margin-bottom: 2vh;
}
#titulocuidar h1{
    font-family: 'Raleway', sans-serif;
    display: block;
    margin: 0px;
    font-size: 2.3em;
}
#titulocuidar span {
    font-family: 'Splash', cursive;
    display: block;
    margin-top: -16px;
    letter-spacing: 3px;
    font-size: 1em;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
   #cuidardeti{
    height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(120vh - 10px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   #cuidardeti{
    height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(90vh - 10px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #cuidardeti{
    height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(100vh - 10px);
  }
}
@media (max-width: 576px) {
  #cuidardeti{
    height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(110vh - 10px);
  }
}
/*----------  PREGUNTAS FRECUENTES ----------*/
#curveUpColor path,
#curveDownColor path {
  fill: #F2F2F2;
  stroke: #F2F2F2;
}
#preguntas{
  background-color:#F2F2F2;
  padding: 5vh 0vh;
}
#preguntas h1{
  font-family: 'Raleway', sans-serif;
  margin: 0px;
}
#preguntas span{
  font-family: 'Splash', cursive;
  margin-top: -30px;
  letter-spacing: 5px;
}
#preguntas .accordion-header {
    margin-bottom: 0;
    background-color: #F2F2F2;
}
/*----------  LANZAMIENTOS ----------*/
.faubicacion{
  margin-right: 5px;
}

/*----------  ESPACIOS ----------*/
#espacios {
  padding-top: 50px;
  padding-bottom: 50px;
  height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(250vh - 10px);
}

#espacios h2{
    font-family: 'Splash', cursive;
    letter-spacing: 5pt;
    margin-bottom: 5px;
    margin-top: 70px;
    font-size: 3em;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
   #espacios {
  padding-top: 50px;
  padding-bottom: 50px;
  height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(220vh - 10px);
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   #espacios {
  padding-top: 50px;
  padding-bottom: 50px;
  height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(220vh - 10px);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #espacios {
  padding-top: 50px;
  padding-bottom: 50px;
  height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(190vh - 10px);
}
}
@media (max-width: 576px) {
  #espacios {
  padding-top: 50px;
  padding-bottom: 50px;
  height: auto;height:-webkit-fill-available;height:-moz-available;height: fill-available;height:stretch;height:calc(280vh - 10px);
}
}

/*-- MODAL --*/
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    background: #000;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #fff;
    font-size: 2.2em;
}

/*------------------------------------------------------------------
    MAIL CHIMP SUSCRIBIR
-------------------------------------------------------------------*/
#mc_embed_signup{
   background:  #fff;
  clear:left; 
  font-family: 'Raleway', sans-serif; 
  width:90%;}

#mc_embed_signup #mc-embedded-subscribe-form {
    text-align: center;
    padding: 10px 0 10px 0;
    background: transparent;
}
#mc_embed_signup .mc-field-group{
  padding: 10px;
}
#mc_embed_signup .helper_text {
    color: #fff;
    margin-top: 2px;
    display: inline-block;
    padding: 3px;
    background-color: rgba(255,255,255,0.01);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    z-index: 1;
}
#mc_embed_signup input.button {
    font-size: 19px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    letter-spacing: .03em;
    color: #fff;
    background-color: #BFA24B;
    box-sizing: border-box;
    height: 42px;
    line-height: 32px;
    padding: 0px 1vh;
    display: inline-block;
    margin: 0px;
    transition: all 0.23s ease-in-out 0s;
}
#mc_embed_signup .brandingLogo {
    justify-self: right;
    max-width: 1px;
}
#mc_embed_signup input.email {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    border: 1px solid #ABB0B2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 13px;
    color: #343434;
    background-color: #fff;
    box-sizing: border-box;
    height: 36px;
    padding: 0px 0.4em;
    display: block;
    margin: 10px 0px;
    width: 100%;
    vertical-align: top;
}

/*----------  CONTACTO ----------*/
#contacto{
  font-size: .8rem;
}

#contacto h2{
  font-size: 1.7rem;
  font-weight: 600;
}
#contacto p{
  margin-bottom: 0rem;
}

/*-------- CARRUCEL PRODUCTOS -------*/
.owl-carousel {
  position: relative; }
  .owl-carousel .owl-item {
    opacity: 1; }
    .owl-carousel .owl-item.active {
      opacity: 1; }
  .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%; }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      position: absolute;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: -60px;
      color: rgba(0, 0, 0, 0.1) !important;
      -webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s;
      opacity: 0; }
      @media (prefers-reduced-motion: reduce) {
        .owl-carousel .owl-nav .owl-prev,
        .owl-carousel .owl-nav .owl-next {
          -webkit-transition: none;
          -o-transition: none;
          transition: none; } }
      .owl-carousel .owl-nav .owl-prev span:before,
      .owl-carousel .owl-nav .owl-next span:before {
        font-size: 30px; }
    .owl-carousel .owl-nav .owl-prev {
      left: 0; }
    .owl-carousel .owl-nav .owl-next {
      right: 0; }
  .owl-carousel .owl-dots {
    text-align: center;
    margin-top: 20px; }
    .owl-carousel .owl-dots .owl-dot {
      width: 10px;
      height: 10px;
      margin: 5px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.1);
      position: relative; }
      .owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot:focus {
        outline: none !important; }
      .owl-carousel .owl-dots .owl-dot.active {
        background: #8c796d; }
  .owl-carousel:hover .owl-nav .owl-prev,
  .owl-carousel:hover .owl-nav .owl-next {
    opacity: 1; }
  .owl-carousel:hover .owl-nav .owl-prev {
    left: -25px; }
  .owl-carousel:hover .owl-nav .owl-next {
    right: -25px; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.single_product_item .texto-evento {
  font-size: 2rem;
    top: 50%;
    position: absolute;
    background-color: red;
    color: white;
    font-weight: 600;
    width: 100%;
}

  /*---------- END CARRUCELPRODUCTOS ------*/

.carousel {
  margin-bottom: 4rem;
}
#myCarousel h1{
    font-size: 2em;
    margin-bottom: 0px;
  }
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
  left: 5%;
  right: 57%;
  color: #000000;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 100%;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */
.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1rem;
    font-size: .7rem;
    line-height: 1;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #myCarousel h1{
    font-size: 2em;
    margin-bottom: 0px;
  }
  .carousel-caption {
    bottom: 0rem;
  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #myCarousel h1{
    font-size: 1em;
    margin-bottom: 0px;
  }
  .carousel-caption {
    bottom: 0rem;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  #myCarousel h1{
    font-size: 1em;
    margin-bottom: 0px;
  }
  .carousel-caption {
    bottom: 0rem;
  }
  .btn-group-lg>.btn, .btn-lg {
      --bs-btn-padding-y: 0.5rem;
      --bs-btn-padding-x: 1rem;
      --bs-btn-font-size: .8rem;
      --bs-btn-border-radius: 0.5rem;
      margin: 0px;
  }
}
  /*---------- SERVICIOS TERAPIAS ------*/

.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  fill: currentcolor;
  transition: transform .25s ease-in-out;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

 /*---------- PAGINA INDIVIDUAL TERAPIAS ------*/

 .img-servicios{
    max-width: 100%;
    border-radius: 20px;
 }

 .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #e2e0df;
    box-shadow: inset 0 calc(var(--bs-accordion-border-width)* -1) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
    transform: var(--bs-accordion-btn-icon-transform);
}

/* Landing Wellness Day  */
/*----------  COVER  ----------*/
#coverwelnnessday{
  min-height: 500px;
  margin-bottom: 50px;
  background: url(../img/Coverwellnessday.webp) no-repeat center center;
  background-size: cover;
  padding: 23vh;
}
#coverwelnnessday h2{
  font-family: 'splash', sans-serif;
  font-size: 4rem;
  color: black;
  text-shadow: 1px 1px 10px white;
}
#coverwelnnessday p{
  font-family: 'Raleway', sans-serif;
  font-size: 3rem;
  font-weight: lighter;
  color: black;
  text-shadow: 1px 1px 10px white;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 #coverwelnnessday h2{
  font-family: 'splash', sans-serif;
  font-size: 3.5rem;
  color: black;
  text-shadow: 1px 1px 10px white;
}
#coverwelnnessday p{
  font-family: 'Raleway', sans-serif;
  font-size: 2.5rem;
  font-weight: lighter;
  color: black;
  text-shadow: 1px 1px 10px white;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #coverwelnnessday h2{
    font-family: 'splash', sans-serif;
    font-size: 2.5rem;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
  #coverwelnnessday p{
    font-family: 'Raleway', sans-serif;
    font-size: 1.9rem;
    font-weight: lighter;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
}
@media (max-width: 576px) {
  #coverwelnnessday{
    min-height: 400px;
    margin-bottom: 10px;
    padding: 20vh 5vh;
  }
  #coverwelnnessday h2{
    font-family: 'splash', sans-serif;
    font-size: 2.8rem;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
  #coverwelnnessday p{
    font-family: 'Raleway', sans-serif;
    font-size: 2rem;
    font-weight: lighter;
    color: black;
    text-shadow: 1px 1px 10px white;
  }
}
/*----------  QUE ES  ----------*/
#queeswd{
}
#queeswd img{
  border-radius: 30px;
}
#titulocuidar{
  margin-bottom: 2vh;
}
#titulocuidar h1{
    font-family: 'Raleway', sans-serif;
    display: block;
    margin: 0px;
    font-size: 2.3em;
}
#titulocuidarwd span {
    font-family: 'Splash', cursive;
    display: block;
    margin-top: 0px;
    letter-spacing: 5px;
    font-size: 1.5em;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
   #queeswd{
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   #queeswd{
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #queeswd{
  }
}
@media (max-width: 576px) {
  #queeswd{
  }
}
/*----------  SEPARADOR 1 WD ----------*/
#separador1WD {
    
    background: url(../img/wellnessday/separador1wd.webp) no-repeat center center;
    background-size: cover;
    margin: -5vh 0vh 5vh 0vh;
    padding: 20vh 0vh;
}
#separador1WD p{
    font-size: 1.5em;
}
#separador1WD h2 {
    font-family: 'Splash', cursive;
    letter-spacing: 5pt;
    margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
 #separador1WD {
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 #separador1WD {
}
}


@media only screen and (min-width: 576px) and (max-width: 767px) {
#separador1WD {
}
}
@media (max-width: 576px) {
  #separador1WD {
}
  #separador1WD p{
    font-size: 1em;
  }
  #separador1WD h2 {
      font-family: 'Splash', cursive;
      letter-spacing: 5pt;
      margin-bottom: 3vh;
      font-size: 1.8em;
      font-weight: bolder;
  }
}

/*----------  SEPARADOR 2 WD ----------*/
#separador2WD {
    
    background: url(../img/wellnessday/separador2wd.webp) no-repeat center center;
    background-size: cover;
    margin: -5vh 0vh 5vh 0vh;
    padding: 20vh 0vh;
}
#separador1WD p{
    font-size: 1.5em;
}
#separador1WD h2 {
    font-family: 'Splash', cursive;
    letter-spacing: 5pt;
    margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
 #separador1WD {
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 #separador1WD {
}
}


@media only screen and (min-width: 576px) and (max-width: 767px) {
#separador1WD {
}
}
@media (max-width: 576px) {
  #separador1WD {
}
  #separador1WD p{
    font-size: 1em;
  }
  #separador1WD h2 {
      font-family: 'Splash', cursive;
      letter-spacing: 5pt;
      margin-bottom: 3vh;
      font-size: 1.8em;
      font-weight: bolder;
  }
}

/*----------  SEPARADOR 3 WD ----------*/
#separador3WD {
    
    background: url(../img/wellnessday/separador3wd.webp) no-repeat center center;
    background-size: cover;
    margin: -5vh 0vh 5vh 0vh;
    padding: 20vh 0vh;
}
#separador1WD p{
    font-size: 1.5em;
}
#separador1WD h2 {
    font-family: 'Splash', cursive;
    letter-spacing: 5pt;
    margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
 #separador1WD {
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 #separador1WD {
}
}


@media only screen and (min-width: 576px) and (max-width: 767px) {
#separador1WD {
}
}
@media (max-width: 576px) {
  #separador1WD {
}
  #separador1WD p{
    font-size: 1em;
  }
  #separador1WD h2 {
      font-family: 'Splash', cursive;
      letter-spacing: 5pt;
      margin-bottom: 3vh;
      font-size: 1.8em;
      font-weight: bolder;
  }
}
/* Landing Formación Angeloterapeuta */
/*----------  COVER  ----------*/
#coverformacion{
  min-height: 500px;
  margin-bottom: 50px;
  background: url(../img/Coverformacion.webp) no-repeat center center;
  background-size: cover;
  padding: 23vh;
  color: black;
}
#coverformacion h2{
  font-family: 'splash', sans-serif;
  font-size: 4rem;
  text-shadow: 1px 1px 10px white;
  color: black;
}
#coverformacion p{
  font-family: 'Raleway', sans-serif;
  font-size: 3rem;
  font-weight: lighter;
  text-shadow: 1px 1px 10px white;
  color: black;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 #coverformacion h2{
  font-family: 'splash', sans-serif;
  font-size: 3.5rem;
  text-shadow: 1px 1px 10px white;
}
#coverformacion p{
  font-family: 'Raleway', sans-serif;
  font-size: 2.5rem;
  font-weight: lighter;
  text-shadow: 1px 1px 10px white;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #coverformacion h2{
    font-family: 'splash', sans-serif;
    font-size: 2.5rem;
    text-shadow: 1px 1px 10px white;
  }
  #coverformacion p{
    font-family: 'Raleway', sans-serif;
    font-size: 1.9rem;
    font-weight: lighter;
    text-shadow: 1px 1px 10px white;
  }
}
@media (max-width: 576px) {
  #coverformacion{
    min-height: 400px;
    margin-bottom: 10px;
    padding: 20vh 5vh;
  }
  #coverformacion h2{
    font-family: 'splash', sans-serif;
    font-size: 2.8rem;
    text-shadow: 1px 1px 10px white;
  }
  #coverformacion p{
    font-family: 'Raleway', sans-serif;
    font-size: 2rem;
    font-weight: lighter;
    text-shadow: 1px 1px 10px white;
  }
}

/* Landing MASAJES GRAL */
/*----------  COVER  ----------*/
#covermasajes{
  min-height: 500px;
  margin-bottom: 50px;
  background: url(../img/terapeutas/briana/Covermasajes.webp) no-repeat center center;
  background-size: cover;
  padding: 23vh;
  color: black;
}
#covermasajes h2{
  font-family: 'splash', sans-serif;
  font-size: 4rem;
  text-shadow: 1px 1px 10px white;
  color: black;
}
#covermasajes p{
  font-family: 'Raleway', sans-serif;
  font-size: 3rem;
  font-weight: lighter;
  text-shadow: 1px 1px 10px white;
  color: black;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 #covermasajes h2{
  font-family: 'splash', sans-serif;
  font-size: 3.5rem;
  text-shadow: 1px 1px 10px white;
}
#covermasajes p{
  font-family: 'Raleway', sans-serif;
  font-size: 2.5rem;
  font-weight: lighter;
  text-shadow: 1px 1px 10px white;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #covermasajes h2{
    font-family: 'splash', sans-serif;
    font-size: 2.5rem;
    text-shadow: 1px 1px 10px white;
  }
  #covermasajes p{
    font-family: 'Raleway', sans-serif;
    font-size: 1.9rem;
    font-weight: lighter;
    text-shadow: 1px 1px 10px white;
  }
}
@media (max-width: 576px) {
  #covermasajes{
    min-height: 400px;
    margin-bottom: 10px;
    padding: 20vh 5vh;
  }
  #covermasajes h2{
    font-family: 'splash', sans-serif;
    font-size: 2.8rem;
    text-shadow: 1px 1px 10px white;
  }
  #covermasajes p{
    font-family: 'Raleway', sans-serif;
    font-size: 2rem;
    font-weight: lighter;
    text-shadow: 1px 1px 10px white;
  }
}
/* Landing GRAL */
/*----------  COVER  ----------*/
#coverlanding{
  min-height: 500px;
  margin-bottom: 50px;
  background: url(../img/terapeutas/CoverLanding.webp) no-repeat center center;
  background-size: cover;
  padding: 23vh;
  color: black;
}
#coverlanding h2{
  font-family: 'splash', sans-serif;
  font-size: 4rem;
  text-shadow: 1px 1px 10px white;
  color: black;
}
#coverlanding p{
  font-family: 'Raleway', sans-serif;
  font-size: 3rem;
  font-weight: lighter;
  text-shadow: 1px 1px 10px white;
  color: black;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 #coverlanding h2{
  font-family: 'splash', sans-serif;
  font-size: 3.5rem;
  text-shadow: 1px 1px 10px white;
}
#coverlanding p{
  font-family: 'Raleway', sans-serif;
  font-size: 2.5rem;
  font-weight: lighter;
  text-shadow: 1px 1px 10px white;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #coverlanding h2{
    font-family: 'splash', sans-serif;
    font-size: 2.5rem;
    text-shadow: 1px 1px 10px white;
  }
  #coverlanding p{
    font-family: 'Raleway', sans-serif;
    font-size: 1.9rem;
    font-weight: lighter;
    text-shadow: 1px 1px 10px white;
  }
}
@media (max-width: 576px) {
  #coverlanding{
    min-height: 400px;
    margin-bottom: 10px;
    padding: 20vh 5vh;
  }
  #coverlanding h2{
    font-family: 'splash', sans-serif;
    font-size: 2.8rem;
    text-shadow: 1px 1px 10px white;
  }
  #coverlanding p{
    font-family: 'Raleway', sans-serif;
    font-size: 2rem;
    font-weight: lighter;
    text-shadow: 1px 1px 10px white;
  }
}

/* Landing MAritza */
/*----------  COVER  ----------*/
#covermaritza{
  min-height: 500px;
  margin-bottom: 50px;
  background: url(../img/terapeutas/maritza/Covermaritza.webp) no-repeat center center;
  background-size: cover;
  padding: 23vh;
  color: black;
}
#covermaritza h2{
  font-family: 'splash', sans-serif;
  font-size: 4rem;
  text-shadow: 1px 1px 10px white;
  color: black;
}
#covermaritza p{
  font-family: 'Raleway', sans-serif;
  font-size: 3rem;
  font-weight: lighter;
  text-shadow: 1px 1px 10px white;
  color: black;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 #covermaritza h2{
  font-family: 'splash', sans-serif;
  font-size: 3.5rem;
  text-shadow: 1px 1px 10px white;
}
#covermaritza p{
  font-family: 'Raleway', sans-serif;
  font-size: 2.5rem;
  font-weight: lighter;
  text-shadow: 1px 1px 10px white;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #covermaritza h2{
    font-family: 'splash', sans-serif;
    font-size: 2.5rem;
    text-shadow: 1px 1px 10px white;
  }
  #covermaritza p{
    font-family: 'Raleway', sans-serif;
    font-size: 1.9rem;
    font-weight: lighter;
    text-shadow: 1px 1px 10px white;
  }
}
@media (max-width: 576px) {
  #covermaritza{
    min-height: 400px;
    margin-bottom: 10px;
    padding: 20vh 5vh;
  }
  #covermaritza h2{
    font-family: 'splash', sans-serif;
    font-size: 2.8rem;
    text-shadow: 1px 1px 10px white;
  }
  #covermaritza p{
    font-family: 'Raleway', sans-serif;
    font-size: 2rem;
    font-weight: lighter;
    text-shadow: 1px 1px 10px white;
  }
}

/*----------  SEPARADOR 1 FA ----------*/
#separador1FA {
    
    background: url(../img/formacion/separador1fa.webp) no-repeat center center;
    background-size: cover;
    margin: -5vh 0vh 5vh 0vh;
    padding: 20vh 0vh;
}
#separador1FA img{
  border-radius: 30px;
}

#separador1FA h2 {
    font-family:  'Raleway', sans-serif;
    letter-spacing: 5pt;
    margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
 #separador1FA {
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 #separador1FA {
}
}


@media only screen and (min-width: 576px) and (max-width: 767px) {
#separador1FA {
}
}
@media (max-width: 576px) {
  #separador1FA {
}

  #separador1FA h2 {
      font-family:  'Raleway', sans-serif;
      letter-spacing: 5pt;
      margin-bottom: 3vh;
      font-size: 1.8em;
      font-weight: bolder;
  }
}

/*----------  SEPARADOR AL ----------*/
#separadorAL {
    background: url(../img/terapeutas/separadorLanding.webp) no-repeat center center;
    background-size: cover;
    margin: -5vh 0vh 5vh 0vh;
    padding: 20vh 0vh;
}
#separadorAL img{
  border-radius: 30px;
}

#separadorAL h2 {
    font-family:  'Raleway', sans-serif;
    letter-spacing: 5pt;
    margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
 #separadorAL {
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 #separadorAL {
}
}


@media only screen and (min-width: 576px) and (max-width: 767px) {
#separadorAL {
}
}
@media (max-width: 576px) {
  #separadorAL {
}

  #separadorAL h2 {
      font-family:  'Raleway', sans-serif;
      letter-spacing: 5pt;
      margin-bottom: 3vh;
      font-size: 1.8em;
      font-weight: bolder;
  }
}



@media only screen and (min-width: 992px) and (max-width: 1200px) {
 
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 
}


@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 576px) {


}