/* myapp/static/myapp/css/fale_conosco.css */

/* Estilos Gerais */
.faleconosco-text h1 {
    color: #121212; /* Cor do título principal */
    margin-bottom: 20px;
}

.faleconosco-text h3 {
    color: #333333;
    margin-top: 30px;
    margin-bottom: 15px;
}

.faleconosco-text p,
.faleconosco-text ul {
    color: #555555;
    line-height: 1.6;
}

/* Estilos para as Caixas de Contato e Informações Adicionais */
.contact-box,
.info-box {
    background-color: #f9f9f9; /* Cor de fundo das caixas */
    border: 1px solid #e0e0e0; /* Borda das caixas */
    border-radius: 8px;
    transition: box-shadow 0.3s ease;
}

.contact-box:hover,
.info-box:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.contact-box h4,
.info-box h4 {
    color: #121212;
    margin-bottom: 15px;
}

.contact-box ul,
.info-box ul {
    list-style: none;
    padding: 0;
}

.contact-box ul li,
.info-box ul li {
    margin-bottom: 10px;
}

.contact-box ul li strong,
.info-box ul li strong {
    color: #333333;
}

/* Estilos Específicos para a Imagem */
.faleconosco-image img {
    /* Se precisar de ajustes adicionais */
    /* Por exemplo, ajustar a largura ou adicionar bordas */
}

/* Responsividade Adicional */
@media (max-width: 576px) {
    .contact-box,
    .info-box {
        padding: 15px;
    }

    /* Ajustes adicionais para a imagem, se necessário */
    .faleconosco-image {
        margin-top: 20px; /* Adiciona margem superior em dispositivos menores */
    }
}

.mt-md-10 {
    margin-top: 5.5rem; /* 64px */
}