/* Hero de escritorio: propuesta 01. Hero móvil: revelación cinematográfica. */
.hero-mobile-text{display:none}
.hero-actions .button .hero-desktop-text,.hero-actions .button .hero-mobile-text{font-size:inherit;font-weight:inherit;transition:none}
.hero{position:relative;isolation:isolate;min-height:min(850px,100svh);overflow:hidden;background:#04152b}
.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-video{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}
.hero-photo{z-index:0;object-fit:cover;object-position:68% 52%;animation:hero-image-arrive 2.2s cubic-bezier(.2,.65,.2,1) both,hero-image-breathe 16s ease-in-out 2.2s infinite alternate}
.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(3,17,35,.98) 0%,rgba(3,18,38,.93) 31%,rgba(3,20,43,.68) 48%,rgba(3,20,43,.08) 76%)}
.hero .hero-grid{z-index:2;opacity:.16}.hero .hero-glow,.hero .hero-art{display:none}
.hero .hero-content{position:relative;z-index:3;display:flex;align-items:center;min-height:min(850px,100svh);padding-top:122px;padding-bottom:108px}
.hero .hero-copy{width:min(100%,850px);max-width:850px}
.hero h1{max-width:860px;font-size:clamp(3.5rem,6.2vw,7.25rem);line-height:1.03;letter-spacing:-.065em;text-wrap:balance}
.hero h1 em{color:#9cdbff}.hero .hero-description{max-width:460px}
.hero-art-label{position:absolute;right:clamp(24px,5vw,88px);bottom:43px;z-index:3;color:rgba(235,247,255,.7);font-size:10px;font-weight:700;letter-spacing:.22em;white-space:nowrap}
.hero-art-label span{color:#9cdbff;margin:0 .5em}.hero .hero-side-note{z-index:3}
@keyframes hero-image-arrive{from{opacity:.45;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
@keyframes hero-image-breathe{from{transform:scale(1)}to{transform:scale(1.045)}}
@media(max-width:760px){
  .hero-desktop-text{display:none}.hero-mobile-text{display:inline}
  .hero,.hero .hero-content{min-height:max(700px,100svh)}
  .hero-photo{display:none;object-position:68% center}
  .hero-video{display:block}
  .hero-shade{background:linear-gradient(180deg,rgba(3,17,35,.58) 0%,rgba(3,17,35,.08) 22%,rgba(3,17,35,0) 50%,rgba(3,17,35,.62) 71%,rgba(3,17,35,.98) 100%)}
  .hero .hero-grid{opacity:.08}
  .hero .hero-content{align-items:flex-end;justify-content:flex-end;padding-top:110px;padding-bottom:43px}
  .hero .hero-copy{width:100%;max-width:390px;padding:0}
  .hero .eyebrow{font-size:9px;letter-spacing:.2em}
  .hero h1{max-width:100%;margin:13px 0 12px;font-size:clamp(2.55rem,10.7vw,3rem);line-height:1.03;letter-spacing:-.065em}
  .hero .hero-description{max-width:300px;font-size:12px;line-height:1.55;color:#d4e5f0}
  .hero .hero-actions{margin-top:19px;gap:0}
  .hero .hero-actions .text-link,.hero .hero-bottom,.hero-art-label{display:none}
  .hero .hero-actions .button{min-height:49px;white-space:nowrap}
  .hero .hero-actions .button .hero-desktop-text{display:none}
  .hero .hero-actions .button .hero-mobile-text{display:inline}
  .hero .hero-actions .button>span:last-child{font-size:18px}
}
@media(max-width:390px){.hero h1{font-size:clamp(2.45rem,10.4vw,2.8rem)}.hero .hero-actions .button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-photo{animation:none}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.hero-photo{display:block}.hero-video{display:none}}