/* ================================================================
   FASE 6.21 - TOKENS TIPOGRAFICOS SEMANTICOS
   Cada componente consume una variable segun su funcion.
   ================================================================ */
.kr-ecommerce {
    --kr-ecom-body-font: var(--kr-ecom-font);
    --kr-ecom-product-font: var(--kr-ecom-font);
    --kr-ecom-menu-font: var(--kr-ecom-font);
    --kr-ecom-price-font: var(--kr-ecom-font);
    --kr-ecom-button-font: var(--kr-ecom-font);
    --kr-ecom-meta-font: var(--kr-ecom-font);
}

    /* ================================================================
   KRONHOS E-COMMERCE - THEMES 6.20
   Fuente unica de verdad para los themes modernos.
   No usa @import: evita mezcla, cache parcial y cascadas cruzadas.
   clasico-original permanece fuera de este sistema.
   ================================================================ */

    /* ---------------------------------------------------------------
   01 - PREMIUM
   Frio, limpio, editorial controlado. Azul Kronhos + blancos frios.
   --------------------------------------------------------------- */
    .kr-ecommerce[data-ecommerce-theme="premium"] {
        --kr-ecom-body-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-product-font: var(--kr-ecom-body-font);
        --kr-ecom-menu-font: var(--kr-ecom-body-font);
        --kr-ecom-price-font: var(--kr-ecom-body-font);
        --kr-ecom-button-font: var(--kr-ecom-body-font);
        --kr-ecom-meta-font: var(--kr-ecom-body-font);
        --kr-ecom-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: "Playfair Display", Georgia, serif;
        --kr-ecom-menu-font: var(--kr-ecom-font);
        --kr-ecom-primary: #0b3565;
        --kr-ecom-primary-strong: #062748;
        --kr-ecom-primary-soft: #eaf2f9;
        --kr-ecom-accent: #2a69a5;
        --kr-ecom-accent-contrast: #ffffff;
        --kr-ecom-bg: #f4f7fb;
        --kr-ecom-surface: #ffffff;
        --kr-ecom-surface-alt: #eef3f8;
        --kr-ecom-text: #17283a;
        --kr-ecom-muted: #647487;
        --kr-ecom-border: #d8e2ec;
        --kr-ecom-success: #2f7d48;
        --kr-ecom-success-soft: #eaf6ee;
        --kr-ecom-danger: #c84646;
        --kr-ecom-promo: #d75a4a;
        --kr-ecom-new: #0b5b9b;
        --kr-ecom-menu-bg: #ffffff;
        --kr-ecom-menu-group-bg: #f3f6f9;
        --kr-ecom-menu-group-active-bg: #e5eef7;
        --kr-ecom-menu-text: #17283a;
        --kr-ecom-menu-active-text: #062748;
        --kr-ecom-menu-sub-text: #647487;
        --kr-ecom-menu-border: #d8e2ec;
        --kr-ecom-footer-bg: #062748;
        --kr-ecom-footer-text: #ffffff;
        --kr-ecom-radius-sm: 8px;
        --kr-ecom-radius: 12px;
        --kr-ecom-radius-lg: 18px;
        --kr-ecom-gap: 18px;
        --kr-ecom-space: 16px;
        --kr-ecom-control-height: 42px;
        --kr-ecom-image-height: 240px;
        --kr-ecom-shadow-sm: 0 3px 12px rgba(11, 53, 101, .05);
        --kr-ecom-shadow: 0 14px 34px rgba(11, 53, 101, .10);
    }

    /* ---------------------------------------------------------------
   02 - MARKETPLACE
   Comercial, azul intenso, compacto y orientado a conversion.
   --------------------------------------------------------------- */
    .kr-ecommerce[data-ecommerce-theme="marketplace"] {
        --kr-ecom-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: var(--kr-ecom-font);
        --kr-ecom-menu-font: var(--kr-ecom-font);
        --kr-ecom-primary: #0b3fce;
        --kr-ecom-primary-strong: #082f9a;
        --kr-ecom-primary-soft: #edf3ff;
        --kr-ecom-accent: #1764f2;
        --kr-ecom-accent-contrast: #ffffff;
        --kr-ecom-bg: #f4f6f9;
        --kr-ecom-surface: #ffffff;
        --kr-ecom-surface-alt: #f7f9fc;
        --kr-ecom-text: #111827;
        --kr-ecom-muted: #5d6675;
        --kr-ecom-border: #dce2eb;
        --kr-ecom-success: #14833b;
        --kr-ecom-success-soft: #e9f7ee;
        --kr-ecom-danger: #d9363e;
        --kr-ecom-promo: #e5232b;
        --kr-ecom-new: #0b3fce;
        --kr-ecom-menu-bg: #ffffff;
        --kr-ecom-menu-group-bg: #f5f7fb;
        --kr-ecom-menu-group-active-bg: #edf3ff;
        --kr-ecom-menu-text: #111827;
        --kr-ecom-menu-active-text: #082f9a;
        --kr-ecom-menu-sub-text: #5d6675;
        --kr-ecom-menu-border: #dce2eb;
        --kr-ecom-footer-bg: #082f9a;
        --kr-ecom-footer-text: #ffffff;
        --kr-ecom-radius-sm: 6px;
        --kr-ecom-radius: 9px;
        --kr-ecom-radius-lg: 12px;
        --kr-ecom-gap: 14px;
        --kr-ecom-space: 14px;
        --kr-ecom-control-height: 40px;
        --kr-ecom-image-height: 220px;
        --kr-ecom-shadow-sm: 0 2px 7px rgba(16, 24, 40, .07);
        --kr-ecom-shadow: 0 8px 22px rgba(16, 24, 40, .12);
    }

    /* ---------------------------------------------------------------
   03 - EDITORIAL
   Verde tinta + papel neutro. Elegante, distinto de Boutique.
   --------------------------------------------------------------- */
    .kr-ecommerce[data-ecommerce-theme="editorial"] {
        --kr-ecom-body-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-product-font: var(--kr-ecom-heading-font);
        --kr-ecom-menu-font: var(--kr-ecom-heading-font);
        --kr-ecom-price-font: var(--kr-ecom-body-font);
        --kr-ecom-button-font: var(--kr-ecom-body-font);
        --kr-ecom-meta-font: var(--kr-ecom-body-font);
        --kr-ecom-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: "Playfair Display", Georgia, serif;
        --kr-ecom-menu-font: var(--kr-ecom-font);
        --kr-ecom-primary: #173f35;
        --kr-ecom-primary-strong: #0d2b24;
        --kr-ecom-primary-soft: #eaf2ef;
        --kr-ecom-accent: #b75b3b;
        --kr-ecom-accent-contrast: #ffffff;
        --kr-ecom-bg: #f5f4f0;
        --kr-ecom-surface: #fffefa;
        --kr-ecom-surface-alt: #eeece5;
        --kr-ecom-text: #193029;
        --kr-ecom-muted: #716d63;
        --kr-ecom-border: #dedbd2;
        --kr-ecom-success: #24794a;
        --kr-ecom-success-soft: #e9f4ed;
        --kr-ecom-danger: #b94b48;
        --kr-ecom-promo: #b75b3b;
        --kr-ecom-new: #173f35;
        --kr-ecom-menu-bg: #fffefa;
        --kr-ecom-menu-group-bg: #f0eee8;
        --kr-ecom-menu-group-active-bg: #e4eee9;
        --kr-ecom-menu-text: #193029;
        --kr-ecom-menu-active-text: #0d2b24;
        --kr-ecom-menu-sub-text: #716d63;
        --kr-ecom-menu-border: #dedbd2;
        --kr-ecom-footer-bg: #0d2b24;
        --kr-ecom-footer-text: #ffffff;
        --kr-ecom-radius-sm: 4px;
        --kr-ecom-radius: 7px;
        --kr-ecom-radius-lg: 20px;
        --kr-ecom-gap: 20px;
        --kr-ecom-space: 18px;
        --kr-ecom-control-height: 42px;
        --kr-ecom-image-height: 290px;
        --kr-ecom-shadow-sm: 0 2px 10px rgba(57, 48, 35, .045);
        --kr-ecom-shadow: 0 16px 38px rgba(57, 48, 35, .11);
    }

    /* ---------------------------------------------------------------
   04 - B2B
   Sobrio, funcional, rapido y denso.
   --------------------------------------------------------------- */
    .kr-ecommerce[data-ecommerce-theme="b2b"] {
        --kr-ecom-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: var(--kr-ecom-font);
        --kr-ecom-menu-font: var(--kr-ecom-font);
        --kr-ecom-primary: #092f5c;
        --kr-ecom-primary-strong: #061f3e;
        --kr-ecom-primary-soft: #eaf1f7;
        --kr-ecom-accent: #007f8c;
        --kr-ecom-accent-contrast: #ffffff;
        --kr-ecom-bg: #f2f5f8;
        --kr-ecom-surface: #ffffff;
        --kr-ecom-surface-alt: #f5f7f9;
        --kr-ecom-text: #13263d;
        --kr-ecom-muted: #5c6b7c;
        --kr-ecom-border: #d5dee7;
        --kr-ecom-success: #17812c;
        --kr-ecom-success-soft: #e8f5eb;
        --kr-ecom-danger: #c74444;
        --kr-ecom-promo: #e86416;
        --kr-ecom-new: #1683b8;
        --kr-ecom-menu-bg: #ffffff;
        --kr-ecom-menu-group-bg: #f3f6f8;
        --kr-ecom-menu-group-active-bg: #e6eef5;
        --kr-ecom-menu-text: #13263d;
        --kr-ecom-menu-active-text: #061f3e;
        --kr-ecom-menu-sub-text: #5c6b7c;
        --kr-ecom-menu-border: #d5dee7;
        --kr-ecom-footer-bg: #061f3e;
        --kr-ecom-footer-text: #ffffff;
        --kr-ecom-radius-sm: 4px;
        --kr-ecom-radius: 6px;
        --kr-ecom-radius-lg: 8px;
        --kr-ecom-gap: 10px;
        --kr-ecom-space: 12px;
        --kr-ecom-control-height: 38px;
        --kr-ecom-image-height: 150px;
        --kr-ecom-shadow-sm: 0 1px 4px rgba(8, 32, 61, .05);
        --kr-ecom-shadow: 0 4px 12px rgba(8, 32, 61, .09);
    }

    /* ---------------------------------------------------------------
   05 - SOFT MODERN
   Fresco, suave, azul cielo/teal. Sin apariencia violeta dominante.
   --------------------------------------------------------------- */
    .kr-ecommerce[data-ecommerce-theme="soft-modern"] {
        --kr-ecom-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: var(--kr-ecom-font);
        --kr-ecom-menu-font: var(--kr-ecom-font);
        --kr-ecom-primary: #2f6f8f;
        --kr-ecom-primary-strong: #214f68;
        --kr-ecom-primary-soft: #e9f4f8;
        --kr-ecom-accent: #3a8ba7;
        --kr-ecom-accent-contrast: #ffffff;
        --kr-ecom-bg: #f2f8fa;
        --kr-ecom-surface: #ffffff;
        --kr-ecom-surface-alt: #eef6f8;
        --kr-ecom-text: #18313e;
        --kr-ecom-muted: #667985;
        --kr-ecom-border: #d9e7eb;
        --kr-ecom-success: #2f855a;
        --kr-ecom-success-soft: #eaf7f0;
        --kr-ecom-danger: #c85454;
        --kr-ecom-promo: #dd6b5b;
        --kr-ecom-new: #3a8ba7;
        --kr-ecom-menu-bg: #ffffff;
        --kr-ecom-menu-group-bg: #eef6f8;
        --kr-ecom-menu-group-active-bg: #e1f0f4;
        --kr-ecom-menu-text: #18313e;
        --kr-ecom-menu-active-text: #214f68;
        --kr-ecom-menu-sub-text: #667985;
        --kr-ecom-menu-border: #d9e7eb;
        --kr-ecom-footer-bg: #214f68;
        --kr-ecom-footer-text: #ffffff;
        --kr-ecom-radius-sm: 12px;
        --kr-ecom-radius: 18px;
        --kr-ecom-radius-lg: 24px;
        --kr-ecom-gap: 18px;
        --kr-ecom-space: 16px;
        --kr-ecom-control-height: 42px;
        --kr-ecom-image-height: 230px;
        --kr-ecom-shadow-sm: 0 8px 22px rgba(47, 111, 143, .07);
        --kr-ecom-shadow: 0 18px 45px rgba(47, 111, 143, .14);
    }

    /* ---------------------------------------------------------------
   06 - CORPORATIVO
   Empresarial, gris azulado, bordes mas rectos.
   --------------------------------------------------------------- */
    .kr-ecommerce[data-ecommerce-theme="corporativo"] {
        --kr-ecom-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: var(--kr-ecom-font);
        --kr-ecom-menu-font: var(--kr-ecom-font);
        --kr-ecom-primary: #17466f;
        --kr-ecom-primary-strong: #0d304f;
        --kr-ecom-primary-soft: #e9f0f5;
        --kr-ecom-accent: #2777ad;
        --kr-ecom-accent-contrast: #ffffff;
        --kr-ecom-bg: #f2f4f6;
        --kr-ecom-surface: #ffffff;
        --kr-ecom-surface-alt: #edf1f4;
        --kr-ecom-text: #1e2c38;
        --kr-ecom-muted: #62717d;
        --kr-ecom-border: #d5dde3;
        --kr-ecom-success: #237642;
        --kr-ecom-success-soft: #e9f4ed;
        --kr-ecom-danger: #b84545;
        --kr-ecom-promo: #c94b45;
        --kr-ecom-new: #2777ad;
        --kr-ecom-menu-bg: #ffffff;
        --kr-ecom-menu-group-bg: #edf1f4;
        --kr-ecom-menu-group-active-bg: #e2ebf2;
        --kr-ecom-menu-text: #1e2c38;
        --kr-ecom-menu-active-text: #0d304f;
        --kr-ecom-menu-sub-text: #62717d;
        --kr-ecom-menu-border: #d5dde3;
        --kr-ecom-footer-bg: #0d304f;
        --kr-ecom-footer-text: #ffffff;
        --kr-ecom-radius-sm: 3px;
        --kr-ecom-radius: 5px;
        --kr-ecom-radius-lg: 7px;
        --kr-ecom-gap: 14px;
        --kr-ecom-space: 14px;
        --kr-ecom-control-height: 40px;
        --kr-ecom-image-height: 220px;
        --kr-ecom-shadow-sm: 0 2px 5px rgba(23, 70, 111, .05);
        --kr-ecom-shadow: 0 8px 20px rgba(23, 70, 111, .11);
    }

    /* ---------------------------------------------------------------
   07 - COMPACTO
   Denso, eficiente, gris/azul medio.
   --------------------------------------------------------------- */
    .kr-ecommerce[data-ecommerce-theme="compacto"] {
        --kr-ecom-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: var(--kr-ecom-font);
        --kr-ecom-menu-font: var(--kr-ecom-font);
        --kr-ecom-primary: #365b7c;
        --kr-ecom-primary-strong: #263f57;
        --kr-ecom-primary-soft: #edf2f5;
        --kr-ecom-accent: #487ba6;
        --kr-ecom-accent-contrast: #ffffff;
        --kr-ecom-bg: #f4f5f6;
        --kr-ecom-surface: #ffffff;
        --kr-ecom-surface-alt: #f3f5f7;
        --kr-ecom-text: #24303b;
        --kr-ecom-muted: #6a7580;
        --kr-ecom-border: #dce1e5;
        --kr-ecom-success: #28733e;
        --kr-ecom-success-soft: #eaf4ed;
        --kr-ecom-danger: #ba4747;
        --kr-ecom-promo: #d5524c;
        --kr-ecom-new: #487ba6;
        --kr-ecom-menu-bg: #ffffff;
        --kr-ecom-menu-group-bg: #f2f4f6;
        --kr-ecom-menu-group-active-bg: #e8eef2;
        --kr-ecom-menu-text: #24303b;
        --kr-ecom-menu-active-text: #263f57;
        --kr-ecom-menu-sub-text: #6a7580;
        --kr-ecom-menu-border: #dce1e5;
        --kr-ecom-footer-bg: #263f57;
        --kr-ecom-footer-text: #ffffff;
        --kr-ecom-radius-sm: 4px;
        --kr-ecom-radius: 6px;
        --kr-ecom-radius-lg: 8px;
        --kr-ecom-gap: 10px;
        --kr-ecom-space: 10px;
        --kr-ecom-control-height: 36px;
        --kr-ecom-image-height: 165px;
        --kr-ecom-shadow-sm: 0 1px 4px rgba(31, 41, 51, .05);
        --kr-ecom-shadow: 0 5px 14px rgba(31, 41, 51, .10);
    }

    /* ---------------------------------------------------------------
   08 - BOUTIQUE
   Unico theme claramente calido: borgona, rosa polvo, crema.
   --------------------------------------------------------------- */
    .kr-ecommerce[data-ecommerce-theme="boutique"] {
        --kr-ecom-body-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: "Playfair Display", Georgia, serif;
        --kr-ecom-product-font: var(--kr-ecom-heading-font);
        --kr-ecom-menu-font: var(--kr-ecom-heading-font);
        --kr-ecom-price-font: var(--kr-ecom-body-font);
        --kr-ecom-button-font: var(--kr-ecom-body-font);
        --kr-ecom-meta-font: var(--kr-ecom-body-font);
        --kr-ecom-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: "Playfair Display", Georgia, serif;
        --kr-ecom-menu-font: var(--kr-ecom-font);
        --kr-ecom-primary: #6d3949;
        --kr-ecom-primary-strong: #472532;
        --kr-ecom-primary-soft: #f7ecef;
        --kr-ecom-accent: #a66373;
        --kr-ecom-accent-contrast: #ffffff;
        --kr-ecom-bg: #fbf6f2;
        --kr-ecom-surface: #fffdfb;
        --kr-ecom-surface-alt: #f5ebe5;
        --kr-ecom-text: #3d2c31;
        --kr-ecom-muted: #7d6b70;
        --kr-ecom-border: #eadbd5;
        --kr-ecom-success: #4c7d58;
        --kr-ecom-success-soft: #edf5ef;
        --kr-ecom-danger: #b64d55;
        --kr-ecom-promo: #aa5558;
        --kr-ecom-new: #8c6975;
        --kr-ecom-menu-bg: #fffdfb;
        --kr-ecom-menu-group-bg: #f5ebe5;
        --kr-ecom-menu-group-active-bg: #f1dfe4;
        --kr-ecom-menu-text: #3d2c31;
        --kr-ecom-menu-active-text: #472532;
        --kr-ecom-menu-sub-text: #7d6b70;
        --kr-ecom-menu-border: #eadbd5;
        --kr-ecom-footer-bg: #472532;
        --kr-ecom-footer-text: #ffffff;
        --kr-ecom-radius-sm: 2px;
        --kr-ecom-radius: 4px;
        --kr-ecom-radius-lg: 8px;
        --kr-ecom-gap: 20px;
        --kr-ecom-space: 18px;
        --kr-ecom-control-height: 42px;
        --kr-ecom-image-height: 300px;
        --kr-ecom-shadow-sm: 0 2px 12px rgba(66, 44, 54, .035);
        --kr-ecom-shadow: 0 18px 44px rgba(66, 44, 54, .10);
    }

    /* ---------------------------------------------------------------
   09 - DARK TECH
   Dark general Kronhos: azul/gris, sin violeta ni neon.
   --------------------------------------------------------------- */
    .kr-ecommerce[data-ecommerce-theme="dark-tech"] {
        --kr-ecom-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: var(--kr-ecom-font);
        --kr-ecom-menu-font: var(--kr-ecom-font);
        --kr-ecom-primary: #3b78b3;
        --kr-ecom-primary-strong: #285987;
        --kr-ecom-primary-soft: #1b2a38;
        --kr-ecom-accent: #5a93c7;
        --kr-ecom-accent-contrast: #ffffff;
        --kr-ecom-bg: #0f1720;
        --kr-ecom-surface: #17222d;
        --kr-ecom-surface-alt: #121c26;
        --kr-ecom-text: #edf4f9;
        --kr-ecom-muted: #a5b4c2;
        --kr-ecom-border: #2a3947;
        --kr-ecom-success: #5fbf83;
        --kr-ecom-success-soft: #173526;
        --kr-ecom-danger: #df7777;
        --kr-ecom-promo: #d96a72;
        --kr-ecom-new: #5a93c7;
        --kr-ecom-menu-bg: #17222d;
        --kr-ecom-menu-group-bg: #121c26;
        --kr-ecom-menu-group-active-bg: #1b2a38;
        --kr-ecom-menu-text: #edf4f9;
        --kr-ecom-menu-active-text: #ffffff;
        --kr-ecom-menu-sub-text: #a5b4c2;
        --kr-ecom-menu-border: #2a3947;
        --kr-ecom-footer-bg: #121c26;
        --kr-ecom-footer-text: #edf4f9;
        --kr-ecom-radius-sm: 10px;
        --kr-ecom-radius: 15px;
        --kr-ecom-radius-lg: 20px;
        --kr-ecom-gap: 18px;
        --kr-ecom-space: 16px;
        --kr-ecom-control-height: 42px;
        --kr-ecom-image-height: 230px;
        --kr-ecom-shadow-sm: 0 5px 18px rgba(0, 0, 0, .22);
        --kr-ecom-shadow: 0 18px 42px rgba(0, 0, 0, .38);
        color-scheme: dark;
    }

    /* ---------------------------------------------------------------
   Ajustes de personalidad por theme.
   Siempre consumen variables; nunca cambian el modelo funcional.
   --------------------------------------------------------------- */
    .kr-ecommerce[data-ecommerce-theme="premium"] .titulo1_pr {
        letter-spacing: var(--kr-ecom-tracking-tight-lg);
    }

    .kr-ecommerce[data-ecommerce-theme="marketplace"] .precio_c > div:last-child [id*="Precio"] {
        font-size: var(--kr-ecom-type-4xl) !important;
    }

    .kr-ecommerce[data-ecommerce-theme="editorial"] .titulo1_pr {
        font-size: var(--kr-ecom-type-xl) !important;
        font-weight: var(--kr-ecom-weight-semibold) !important;
    }

    .kr-ecommerce[data-ecommerce-theme="b2b"] .moves1 {
        max-height: 210px;
    }

    .kr-ecommerce[data-ecommerce-theme="b2b"] .titulo1_pr {
        font-size: var(--kr-ecom-type-md-plus) !important;
    }

    .kr-ecommerce[data-ecommerce-theme="corporativo"] .cabecera {
        border-top: 4px solid var(--kr-ecom-primary);
    }

    .kr-ecommerce[data-ecommerce-theme="compacto"] .titulo1_pr {
        min-height: 36px;
        font-size: var(--kr-ecom-type-md) !important;
    }

    .kr-ecommerce[data-ecommerce-theme="boutique"] .botonAdd {
        letter-spacing: var(--kr-ecom-tracking-wide);
        text-transform: uppercase;
    }

    .kr-ecommerce[data-ecommerce-theme="dark-tech"] {
        background-image: none !important;
    }

        .kr-ecommerce[data-ecommerce-theme="dark-tech"] .fitimageNew,
        .kr-ecommerce[data-ecommerce-theme="dark-tech"] .imagen_pr {
            filter: none !important;
        }


    /* ================================================================
   FASE 6.22 - TIPOGRAFIA AUTORITATIVA POR THEME
   EcommerceThemes.css se carga despues de EcommerceComponents.css.
   Los selectores corresponden al HTML real renderizado por CCatalogo.
   ================================================================ */

    /* Defaults operativos */
    .kr-ecommerce[data-ecommerce-theme] .pr_contenedor #titulo1 .titulo1_pr,
    .kr-ecommerce[data-ecommerce-theme] .pr_contenedor .titulo2_pr {
        font-family: var(--kr-ecom-product-font, var(--kr-ecom-font)) !important;
    }

    .kr-ecommerce[data-ecommerce-theme] .kr-repeater-categories .kr-cat-name,
    .kr-ecommerce[data-ecommerce-theme] .kr-repeater-categories .kr-cat-child {
        font-family: var(--kr-ecom-menu-font, var(--kr-ecom-font)) !important;
    }

    /* BOUTIQUE: serif editorial visible en productos y categorias. */
    .kr-ecommerce[data-ecommerce-theme="boutique"] .pr_contenedor #titulo1 .titulo1_pr,
    .kr-ecommerce[data-ecommerce-theme="boutique"] .pr_contenedor .titulo2_pr {
        font-family: var(--kr-ecom-heading-font) !important;
        font-weight: var(--kr-ecom-weight-medium) !important;
        letter-spacing: var(--kr-ecom-tracking-tight-sm) !important;
    }

    .kr-ecommerce[data-ecommerce-theme="boutique"] .kr-repeater-categories .kr-cat-name,
    .kr-ecommerce[data-ecommerce-theme="boutique"] .kr-category-title {
        font-family: var(--kr-ecom-heading-font) !important;
    }

    /* EDITORIAL: serif editorial en producto/categorias. */
    .kr-ecommerce[data-ecommerce-theme="editorial"] .pr_contenedor #titulo1 .titulo1_pr,
    .kr-ecommerce[data-ecommerce-theme="editorial"] .pr_contenedor .titulo2_pr,
    .kr-ecommerce[data-ecommerce-theme="editorial"] .kr-repeater-categories .kr-cat-name,
    .kr-ecommerce[data-ecommerce-theme="editorial"] .kr-category-title {
        font-family: var(--kr-ecom-heading-font) !important;
    }

    /* PREMIUM y resto: fuente operativa moderna. */
    .kr-ecommerce[data-ecommerce-theme="premium"] .pr_contenedor #titulo1 .titulo1_pr,
    .kr-ecommerce[data-ecommerce-theme="premium"] .kr-repeater-categories .kr-cat-name,
    .kr-ecommerce[data-ecommerce-theme="marketplace"] .pr_contenedor #titulo1 .titulo1_pr,
    .kr-ecommerce[data-ecommerce-theme="b2b"] .pr_contenedor #titulo1 .titulo1_pr,
    .kr-ecommerce[data-ecommerce-theme="soft-modern"] .pr_contenedor #titulo1 .titulo1_pr,
    .kr-ecommerce[data-ecommerce-theme="corporativo"] .pr_contenedor #titulo1 .titulo1_pr,
    .kr-ecommerce[data-ecommerce-theme="compacto"] .pr_contenedor #titulo1 .titulo1_pr,
    .kr-ecommerce[data-ecommerce-theme="dark-tech"] .pr_contenedor #titulo1 .titulo1_pr {
        font-family: var(--kr-ecom-font) !important;
    }


