/**
 * Estándar visual = páginas del menú (Software, IA, SEO, Web, E-commerce,
 * Nosotros, Contacto, Portafolio + Home).
 * Carga al FINAL del footer: bloquea overrides de páginas sueltas.
 * No cambia la identidad (neon / Poiret / Inter / layouts).
 */

/* ——— Tipografía: siempre tokens del menú ——— */
.hero-title,
.sw-hero .hero-title,
.container--hero .hero-title,
.container.mx-directory-hero .hero-title,
.container.mx-hub-hero-wrap .hero-title {
    font-size: var(--cw-title-hero) !important;
    font-family: 'Poiret One', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.28 !important;
}

.sw-section-title,
.section-title,
.faq-title,
.integrations-title,
.ia-title,
.mx-hub-heading,
.reviews-title {
    font-size: var(--cw-title-section) !important;
    font-family: 'Poiret One', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.28 !important;
}

.sw-section-lead,
.section-subtitle,
.hero-subtitle,
.sw-section-lead p {
    font-size: var(--cw-text-lg) !important;
    font-family: 'Inter', 'Segoe UI', sans-serif !important;
    line-height: 1.65 !important;
}

/* ——— Shell: mismo ancho/pad que landings del menú ——— */
.top-content-wrapper,
.full-width-section,
.sw-section,
.cards-section,
.faq-section {
    max-width: var(--cw-shell-wide, 1540px);
    margin-inline: auto;
    box-sizing: border-box;
}

/* ——— Botones CTA: piso táctil del menú ——— */
.cta-button,
.card-button,
.modern-button,
.hero-pillar-btn {
    min-height: var(--cw-btn-h-sm, 44px);
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

@media (max-width: 968px) {
    /* Títulos de sección centrados (patrón menú móvil) */
    .hero-title,
    .sw-section-title,
    .section-title,
    .faq-title,
    .integrations-title,
    .ia-title,
    .mx-hub-heading,
    .reviews-title,
    .hero-subtitle,
    .sw-section-lead,
    .section-subtitle {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Iconos de card: al lado del título, sin margen inferior */
    .card-icon-container,
    .sw-use-card > i:first-child,
    .sw-use-card .card-icon,
    .card-svc__title-row .card-icon,
    .card-svc__title-row .improved-icon {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .card-button,
    .modern-button,
    .cta-button,
    .hero-pillar-btn,
    .cards-container--rail .card-button,
    .cards-container--rail .modern-button {
        min-height: var(--cw-btn-h-sm, 44px) !important;
        font-size: clamp(0.75rem, 2.6vw, 0.85rem) !important;
    }

    .card h3,
    .sw-use-card h3,
    .card-svc h3 {
        font-size: var(--cw-title-card) !important;
        line-height: 1.32 !important;
    }

    .card p,
    .sw-use-card p,
    .card-svc p {
        font-size: var(--cw-text-card) !important;
        text-align: left !important;
    }
}