/* AVANTIA DIGITAL — figura 3D del isotipo (assets/figura-av.js)
   Dos ubicaciones: capa de fondo dentro de .of-cab y escena propia tras la cabecera.
   Todo lo monta el script: si no carga, no queda ningún hueco. */

/* la figura sustituye al halo fijo y al foco del ratón: un solo efecto vivo en la cabecera */
.fig-activa .of-cab::before{display:none}
.fig-activa .of-cab > .foco{display:none}

/* ---------- fondo de la cabecera ---------- */
.of-cab > .fig-fondo{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out);
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 42%,transparent 72%);mask-image:linear-gradient(to bottom,#000 0,#000 42%,transparent 72%)}
.of-cab > .fig-fondo.lista{opacity:.7}
@media (min-width:980px){
  /* en desktop asoma tras el titular y se apaga bajo la tarjeta del formulario */
  .of-cab > .fig-fondo{-webkit-mask-image:linear-gradient(to right,#000 0,#000 52%,transparent 74%);mask-image:linear-gradient(to right,#000 0,#000 52%,transparent 74%)}
}
.fig-fondo canvas,.fig-pegado canvas{display:block;width:100%;height:100%}

/* ---------- escena tras la cabecera: sticky + scroll ---------- */
.fig-escena{position:relative;height:300svh;background:var(--tinta);border-top:1px solid var(--linea-suave)}
.fig-pegado{position:sticky;top:0;height:100svh;overflow:clip;opacity:0;transition:opacity .6s var(--ease-out)}
.fig-escena.lista .fig-pegado{opacity:1}
.fig-pegado canvas{position:absolute;inset:0}
.fig-rotulos{position:absolute;left:var(--pad);right:var(--pad);top:calc(64px + clamp(20px,4vw,48px));pointer-events:none;max-width:var(--max);margin-inline:auto}
@media (min-width:980px){.fig-rotulos{right:auto;width:40%;top:50%;translate:0 -50%}}
.fig-kicker{font-family:var(--f-display);font-weight:700;font-stretch:78%;font-size:13.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--naranja-claro);min-height:1.2em}
.fig-grande{margin-top:12px;font-family:var(--f-display);font-weight:900;font-stretch:66%;text-transform:uppercase;line-height:.88;font-size:clamp(44px,6vw,96px);color:var(--hueso);min-height:.88em}
.fig-grande em{font-style:normal;color:var(--naranja)}
.fig-sub{margin-top:14px;max-width:34ch;font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:var(--gris);min-height:1.5em}
.fig-sub b{color:var(--hueso);font-weight:700}
/* botón al formulario: aparece cuando el equipo ya está multiplicado; oculto no se puede enfocar */
.fig-cta{margin-top:24px;pointer-events:auto;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out),visibility 0s .4s}
.fig-cta.visible{opacity:1;visibility:visible;transform:none;transition:opacity .4s var(--ease-out),transform .4s var(--ease-out),visibility 0s}
.fig-barra{position:absolute;left:var(--pad);right:var(--pad);bottom:28px;height:2px;background:var(--linea-suave);max-width:var(--max);margin-inline:auto}
.fig-barra i{position:absolute;inset:0;background:var(--naranja);transform-origin:left;transform:scaleX(var(--p,0))}
@media (prefers-reduced-motion:no-preference){
  .fig-rotulos .cambia{animation:fig-entra .45s var(--ease-out) both}
  @keyframes fig-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}