/* Newsletter para páginas con diseño propio (Parano.ia). Usa las variables de esa página. */
.pnl{max-width:1100px;margin:0 auto;padding:80px 24px;font-family:var(--font-mono,'IBM Plex Mono',monospace)}
.pnl-box{display:grid;grid-template-columns:1fr 1fr;gap:56px;border:1px solid rgba(0,255,65,.25);background:rgba(0,255,65,.03);padding:44px}
.pnl-eyebrow{font-size:12px;letter-spacing:.14em;color:var(--green-terminal,#00ff41);margin:0 0 14px}
.pnl h2{font-family:var(--font-terminal,'VT323',monospace);font-size:46px;line-height:1;color:var(--text-primary,#ccc);margin:0 0 14px;font-weight:400}
.pnl p{color:var(--text-dim,#888);font-size:14px;line-height:1.7;margin:0}
.pnl form{display:grid;gap:14px}
.pnl label{display:grid;gap:7px;font-size:12px;color:var(--text-dim,#888)}
.pnl input:not([type=checkbox]){background:#050505;border:1px solid rgba(0,255,65,.3);color:var(--text-primary,#ccc);padding:12px 13px;font:inherit;font-size:16px;width:100%;min-width:0}
.pnl input:focus-visible{outline:2px solid var(--green-terminal,#00ff41);outline-offset:1px}
.pnl label.check{display:flex;gap:10px;align-items:flex-start;line-height:1.55;font-size:11.5px}
.pnl label.check input{width:18px;height:18px;flex:none;accent-color:var(--green-terminal,#00ff41);margin-top:1px}
.pnl a{color:var(--green-terminal,#00ff41);text-decoration:underline}
.pnl button{justify-self:start;background:var(--green-terminal,#00ff41);color:#030303;border:0;padding:13px 24px;font:inherit;font-size:14px;font-weight:600;letter-spacing:.08em;cursor:pointer}
.pnl button:hover{filter:brightness(1.1)}.pnl button[aria-busy=true]{opacity:.7}
.pnl .drc-honey{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.pnl .form-feedback{font-size:13px;color:var(--green-terminal,#00ff41);margin:0}
.pnl .form-feedback:empty{display:none}.pnl .form-feedback.is-error{color:var(--red-alert,#ff2244)}
.pnl.pnl-compact{max-width:1100px;margin:0 auto;padding:22px 24px 0}
.pnl-compact .pnl-box{grid-template-columns:1fr 1.5fr;gap:24px;padding:20px 24px;align-items:center}
.pnl-compact form{grid-template-columns:1fr auto;gap:10px 12px}
.pnl-compact label.check,.pnl-compact .form-feedback{grid-column:1/-1}
.pnl-compact strong{display:block;font-family:var(--font-terminal,'VT323',monospace);font-size:28px;font-weight:400;color:var(--text-primary,#ccc)}
@media(max-width:760px){.pnl{padding:56px 18px}.pnl-box,.pnl-compact .pnl-box{grid-template-columns:1fr;gap:22px;padding:26px 20px}.pnl h2{font-size:38px}.pnl-compact form{grid-template-columns:1fr}.pnl button{justify-self:stretch}}
