/* ═══════════════════════════════════════════════════════════════════
   adrianheredia.es · FORMULARIO DE SUSCRIPCIÓN (BRIEF §6.1)
   El mismo parcial en El Cuaderno (héroe y cierre) y en cada carta.
   Portado 1:1 de maquetas/el-cuaderno.html. Se carga solo en las páginas
   que llevan el formulario.
   El apilado en pantalla estrecha NO va aquí: cada página respeta su
   punto de corte (§4.4) — El Cuaderno a 520 px, la carta a 560 px.
   ═══════════════════════════════════════════════════════════════════ */

  /* ── Formulario propio (Netlify Function → Brevo · Turnstile invisible) ── */
  .sub{margin-top:28px;max-width:520px}
  .sub .row{display:flex;gap:10px}
  .sub input[type=email]{flex:1;min-width:0;font:15px var(--f-cuerpo);color:var(--tinta);padding:0 20px;min-height:50px;border:1.5px solid #9A8E78;border-radius:999px;background:#fff}
  .sub input[type=email]::placeholder{color:#8C8070}
  .sub input[type=email]:focus{outline:none;border-color:var(--naranja);box-shadow:0 0 0 3px rgba(242,99,34,.18)}
  .sub input[aria-invalid="true"]{border-color:var(--error)}
  .consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;line-height:1.5;color:var(--tierra);cursor:pointer}
  .consent input{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:20px;height:20px;margin:0;border:1.5px solid #9A8E78;border-radius:6px;background:#fff;cursor:pointer;display:grid;place-content:center;transition:background .15s,border-color .15s}
  .consent input::after{content:"";width:5px;height:10px;border:solid var(--tinta);border-width:0 2px 2px 0;transform:rotate(43deg) translate(-1px,-1px);opacity:0}
  .consent input:checked{background:var(--naranja);border-color:var(--naranja)}
  .consent input:checked::after{opacity:1}
  .consent input[aria-invalid="true"]{border-color:var(--error)}
  .consent a{color:var(--rufus)}
  .reassure{font-size:13px;color:var(--tierra);margin:12px 0 0}
  .msg{display:none;margin:12px 0 0;font-size:14px;line-height:1.5;border-radius:12px;padding:12px 14px}
  .msg.err{display:block;color:var(--error);background:rgba(163,54,31,.06)}
  .sub.is-done .row,.sub.is-done .consent,.sub.is-done .reassure{display:none}
  .done{display:none;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--papel);border-left:3px solid var(--verde-hondo);border-radius:12px;padding:16px 18px;font-size:15px}
  .sub.is-done .done{display:flex}
  .done b{display:block;font-family:var(--f-titulo);font-weight:800;text-transform:uppercase;font-size:18px;margin-bottom:2px}
  .done svg{flex:0 0 auto;margin-top:3px;color:var(--verde-hondo)}