/* Correção específica: Espaçamento da seção "Nossa Localização" em mobile/tablet */

/* DESKTOP: Manter layout original - NÃO ALTERAR */
/* O CSS original do desktop permanece intacto */

/* TABLET E MOBILE: Corrigir espaçamento da seção localização */
@media (max-width: 1024px) {
    /* Seção Nossa Localização - Espaçamento adequado */
    .location-section,
    .nossa-localizacao,
    .localizacao-section,
    .map-section,
    .endereco-section {
        margin-top: 4rem !important;
        padding-top: 3rem !important;
        margin-bottom: 3rem !important;
        padding-bottom: 2rem !important;
    }

    /* Título da seção localização */
    .location-section h2,
    .nossa-localizacao h2,
    .localizacao-section h2,
    .map-section h2,
    .endereco-section h2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
        padding-top: 1rem !important;
    }

    /* Container do mapa */
    .map-container,
    .mapa-container,
    .google-map,
    .location-map {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
        padding: 1rem !important;
    }

    /* Informações de endereço */
    .address-info,
    .endereco-info,
    .location-info {
        margin-top: 2rem !important;
        padding-top: 1.5rem !important;
        margin-bottom: 2rem !important;
    }

    /* Separação visual entre seções */
    .contact-info-section + .location-section,
    .contact-info-section + .nossa-localizacao,
    .contact-info-section + .localizacao-section,
    .contact-info-section + .map-section,
    .redes-sociais + .location-section,
    .redes-sociais + .nossa-localizacao,
    .social-section + .location-section,
    .social-section + .nossa-localizacao {
        border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
        margin-top: 4rem !important;
        padding-top: 3rem !important;
    }
}

/* Mobile específico - Espaçamentos reduzidos */
@media (max-width: 768px) {
    .location-section,
    .nossa-localizacao,
    .localizacao-section,
    .map-section,
    .endereco-section {
        margin-top: 3rem !important;
        padding-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .location-section h2,
    .nossa-localizacao h2,
    .localizacao-section h2,
    .map-section h2,
    .endereco-section h2 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        padding-top: 0.8rem !important;
    }

    .map-container,
    .mapa-container,
    .google-map,
    .location-map {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        padding: 0.8rem !important;
    }

    .contact-info-section + .location-section,
    .contact-info-section + .nossa-localizacao,
    .contact-info-section + .localizacao-section,
    .contact-info-section + .map-section,
    .redes-sociais + .location-section,
    .redes-sociais + .nossa-localizacao,
    .social-section + .location-section,
    .social-section + .nossa-localizacao {
        margin-top: 3rem !important;
        padding-top: 2.5rem !important;
    }
}

/* Mobile pequeno - Espaçamentos compactos */
@media (max-width: 480px) {
    .location-section,
    .nossa-localizacao,
    .localizacao-section,
    .map-section,
    .endereco-section {
        margin-top: 2.5rem !important;
        padding-top: 2rem !important;
        margin-bottom: 2rem !important;
        padding-bottom: 1rem !important;
    }

    .location-section h2,
    .nossa-localizacao h2,
    .localizacao-section h2,
    .map-section h2,
    .endereco-section h2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
        padding-top: 0.5rem !important;
    }

    .map-container,
    .mapa-container,
    .google-map,
    .location-map {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
        padding: 0.5rem !important;
    }

    .contact-info-section + .location-section,
    .contact-info-section + .nossa-localizacao,
    .contact-info-section + .localizacao-section,
    .contact-info-section + .map-section,
    .redes-sociais + .location-section,
    .redes-sociais + .nossa-localizacao,
    .social-section + .location-section,
    .social-section + .nossa-localizacao {
        margin-top: 2.5rem !important;
        padding-top: 2rem !important;
    }
}

