/* CSS para o contato preto */

/* ================================== */
/* DESKTOP - Configuração base */
/* ================================== */

.pagina-contato #contato-container {
    margin-top: 18rem;
    margin-bottom:-18rem;
}

.pagina-contato .contato-inline {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

@media (min-width: 768px) and (max-width: 1280px) {
    .pagina-contato #contato-container {
        margin-top: 6rem;
        margin-bottom: 2rem;
    }
}

@media (max-width: 767px) {
    .pagina-contato #contato-container {
        margin-top: 4rem;
        margin-bottom: 2rem;
    }
}

.contato-spacing-section {
    width: 100%;
    height: 20rem; 
}

@media (min-width: 768px) and (max-width: 1280px) {
    .contato-spacing-section {
        height: 16rem;
    }
}
/* Responsividade para mobile */
@media (max-width: 767px) {
    .contato-spacing-section {
        height: 10rem;
    }
}