/* Hero: video del colectivo con póster y sombra azul para el texto */

.hero{min-height:720px;background:#062ba7}
.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 80%}
.site-header--overlay{position:absolute;top:0;left:0;right:0;z-index:20;background:rgba(6,43,167,.75)}
.hero-poster{z-index:0}
.hero-video{z-index:1;opacity:0;transition:opacity .9s ease}
.hero-video.is-playing{opacity:1}

.hero-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(100deg,rgba(3,18,79,.92) 0%,rgba(6,43,167,.62) 48%,rgba(6,43,167,.12) 100%),linear-gradient(0deg,rgba(3,18,79,.8) 0%,transparent 45%)}
.hero-text-shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse 52% 78% at 20% 55%,rgba(2,12,48,.9) 0%,rgba(3,18,79,.58) 45%,rgba(3,18,79,0) 72%)}
.hero-play{position:absolute;z-index:5;left:50%;bottom:108px;transform:translateX(-50%);padding:10px 18px;border:0;border-radius:999px;background:#fff;color:#062ba7;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 6px 18px #03124f66}

.hero-content{position:relative;z-index:4;min-height:720px;display:flex;align-items:center;padding-block:88px 108px}
.hero-copy{max-width:500px}
.hero-copy .eyebrow{animation:heroIn .7s .04s both}
.hero-description{font-size:20px;margin:14px 0 24px;animation:heroIn .7s .46s both}
.hero-copy .button{position:relative;overflow:hidden;isolation:isolate;animation:heroIn .7s .56s both}
.hero h1{font-size:clamp(44px,4.6vw,64px);letter-spacing:-2.6px}

.hero h1 .linea{display:block;overflow:hidden;padding:.05em 0 .12em}
.hero h1 .linea,.hero h1 .linea > span{color:inherit}
.hero h1 .linea .acento{color:#8bdcff}
.hero h1 .linea > span{display:block;transform:translateY(120%);animation:lineaSube .85s cubic-bezier(.22,.65,.3,1) forwards}
.hero h1 .linea:nth-child(1) > span{animation-delay:.12s}
.hero h1 .linea:nth-child(2) > span{animation-delay:.24s}
.hero h1 .linea:nth-child(3) > span{animation-delay:.36s}

@keyframes lineaSube{
  to{transform:translateY(0)}
}

.hero-copy .button::after{content:"";position:absolute;top:-60%;left:-140%;width:60%;height:220%;background:linear-gradient(100deg,transparent 0%,rgba(183,214,249,.95) 50%,transparent 100%);transform:skewX(-18deg);animation:brillo 1.1s 1.15s ease-out forwards;pointer-events:none}

@keyframes brillo{
  to{left:150%}
}

@keyframes heroIn{
  from{opacity:0;translate:0 14px}
  to{opacity:1;translate:0 0}
}

@media(max-width:1100px){
  .hero,.hero-content{min-height:660px}
  .hero-content{padding-block:68px 94px}
  .hero-copy{max-width:55%}
  .hero h1{font-size:clamp(42px,5vw,58px)}
}

@media(max-width:760px){
  .hero,.hero-content{min-height:640px}
  .hero-content{align-items:center;padding:40px 0}
  .hero-copy{max-width:100%}
  .hero h1{font-size:clamp(38px,11vw,48px)}
  .hero-description{font-size:16px;max-width:235px}
  .hero-poster,.hero-video{object-position:center 55%}
  .hero-text-shade{background:radial-gradient(ellipse 95% 75% at 32% 55%,rgba(2,12,48,.9) 0%,rgba(3,18,79,.62) 48%,rgba(3,18,79,.12) 78%)}
}

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