/* ---------------------------------------------------------------------
   site.css — capa complementaria al build de Tailwind ya compilado.
   No hay pipeline de Tailwind disponible en este entorno: aquí solo se
   define lo que las utilidades ya compiladas en index.*.css no cubren.
   Reutiliza las custom properties definidas en :root por el build.
   --------------------------------------------------------------------- */

/* Accesibilidad: foco visible consistente en toda la página */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  /* Se excluye la cinta de logos: es una marquesina de marca, no una
     animación de entrada, y su movimiento es parte del contenido. */
  *:not(.animate-scroll-x) {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Patrón decorativo reutilizable — sustituye a los ~15 SVG casi
   idénticos que se repetían inline por todo el documento. Los símbolos
   se definen una sola vez (ver <svg id="deco-defs"> en el body) y cada
   instancia sólo aporta posición/tamaño/opacidad vía clases utilitarias
   ya existentes en el bundle de Tailwind. */
.deco-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.deco-accent {
  position: absolute;
  pointer-events: none;
  user-select: none;
  mix-blend-mode: screen;
}

/* Cinta de logos (Aliados): el pausado instantáneo al hacer hover se
   sentía brusco. El freno CSS se neutraliza aquí y un pequeño script
   (junto a la sección) hace una desaceleración suave vía Web
   Animations API en lugar de un stop/start abrupto. */
.animate-scroll-x[data-astro-cid-s2cf22kk]:hover {
  animation-play-state: running !important;
}