/* Patrón A·V oficial (manual Kavanah §5; tile del sistema de diseño, assets/patterns/patron-av-tile-ink.svg):
   monograma completo, filas alternas giradas 180° y desplazadas medio módulo, tono sobre tono sobre Tinta (#1A2029).
   Vive fuera de public/assets porque `npm run sync:od` reemplaza esa carpeta; se carga después de styles.css. */
:root {
  --kv-pattern-av: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='274' height='338' viewBox='0 0 274 338'%3E%3Cg fill='%231A2029'%3E%3Cg transform='translate%2824.5 19.5%29 scale%281.3%29'%3E%3Cpath d='M0 100 43 0h14l43 100H73L50 46.51 27 100Z'/%3E%3Cpath d='M73 0h27l23 53.49L146 0h27l-43 100h-14Z'/%3E%3C/g%3E%3Cg transform='translate%28386.5 318.5%29 rotate%28180%29 scale%281.3%29'%3E%3Cpath d='M0 100 43 0h14l43 100H73L50 46.51 27 100Z'/%3E%3Cpath d='M73 0h27l23 53.49L146 0h27l-43 100h-14Z'/%3E%3C/g%3E%3Cg transform='translate%28112.5 318.5%29 rotate%28180%29 scale%281.3%29'%3E%3Cpath d='M0 100 43 0h14l43 100H73L50 46.51 27 100Z'/%3E%3Cpath d='M73 0h27l23 53.49L146 0h27l-43 100h-14Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --kv-pattern-size: 137px 169px;
  --kv-pattern-strip-size: 69px 85px;
}

/* Panel de acceso: el patrón corre en bucle de derecha a izquierda (un módulo cada 9 s). */
@keyframes kv-patron-corre { from { background-position: 0 50%; } to { background-position: -137px 50%; } }
.auth-brand::before { background-repeat: repeat; animation: kv-patron-corre 9s linear infinite; }
@media (max-width: 900px) {
  /* celular: franja de dos filas completas (una normal y una girada), sin desvanecido que la esconda */
  :root { --kv-pattern-size: 82px 101px; }
  .auth-brand::before { height: 101px; margin: 4px -24px -20px; -webkit-mask-image: none; mask-image: none; }
  @keyframes kv-patron-corre { from { background-position: 0 0; } to { background-position: -82px 0; } }
}
/* «Reducir movimiento» lo apaga (especificación §9) */
/* Franja del portal del cliente: el mismo bucle, a su escala (un módulo cada 6 s) */
@keyframes kv-franja-corre { from { background-position: 0 0; } to { background-position: -69px 0; } }
.pt-top::after { background-repeat: repeat; animation: kv-franja-corre 6s linear infinite; }
@media (max-width: 560px) {
  .pt-top::after { background-size: 35px 43px; }
  @keyframes kv-franja-corre { from { background-position: 0 0; } to { background-position: -35px 0; } }
}
@media (prefers-reduced-motion: reduce) { .auth-brand::before, .pt-top::after { animation: none; } }