/* /assets/css/pages/contato.css */

/* --- Estilo do Cabeçalho da Página --- */
.page-header-contato {
    position: relative;
    padding: 10px 0;
    
    /* 1. Cor de fundo base */
    background-color: var(--verde-principal, #00938E);

    /* 2. Imagens de fundo em camadas */
    background-image: 
        url('/assets/images/contato/background_header_left.png'), 
        url('/assets/images/contato/background_header_right.png');
    
    /* 3. Posição de cada imagem */
    background-position: 
        left center, 
        right center;
    
    /* 4. Garante que as imagens não se repitam */
    background-repeat: 
        no-repeat,
        no-repeat;

    /* 5. Ajusta o tamanho das imagens para se encaixarem bem */
    background-size: contain;
}

.page-header-contato h1 {
    font-family: 'Magistral', sans-serif;
    font-weight: 700;
    font-size: 3.5rem;
    text-transform: uppercase;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}


/*
==============================================
ESTILOS DA SEÇÃO 'INFORMAÇÕES DE CONTATO'
==============================================
*/
#informacoes_contato .contato-block {
    /* Imagem de fundo com gradiente e textura */
    background-image: url('/assets/images/contato/Contato.png');
    /* Faz a imagem cobrir todo o container. */
    background-size: cover;
    background-repeat: no-repeat;
    
    /*  Adiciona padding interno generoso */
    padding: 0.5rem 2.5rem; /* 3rem vertical, 2.5rem horizontal */
    
    /*  Garante que o bloco tenha uma altura mínima para mostrar o fundo */
    min-height: 800px; 
    
    /*  Garante que o flexbox (do row) funcione bem */
    display: flex; 
    align-items: center;
}

/*  Novo estilo para o telefone principal (62) 3412-8484 */
.contato-telefone {
    font-family: 'Magistral', sans-serif; /* Usando a fonte padrão dos seus títulos */
    font-size: 2.5rem; /* Tamanho grande */

    color: var(--branco);
    line-height: 1.2;
    transition: color 0.3s ease;
}
.contato-telefone:hover {
    color: var(--cor-icone); /* Efeito hover sutil */
}
.contato-telefone i {
    color: var(--cor-icone); /* Cor do ícone */
}


.contato-divisoria {
    padding-left: 15px;
    margin-left: 20px; /* Alinha com o texto do telefone */
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.contato-divisoria span{
    margin-bottom: 15px;
}
.contato-divisoria i {
    color: var(--cor-icone); /* Cor do ícone */
    margin-left: -20px;
}

.botaoWP .btn-light {
    /* Define a cor do texto para o verde */
    color: var(--verde-principal);
    
    /* Opcional: O botão no design parece ter texto em negrito */
    font-weight: 600;
}



/*
==============================================
ESTILOS DO BLOCO DE NEWSLETTER
==============================================
*/
#newsletter .newsletter-block {
    /* 'Desenha' a forma com os cortes superior direito e inferior esquerdo */
    /* clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%, 0 90%); */
    background-image: url('/assets/images/contato/background_newslatter.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 3rem;
    border-radius: 15px;
    overflow: hidden;
}


/* Estilo dos campos do formulário da newsletter */
.newsletter-block .form-control {
    background-color: #f0f0f0;
    border: none;
    border-radius: 4px;
}

/* Estilo do novo botão 'Cadastrar' */
.btn-newsletter {
    background-color: var(--cor-icone, #00dcda); /* Cor solicitada */
    color: white;
    border: none;
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem; /* Texto pequeno */
    font-weight: 600;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.btn-newsletter:hover {
    background-color: #00b8b4; /* Um tom um pouco mais escuro */
}