/* ADN Soluciones — Sistema de iconos (§33)

   Archivo propio y NO components.css: el set es transversal, y meterlo en
   components lo enredaría con las tarjetas de tienda y ficha, que es justo lo
   que hace que `featured` no sea aislable (§19).

   Variante elegida el 2026-08-01: **B · desnudo, trazo 1.5**.
   Se descartaron la cápsula rellena (fondo azul 10 %) y la de contorno (filete
   1 px); ninguna de las dos deja rastro aquí. Contra un hero y unas tarjetas de
   Spaces que ya cargan mucho peso visual, la franja de confianza gana siendo
   discreta en vez de compitiendo. */

/* ── El icono ────────────────────────────────────────────
   El grosor se fija AQUÍ y solo aquí. `stroke-width` es una propiedad SVG
   heredable, así que ponerla en el <svg> contenedor alcanza al <symbol>
   referenciado por <use>. Cambiar este número cambia todo el sitio. */
.adn-icono {
  --adn-icono-tam: 20px;
  --adn-icono-trazo: 1.5;

  width: var(--adn-icono-tam);
  height: var(--adn-icono-tam);
  flex: 0 0 auto;
  display: inline-block;
  stroke-width: var(--adn-icono-trazo);
  color: inherit;               /* hereda del contexto vía currentColor */
  vertical-align: middle;
}

/* ── Tamaños ───────────────────────────────────────────── */
.adn-icono--14 { --adn-icono-tam: 14px; }
.adn-icono--16 { --adn-icono-tam: 16px; }
.adn-icono--24 { --adn-icono-tam: 24px; }

/* A 14-16 px el trazo de 1.5 se afina de más y el icono pierde cuerpo:
   se compensa subiendo el grosor, no el tamaño. */
.adn-icono--14,
.adn-icono--16 { --adn-icono-trazo: 1.75; }

/* ── Color ─────────────────────────────────────────────────
   Por defecto hereda. `--acento` para los que deben destacar sobre fondo claro;
   `--suave` para los de apoyo, donde el icono no debe pesar más que el texto. */
.adn-icono--acento { color: var(--accent); }
.adn-icono--suave  { color: var(--mute); }

/* ── Alineación junto a texto ──────────────────────────────
   Los iconos de Lucide tienen aire arriba y abajo dentro de su rejilla 24×24,
   así que centrados ópticamente quedan un pelo altos respecto a la línea base. */
.adn-icono--linea { vertical-align: -0.18em; }