/* Hero único de Agenda V3. Sin loaders, máscaras ni estilos dinámicos. */
.scheduler-hero{
  position:relative!important;
  height:500px!important;
  overflow:hidden!important;
  background:#fff!important;
}

.scheduler-hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  overflow:hidden;
  background:#fff;
}

.scheduler-hero-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:right center!important;
  opacity:1!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

.scheduler-hero-overlay{display:none!important}

.scheduler-hero-content{
  position:relative!important;
  z-index:2!important;
  width:min(100% - 64px,1370px)!important;
  height:100%!important;
  margin:auto!important;
  display:flex!important;
  align-items:center!important;
}

.scheduler-hero-copy{
  width:min(48%,620px)!important;
  padding:0 0 18px!important;
}

.hero-kicker{
  max-width:520px;
  margin:0 0 18px;
  color:#bd9550;
  font-size:18px;
  font-weight:800;
  line-height:1.28;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.hero-accent{
  display:block!important;
  width:82px!important;
  height:3px!important;
  margin:0 0 22px!important;
  background:#bd9550!important;
  box-shadow:none!important;
}

.scheduler-hero-copy h1{
  max-width:650px!important;
  margin:0!important;
  font-family:var(--body)!important;
  font-size:clamp(50px,4.35vw,68px)!important;
  font-weight:800!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  color:#0b4b58!important;
  text-shadow:none!important;
}

.hero-title-main,.hero-title-gold{display:block}
.hero-title-gold{color:#c49a54}

.hero-subtitle{
  margin:20px 0 0;
  color:#0b4b58;
  font-size:25px;
  font-weight:700;
  line-height:1.22;
  letter-spacing:.015em;
}

.form-section{margin-top:-58px!important}

@media(max-width:1100px) and (min-width:761px){
  .scheduler-hero{height:470px!important}
  .scheduler-hero-content{width:min(100% - 44px,1040px)!important}
  .scheduler-hero-copy{width:52%!important}
  .hero-kicker{font-size:15px;max-width:420px}
  .scheduler-hero-copy h1{font-size:50px!important}
  .hero-subtitle{font-size:21px}
  .form-section{margin-top:-50px!important}
}

@media(max-width:760px){
  .scheduler-hero{
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .scheduler-hero-content{
    order:1!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:42px 28px 26px!important;
    display:block!important;
  }
  .scheduler-hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  .hero-kicker{
    max-width:360px;
    margin-bottom:14px;
    font-size:14px;
    line-height:1.25;
  }
  .hero-accent{
    width:58px!important;
    margin-bottom:16px!important;
  }
  .scheduler-hero-copy h1{
    font-size:clamp(40px,10.8vw,50px)!important;
    line-height:.98!important;
  }
  .hero-subtitle{
    margin-top:17px;
    font-size:21px;
    line-height:1.2;
  }
  .scheduler-hero-media{
    order:2!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    aspect-ratio:4/3;
    display:block!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .scheduler-hero-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:72% center!important;
  }
  .form-section{margin-top:-28px!important}
}

@media(max-width:390px){
  .scheduler-hero-content{padding:34px 22px 22px!important}
  .hero-kicker{font-size:12px}
  .scheduler-hero-copy h1{font-size:39px!important}
  .hero-subtitle{font-size:19px}
}