/* The supplied render already places the architecture on the right. */
.hero-atmosphere{display:none}
@media(min-width:701px){
  .hero{background:#000}
  .hero-image{
    inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;
    transform:scale(1.06);transform-origin:right center;
    -webkit-mask-image:none;mask-image:none;
  }
  .hero-shade{display:none}
}
/* Fill wide screens without the visible edge left by contain. */
@media(min-width:701px) and (min-aspect-ratio:16/9){
  .hero-image{object-fit:cover}
}
/* Use the open space above the left wing for a three-line headline. */
@media(min-width:1051px){
  .hero-heading{
    top:calc(clamp(148px,20svh,260px) - 24px);width:44%;max-width:860px;
    transform:none;
  }
  .hero h1{font-size:clamp(64px,min(6.4vw,11.5svh),122px);line-height:1.06}
  .hero-title-break{display:none}
}

/* The opening invitation shares the final CTA's light, texture and spring response. */
.hero-action{position:relative;width:min(100%,364px);margin-top:clamp(24px,4svh,38px)}
#inicio .future-cta.hero-cta{width:100%;max-width:100%;height:82px}
#inicio .hero-cta .future-cta-surface{background:linear-gradient(125deg,#244e7c,#102a4a 48%,#1c3c64) padding-box,linear-gradient(125deg,#dcf3ff,#8dc9ffb3 24%,#518ff66b 52%,#b3dfff) border-box;box-shadow:inset 0 1px 1px #eefaff38,inset 0 -3px 1px #03091765,0 9px 26px #0007,0 0 32px #58aaff24}
#inicio .hero-cta::before{opacity:.65}
#inicio .hero-cta .future-cta-label{font-size:18px}
@media(min-width:701px) and (max-width:1050px){
 #inicio .future-cta.hero-cta{height:74px}
 #inicio .hero-cta .future-cta-surface{padding-inline:16px;gap:12px}
 #inicio .hero-cta .future-cta-label{font-size:16px}
 #inicio .hero-cta .future-cta-port{width:36px;height:36px}
}
@media(max-width:700px){
 .hero-action{width:min(100%,344px);margin-top:28px}
 #inicio .future-cta.hero-cta{height:78px}
 #inicio .hero-cta .future-cta-label{font-size:17px}
}
@media(max-height:600px) and (min-width:701px){
 .hero{min-height:540px}
 .hero-heading{top:100px;transform:none}
 .hero-action{margin-top:18px}
 #inicio .future-cta.hero-cta{height:64px}
}
@media(max-width:360px){
 #inicio .hero-cta .future-cta-label{font-size:16px}
}

/* A readable explanation between the headline and its primary action. */
.hero-subtitle{width:min(100%,440px);margin:22px 0 0;color:#cad8e9;font-size:clamp(15px,1.1vw,18px);font-weight:400;line-height:1.65;letter-spacing:0;text-wrap:pretty}
@media(min-width:701px) and (max-width:1050px){
 .hero-subtitle{width:300px;max-width:calc(100vw - 100px);font-size:15px;line-height:1.6}
 .hero-heading{top:max(110px,calc(50% - 265px));transform:none}
 .hero{min-height:720px}
}
@media(max-width:700px){
 .hero-subtitle{margin-top:20px;font-size:15px;line-height:1.6;max-width:360px}
 .hero-action{margin-top:24px}
 .hero-heading{top:max(112px,calc(48% - 250px));transform:none}
 .hero{min-height:720px}
}

#inicio .hero-cta-note{margin:12px 0 0;width:100%;color:#b8c9dc;font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.025em;text-align:center;text-wrap:balance}

/* Responsive opening: scoped below the established desktop breakpoint. */
@media (max-width:1050px){
 #inicio .hero-title-break{display:none}
 #inicio .hero-heading{left:7%;top:clamp(112px,16svh,160px);bottom:auto;width:48%;max-width:none;transform:none}
 #inicio h1{font-size:clamp(48px,6.5vw,68px);line-height:1.08;letter-spacing:-.055em}
 #inicio .hero-subtitle{width:100%;max-width:390px;margin-top:22px;font-size:15px;line-height:1.6}
 #inicio .hero-action{width:min(100%,344px);margin-top:24px}
 #inicio .future-cta.hero-cta{height:72px}
}
@media (min-width:701px) and (max-width:1050px) and (orientation:portrait){
 #inicio{min-height:920px;background:#02070c}
 #inicio .hero-heading{left:8%;top:clamp(112px,13svh,160px);width:84%}
 #inicio h1{font-size:clamp(56px,7.8vw,76px)}
 #inicio .hero-subtitle{max-width:440px;font-size:16px}
 #inicio .hero-image{inset:auto auto 0 -54%;width:150%;height:auto;max-width:none;transform:none;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(transparent,#000 16%);-webkit-mask-image:linear-gradient(transparent,#000 16%)}
}
@media (max-width:700px){
 #inicio{height:100svh;min-height:740px;background:#02070c}
 #inicio .hero-heading{left:24px;top:clamp(104px,13svh,124px);width:calc(100% - 48px);max-width:none}
 #inicio h1{font-size:clamp(36px,12vw,58px);line-height:1.09}
 #inicio .hero-subtitle{max-width:420px;margin-top:18px;font-size:15px;line-height:1.6}
 #inicio .hero-action{width:min(100%,344px);margin-top:22px}
 #inicio .future-cta.hero-cta{height:68px}
 #inicio .hero-image{inset:auto auto 0 -61%;width:160%;height:auto;max-width:none;transform:none;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(transparent,#000 18%);-webkit-mask-image:linear-gradient(transparent,#000 18%)}
 #inicio .hero-shade{display:none}
 #inicio .hero-cta-note{font-size:11px;letter-spacing:0}
}
@media (max-width:360px){
 #inicio .hero-heading{left:20px;width:calc(100% - 40px)}
 #inicio .hero-subtitle{font-size:14px}
 #inicio .hero-cta .future-cta-surface{padding-inline:16px;gap:10px}
}