/*
 * 37-newsletter.css — CTA compacto de newsletter (rotina_newsletter_compacta)
 * INF-005 F5: migrado de <style> inline (functions.php, impresso 1x no conteudo) em 24/09/2026.
 * SEM @layer de proposito: o inline era unlayered; aqui continua vencendo o legado
 * (f1-* em @layer features) sem guerra de especificidade. Ver CONTRATOS §5b.
 */
.rotina-cta-nl{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,#0D0A0B 0%,#161824 100%);border:1px solid rgba(89,196,249,.35);border-radius:14px;padding:18px 22px;margin:32px 0;box-shadow:0 6px 18px rgba(4,65,245,.12)}
.rotina-cta-nl .cta-nl-text{display:flex;align-items:center;gap:12px;flex:1 1 230px;min-width:210px}
.rotina-cta-nl .cta-nl-text i{font-size:1.4rem;color:var(--azul-neon,#59C4F9);flex-shrink:0}
.rotina-cta-nl .cta-nl-text strong{display:block;color:#fff;font-size:.95rem;line-height:1.3}
.rotina-cta-nl .cta-nl-text span{color:#9aa3b2;font-size:.8rem;line-height:1.35}
.rotina-cta-nl form{display:flex;gap:10px;flex:1 1 300px;min-width:250px;margin:0}
.rotina-cta-nl input[type=email]{flex:1;min-width:0;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#fff;font-size:.9rem;outline:none}
.rotina-cta-nl input[type=email]:focus{border-color:var(--azul-neon,#59C4F9)}
.rotina-cta-nl input[type=email]::placeholder{color:#8b93a3}
.rotina-cta-nl button{padding:11px 20px;border:none;border-radius:10px;cursor:pointer;background:var(--azul-principal,#0441F5);color:#fff;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;transition:background .2s,transform .1s}
.rotina-cta-nl button:hover{background:#0533c4}
.rotina-cta-nl button:active{transform:scale(.97)}
@media (max-width:600px){
.rotina-cta-nl{padding:14px 16px;gap:12px;margin:26px 0}
.rotina-cta-nl form{flex-direction:column;gap:8px}
.rotina-cta-nl button{width:100%;padding:12px}
.rotina-cta-nl .cta-nl-text strong{font-size:.9rem}
}

/* r58.54: a faixa de newsletter das páginas (rotina_newsletter_faixa) — a mesma barra compacta, centralizada no container,
   no lugar do bloco grande "Receba os Pergaminhos" (home, categoria, tag, busca, 404, fim do post, autor) */
.rotina-nl-faixa {
    margin-top: 36px;
    margin-bottom: 36px;
}
.rotina-nl-faixa .rotina-cta-nl {
    max-width: 900px;
    margin: 0 auto;
}