/* ================================================================
   FASE 6.27 - CONTRATO SEMANTICO FINAL DE THEMES
   Este bloque es la unica referencia para tipografias funcionales.
   ================================================================ */
.kr-ecommerce {
    --kr-ecom-body-font: var(--kr-ecom-font);
    --kr-ecom-heading-font: var(--kr-ecom-font);
    --kr-ecom-product-font: var(--kr-ecom-body-font);
    --kr-ecom-menu-font: var(--kr-ecom-body-font);
    --kr-ecom-price-font: var(--kr-ecom-body-font);
    --kr-ecom-button-font: var(--kr-ecom-body-font);
    --kr-ecom-meta-font: var(--kr-ecom-body-font);
    --kr-ecom-footer-font: var(--kr-ecom-body-font);
}

    .kr-ecommerce[data-ecommerce-theme="premium"] {
        --kr-ecom-body-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: "Playfair Display", Georgia, serif;
        --kr-ecom-product-font: var(--kr-ecom-body-font);
        --kr-ecom-menu-font: var(--kr-ecom-body-font);
        --kr-ecom-price-font: var(--kr-ecom-body-font);
        --kr-ecom-button-font: var(--kr-ecom-body-font);
        --kr-ecom-meta-font: var(--kr-ecom-body-font);
        --kr-ecom-footer-font: var(--kr-ecom-body-font);
    }

    .kr-ecommerce[data-ecommerce-theme="boutique"] {
        --kr-ecom-body-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: "Playfair Display", Georgia, serif;
        --kr-ecom-product-font: var(--kr-ecom-heading-font);
        --kr-ecom-menu-font: var(--kr-ecom-heading-font);
        --kr-ecom-price-font: var(--kr-ecom-body-font);
        --kr-ecom-button-font: var(--kr-ecom-body-font);
        --kr-ecom-meta-font: var(--kr-ecom-body-font);
        --kr-ecom-footer-font: var(--kr-ecom-heading-font);
    }

    .kr-ecommerce[data-ecommerce-theme="editorial"] {
        --kr-ecom-body-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: "Playfair Display", Georgia, serif;
        --kr-ecom-product-font: var(--kr-ecom-heading-font);
        --kr-ecom-menu-font: var(--kr-ecom-heading-font);
        --kr-ecom-price-font: var(--kr-ecom-body-font);
        --kr-ecom-button-font: var(--kr-ecom-body-font);
        --kr-ecom-meta-font: var(--kr-ecom-body-font);
        --kr-ecom-footer-font: var(--kr-ecom-heading-font);
    }

    .kr-ecommerce[data-ecommerce-theme="marketplace"],
    .kr-ecommerce[data-ecommerce-theme="b2b"],
    .kr-ecommerce[data-ecommerce-theme="soft-modern"],
    .kr-ecommerce[data-ecommerce-theme="corporativo"],
    .kr-ecommerce[data-ecommerce-theme="compacto"],
    .kr-ecommerce[data-ecommerce-theme="dark-tech"] {
        --kr-ecom-body-font: "Inter", "Segoe UI", Arial, sans-serif;
        --kr-ecom-heading-font: var(--kr-ecom-body-font);
        --kr-ecom-product-font: var(--kr-ecom-body-font);
        --kr-ecom-menu-font: var(--kr-ecom-body-font);
        --kr-ecom-price-font: var(--kr-ecom-body-font);
        --kr-ecom-button-font: var(--kr-ecom-body-font);
        --kr-ecom-meta-font: var(--kr-ecom-body-font);
        --kr-ecom-footer-font: var(--kr-ecom-body-font);
    }

    /* Columnas sin style inline en <body>. */
    .kr-ecommerce[data-ecommerce-columns="2"] {
        --kr-ecom-columns-config: 2;
    }

    .kr-ecommerce[data-ecommerce-columns="3"] {
        --kr-ecom-columns-config: 3;
    }

    .kr-ecommerce[data-ecommerce-columns="4"] {
        --kr-ecom-columns-config: 4;
    }

    .kr-ecommerce[data-ecommerce-columns="5"] {
        --kr-ecom-columns-config: 5;
    }

    .kr-ecommerce[data-ecommerce-columns="6"] {
        --kr-ecom-columns-config: 6;
    }

    /* ================================================================
   FASE 6.34 - GOOGLE MATERIAL SYMBOLS ROUNDED
   Regla autoritativa para iconos del e-commerce.
   Evita que Inter / Playfair / estilos heredados conviertan
   los nombres de los iconos en texto visible.
   ================================================================ */
    .kr-ecommerce .material-symbols-rounded,
    .kr-ecommerce[data-ecommerce-theme] .material-symbols-rounded,
    html body .kr-ecommerce .material-symbols-rounded {
        font-family: "Material Symbols Rounded" !important;
        font-weight: normal !important;
        font-style: normal !important;
        font-size: 24px;
        line-height: 1 !important;
        letter-spacing: normal !important;
        text-transform: none !important;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        display: inline-block;
        vertical-align: middle;
        font-feature-settings: "liga" !important;
        -webkit-font-feature-settings: "liga" !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
    }