/* ==========================================================================
   Inteligencia Artificial — violeta

   El color ya está definido como token en assets/css/main.css y se activa
   solo con el atributo del <body>:

       <body data-marca="inteligencia-artificial">

   Tokens activos:
       --cat-color   #7C3AED   principal: etiquetas, filetes, iconos, botones
       --cat-suave   #F0E9FF   fondo del hero y de bloques destacados
       --cat-acento  #A78BFA   solo decorativo (2,72:1: nunca como texto)
       --cat-texto   #7C3AED   enlaces — 5,70:1 sobre blanco, no necesita ajuste

   AVISO DE DIFERENCIACIÓN
   La regla del sistema es «Tecnología = azul, IA = violeta», pero medidos
   quedan a ΔE 12,4 (suelo 15) y a 0,6 bajo daltonismo rojo-verde: para esos
   usuarios son el mismo color. Mitigación aplicada: la etiqueta de categoría
   siempre lleva el nombre escrito, nunca solo el color.
   Alternativa verificada si se quiere separación real: #6B21A8
   (ΔE 18,1 · daltonismo 12,1 · blanco encima 8,72:1). Cambiar entonces
   --categoria-ia en main.css. Ver _referencias/notas/PALETA-VERIFICACION.md

   Concepto: futuro, innovación, creatividad, automatización.
   ========================================================================== */

/* Estilos exclusivos de esta categoría. */