/* Builders Alpha Tech — deck enhance
   Interactividad NO invasiva sobre los slides: micro-hover/focus + reveals de entrada.
   Se engancha SOLO al slide activo vía [data-deck-active] (mecanismo oficial de deck-stage)
   y respeta el design system (hairlines, radio 4px, azul de marca, sin sombras dramáticas).
   Todo gateado en prefers-reduced-motion → en print/reduced-motion el contenido queda estático y visible. */

/* ---------- 1. MICRO-INTERACCIONES hover / focus ---------- */
/* Las cards del deck llevan border-radius inline → las targeteamos por el atributo style.
   Base: transición suave. Hover/focus: leve lift + hairline que pasa a azul de marca. */
section[data-deck-active] [style*="border-radius"] {
  transition: transform .18s cubic-bezier(.2,.7,.2,1),
              border-color .18s ease,
              background-color .18s ease;
  will-change: transform;
}
section[data-deck-active] [style*="border-radius"]:hover,
section[data-deck-active] [style*="border-radius"]:focus-visible {
  transform: translateY(-3px);
  border-color: var(--blue-500) !important;
  outline: none;
}
/* El ícono dentro de una card acompaña el hover (leve escala, stroke de marca). */
section[data-deck-active] [style*="border-radius"]:hover svg {
  transform: scale(1.06);
  transition: transform .18s cubic-bezier(.2,.7,.2,1);
}
/* Cifras (StatFigure): al pasar el mouse, realce ámbar sutil sobre fondo oscuro. */
section[data-deck-active] [style*="border-radius"]:hover [style*="font-display"],
section[data-deck-active] [style*="border-radius"]:hover [style*="var(--font-display)"] {
  transition: color .18s ease;
}
/* Foco por teclado accesible (navegación con Tab dentro del slide). */
section[data-deck-active] a:focus-visible,
section[data-deck-active] button:focus-visible {
  outline: 2px solid var(--blue-400);
  outline-offset: 2px;
}