/* ========================================
   Icon Utility Classes
   Para uso con Bootstrap Icons (bi bi-xxx)
   ======================================== */

/* Tamaños de icono */
.icon-sm  { font-size: 0.875rem; }
.icon-md  { font-size: 1.25rem; }
.icon-lg  { font-size: 1.5rem; }
.icon-xl  { font-size: 2rem; }
.icon-xxl { font-size: 3rem; }
.icon-card { font-size: 3.5rem; display: block; margin-bottom: 12px; }

/* Colores semánticos de icono */
.icon-success { color: #28a745; }
.icon-danger  { color: #dc3545; }
.icon-warning { color: #e6a817; }
.icon-info    { color: #17a2b8; }
.icon-primary { color: #146CD0; }
.icon-muted   { color: #6c757d; }
.icon-light   { color: #adb5bd; }

/* Alineación vertical para iconos inline con texto */
.bi { vertical-align: -0.125em; }

/* Asegurar espaciado suave entre icono y texto */
.bi + span,
.bi + strong,
.bi + a {
    margin-left: 0.25em;
}