/* ============================================================
   inline-migrated.css — gears.com.mx
   Reemplaza los atributos style="" inline detectados en el sitio
   (hallazgo F-03 del Advisory Security Report). Migrar estas reglas
   a un archivo externo es el paso previo necesario para poder quitar
   'unsafe-inline' de style-src en la CSP (F-02).
   Cárgalo DESPUÉS de css/style.css en cada página.
   ============================================================ */

.u-maxw-500  { max-width: 500px; }
.u-maxw-600  { max-width: 600px; }
.u-maxw-700  { max-width: 700px; }
.u-maxw-750  { max-width: 750px; }
.u-maxw-800  { max-width: 800px; }

.u-maxw-750-center { max-width: 750px; margin-left: auto; margin-right: auto; }
.u-maxw-800-center { max-width: 800px; margin-left: auto; margin-right: auto; }
.u-maxw-750-slate  { max-width: 750px; color: var(--slate-dark); }
.u-maxw-800-slate  { max-width: 800px; color: var(--slate-dark); }

.u-h-45  { height: 45px; }
.u-h-55  { height: 55px; }
.u-h-75  { height: 75px; }
.u-h-150 { height: 150px; }

.u-minh-350 { min-height: 350px; }
.u-minh-500 { min-height: 500px; }
.u-minh-auto { min-height: auto; }

.u-mb-90 { margin-bottom: 90px; }

.u-text-primary { color: var(--primary); }
.u-text-slate   { color: var(--slate-dark); }

.u-meta-label {
    font-size: 0.62em;
    color: var(--slate-dark);
    font-weight: 500;
}
.u-meta-text {
    color: var(--slate-dark);
    font-size: 0.85rem;
    letter-spacing: 0.04em;
}
.u-lead-muted {
    color: #a1a1aa;
    margin-bottom: 32px;
    font-size: 0.95rem;
}

.u-fs-075em { font-size: 0.75em; }

.u-bg-footer-dark   { background-color: #061429; }
.u-bg-overlay-navy  { background: rgba(9, 30, 62, .7); }

.u-object-cover { object-fit: cover; }

.u-opacity-85 { opacity: 0.85; }
.u-opacity-90 { opacity: 0.9; }

.u-align-self-start { align-self: flex-start; }

.u-offscreen-hidden {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

/* Ícono cuadrado de 60x60 (tarjetas de servicio) */
.icon-box-60 { width: 60px; height: 60px; }

/* Círculo de número/estadística de 52x52 */
.stat-badge-circle {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--signal-soft);
    color: var(--primary);
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
}

/* Caja de CTA con fondo primario (footer / newsletter) */
.cta-box-primary {
    background: var(--primary);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}