/* ═══════════════════════════════════════════════
   MCA Theme — Responsive Styles
   ═══════════════════════════════════════════════ */

/* ─── Tablet (≤ 1024px) ─── */
@media (max-width: 1024px) {
    :root {
        --fs-4xl: 2.5rem;
        --fs-3xl: 2rem;
        --fs-2xl: 1.5rem;
    }

    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-main {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-xl);
    }

    .footer-logo {
        grid-column: 1 / -1;
    }

    /* Header - hide pill nav, show hamburger */
    .header-nav {
        display: none;
    }

    .menu-toggle {
        display: flex;
    }

    .header-main {
        flex-direction: row;
        justify-content: center;
        position: relative;
    }

    .header-logo {
        margin-bottom: 0;
    }

    /* Home sections */
    .home-activities-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-tienda__layout {
        grid-template-columns: 1fr;
    }

    .home-productos-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Page interior */
    .page-two-col {
        grid-template-columns: 1fr;
    }
}

/* ─── Mobile Large (≤ 768px) ─── */
@media (max-width: 768px) {
    :root {
        --fs-4xl: 2rem;
        --fs-3xl: 1.75rem;
        --fs-2xl: 1.375rem;
        --container-padding: 1rem;
    }

    .section {
        padding-top: var(--space-2xl);
        padding-bottom: var(--space-2xl);
    }

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

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

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

    /* Footer */
    .footer-main {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-logo {
        margin: 0 auto;
    }

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

    .footer-social {
        flex-direction: column;
    }

    /* Homepage */
    .home-hero__content {
        text-align: center;
    }

    .home-activities-grid {
        grid-template-columns: 1fr;
    }

    .home-stats-grid {
        grid-template-columns: 1fr 1fr;
    }

    .home-productos-grid {
        grid-template-columns: 1fr;
    }

    /* Tabs */
    .tabs__list {
        flex-wrap: wrap;
    }

    /* Topbar */
    .header-topbar {
        justify-content: center;
    }

    /* Page header */
    .page-header {
        padding: var(--space-2xl) 0;
    }

    /* Membership tiers */
    .membership-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ─── Mobile Small (≤ 480px) ─── */
@media (max-width: 480px) {
    :root {
        --fs-4xl: 1.75rem;
        --fs-3xl: 1.5rem;
        --fs-2xl: 1.25rem;
    }

    .btn {
        padding: 0.6rem 1.5rem;
        font-size: var(--fs-xs);
    }

    .btn-lg {
        padding: 0.75rem 2rem;
        font-size: var(--fs-sm);
    }

    .home-stats-grid {
        grid-template-columns: 1fr;
    }

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

    .header-logo {
        width: 60px;
        height: 60px;
    }
}