/* Inicio: proporciones del banner y botón de WhatsApp del mockup. */
@media (min-width:701px) {
  .hero {
    min-height:clamp(360px,28.78vw,480px);
    padding:44px 0 24px;
    background-color:#050d16;
    background-image:url('./assets/home/hero.webp');
    background-size:auto 165%;
    background-position:right top calc(-1.8vw);
    background-repeat:no-repeat;
  }
  .hero .wrap {width:min(1200px,86%)}
  .hero h1 {font-size:clamp(52px,5.04vw,76px)}
  .hero .lead {max-width:545px;font-size:18px;margin:14px 0 18px}
  .hero .btn {min-width:245px;min-height:52px;font-size:16px}
}
.schedule-actions .whatsapp {
  color:#25b76b;
  border-color:#25d366;
  background:#fff;
}
.schedule-actions .whatsapp .icon {
  filter:invert(60%) sepia(84%) saturate(428%) hue-rotate(93deg) brightness(96%) contrast(89%);
}
.schedule-actions .whatsapp:hover {background:#f1fcf5}
.schedule-actions .whatsapp:focus-visible {outline-color:#128c4d}
@media (max-width:1000px) and (min-width:701px) {
  .hero {min-height:360px;background-size:auto 160%;background-position:right top -20px}
  .hero h1 {font-size:clamp(34px,4.25vw,42px)}
  .hero .lead {max-width:56%;font-size:16px}
  .hero .btn {min-width:210px}
}