/**
 * Iconos: estilos del sprite SVG self-hosted (static/icons.svg).
 *
 * IMPORTANTE: este archivo debe cargarse en CUALQUIER template que use iconos
 * (sea via includes/header.html o standalone como homepage/login/etc).
 * Sin estas reglas, los <svg> renderizan con el default del browser (300x150 px).
 */

.hgi-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

/* Spinner para iconos de carga (loading-03, refresh, etc) */
.icon-spin {
    animation: icon-spin 1s linear infinite;
}
@keyframes icon-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}