/* =========================================================
   RESPONSIVE.CSS — Mobile-first media queries
   ========================================================= */

/* =========================================================
   TABLET — 768px–1023px
   ========================================================= */
@media (max-width: 1023px) {

    /* Hero scroll wrapper: um pouco menor em tablet */
    .hero-scroll-wrapper { height: 300vh; }

    /* Header */
    .site-nav .nav-list { display: none; }
    .hamburger { display: flex; }
    .header-inner .btn--outline { display: none; }

    /* Hero */
    .hero { padding-bottom: var(--space-16); }

    /* Grids → 2 colunas */
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
    .grid-4 { grid-template-columns: repeat(2, 1fr); }

    /* Proposta de valor */
    .proposta-grid {
        grid-template-columns: 1fr;
    }

    .proposta-item { border-right: none; border-bottom: var(--border-thin); }
    .proposta-item:last-child { border-bottom: none; }

    /* Sobre */
    .sobre__inner {
        grid-template-columns: 1fr;
        gap: var(--space-12);
    }

    .sobre__image-wrapper {
        max-width: 480px;
        margin-inline: auto;
    }

    /* Serviços */
    .servicos__grid { grid-template-columns: repeat(2, 1fr); }

    /* Para quem */
    .para-quem__inner {
        grid-template-columns: 1fr;
        gap: var(--space-12);
    }

    .para-quem__image-wrapper { max-width: 480px; margin-inline: auto; }

    .para-quem__stat-block { transform: translateX(-15%); }

    /* Missão valores */
    .missao__valores { grid-template-columns: 1fr 1fr; }

    /* FAQ */
    .faq__inner { grid-template-columns: 1fr; gap: var(--space-12); }
    .faq__sticky { position: static; }

    /* CTA Final */
    .cta-final__inner { grid-template-columns: 1fr; gap: var(--space-12); }

    /* Footer */
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-10);
    }

    /* Depoimento cards */
    .depoimento-card { flex: 0 0 340px; }
}

/* =========================================================
   MOBILE — até 767px
   ========================================================= */
@media (max-width: 767px) {

    /* Hero scroll wrapper: menor em mobile para não exigir muito scroll */
    .hero-scroll-wrapper { height: 220vh; }

    /* Variáveis reduzidas */
    :root {
        --section-padding-y: clamp(3rem, 8vw, 5rem);
        --container-padding: 1.25rem;
    }

    /* Grids → 1 coluna */
    .grid-2,
    .grid-3,
    .grid-4 { grid-template-columns: 1fr; gap: var(--space-8); }

    /* Botões */
    .btn-group { flex-direction: column; width: 100%; }
    .btn-group .btn { width: 100%; justify-content: center; }

    /* Header */
    .header-logo__subtitle { display: none; }

    /* Hero */
    .hero { min-height: 100dvh; align-items: flex-end; padding-bottom: var(--space-12); }
    .hero__title { letter-spacing: -0.01em; }
    .hero__scroll-indicator { display: none; }

    /* Proposta valor */
    .proposta-item { padding: var(--space-8) 0; }

    /* Sobre */
    .sobre__image-wrapper { aspect-ratio: 4/5; }
    .sobre__image-wrapper::before { display: none; }

    /* Serviços */
    .servicos__grid { grid-template-columns: 1fr; }

    /* Para quem */
    .para-quem__image-wrapper { display: none; }

    /* Método — desabilitar scroll horizontal, mostrar vertical */
    .metodo__scroll-section { display: none; }
    .metodo-mobile-slides { display: flex; }
    .metodo-progress { display: none; }
    .metodo-progress-line { display: none; }

    /* Missão quote */
    .missao__quote { padding: 0 var(--space-8); font-size: var(--text-xl); }
    .missao__valores { grid-template-columns: 1fr; gap: var(--space-6); }

    /* Depoimentos */
    .depoimento-card { flex: 0 0 300px; }
    .depoimentos-track-wrapper::before,
    .depoimentos-track-wrapper::after { width: 40px; }

    /* FAQ */
    .faq__inner { grid-template-columns: 1fr; gap: var(--space-8); }
    .faq-question__text { font-size: var(--text-md); }

    /* CTA final */
    .lead-form { padding: var(--space-8) var(--space-6); }

    /* WhatsApp float */
    .whatsapp-float {
        bottom: var(--space-6);
        right: var(--space-6);
    }

    .whatsapp-float__label { display: none; }

    /* Scroll top */
    .scroll-top {
        bottom: calc(56px + var(--space-6) + var(--space-6));
        right: var(--space-6);
    }

    /* Footer */
    .footer-grid {
        grid-template-columns: 1fr;
        gap: var(--space-8);
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-4);
    }

    /* Mapa */
    .mapa-section { height: 280px; }

    /* Cards de serviço */
    .servico-card__number { font-size: 4rem; }

    /* Sobre credentials */
    .sobre__lead { font-size: var(--text-lg); }
}

/* =========================================================
   WIDE / LARGE — 1440px+
   ========================================================= */
@media (min-width: 1440px) {
    .hero__content { max-width: 1000px; }

    .footer-grid {
        grid-template-columns: 2.5fr 1fr 1fr 1fr;
    }
}

/* =========================================================
   PRINT
   ========================================================= */
@media print {
    .site-header,
    .whatsapp-float,
    .scroll-top,
    .page-loader,
    .hamburger,
    .mobile-menu { display: none !important; }

    body { color: #000; background: #fff; }

    a[href]::after {
        content: " (" attr(href) ")";
    }
}

/* =========================================================
   ALTO CONTRASTE
   ========================================================= */
@media (forced-colors: active) {
    .btn { border: 2px solid ButtonText; }
    .form-input, .form-textarea { border: 2px solid ButtonText; }
    .card { border: 2px solid ButtonText; }
}