/* Approved open-sky homepage hero. Scoped to the homepage. */
.home nav{background:transparent;border-bottom-color:transparent}
.home nav .navin{height:80px;max-width:1152px;padding-inline:36px}
.home nav .logo{font-size:23px}
.home nav .logo b{color:var(--peach)}
.home nav .logo,.home nav .btn,.home nav .navlinks,.home nav .lang a{color:var(--navy)}
.home nav .lang a::before{border-color:var(--line)}
.home nav:not(.solid) :focus-visible{outline-color:var(--blue)}
.home .hero{isolation:isolate;display:block;min-height:760px;min-height:max(760px,100svh);color:var(--navy);background:var(--paper) url('/art/hero-horizon.webp') center bottom/cover no-repeat}
.home .hero::before{display:none}
.home .hero>.wrap{max-width:980px;padding:150px 28px 255px;text-align:center}
.home .hero h1.display{font-size:clamp(20px,6.3vw,64px);line-height:1.08;letter-spacing:-.035em;color:var(--navy);max-width:100%;margin:0 auto 25px}
.home .hero .headline-line{display:block;white-space:nowrap}
.home .hero h1.display em{color:var(--blue);font-style:normal}
.home .hero .sub{font-size:20px;line-height:1.55;color:var(--body);max-width:650px;margin:0 auto;text-wrap:pretty}
.home .hero .ctas{display:flex;gap:24px;justify-content:center;align-items:center;margin:30px auto 0}
.home .hero .btn{width:auto;min-height:48px;padding:13px 23px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:4px;font-weight:600}
.home .hero .btn:hover{background:var(--blue-hover)}
.home .hero .btn.ghost{padding:12px 0;background:transparent;color:var(--navy);border:0;border-bottom:2px solid var(--peach);border-radius:0;font-weight:500}
.home .hero .btn.ghost:hover{background:transparent;color:var(--blue)}
.home .hero :focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.home .hero .bird-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.home .hero .bird{position:absolute;left:0;top:0;width:28px;height:18px;opacity:0;color:var(--body);offset-rotate:0deg}
.home .hero .bird.flying{will-change:offset-distance;animation:hero-flight 5s linear .35s both}
.home .hero .bird svg{width:100%;height:100%;overflow:visible}
.home .hero .bird path{fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;transform-origin:14px 12px}
.home .hero .flying .wing-left{animation:hero-wing-left .85s ease-in-out infinite}
.home .hero .flying .wing-right{animation:hero-wing-right .85s ease-in-out infinite}
@keyframes hero-flight{0%{offset-distance:0%;opacity:0}4%{opacity:.75}94%{opacity:.75}100%{offset-distance:100%;opacity:0}}
@keyframes hero-wing-left{0%,100%{transform:rotate(0deg) scaleY(1)}50%{transform:rotate(-16deg) scaleY(.35)}}
@keyframes hero-wing-right{0%,100%{transform:rotate(0deg) scaleY(1)}50%{transform:rotate(16deg) scaleY(.35)}}
html[lang='es'] .home .hero h1.display{font-size:clamp(18px,5vw,54px)}
@media(min-width:1600px){.home .hero>.wrap{padding-top:180px}}
@media(max-width:760px){
  .home nav .navin{height:72px;padding-inline:22px}.home nav .logo{font-size:21px}
  .home .hero{min-height:800px;background-size:auto 800px}
  .home .hero>.wrap{padding:138px 24px 270px}
  .home .hero h1.display{font-size:clamp(20px,6.3vw,48px)}
  .home .hero .sub{font-size:18px}
  .home .hero .ctas{gap:18px;flex-wrap:wrap}
}
@media(max-width:390px){.home .hero>.wrap{padding-top:120px}.home .hero .ctas{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.home .hero .bird-layer{display:none}.home .hero .bird,.home .hero .bird path{animation:none!important}}