/* ─── Tablet (≤ 1024px) ──────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-xl) var(--space-lg);
    }

    .article-layout {
        grid-template-columns: 1fr;
    }

    .article-sidebar {
        position: static;
    }

    .consulta-grid {
        grid-template-columns: 1fr;
    }

    .area-intro-grid {
        grid-template-columns: 1fr;
    }

    .pasos-grid::before {
        display: none;
    }
}

/* ─── Mobile (≤ 768px) ───────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    /* Header */
    .nav-toggle {
        display: flex;
    }

    .header-tel {
        display: none;
    }

    .main-nav {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(26,41,66,0.98);
        z-index: 9998;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(8px);
    }

    .main-nav.is-open {
        display: flex;
    }

    .nav-menu {
        flex-direction: column;
        align-items: center;
        gap: var(--space-xs);
    }

    .nav-menu li a {
        font-size: 1.3rem;
        letter-spacing: 3px;
        padding: var(--space-sm) 0;
        color: #fff;
    }

    .nav-toggle {
        z-index: 9999;
    }

    /* Grids */
    .blog-grid {
        grid-template-columns: 1fr;
    }

    .testimonios-grid {
        grid-template-columns: 1fr;
    }

    .pasos-grid {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    .areas-grid {
        grid-template-columns: 1fr;
    }

    .servicios-grid {
        grid-template-columns: 1fr;
    }

    .form-grid {
        grid-template-columns: 1fr;
    }

    .form-field--full {
        grid-column: 1;
    }

    /* Footer */
    .footer-grid {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    .footer-bottom-inner {
        flex-direction: column;
        text-align: center;
    }

    .footer-legal-menu {
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--space-sm);
    }

    /* Secciones */
    .section {
        padding: var(--space-xl) 0;
    }

    .hero-home__actions {
        flex-direction: column;
        align-items: center;
    }

    .cta-block__actions {
        flex-direction: column;
        align-items: center;
    }

    .post-nav {
        flex-direction: column;
        gap: var(--space-sm);
    }

    /* Admin Settings Theme */
    .ch-grid {
        grid-template-columns: 1fr !important;
    }

    .ch-two-cols {
        grid-template-columns: 1fr !important;
    }

    .ch-arrow {
        display: none;
    }
}

/* ─── Mobile pequeño (≤ 480px) ───────────────────────────────────────────────── */
@media (max-width: 480px) {
    :root {
        --space-xl: 48px;
        --space-2xl: 64px;
    }

    .btn {
        padding: 12px 24px;
        font-size: 10px;
    }

    .hero-home__content {
        padding-top: 100px;
    }
}

/* ─── Menú mobile — fondo claro ─────────────────────────────────────────────── */
@media (max-width: 768px) {
    .main-nav {
        background: rgba(255,255,255,0.98) !important;
        border-bottom: 1px solid #e5e7eb;
    }
    .nav-menu li a {
        color: #111827 !important;
        font-size: 1.2rem;
    }
    .nav-menu li a:hover {
        color: var(--color-accent) !important;
    }
}