
/* scoped: todo cuelga de .nha26-hero — cero colision con estilos existentes */
.nha26-hero{position:relative;min-height:92vh;min-height:92svh;display:flex;flex-direction:column;
  justify-content:flex-end;overflow:clip;background:#F9F8F6;
  font-family:"Metropolis",-apple-system,sans-serif;margin:0}
.nha26-hero-media{position:absolute;inset:0;z-index:0}
.nha26-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}
.nha26-hero-veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(178deg,rgba(35,40,32,0.3) 0%,rgba(35,40,32,0.14) 34%,rgba(35,40,32,0.56) 72%,rgba(35,40,32,0.86) 100%)}
.nha26-hero-core{position:relative;z-index:2;padding:0 clamp(22px,6vw,84px) 40px;max-width:1280px}
.nha26-kicker{display:block;font-size:11px;letter-spacing:.42em;text-transform:uppercase;
  font-weight:600;color:rgba(249,247,238,0.62);margin-bottom:22px}
.nha26-hero-core h1{font-family:"EB Garamond",Georgia,serif;font-weight:500;
  font-size:clamp(40px,6.2vw,86px);line-height:1.06;letter-spacing:-.012em;color:#F9F7EE;
  max-width:21ch;margin:0;text-shadow:0 2px 34px rgba(35,40,32,0.45)}
.nha26-sub{font-size:clamp(15px,1.35vw,17.5px);line-height:1.75;max-width:56ch;margin:28px 0 0;
  color:rgba(249,247,238,0.88);text-shadow:0 1px 18px rgba(35,40,32,0.55)}
.nha26-creds{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;
  color:rgba(249,247,238,0.66);margin:26px 0 0}
.nha26-cta{display:flex;gap:14px;flex-wrap:wrap;margin:38px 0 0}
.nha26-btn{display:inline-block;padding:15px 30px;font-size:11.5px;letter-spacing:.22em;
  text-transform:uppercase;font-weight:600;color:#655353;text-decoration:none;
  border:1px solid rgba(101,83,83,0.45);transition:background .7s,color .7s,border-color .7s}
.nha26-btn:hover{background:rgba(101,83,83,0.12);color:#655353;border-color:rgba(101,83,83,0.8)}
.nha26-btn-fill{background:#B8D8CB;border-color:#C6D887;color:#655353}
.nha26-btn-fill:hover{background:#C6D887;border-color:#C6D887;color:#655353}
.nha26-hero-foot{position:relative;z-index:2;padding:0 clamp(22px,6vw,84px) 26px}
.nha26-tipos{display:flex;gap:clamp(16px,3vw,42px);flex-wrap:wrap;padding-top:20px;
  border-top:1px solid rgba(101,83,83,0.18)}
.nha26-tipos span{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;
  color:rgba(249,247,238,0.55)}
/* coreografia de entrada — solo CSS, lenta (doctrina slow) */
@media (prefers-reduced-motion: no-preference){
  .nha26-kicker{animation:nha26Track 2.2s cubic-bezier(.22,.7,.25,1) .25s both}
  .nha26-hero-core h1{animation:nha26Bruma 2.4s cubic-bezier(.22,.7,.25,1) .5s both}
  .nha26-sub{animation:nha26In 2s cubic-bezier(.22,.7,.25,1) 1.05s both}
  .nha26-creds{animation:nha26In 2s cubic-bezier(.22,.7,.25,1) 1.35s both}
  .nha26-cta{animation:nha26In 2s cubic-bezier(.22,.7,.25,1) 1.6s both}
  .nha26-hero-foot{animation:nha26Fade 2.2s ease 2s both}
  .nha26-hero-media img{animation:nha26Media 3.6s ease .05s both}
}
@keyframes nha26In{from{opacity:0;transform:translateY(22px)}}
@keyframes nha26Fade{from{opacity:0}}
@keyframes nha26Track{from{opacity:0;letter-spacing:.6em}}
@keyframes nha26Bruma{from{opacity:0;filter:blur(9px);transform:translateY(14px)}}
@keyframes nha26Media{from{transform:scale(1.045)}}
@media(max-width:640px){
  .nha26-hero{min-height:88vh;min-height:88svh}
  .nha26-btn{padding:13px 20px;letter-spacing:.16em}
}
