/* Rede Altos Estudos — Responsivo */

@media (max-width: 768px) {
    .site-header .container {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .main-navigation {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .main-navigation ul {
        gap: 20px;
        padding-bottom: 4px;
    }

    .main-navigation a {
        white-space: nowrap;
        font-size: 14px;
    }

    .hero {
        padding: 58px 0 54px;
    }

    .hero::before {
        left: 8px;
        right: 8px;
        top: 8px;
    }

    .hero h2 {
        font-size: clamp(36px, 9.4vw, 48px);
    }

    .hero-chalk-note {
        font-size: 21px;
    }

    .content-block {
        padding: 58px 0;
    }

    .content-block h3 {
        font-size: 20px;
    }

    .site-footer .container {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}

@media (max-width: 560px) {
    .footer-links {
        flex-direction: column;
        gap: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    html {
        scroll-behavior: auto;
    }
}