/* ================================================================
   iStar - Calculadora Solar · Material Symbols icons v1.0
   Archivo aditivo: no modifica energy-flow.css ni istar-icons.css.
   ================================================================ */

.calc-material-icon {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-feature-settings: 'liga';
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 40;
    width: 1em;
    height: 1em;
    color: currentColor;
    vertical-align: -0.15em;
    flex-shrink: 0;
}

/* Tarjetas grandes de opciones */
.calc-option-card .icon .calc-material-icon,
.calc-option-card .calc-material-icon:first-child {
    font-size: 40px;
    color: var(--color-accent, #F1A836);
}

/* Equipos/consumos dentro de la calculadora */
.calc-equip-item .equip-icon .calc-material-icon,
.calc-equip-item .calc-material-icon:first-child {
    font-size: 22px;
    color: currentColor;
}

/* Títulos, ayudas y etiquetas chicas */
.calc-selected-item .name .calc-material-icon,
.calc-section-title-icon.calc-material-icon,
.calc-help-icon.calc-material-icon,
.calc-title .calc-material-icon,
.calc-subtitle .calc-material-icon,
.calc-label .calc-material-icon,
.calc-step-title .calc-material-icon {
    font-size: 18px;
    margin-right: 6px;
    color: var(--color-accent, #F1A836);
    vertical-align: -3px;
}

/* Íconos dentro de botones de la calculadora */
.calc-modal .btn .calc-material-icon,
.calc-container .btn .calc-material-icon,
.calculadora-solar .btn .calc-material-icon,
.solar-calculator .btn .calc-material-icon {
    font-size: 1.08em;
    margin-right: 6px;
    vertical-align: -0.18em;
}

/* Evita que un emoji reemplazado herede tamaños raros de texto */
.calc-modal .calc-material-icon,
.calc-container .calc-material-icon,
.calculadora-solar .calc-material-icon,
.solar-calculator .calc-material-icon,
[id*="calc" i] .calc-material-icon,
[class*="calc" i] .calc-material-icon {
    text-decoration: none;
}

/* Íconos de títulos/secciones en la calculadora */
.calc-modal h3 .calc-material-icon,
.calc-modal h4 .calc-material-icon,
.calc-modal .calc-section-title .calc-material-icon,
.calc-modal .calc-category-title .calc-material-icon {
    font-size: 1.35em;
    width: 1.35em;
    height: 1.35em;
    line-height: 1;
    vertical-align: -0.18em;
}