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

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

@media (max-width: 768px) {
    .site-header .container { flex-direction: column; gap: .8rem; }
    .main-navigation ul { flex-wrap: wrap; justify-content: center; }
    .hero { padding: 3.2rem 0; }
    .hero h1 { font-size: 1.75rem; }
    .hero-subtitle { font-size: 1rem; }
    .join-flow li { flex-direction: column; gap: .5rem; }
}

@media (max-width: 480px) {
    .container { width: 95%; }
    .footer-spots { grid-template-columns: 1fr; gap: 1.5rem; }
    .hero h1 { font-size: 1.45rem; }
    .content-section > h2 { font-size: 1.32rem; }
    .action-btn { display: block; text-align: center; }
}