/* Iconos de línea del portal (js/iconos.js) — 31/10/2026.
   Mismo estilo que el panel admin: un solo color (el del texto), mismo trazo y
   misma alineación en todas las páginas.
   1em = el tamaño de la letra donde va el icono: un título lleva un icono de
   título y un botón uno de botón, sin tocar cada sitio por separado. */
.ico {
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.125em;          /* centrado óptico con la línea de texto */
  stroke: currentColor; fill: none;
  stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
  flex-shrink: 0;
}
/* Antes de que iconos.js lo cambie por el <svg>, el hueco ya ocupa lo mismo. */
i.ico { font-style: normal; }

/* Contenedores flex sin «gap»: el espacio entre icono y texto desaparece, así
   que ahí el icono lleva su propio margen (clase opcional). */
.ico.ico-sep { margin-right: 4px; }