/* css/brand.css — Tipografía y logos Select SAS (todas las superficies) */
:root {
    --burgundy: #7a1f2e;
    --burgundy-deep: #4a0f18;
    --font-display: 'Poppins', 'Segoe UI', sans-serif;
    --font-body: 'Lato', 'Segoe UI', sans-serif;
}

body,
body.pro,
body.b2c-home {
    font-family: var(--font-body) !important;
}

h1, h2, h3, h4,
.pro-title, .brand-title, .section-label, .section-heading,
.kpi-value, .prod-card h4, .quick-link strong,
.prod-title, .prod-price, .b2c-logo, .pro-brand,
.btn-burgundy, label, .cat-lbl, .b2c-nav a, .top-surfaces a {
    font-family: var(--font-display) !important;
}

/* Logos: ocultos hasta .is-on; tamaño contenido */
img.js-logo-dark,
img.js-logo-light,
img.js-site-logo,
img.brand-logo-login,
img.brand-logo-inline {
    display: none;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
}

img.js-logo-dark.is-on,
img.js-logo-light.is-on,
img.js-site-logo.is-on,
img.brand-logo-login.is-on,
img.brand-logo-inline.is-on {
    display: block !important;
    visibility: visible !important;
}

.login-card {
    overflow: hidden;
}

.login-card img.is-on {
    max-height: 42px !important;
    max-width: 168px !important;
    margin: 0 auto 14px !important;
}

.scan-brand img.is-on,
#vista-scan img.is-on {
    max-height: 36px !important;
    max-width: 150px !important;
    margin: 0 auto 8px !important;
}

.pro-brand img.is-on,
.b2c-logo img.is-on,
.site-logo img.is-on {
    max-height: 28px !important;
    max-width: 130px !important;
}

/* Con logo: solo ocultar el wordmark del header, no títulos de página */
.pro-brand.has-logo > .brand-text,
.b2c-logo.has-logo > .brand-text,
.site-logo.has-logo > .brand-text,
.scan-brand.has-logo > .brand-text,
.scan-brand.has-logo > .brand-title {
    display: none !important;
}