/* =========================================================
   QBIT TYPOGRAPHY T3
   System UI / high-quality native rendering
   ========================================================= */

:root {
    --qbit-font-system:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--qbit-font-system) !important;
}

/*
 * Elementos que históricamente recibieron Arial/Oswald
 * de forma explícita.
 */

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,

.qbit-products-button,
.qbit-products-group-button,
.qbit-products-column-title,
.qbit-products-category-link,
.qbit-products-subcategory-link,
.qbit-products-view-all,

.qbit-product-title,
.qbit-product-title a,
.qbit-product-price,
.qbit-product-price strong,
.qbit-product-price small,
.qbit-product-old-price,

.qbit-line-title,
.qbit-line-title a,
.qbit-line-price,
.qbit-line-old-price,

.qbit-detail-price,

.qbit-menu-promo-v2,
.qbit-menu-promo-v2-title,
.qbit-menu-promo-v2-prices,

.qbit-home-catalog-column,
.qbit-home-catalog-column *,
.qbit-product-card,
.qbit-product-card * {
    font-family: var(--qbit-font-system) !important;
}

/*
 * Renderizado estable.
 * No usamos transformaciones ni synthetic stretching.
 */

body {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
 * Semibold moderno.
 * Conservamos jerarquía sin el aspecto excesivamente pesado.
 */

.qbit-products-button,
.qbit-products-column-title,
.qbit-product-title,
.qbit-product-title a,
.qbit-menu-promo-v2-title {
    font-weight: 600 !important;
}

.qbit-product-price strong,
.qbit-line-price,
.qbit-detail-price {
    font-weight: 700 !important;
}

/* QBIT TYPOGRAPHY T3 END */

/* QBIT TYPOGRAPHY T5 COMPACT START */

/*
 * Segoe UI es más ancha que la tipografía anterior.
 * Quitamos tracking heredado excesivo sin deformar glifos.
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.012em !important;
}

.qbit-products-button,
.qbit-products-group-button,
.qbit-products-column-title,
.qbit-products-category-link,
.qbit-products-subcategory-link,
.qbit-products-view-all {
    letter-spacing: -0.006em !important;
}

.qbit-product-title,
.qbit-product-title a,
.qbit-line-title,
.qbit-line-title a,
.qbit-menu-promo-v2-title {
    letter-spacing: -0.012em !important;
}

.qbit-product-price,
.qbit-product-price strong,
.qbit-line-price,
.qbit-detail-price {
    letter-spacing: -0.008em !important;
}

/*
 * Etiquetas pequeñas en mayúsculas.
 * Conservamos un tracking mínimo, no el .04-.07em anterior.
 */

.qbit-home-promotion-products [class*="label"],
.qbit-home-promotion-products [class*="eyebrow"],
.qbit-home-promotion-products [class*="heading"],
.qbit-menu-promo-v2-heading {
    letter-spacing: .015em !important;
}

/*
 * Evitar que pesos excesivos vuelvan a dar aspecto duro.
 */

.qbit-product-title,
.qbit-product-title a,
.qbit-line-title,
.qbit-line-title a {
    font-weight: 600 !important;
}

/* QBIT TYPOGRAPHY T5 COMPACT END */

/* QBIT TYPOGRAPHY T6 EYEBROWS START */

/*
 * Encabezados pequeños / mayúsculas:
 * más limpios, menos abiertos y sin aspecto condensado.
 */

.qbit-home-section-kicker,
.qbit-home-products-eyebrow,
.qbit-home-promotion-products [class*="eyebrow"],
.qbit-home-promotion-products [class*="label"],
.qbit-home-promotion-products [class*="heading"],
.qbit-menu-promo-v2-heading {
    font-family: var(--qbit-font-system) !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
    line-height: 1.25 !important;
}

/*
 * Fallback para encabezados pequeños QBIT que heredan
 * estilos antiguos con tracking amplio.
 */

body.cl-start small.text-uppercase,
body.cl-start .text-uppercase.fw-semibold,
body.cl-start .text-uppercase.fw-bold {
    font-family: var(--qbit-font-system) !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
}

/* QBIT TYPOGRAPHY T6 EYEBROWS END */