/* ========================================
   Responsive Breakpoints
   ======================================== */

/* --- Phablet (500px+) --- */
@media (min-width: 500px) {
    .pesetas__grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* --- Tablet (768px+) --- */
@media (min-width: 768px) {
    .tech-grid {
        grid-template-columns: 1fr 1fr;
    }

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

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

    .cultura__cards--movies {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .cultura-card--tv {
        grid-template-columns: 120px 1fr;
    }

    .cultura-card--tv .cultura-card__cover {
        width: 120px;
    }

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

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

/* --- Desktop (1200px+) --- */
@media (min-width: 1200px) {
    .section__inner {
        padding: var(--space-xl) var(--space-md);
    }

    .section--naciste .section__content {
        max-width: 900px;
        margin: 0 auto;
    }

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

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

/* --- Small Mobile (<500px) --- */
@media (max-width: 499px) {
    .pesetas__converter-row {
        flex-direction: column;
        gap: var(--space-xs);
    }
}

@media (max-width: 400px) {
    :root {
        --space-md: 1.5rem;
        --space-lg: 2.5rem;
    }

    .scoreboard__teams {
        gap: var(--space-sm);
    }
}

/* --- Progress Nav: hide on mobile --- */
@media (max-width: 767px) {
    .progress-nav {
        display: none;
    }
}

/* --- Hero CRT adjustments --- */
@media (max-width: 600px) {
    .hero__crt-frame {
        width: 95vw;
        padding: 10px;
        border-radius: 12px;
    }

    .hero__screen {
        border-radius: 8px;
    }
}