/*
 * Runtime visual de Kody Icons.
 *
 * Este archivo no contiene dibujos. Define el comportamiento común de los
 * PNG transparentes aprobados y conserva soporte para futuros símbolos SVG.
 */
.kody-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    max-width: 100%;
    flex: 0 0 auto;
    overflow: visible;
    vertical-align: -0.125em;
    color: inherit;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
    object-fit: contain;
    object-position: center;
    user-select: none;
    -webkit-user-drag: none;
}

.kody-icon--sm { width: 1.5rem; height: 1.5rem; }
.kody-icon--md { width: 2rem; height: 2rem; }
.kody-icon--lg { width: 3rem; height: 3rem; }
.kody-icon--xl { width: 4rem; height: 4rem; }
.kody-icon--hero {
    width: clamp(4rem, 12cqi, 8rem);
    height: clamp(4rem, 12cqi, 8rem);
}

.kody-icon--illustrated {
    display: block;
    object-fit: contain;
    background: transparent;
    filter: none;
    image-rendering: auto;
}

.kody-icon--filled {
    fill: currentColor;
    stroke: none;
}

@media (prefers-reduced-motion: reduce) {
    .kody-icon {
        animation: none !important;
        transition: none !important;
    }
}