/* ANIMACIONES-PIE-1 · la fila inferior del pie (el interruptor «Animations» a la izquierda, la línea legal a la derecha) y lo que `data-animaciones="off"` hace valer.
   Ningún color escrito a mano: todo sale de los `--sf-*` y de `currentColor`. ESTA hoja es sólo de la v134 estática (sus hojas están congeladas y no llevan la común; la pide
   `pieEstatico` con su <link>). El portal trae las MISMAS reglas dentro de `design-system.css`, entre los dos comentarios «ANIMACIONES-PIE-1»; la guarda
   `test/animaciones_pie_1_las_dos_hojas_son_la_misma.test.ts` exige que este archivo sea, byte a byte, el contenido de ese bloque. */

/* ── la fila inferior ── */
.sf-pie-fila{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px;padding-top:8px}
.sf-pie-fila::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:currentColor;opacity:.2;pointer-events:none}
.sf-portal-pie .sf-pie-fila .sf-pie-legal{margin:0;padding-top:0;border-top:0;text-align:right}

/* ── el interruptor: un botón con rol de interruptor; el botón entero se toca (44 px de alto) ── */
.sf-pie-anim{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:var(--sf-fs-13);cursor:pointer}
.sf-pie-anim:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:var(--sf-r-s)}
.sf-pie-anim-pista{position:relative;flex:none;width:34px;height:20px;box-sizing:border-box;border-radius:var(--sf-r-pill);background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.sf-pie-anim-bola{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:currentColor;transition:transform .15s ease,background-color .15s ease}
.sf-pie-anim[aria-checked="true"] .sf-pie-anim-pista{background:var(--sf-brand);box-shadow:inset 0 0 0 1.5px currentColor}
.sf-pie-anim[aria-checked="true"] .sf-pie-anim-bola{background:var(--sf-paper);transform:translateX(14px)}

@media (max-width:640px){
  /* dos filas apiladas: primero el interruptor (44 px, tocable entero), debajo la línea legal, que envuelve como siempre */
  .sf-pie-fila{flex-direction:column;align-items:stretch;gap:0}
  .sf-portal-pie .sf-pie-fila .sf-pie-legal{text-align:left}
  .sf-pie-anim{align-self:flex-start}
  /* la línea legal sin « · » colgando, también en la v134 (cuya hoja no trae las reglas de NAV-2b): el «©» en su renglón y los enlaces con su espacio, de 44 px */
  .sf-pie-fila .sf-pie-legal{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px}
  .sf-pie-fila .sf-pie-copy{flex:1 0 100%}
  .sf-pie-fila .sf-pie-sep{display:none}
  .sf-pie-fila .sf-pie-legal a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
}

/* ── apagado: el sitio se comporta como con `prefers-reduced-motion: reduce` ──
   Las reglas de reducción de cada hoja (la del portal, `proximo.css`, `hero-cadena.css`) se repiten bajo este atributo; y, para lo que las hojas congeladas de
   la v134 no se pueden editar, esta regla general: sin transiciones, sin animaciones y sin desplazamiento suave. */
html[data-animaciones="off"] *,html[data-animaciones="off"] *::before,html[data-animaciones="off"] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}