/* =============================================
   RESPONSIVE
   Media queries para mobile, tablet e acessibilidade.
   ============================================= */

/* Tablet e abaixo */
@media (max-width: 768px) {
    .header-nav {
        gap: var(--space-xl);
    }

    .hero {
        padding: var(--space-6xl) 0 var(--space-5xl);
    }

    .trust .container {
        gap: var(--space-3xl);
    }

    .trust-divider {
        display: none;
    }

    .trust-item {
        min-width: 120px;
    }

    .features {
        padding: var(--space-6xl) 0;
    }

    .about {
        padding: var(--space-6xl) 0;
    }

    .about-companies {
        flex-direction: column;
        align-items: center;
        gap: var(--space-2xl);
    }

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

/* Mobile pequeno */
@media (max-width: 480px) {
    .header-nav a:not(:first-child) {
        display: none;
    }
}

/* Reduzir animações */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .hero-cta,
    .feature-card,
    .header-nav a {
        transition: none;
    }
}

/* Alto contraste */
@media (forced-colors: active) {
    .hero-cta {
        border: 2px solid ButtonText;
    }

    .feature-card {
        border: 1px solid ButtonText;
    }
}

/* Impressão */
@media print {
    .header,
    .hero-cta,
    .skip-link {
        display: none;
    }

    body {
        font-size: 12pt;
        color: #000;
    }
}