/* crowdfundingnobrasil.com.br — responsividade (regra do projeto: @media SOMENTE aqui) */

@media (max-width: 900px) {
    .mode-grid { grid-template-columns: 1fr; }
    .footer-flex { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .site-header { position: static; }
    .site-header .container { flex-direction: column; gap: .8rem; }
    .main-navigation ul { flex-wrap: wrap; justify-content: center; }
    .hero { padding: 3rem 0; }
    .hero h1 { font-size: 1.7rem; }
    .hero-subtitle { font-size: 1rem; }
}

@media (max-width: 480px) {
    .container { width: 95%; }
    .footer-flex { grid-template-columns: 1fr; gap: 1.4rem; }
    .hero h1 { font-size: 1.4rem; }
    .content-section > h2 { font-size: 1.3rem; }
    .pill-cta { display: block; text-align: center; }
    .steps-track li { padding-left: 1.3rem; padding-top: 3.4rem; }
    .steps-track li::before { top: .9rem; }
}