/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

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

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

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

    .footer-main {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 28px;
    }

    .footer-powered {
        margin: 0 auto;
    }

    .footer-right {
        align-items: center;
    }

    .footer-logos {
        justify-content: center;
    }

    .footer-copy {
        text-align: center;
    }
}

/* ==========================================================
   900 PX
========================================================== */

@media (max-width: 900px) {

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

/* ==========================================================
   CELULAR / TABLET
========================================================== */

@media (max-width: 820px) {

    .hero-content {
        min-height: auto;

        grid-template-columns: 1fr;

        gap: 28px;

        text-align: center;

        padding-top: 35px;
        padding-bottom: 58px;
    }

    .hero-logo {
        order: 1;
    }

    .hero-text {
        order: 2;
    }

    .hero-logo img {
        width: 220px;
    }

    .hero-edition {
        align-items: center;
    }

    .hero-buttons {
        justify-content: center;
    }

    .quick-access {
        margin-top: 0;
        padding-top: 22px;
    }

    .event-card {
        grid-template-columns: 92px 1fr;
    }

    .event-status {
        grid-column: 2;
    }
}

/* ==========================================================
   CELULAR
========================================================== */

@media (max-width: 640px) {

    .container {
        width: calc(100% - 22px);
    }

    .hero h1 {
        font-size: 44px;
    }

    .hero-description {
        font-size: 16px;
    }

    .hero-logo img {
        width: 180px;
    }

    .quick-grid,
    .results-grid,
    .discipline-grid {
        grid-template-columns: 1fr;
    }

    .section {
        padding: 64px 0;
    }

    .section-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    .event-card {
        grid-template-columns: 1fr;
    }

    .event-time {
        border-right: 0;

        border-bottom:
            1px solid var(--border);

        padding-right: 0;
        padding-bottom: 10px;
    }

    .event-status {
        grid-column: 1;
    }

    .discipline-section {
        padding: 65px 0;
    }

    .footer-main {
        padding-top: 28px;
        padding-bottom: 25px;
    }

    .footer-logos {
        flex-direction: column;
        gap: 14px;
    }

    .footer-divider {
        width: 100px;
        height: 1px;
    }

    .footer-athlonix {
        width: 210px;
    }

    .footer-deportealdia {
        width: 260px;
    }

    .footer-copy {
        font-size: 10px;
        text-align: center;
    }

    .program-hero {
        padding: 34px 0;
    }

    .program-hero-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .program-hero h1 {
        font-size: 40px;
    }

    .program-back {
        width: 100%;
        text-align: center;
    }

    .program-section {
        padding: 35px 0 55px;
    }

    .program-filters {
        grid-template-columns: 1fr;
    }

    .schedule-day-header {
        align-items: flex-start;
        flex-direction: column;
    }
}