/* ============================================================
   SISTEMA TIPOGRÁFICO GLOBAL
   SCA INDUSTRIAL S.A.
   Basado en la escala visual de Sensorex
   ============================================================ */

html {
    font-size: 16px;
}

html,
body,
body * {
    font-family: Arial, Helvetica, sans-serif !important;
}


/* NAVEGACIÓN */

header .nav-link,
header a,
.navbar a,
.dropdown-menu a {
    font-size: 0.97rem !important;
}


/* ETIQUETAS SUPERIORES:
   PRODUCTOS / TECNOLOGÍA APLICADA / etc. */

.prod-eyebrow,
.hero-eyebrow,
.section-kicker {
    font-size: 0.82rem !important;
    letter-spacing: 0.19em !important;
}


/* TÍTULOS PRINCIPALES DE HERO */

.prod-title,
.sensorex-hero h1,
.hero h1,
.hero-content h1 {
    font-weight: 700 !important;
    line-height: 0.98 !important;
    letter-spacing: 0.025em !important;
}


/* TEXTO DESCRIPTIVO DEL HERO */

.prod-lead,
.hero-description,
.hero-content p {
    font-size: 1.12rem !important;
    line-height: 1.7 !important;
}


/* TÍTULOS DE SECCIONES */

.prod-section h2,
.section-heading h2,
.sensorex-intro h2,
.quote-box h2,
section h2 {
    font-size: clamp(2rem, 4vw, 3.15rem) !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
}


/* SUBTÍTULOS / TARJETAS */

.prod-card h3,
.prod-mini h3,
.sensor-content h3,
section h3 {
    font-size: 1.55rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}


/* PÁRRAFOS NORMALES */

.prod-section p,
.prod-card p,
.prod-mini p,
.sensor-content p,
.sensorex-intro p,
.section-heading p,
.quote-box p,
section p {
    font-size: 1.06rem !important;
    line-height: 1.7 !important;
}


/* LISTAS */

.prod-list li,
.sensor-content li,
section li {
    font-size: 1rem !important;
    line-height: 1.75 !important;
}


/* BOTONES */

.btn,
button {
    font-size: 1rem !important;
    font-weight: 700 !important;
}


/* BADGES DEL HERO DE PRODUCTOS */

.prod-badge strong {
    font-size: 1rem !important;
}

.prod-badge span {
    font-size: 0.9rem !important;
    line-height: 1.45 !important;
}


/* TARJETAS PEQUEÑAS */

.prod-kpi strong {
    font-size: 1rem !important;
}

.prod-kpi span,
.prod-steps span {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
}


/* MÓVIL */

@media (max-width: 768px) {

    .prod-lead,
    .hero-description,
    .hero-content p {
        font-size: 1rem !important;
    }

    .prod-section h2,
    .section-heading h2,
    .sensorex-intro h2,
    section h2 {
        font-size: 2rem !important;
    }
}