/* Movimiento del CRM y del portal (contrato del portal §8.1). Lo anima js/movimiento.js con GSAP.

   Todo lo de aquí cuelga de html.mov-gsap, que js/movimiento.js pone SOLO cuando GSAP cargó y el
   sistema no pide movimiento reducido. Sin JavaScript, sin GSAP o con prefers-reduced-motion estas
   reglas no aplican y la página queda exactamente como la dejan sus propios estilos: nada se oculta
   desde CSS (las clases/estados de «antes» los pone GSAP en línea y los quita al terminar). */

/* Las tarjetas del portal entran con GSAP (escalonadas): se apaga la animación CSS equivalente para
   que no se pisen las dos. */
html.mov-gsap .doc-tarjeta{ animation:none; }

/* El modal-hoja, la hoja «Más» y el menú «⋯» ya traen su propia animación CSS en el armazón: aquí no
   se apaga (movimiento.js no anima con GSAP lo que ya se mueve por CSS). */

/* Contador de cifras (<mov-cifra>, elemento propio para que ningún «span» de las vistas lo alcance):
   la cifra real queda en el DOM (lectores de pantalla, pruebas y copiar/pegar leen siempre el valor
   final) pero transparente; encima se pinta la cifra intermedia. Al terminar,
   movimiento.js deshace el envoltorio y el texto vuelve a ser el original, idéntico. */
mov-cifra{ display:inline; position:relative; color:transparent; white-space:nowrap; }
mov-cifra::after{
  content:attr(data-mov-cifra);
  position:absolute; top:0; right:0;
  color:var(--mov-cifra-color, currentColor);
  white-space:nowrap; pointer-events:none;
}

@media (prefers-reduced-motion:reduce){
  mov-cifra{ color:inherit; }
  mov-cifra::after{ content:none; }
}