/* ═══════════════════════════════════════════════════════════════════
   LIC. FERNANDO ECHEVERRÍA · HÉROE ANIMADO EN TABLETA (sala de espera)
   Modo sala de espera
   · La tableta se queda encendida en la sala de espera: el héroe se
     mueve lento y sobrio (abogado corporativo) para no verse como un
     PDF abierto, sin distraer del QR.
   · 1) El nombre gigante "Echeverría" se dibuja solo al cargar (el
        contorno se traza letra por letra) y después un brillo amarillo
        recorre el trazo cada 12 s. Lo controla js/kfx.js.
   · 2) Cono de luz de estudio detrás del abogado que "respira".
   · SOLO TABLETA (mismo media query de la tarjeta "Llévame en tu
     celular"). Celular y escritorio no cambian.
   · "Reducir movimiento" lo apaga (el nombre se queda dibujado completo).
   ═══════════════════════════════════════════════════════════════════ */
.fe-kfx{display:none}

@media (min-width:600px) and (max-width:1024px) and (min-height:561px),(min-width:600px) and (max-aspect-ratio:10/11) and (min-height:561px){

  /* ── cono de luz de estudio (detrás del nombre y del abogado) ── */
  .fe-kfx{display:block;position:absolute;z-index:0;inset:0;pointer-events:none;overflow:hidden}
  .fe-kfx__cone{position:absolute;left:50%;top:-12cqh;width:96cqw;height:118cqh;margin-left:-48cqw;
    background:linear-gradient(180deg,rgba(255,246,222,.26) 0%,rgba(255,246,222,.11) 45%,rgba(255,246,222,0) 88%);
    clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(30px);
    transform-origin:50% 0;opacity:.6;will-change:transform,opacity;
    animation:fe-kfx-in 2.4s var(--ease) .4s backwards,fe-kfx-breathe 10s ease-in-out 2.8s infinite}
  /* foco: el punto de donde sale la luz, arriba al centro */
  .fe-kfx__src{position:absolute;left:50%;top:-14cqh;width:46cqw;height:30cqh;margin-left:-23cqw;border-radius:50%;
    background:radial-gradient(closest-side,rgba(255,246,222,.32),rgba(255,246,222,0));
    opacity:.7;will-change:opacity;animation:fe-kfx-in 2.4s var(--ease) .4s backwards,fe-kfx-glow 10s ease-in-out 2.8s infinite}

  /* ── nombre que se dibuja (capa creada por js/kfx.js, una ruta por letra) ── */
  .fe-giant--m.is-kfx{animation:none}
  .fe-giant--m.is-kfx > path{visibility:hidden}
  .fe-giant--m .fe-glint{stroke:var(--y,#f3e12b);stroke-width:2.2;stroke-linecap:butt}

  @keyframes fe-kfx-in{from{opacity:0}}
  @keyframes fe-kfx-breathe{0%,100%{opacity:.6;transform:rotate(-1.4deg)}50%{opacity:1;transform:rotate(1.4deg)}}
  @keyframes fe-kfx-glow{50%{opacity:1}}
}
@media (prefers-reduced-motion:reduce){
  .fe-kfx__cone,.fe-kfx__src{animation:none!important}
}