/* ===== Portada · A «HUD sin láser» (única desde la ronda 8; antes C) ===== */
.hero-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--u-blue);animation:hero-ping 2s infinite;flex:none}
@keyframes hero-ping{0%{box-shadow:0 0 0 0 rgba(153,196,228,.6)}70%,100%{box-shadow:0 0 0 12px rgba(153,196,228,0)}}

/* ---------- Botones y titulares ---------- */
.hero-ctas{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.hero-ghost{display:inline-flex;align-items:center;gap:.6rem;min-height:52px;padding:.9rem 1.4rem;border-radius:999px;border:1px solid rgba(153,196,228,.42);background:rgba(16,16,29,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--f-head);font-weight:600;color:#fff;transition:background .3s,color .3s,border-color .3s,box-shadow .3s}
.hero-ghost:hover{background:var(--u-blue);color:var(--u-night);border-color:var(--u-blue);box-shadow:0 0 28px rgba(153,196,228,.55)}
.hero-ghost:focus-visible{outline:2px solid var(--u-blue);outline-offset:3px}
.hero-hud__h1{font-family:var(--f-head);font-weight:var(--w-display);line-height:.95;letter-spacing:-.045em;color:#fff}
.hero-hud__sub{font-weight:500;font-size:clamp(.98rem,1.1vw,1.1rem);line-height:1.55;color:#C9D1DE;max-width:52ch}
.hero-hud__kicker{display:flex;align-items:center;gap:.7rem;color:var(--u-blue)}

/* ---------- A · HUD sin láser ---------- */
.hero-hud{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:var(--u-night);--scan:0%;--l:0%;--rx:62%;--ry:46%}
.hero-hud__media{position:absolute;inset:0;background:#10101D}
.hero-hud__media::before{content:"";position:absolute;inset:0;filter:grayscale(1) brightness(.32) contrast(1.4);background:image-set(url(../../assets/video/hero-coche.webp) type("image/webp"),url(../../assets/video/hero-coche.jpg) type("image/jpeg")) 50% 45%/cover no-repeat}
@media (max-width:700px) and (orientation:portrait){.hero-hud__media{bottom:auto;height:min(108vw,54svh);top:64px}.hero-hud__media::before{background-image:url(../../assets/video/hero-coche-m.webp);background-position:50% 60%}.hero-hud__media::after{background:linear-gradient(0deg,#10101D 0%,rgba(16,16,29,.6) 22%,transparent 50%),linear-gradient(180deg,rgba(16,16,29,.55),transparent 30%)}.hero-hud__v{object-position:50% 60%}}
.hero-hud__v{opacity:0;transition:opacity .6s ease}.hero-hud.is-ready .hero-hud__v{opacity:1}
.hero-hud__ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.hero-hud__ln>span{display:inline-block}
/* Ronda 11 · nitidez: velos más cortos y casi negros (el azul noche al 55 % agrisaba toda la mitad inferior) */
.hero-hud__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,12,.88) 0%,rgba(6,6,12,.4) 26%,transparent 46%),linear-gradient(90deg,rgba(6,6,12,.55),transparent 42%)}
.hero-hud__v{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:50% 45%}
.hero-hud__v--raw{filter:grayscale(1) brightness(.32) contrast(1.4)}
.hero-hud__scanned{position:absolute;inset:0;clip-path:inset(0 0 calc(100% - var(--scan)) 0)}
.hero-hud__v--fx{filter:contrast(1.08) saturate(1.1)} /* sin subir el brillo: levantaba los negros y se veía grisáceo */
.hero-hud__frame i{position:absolute;width:34px;height:34px;border:0 solid rgba(153,196,228,.8);z-index:3}
.hero-hud__frame i:nth-child(1){top:96px;left:var(--pad);border-top-width:1px;border-left-width:1px}
.hero-hud__frame i:nth-child(2){top:96px;right:var(--pad);border-top-width:1px;border-right-width:1px}
.hero-hud__frame i:nth-child(3){bottom:84px;left:var(--pad);border-bottom-width:1px;border-left-width:1px}
.hero-hud__frame i:nth-child(4){bottom:84px;right:var(--pad);border-bottom-width:1px;border-right-width:1px}
.hero-hud__data{position:absolute;right:var(--pad);top:150px;z-index:3;background:linear-gradient(90deg,rgba(16,16,29,.55),rgba(16,16,29,.25));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding-right:.9rem!important;padding-top:.7rem!important;padding-bottom:.7rem!important;list-style:none;margin:0;padding:0 0 0 1rem;border-left:1px solid rgba(153,196,228,.4);display:grid;gap:.8rem;font-size:.68rem}
.hero-hud__data li{display:grid;gap:.15rem}
.hero-hud__data span{color:var(--u-muted)}
.hero-hud__data b{color:#fff;font-weight:600}
.hero-hud__pct{font-variant-numeric:tabular-nums;color:var(--u-blue)!important;font-size:1.1rem}
.hero-hud__ok::before{content:"";display:inline-block;width:6px;height:6px;margin-right:.45rem;border-radius:50%;background:var(--u-blue);box-shadow:0 0 8px var(--u-blue);vertical-align:middle}
.hero-hud__copy{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(96px,12vh,124px);z-index:4;display:grid;gap:1rem;max-width:820px}
.hero-hud__h1{font-size:clamp(2.8rem,6.6vw,6.6rem)}
/* Sin text-shadow en el titular: .hero-hud__ln recorta (overflow:hidden) para la entrada y la sombra se veía como un recuadro detrás de «B2B.» */
@media (max-width:760px){
  .hero-hud__data{top:auto;bottom:auto;top:96px;right:var(--pad);font-size:.6rem;gap:.5rem}
  .hero-hud__data li:nth-child(n+3){display:none}
  .hero-hud__frame i:nth-child(1),.hero-hud__frame i:nth-child(2){top:80px}
  .hero-hud__copy{bottom:92px}
}

/* Móviles bajos (≤700px de alto): sin panel de datos, titular algo menor */
@media (max-width:700px) and (max-height:700px){
  .hero-hud__data{display:none}
  .hero-hud__h1{font-size:clamp(2.2rem,11vw,2.8rem)}
  .hero-hud__copy{gap:.75rem;bottom:84px}
  .hero-hud__sub{font-size:.92rem}
}

/* ---------- B · Cine ---------- */
.hero-cine .hero-hud__v{opacity:1}
.hero-cine .hero-hud__media::after{background:linear-gradient(0deg,rgba(6,6,12,.9) 0%,rgba(6,6,12,.35) 30%,transparent 50%)}
.hero-cine__copy{max-width:none;bottom:calc(clamp(96px,12vh,124px) + 54px)}
.hero-cine .hero-hud__h1{font-size:clamp(3rem,8vw,8.4rem)}
.hero-cine__row{display:flex;justify-content:space-between;align-items:flex-end;gap:1.2rem 2.4rem;flex-wrap:wrap}
.hero-hubs{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(84px,10vh,100px);z-index:4;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.22)}
.hero-hubs a{display:flex;align-items:center;gap:.8rem;padding:.9rem 0;font-family:var(--f-head);font-weight:600;font-size:clamp(.95rem,1.2vw,1.15rem);color:#fff;transition:color .3s}
.hero-hubs a+a{padding-left:1.2rem;border-left:1px solid rgba(255,255,255,.14)}
.hero-hubs .mono{color:var(--u-blue)}
.hero-hubs svg{width:18px;height:18px;margin-left:auto;margin-right:1.2rem;fill:none;stroke:currentColor;stroke-width:2;transition:transform .3s}
.hero-hubs a:hover{color:var(--u-blue)}.hero-hubs a:hover svg{transform:translateX(4px)}
/* ---------- C · Titular partido ---------- */
.hero-split .hero-hud__v{opacity:1}
.hero-split .hero-hud__media::after{background:linear-gradient(180deg,rgba(6,6,12,.6) 0%,transparent 26%,transparent 62%,rgba(6,6,12,.85) 100%)}
.hero-split__h1{position:absolute;inset:0;z-index:3;margin:0;pointer-events:none;font-size:clamp(3rem,8.6vw,9.4rem)}
.hero-split__t{position:absolute;top:clamp(92px,13vh,128px);left:var(--pad)}
.hero-split__b{position:absolute;right:var(--pad);bottom:clamp(140px,18vh,180px)}
.hero-split__copy{position:absolute;left:var(--pad);bottom:clamp(140px,18vh,180px);z-index:4;display:grid;gap:1rem;max-width:min(480px,46vw)}
.hero-split__copy .hero-ctas .hero-ghost:last-child{display:none}
.hero-split__tick{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(84px,10vh,100px);z-index:4;list-style:none;margin:0;padding:.9rem 0 0;border-top:1px solid rgba(255,255,255,.22);display:flex;justify-content:space-between;gap:1rem;color:#C9D1DE;font-size:.68rem}
/* ---------- D · Revelado suave (izquierda → derecha, borde difuminado) ---------- */
.hero-wipe .hero-hud__scanned{clip-path:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--scan) * 1.3 - 30%),transparent calc(var(--scan) * 1.3));mask-image:linear-gradient(90deg,#000 calc(var(--scan) * 1.3 - 30%),transparent calc(var(--scan) * 1.3))}
.hero-wipe__data{position:absolute;right:var(--pad);bottom:clamp(96px,12vh,124px);z-index:4;list-style:none;margin:0;padding:0;display:flex;gap:2rem;font-size:.68rem}
.hero-wipe__data li{display:grid;gap:.25rem;padding-left:.9rem;border-left:1px solid rgba(153,196,228,.4)}
.hero-wipe__data span{color:var(--u-muted)}.hero-wipe__data b{color:#fff;font-weight:600}
@media (max-width:1100px){.hero-wipe__data{display:none}.hero-split__tick li:nth-child(2){display:none}}
@media (max-width:760px){
  .hero-cine__copy{bottom:calc(92px + 54px)}
  .hero-cine__row{display:grid;gap:1rem}
  .hero-hubs{bottom:80px}.hero-hubs a{font-size:.85rem;gap:.4rem}.hero-hubs a+a{padding-left:.6rem}.hero-hubs svg{display:none}
  .hero-split__h1{font-size:clamp(2.6rem,12vw,3.4rem)}
  .hero-split__t{top:78px;bottom:auto}
  .hero-split__b{right:var(--pad);bottom:auto;top:calc(64px + min(108vw,54svh) - 1.1em)}
  .hero-split__copy{max-width:none;right:var(--pad);bottom:96px}
  .hero-split__tick{display:none}
}