/* ============================================================
   CONFIGURAÇÃO PARA TABLETS (769px até 1024px)
   Ex: iPad, Galaxy Tab. 
   Foco: Layout de 2 colunas e botões fáceis de tocar.
   ============================================================ */
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        width: 95%;
        max-width: 900px;
    }

    /* Transforma grids de 3 ou 4 colunas em apenas 2 */
    .servicos-grid, .galeria, .equipe-lista {
        display: grid;
        grid-template-columns: 1fr 1fr !important; 
        gap: 20px;
    }

    /* Aumenta áreas de clique para dedos (tablets não têm mouse preciso) */
    .nav-item, .btn-acao {
        padding: 15px 20px;
    }
}

/* ============================================================
   RESUMO PARA TODOS OS OUTROS (SINTONIA FINA)
   ============================================================ */

/* CELULARES */
@media (max-width: 768px) {
    .container { width: 100%; padding: 0 20px; }
    .sidebar { display: none; } /* Esconde menus laterais se houver */
    .hero-text { font-size: 1.5rem; }
}

/* DESKTOP PADRÃO */
@media (min-width: 1025px) and (max-width: 1919px) {
    .container { max-width: 1200px; margin: 0 auto; }
}

/* TVs e MONITORES 4K */
@media (min-width: 1920px) {
    .container { max-width: 1600px; margin: 0 auto; }
    body { font-size: 1.2rem; line-height: 1.6; }
}