.mdi-nl { display: grid; gap: 16px; margin: 32px 0; padding: 24px 26px; border-radius: 18px; background: linear-gradient(135deg, #0f172a, #1e3a8a); color: #fff; }
.mdi-nl--caixa, .mdi-nl--pagina { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; }
.mdi-nl p { margin: 0; }
.mdi-nl .mdi-nl-form p { margin: 0 !important; } /* o tema poe margem nos paragrafos do texto do post */
.mdi-nl-msg:empty { display: none; }
.mdi-nl-eyebrow { font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #93c5fd; margin-bottom: 4px !important; }
.mdi-nl-title { font-size: 1.3rem; font-weight: 800; line-height: 1.25; color: #fff; margin-bottom: 6px !important; }
.mdi-nl-sub { font-size: .95rem; line-height: 1.5; color: #cbd5e1; }
.mdi-nl-form { display: flex; flex-wrap: wrap; gap: 8px; }
.mdi-nl-form input[type=email] { flex: 1 1 200px; min-width: 0; padding: 12px 16px; border: 0; border-radius: 999px; font-size: 1rem; color: #0f172a; background: #fff; }
.mdi-nl-form button { padding: 12px 20px; border: 0; border-radius: 999px; background: #22c55e; color: #052e16; font-weight: 800; font-size: .98rem; cursor: pointer; }
.mdi-nl-form button:hover { filter: brightness(1.08); }
.mdi-nl-form button:disabled { opacity: .7; cursor: wait; }
.mdi-nl-legal { flex-basis: 100%; font-size: .75rem; color: #cbd5e1; }
.mdi-nl-legal a { color: #fff; }
.mdi-nl-msg { flex-basis: 100%; font-size: .9rem; font-weight: 700; color: #fde68a; min-height: 1em; }
.mdi-nl-form.is-ok .mdi-nl-msg { color: #86efac; }
.mdi-nl-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.mdi-nl-alert { margin: 0 0 16px; padding: 14px 18px; border-radius: 12px; background: #f1f5f9; color: #0f172a; font-weight: 600; }
.mdi-nl-alert.ok { background: #dcfce7; color: #14532d; }
/* Faixa compacta do meio do post */
.mdi-nl--faixa { display: block; margin: 28px 0; padding: 18px 20px; background: #eff6ff; color: #0f172a; border: 1px solid #bfdbfe; border-left: 5px solid #2563eb; }
.mdi-nl--faixa .mdi-nl-title { color: #0f172a; font-size: 1.08rem; margin-bottom: 10px !important; }
.mdi-nl--faixa .mdi-nl-form input[type=email] { border: 1px solid #cbd5e1; }
.mdi-nl--faixa .mdi-nl-form button { background: #2563eb; color: #fff; }
.mdi-nl--faixa .mdi-nl-legal { color: #475569; }
html.dark .mdi-nl--faixa .mdi-nl-legal, [data-theme=dark] .mdi-nl--faixa .mdi-nl-legal { color: #cbd5e1; }
html.dark .mdi-nl--faixa .mdi-nl-legal a, [data-theme=dark] .mdi-nl--faixa .mdi-nl-legal a { color: #93c5fd; }
.mdi-nl--faixa .mdi-nl-legal a { color: #2563eb; }
.mdi-nl--faixa .mdi-nl-msg { color: #b45309; }
.mdi-nl--faixa .mdi-nl-form.is-ok .mdi-nl-msg { color: #15803d; }
.mdi-nl-feito .mdi-nl--faixa { display: none; }
html.dark .mdi-nl--faixa, [data-theme=dark] .mdi-nl--faixa { background: #0f1e3d; color: #e2e8f0; border-color: #1e3a8a; }
html.dark .mdi-nl--faixa .mdi-nl-title, [data-theme=dark] .mdi-nl--faixa .mdi-nl-title { color: #f1f5f9; }
/* Aviso de Promocoes/Spam depois da inscricao */
.mdi-nl .mdi-nl-form p.mdi-nl-dica { flex-basis: 100%; margin: 4px 0 0 !important; padding: 12px 14px; border-radius: 10px; background: #fef3c7; color: #78350f; font-size: .9rem; line-height: 1.5; }
.mdi-nl-dica strong { color: #78350f; }
.mdi-nl-alert-dica { display: block; margin-top: 6px; font-weight: 400; font-size: .92rem; }
@media (max-width: 760px) {
    .mdi-nl--caixa, .mdi-nl--pagina { grid-template-columns: minmax(0, 1fr); }
    .mdi-nl { padding: 20px 18px; }
    .mdi-nl-form button { flex: 1 1 100%; }
}
.mdi-nl-abrir { display: block; width: fit-content; margin: 0 0 10px; padding: 10px 18px; border-radius: 999px; background: #2563eb; color: #fff !important; font-weight: 800; text-decoration: none !important; }
.mdi-nl-abrir:hover, .mdi-nl-abrir:focus-visible { filter: brightness(1.1); outline: 2px solid #1e3a8a; outline-offset: 2px; }