/* =========================================
   POPUP NEWSLETTER - MULTIPRODUTOS ONLINE
   ========================================= */

/* Fundo principal do popup */
#modalNewsletter .componente {
    background: #3f3f95 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* Título */
#modalNewsletter .componente .titulo {
    color: #fff593 !important;
    font-weight: 700 !important;
}

/* Texto da newsletter */
#modalNewsletter .componente .texto-newsletter {
    color: #ffffff !important;
}

/* Área interna */
#modalNewsletter .componente .interno {
    background: #3f3f95 !important;
}

/* Campo de e-mail */
#modalNewsletter .newsletter .input-conteiner input {
    background: #ffffff !important;
    color: #3f3f95 !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px !important;
}

/* Placeholder do campo */
#modalNewsletter .newsletter .input-conteiner input::placeholder {
    color: #777777 !important;
    opacity: 1 !important;
}

/* Botão */
#modalNewsletter .newsletter .botao {
    background: #ef2f38 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
}

/* Botão ao passar o mouse */
#modalNewsletter .newsletter .botao:hover {
    background: #d9252e !important;
    color: #ffffff !important;
}

/* Ícone do botão */
#modalNewsletter .icon-chevron-right:before {
    color: #ffffff !important;
}

/* Ícone de envelope */
#modalNewsletter .icon-envelope-alt:before {
    color: #fff593 !important;
}

/* Mensagem após cadastro */
#modalNewsletter .newsletter .newsletter-confirmacao span {
    color: #ffffff !important;
}