/* Hero Academy — composición editorial (arquitectura visual inspirada en Abridge, verde oficial Academy #c9f27c) */
.hero-academy{--ha-green:#c9f27c;--ha-green-deep:#c9f27c;--ha-ink:#0c1220;--ha-muted:#5b6472;position:relative;background:#FFFFFF;padding:150px 0 100px;overflow:hidden}
.hero-academy__shell{width:min(1400px,calc(100% - 96px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:clamp(40px,5vw,72px);align-items:center}

.hero-academy__eyebrow{display:flex;align-items:center;gap:26px;margin-bottom:30px;transform:translateY(-38px)}
.hero-academy__brand{display:flex;align-items:center;gap:12px;color:var(--ha-ink);font-size:1.75rem;white-space:nowrap}
.hero-academy__brand-icon{display:grid;width:48px;height:48px;color:var(--ha-green-deep)}
.hero-academy__brand-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero-academy__brand-icon circle{fill:currentColor;stroke:none}
.hero-academy__brand b{font-weight:500}
.hero-academy__brand em{color:var(--ha-green-deep);font-style:normal;font-weight:500}
.hero-academy__eyebrow small{padding-left:26px;border-left:2px solid rgba(12,18,32,.16);color:var(--ha-muted);font:500 1.125rem var(--font-mono);letter-spacing:.08em}

.hero-academy h1{max-width:640px;margin:0 0 26px;font-size:clamp(2.625rem,6vw,5.75rem);font-weight:500;line-height:.96;letter-spacing:-.04em;color:var(--ha-ink);text-wrap:balance}
.hero-academy h1 .hero-academy__accent{color:var(--ha-green-deep)}
.hero-academy__copy>p{max-width:500px;margin:0;color:var(--ha-muted);font-size:1.0625rem;line-height:1.65}

.hero-academy__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:38px}
.hero-academy__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;min-width:172px;padding:0 24px;border-radius:10px;border:1px solid transparent;font-size:.8125rem;font-weight:500;text-decoration:none;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.hero-academy__btn--primary{background:var(--ha-green);border-color:var(--ha-green);color:#101912}
.hero-academy__btn--primary:hover{background:#d7f89b;transform:translateY(-2px)}
.hero-academy__btn--ghost{border-color:rgba(12,18,32,.2);color:var(--ha-ink)}
.hero-academy__btn--ghost:hover{border-color:rgba(12,18,32,.4);transform:translateY(-2px)}

.hero-academy__visual{position:relative;width:100%;max-width:600px;aspect-ratio:700/760;margin-left:auto}

.hero-academy__shapes{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.hero-academy__shapes polygon,.hero-academy__shapes rect,.hero-academy__shapes path:not(.hero-academy__hook){fill:var(--ha-green)}
.hero-academy__hook{fill:none;stroke:var(--ha-green);stroke-width:60;stroke-linecap:square;stroke-linejoin:round}

.hero-academy__frame{position:absolute;z-index:2;margin:0;overflow:hidden;background:#eef1e6}
.hero-academy__frame img{width:100%;height:100%;object-fit:cover;display:block}
.hero-academy__frame--a{left:20%;top:0;width:48.571%;height:30.263%;border-radius:50% 50% 0 0/73.913% 73.913% 0 0}
.hero-academy__frame--b{left:0;top:43.421%;width:35.714%;height:35.526%;border-radius:50% 50% 0 0/46.296% 46.296% 0 0}
.hero-academy__frame--c{left:48.571%;top:63.158%;width:40%;height:36.842%;border-radius:0 0 50% 50%/0 0 50% 50%}

@media(max-width:1023px){.hero-academy{padding:135px 0 84px}.hero-academy__shell{width:min(100% - 64px,1180px)}}

@media(max-width:1023px){
  .hero-academy{padding:118px 0 72px}
  .hero-academy__shell{grid-template-columns:1fr;gap:56px;width:min(100% - 48px,640px)}
  .hero-academy h1{max-width:100%}
  .hero-academy__copy>p{max-width:100%}
  .hero-academy__visual{max-width:460px;margin:0 auto}
}

@media(max-width:767px){
  .hero-academy{padding:104px 0 64px}
  .hero-academy__shell{width:min(100% - 40px,640px);gap:44px}
  .hero-academy h1{font-size:clamp(2.375rem,12vw,3.375rem)}
  .hero-academy__copy>p{font-size:.9688rem}
  .hero-academy__actions{flex-direction:column;align-items:stretch}
  .hero-academy__btn{width:100%}
  .hero-academy__visual{max-width:340px}
  .hero-academy__frame--c{border-width:5px}
  .hero-academy__eyebrow{flex-wrap:wrap;row-gap:10px;transform:translateY(-16px)}
  .hero-academy__eyebrow small{padding-left:0;border-left:0}
}

@media(prefers-reduced-motion:reduce){.hero-academy__btn{transition:none}}

/* Sección "Cursos para profesionales de la salud": fondo gris/off-white para separar visualmente del hero (ahora blanco puro) */
.health-courses{background:#F3F3F1}