/* ============================================================================
   PANTALLA DE CIERRE — hoja independiente, a propósito.
   No depende de hero-redesign.css (140KB, todo el landing normal) para que
   cerrar el landing también signifique dejar de servir ese peso a cada
   visita. Solo se encola cuando fc_landing_closed está activo (functions.php).
   ========================================================================== */
:root{
  --red:#CE1B22; --ink:#E8ECF1; --muted:#8A97A6; --lime:#DCE775;
  --bg:#050709; --panel:#0B0E13; --line:#1A222C;
}

html,body{background:var(--bg);color:var(--ink);margin:0;overflow-x:hidden;}
body{font-family:'IBM Plex Sans',sans-serif;}

/* nav mínimo: solo el logo, sin sonido ni subrayado animado */
.nav.is-static{position:fixed;top:0;left:0;right:0;z-index:10;height:64px;
  display:flex;align-items:center;background:rgba(5,7,9,.7);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);}
.nav-inner{position:relative;height:100%;max-width:1200px;width:100%;margin:0 auto;padding:0 28px;
  display:flex;align-items:center;}
.nav-wm.is-static{height:26px;opacity:1;}

.fc-closed{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  padding:calc(64px + 48px) 24px 64px;box-sizing:border-box;}

.fc-closed-glow{position:absolute;inset:0;z-index:0;
  background:radial-gradient(58% 46% at 50% 38%,rgba(206,27,34,.20),transparent 62%);}
.fc-closed-grid{position:absolute;inset:0;z-index:0;opacity:.35;
  background-image:linear-gradient(rgba(140,151,166,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(140,151,166,.06) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(60% 55% at 50% 35%,#000,transparent 78%);}

.fc-closed-inner{position:relative;z-index:1;width:100%;max-width:520px;text-align:center;}

.fc-closed-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--red);margin-bottom:16px;}
.fc-closed-title{font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:900;
  text-transform:uppercase;font-size:clamp(30px,6vw,46px);line-height:1;color:#fff;margin:0 0 16px;
  text-wrap:balance;}
.fc-closed-body{color:var(--muted);font-size:15px;line-height:1.65;margin:0 0 32px;}

.fc-closed-card{position:relative;text-align:left;background:var(--panel);
  border:1px solid var(--line);border-top:3px solid var(--red);
  box-shadow:0 30px 80px rgba(0,0,0,.5);padding:clamp(22px,4vw,32px);}

.fc-closed-form-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-style:italic;
  text-transform:uppercase;font-size:19px;color:#fff;margin:0 0 20px;}

/* display:flex explícito en la clase gana al [hidden] del navegador — sin
   esta línea, form.hidden=true (JS, tras enviar con éxito) no ocultaba nada.
   Mismo bug ya corregido antes en .undef-transfer-mail/.undef-transfer-bank;
   se quedó fuera al construir esta pantalla nueva. */
.fc-closed-form[hidden]{display:none;}
.fc-closed-form{display:flex;flex-direction:column;gap:14px;}
.fc-closed-field{display:flex;flex-direction:column;gap:6px;}
.fc-closed-field span{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);}
.fc-closed-field input{background:#0F141B;border:1px solid var(--line);color:var(--ink);
  font-family:'IBM Plex Sans',sans-serif;font-size:15px;padding:13px 14px;border-radius:2px;
  transition:border-color .2s;}
.fc-closed-field input:focus{outline:none;border-color:var(--red);}
.fc-closed-field input::placeholder{color:#4A5560;}

.fc-closed-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden;}

.fc-closed-error{background:rgba(206,27,34,.1);border:1px solid rgba(206,27,34,.35);
  color:#FFB4B4;font-size:13px;padding:10px 12px;border-radius:2px;}

.fc-closed-submit{margin-top:4px;background:var(--lime);color:#0D1117;border:none;
  font-family:'IBM Plex Sans',sans-serif;font-weight:700;font-size:15px;letter-spacing:.02em;
  text-transform:uppercase;padding:16px;cursor:pointer;transition:transform .18s,box-shadow .25s,opacity .2s;}
.fc-closed-submit:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(220,231,117,.28);}
.fc-closed-submit:active{transform:translateY(0);}
.fc-closed-submit:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none;}

.fc-closed-success[hidden]{display:none;}
.fc-closed-success{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:15px;
  line-height:1.5;}
.fc-closed-success-ico{flex:0 0 auto;width:28px;height:28px;border-radius:50%;
  background:rgba(220,231,117,.16);color:var(--lime);display:flex;align-items:center;
  justify-content:center;font-weight:700;}

@media(max-width:480px){
  .fc-closed{padding:calc(64px + 32px) 16px 40px;}
  .nav-inner{padding:0 16px;}
}
@media(prefers-reduced-motion:reduce){
  .fc-closed-submit{transition:none;}
}