/* ============================================================
   NSJ Empregos — Front-end Styles
   ============================================================ */

/* ---- Bloco de contato (e-mail / WhatsApp) ---- */
.nsje-contato-vaga {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-left: 4px solid #16a34a;
    border-radius: 8px;
    padding: 20px 24px;
    margin: 28px 0;
}
.nsje-contato-vaga h3 { margin: 0 0 8px; color: #14532d; font-size: 18px; }
.nsje-contato-vaga p { margin: 0 0 16px; color: #166534; }
.nsje-contato-botoes { display: flex; flex-wrap: wrap; gap: 12px; }

.nsje-btn-email,
.nsje-btn-whatsapp {
    display: inline-block;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    padding: 12px 26px;
    border-radius: 50px;
    text-decoration: none !important;
    letter-spacing: .02em;
    transition: all .2s;
}
.nsje-btn-email {
    background: #2563eb;
    box-shadow: 0 4px 14px rgba(37,99,235,.35);
}
.nsje-btn-email:hover { background: #1d4ed8; transform: translateY(-2px); }
.nsje-btn-whatsapp {
    background: #22c55e;
    box-shadow: 0 4px 14px rgba(34,197,94,.35);
}
.nsje-btn-whatsapp:hover { background: #16a34a; transform: translateY(-2px); }

/* ---- Bloco de afiliados ---- */
.nsje-afiliados {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-left: 4px solid #f97316;
    border-radius: 8px;
    padding: 20px 24px;
    margin: 28px 0;
}
.nsje-afiliados h3 { margin: 0 0 8px; color: #7c2d12; font-size: 17px; }
.nsje-afiliados p { margin: 0 0 14px; color: #9a3412; }
.nsje-afiliados-botoes { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 10px; }
.nsje-btn-afiliado {
    display: inline-block;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 22px;
    border-radius: 50px;
    text-decoration: none !important;
    transition: all .2s;
}
.nsje-btn-shopee { background: #ee4d2d; box-shadow: 0 4px 14px rgba(238,77,45,.35); }
.nsje-btn-shopee:hover { background: #d5401f; transform: translateY(-2px); }
.nsje-btn-mercadolivre { background: #ffe600; color: #2d3277 !important; box-shadow: 0 4px 14px rgba(255,230,0,.35); }
.nsje-btn-mercadolivre:hover { background: #f2d900; transform: translateY(-2px); }
.nsje-afiliados-disclaimer { font-size: 12px !important; color: #9a3412 !important; opacity: .85; }

/* ---- Botão para o anúncio original da vaga ---- */
.nsje-btn-wrapper {
    text-align: center;
    margin: 36px 0 28px;
}
.nsje-btn-fonte {
    display: inline-block;
    background: #1e3a5f;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 36px;
    border-radius: 50px;
    text-decoration: none !important;
    letter-spacing: .02em;
    box-shadow: 0 4px 16px rgba(30,58,95,.3);
    transition: all .2s;
}
.nsje-btn-fonte:hover {
    background: #0f6cbd;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(15,108,189,.4);
}

/* ---- Aviso obrigatório ---- */
.nsje-aviso {
    background: #fefce8;
    border: 1px solid #fde047;
    border-left: 4px solid #eab308;
    border-radius: 6px;
    padding: 14px 18px;
    font-size: 13px;
    color: #713f12;
    margin-top: 28px;
    line-height: 1.6;
}