/* ==================================================
   newsletter.css — Gears Innovation Technology
   Estilos para confirmar.php / baja.php (páginas de resultado del
   flujo de newsletter) y para el widget del formulario en el footer
   (honeypot oculto + mensaje de estado inline).
   Carga DESPUÉS de style.css: reutiliza sus variables :root
   (--glass-6, --primary, --purple-light, --white-text-72,
   --bg-premium, --radius-md, --radius-sm).
================================================== */

body.newsletter-result-page{
    background:var(--bg-premium,#09090f);
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.result-card{
    background:var(--glass-6);
    border:1px solid rgba(168,85,247,.25);
    border-radius:var(--radius-md);
    padding:48px 40px;
    width:100%;
    max-width:460px;
    text-align:center;
}
.result-icon{
    font-size:3rem;
    display:block;
    margin-bottom:20px;
}
.result-icon-ok{ color:#4ade80; }
.result-icon-err{ color:#f87171; }
.result-title{
    font-size:1.4rem;
    font-weight:800;
    color:#fff;
    margin-bottom:14px;
}
.result-message{
    color:var(--white-text-72);
    font-size:.95rem;
    line-height:1.6;
    margin-bottom:28px;
}
.result-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--primary);
    color:#fff;
    padding:11px 26px;
    border-radius:var(--radius-sm);
    font-size:.9rem;
    font-weight:700;
    text-decoration:none;
    transition:.2s;
}
.result-btn:hover{ background:#7c3aed; color:#fff; }

/* ── Widget del formulario en el footer ── */

/* Honeypot: oculto para personas, visible/rellenable para bots simples
   que ignoran CSS. No usar display:none/visibility:hidden — algunos
   bots los detectan y los saltan; se saca de pantalla en su lugar. */
.nl-hp{
    position:absolute;
    left:-9999px;
    top:-9999px;
    width:1px;
    height:1px;
    overflow:hidden;
}

.nl-msg{
    margin-top:10px;
    font-size:.82rem;
    min-height:1.2em;
}
.nl-msg-ok{ color:#4ade80; }
.nl-msg-err{ color:#f87171; }

.newsletter-form button[disabled]{
    opacity:.6;
    cursor:not-allowed;
}