/* LGA Global · efectos.css — piezas propias de la capa de movimiento: transición entre páginas, intro,
   palabras de los títulos y la salida para prefers-reduced-motion. El resto de la coreografía vive en efectos.js. */
.ptrans{position:fixed;left:0;top:0;z-index:200;width:40px;height:40px;margin:-20px;border-radius:50%;background:var(--red);pointer-events:none;transform:scale(.06);opacity:0;will-change:transform}
html.pt-from .ptrans{left:50%;top:50%;animation:ptout .46s cubic-bezier(.77,0,.175,1) both}
@keyframes ptout{from{transform:scale(140);opacity:1}to{transform:scale(.06);opacity:0}}
.intro{position:fixed;inset:0;z-index:190;display:none;place-items:center;background:var(--ink)}
html.intro-on .intro{display:grid}
.intro svg{width:min(70vw,720px);height:auto}
.wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.wi{display:inline-block;will-change:transform}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .sm{clip-path:none}
}

/* logo v2: la estrella gira al pasar el puntero por el logo del encabezado o del pie */
.hdr__logo .lo-s,.ft__mark .lo-s{transform-box:fill-box;transform-origin:50% 50%;transition:transform .6s cubic-bezier(.23,1,.32,1)}
.hdr__logo:hover .lo-s,.ft__mark:hover .lo-s{transform:rotate(90deg) scale(1.25)}
@media (prefers-reduced-motion:reduce){.hdr__logo .lo-s,.ft__mark .lo-s{transition:none}}