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

@media (max-width: 950px) {
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .verify-columns { grid-template-columns: 1fr 1fr; }
    .process-track { grid-template-columns: repeat(2, 1fr); }
    .footer-areas { grid-template-columns: 1fr 1fr; }
    .mapa-cols { 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: 3rem 0; }
    .hero h1 { font-size: 1.75rem; }
    .hero-subtitle { font-size: 1rem; }
    .page-hero h1 { font-size: 1.5rem; }
    .mapa-cols { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .container { width: 95%; }
    .services-grid, .verify-columns, .process-track { grid-template-columns: 1fr; }
    .footer-areas { grid-template-columns: 1fr; gap: 1.4rem; }
    .hero h1 { font-size: 1.45rem; }
    .content-section > h2 { font-size: 1.32rem; }
    .button { display: block; text-align: center; }
    .whatsapp-float { right: 1rem; bottom: 1rem; }
    .brand-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
    .page-hero h1 { font-size: 1.3rem; }
}