/* ============================================================================
   ASTRA CAPITAL · TERMINAL
   Rediseño con lenguaje de terminal financiero.
   Negro real · ámbar · fósforo · reglas de 1px · sin degradados ni radios.
   Se carga DESPUÉS de ia.css / ia-hero.css y redefine el sistema.
   ========================================================================== */

.ia-page{
  --void:#08080A;
  --deep:#0B0B0E;
  --panel:#101013;
  --panel2:#131317;
  --edge:#26262C;
  --edge2:#1A1A1F;
  --signal:#FF9E1B;      /* ámbar terminal (acento principal) */
  --neural:#C8892B;
  --live:#2BE08C;        /* fósforo: dato vivo / positivo */
  --human:#4FC3F7;       /* cian: intervención humana */
  --down:#FF4B55;
  --text:#E6E6E9;
  --soft:#B9B9C0;
  --muted:#84848E;
  --dim:#585862;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --display:"IBM Plex Sans","IBM Plex Mono",-apple-system,sans-serif;
}

/* ---------- reglas globales: quitar lo que "huele" a plantilla ---------- */
.ia-page,
.ia-page *{ border-radius:0 !important; }
.ia-page .botwrap,.ia-page .scanner,.ia-page .cx-wrap,.ia-page .ia-form,
.ia-page .cap,.ia-page .hcard,.ia-page .duo .card,.ia-page .balance .b,
.ia-page .duel .side,.ia-page .pipeline,.ia-page .finale,.ia-page .robo-chat .bub{
  box-shadow:none !important;
  background:var(--panel) !important;
  border:1px solid var(--edge) !important;
}
.ia-page .ia-form::before{display:none !important;}          /* borde degradado fuera */
.ia-page .hero-fx,.ia-page .hero-glow{display:none !important;} /* auroras fuera */
.ia-page::before{opacity:.5;background-size:38px 38px;}         /* rejilla más densa */

body.theme-ia{background:var(--void);}
.ia-page{background:var(--void) !important;}
.ia-page h1,.ia-page h2,.ia-page h3,.ia-page h4{font-family:var(--display);letter-spacing:-.015em;}

/* ---------- barra de estado superior (chrome del terminal) ---------- */
.tm-status{
  position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:0;
  background:#000;border-bottom:1px solid var(--edge);font-family:var(--mono);font-size:11px;
  height:34px;overflow:hidden;
}
.tm-status .cell{display:flex;align-items:center;gap:8px;padding:0 14px;height:100%;
  border-right:1px solid var(--edge2);white-space:nowrap;color:var(--muted);letter-spacing:.04em;}
.tm-status .cell b{color:var(--text);font-weight:500;}
.tm-status .brand{color:var(--signal);font-weight:600;letter-spacing:.18em;}
.tm-status .live-dot{width:6px;height:6px;background:var(--live);box-shadow:0 0 6px var(--live);
  animation:tmBlink 1.6s steps(1) infinite;}
@keyframes tmBlink{0%,60%{opacity:1}61%,100%{opacity:.25}}
.tm-status .push{margin-left:auto;border-right:none;border-left:1px solid var(--edge2);}
.tm-status .push a{color:var(--signal);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;}
.tm-status .push a:hover{color:#fff;background:var(--signal);padding:0 6px;}
@media(max-width:820px){.tm-status .cell.opt{display:none;}}

/* ---------- cinta de cotizaciones ---------- */
.tm-tape{background:#000;border-bottom:1px solid var(--edge);height:30px;overflow:hidden;position:relative;}
.tm-tape .track{display:flex;gap:0;height:100%;width:max-content;animation:tape 42s linear infinite;}
.tm-tape:hover .track{animation-play-state:paused;}
@keyframes tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tm-tape .q{display:flex;align-items:center;gap:9px;padding:0 18px;height:100%;
  font-family:var(--mono);font-size:11px;color:var(--muted);border-right:1px solid var(--edge2);}
.tm-tape .q .s{color:var(--text);letter-spacing:.06em;}
.tm-tape .q .v{color:var(--soft);}
.tm-tape .q.up .d{color:var(--live);} .tm-tape .q.dn .d{color:var(--down);}
.tm-tape .note{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;padding:0 12px;
  background:#000;border-left:1px solid var(--edge);font-family:var(--mono);font-size:9.5px;color:var(--dim);
  letter-spacing:.06em;text-transform:uppercase;}
@media(max-width:640px){.tm-tape .note{display:none;}}

/* la nav antigua desaparece: su función la asume la barra de estado */
.ia-page .ia-nav{display:none !important;}

/* ---------- cabeceras de sección: índice de terminal ---------- */
.ia-page .ia-sec{border-top:1px solid var(--edge);padding:56px 0;}
.ia-page .ia-sechead{margin-bottom:30px;}
.ia-page .ia-eyebrow{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--signal) !important;display:flex;align-items:center;gap:12px;width:100%;
}
.ia-page .ia-eyebrow::before{
  content:"";width:auto;flex:0 0 26px;height:1px;background:var(--signal);opacity:.7;
}
.ia-page .ia-eyebrow::after{content:"";flex:1;height:1px;background:var(--edge);}
.ia-page .ia-sec h2{font-size:clamp(24px,3vw,34px);font-weight:600;margin-top:14px;letter-spacing:-.02em;}
.ia-page .sublede{font-size:15px;color:var(--muted);margin-top:10px;max-width:52em;line-height:1.6;}

/* ---------- paneles con barra de título ---------- */
.ia-page .cap,.ia-page .hcard,.ia-page .duo .card,.ia-page .balance .b,.ia-page .duel .side{
  padding:20px;position:relative;
}
.ia-page .cap .ic,.ia-page .hcard .ic{
  width:26px;height:26px;border:1px solid var(--edge);background:transparent;margin-bottom:14px;
  display:grid;place-items:center;
}
.ia-page .cap .ic svg,.ia-page .hcard .ic svg{width:14px;height:14px;color:var(--signal);}
.ia-page .cap h3,.ia-page .hcard h3,.ia-page .duo .card h3{
  font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text);
}
.ia-page .cap p,.ia-page .hcard p,.ia-page .duo .card p{font-size:13.5px;color:var(--muted);line-height:1.6;margin-top:8px;}
.ia-page .cap:hover{border-color:var(--signal) !important;transform:none;}

/* proceso: numeración de terminal */
.ia-page .pipeline .st{padding:22px 20px;}
.ia-page .pipeline .st .n{font-family:var(--mono);font-size:11px;color:var(--signal);letter-spacing:.14em;}
.ia-page .pipeline .st h3{font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;margin:10px 0 8px;}
.ia-page .pipeline .st::after{display:none;}
.ia-page .pipeline{background:var(--panel) !important;}

/* máquina vs persona */
.ia-page .duel .who{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;}
.ia-page .duel .ai .who{color:var(--signal);} .ia-page .duel .hu .who{color:var(--human);}
.ia-page .duel li{font-size:13.5px;}
.ia-page .duel li .d{width:5px;height:5px;margin-top:8px;}
.ia-page .duel .ai li .d{background:var(--signal);} .ia-page .duel .hu li .d{background:var(--human);}

/* dúo: sin emojis, con marcadores mono */
.ia-page .duo .card .ic{font-family:var(--mono);font-size:11px;color:var(--signal);letter-spacing:.14em;
  margin-bottom:10px;font-style:normal;}
.ia-page .duo .plus{font-family:var(--mono);font-size:16px;color:var(--dim);}
.ia-page .duo .card.human{border-color:var(--human) !important;}
.ia-page .duo .card.human .ic{color:var(--human);}

/* equilibrio ganar / perder */
.ia-page .balance .b .h{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;}
.ia-page .balance .up{border-left:2px solid var(--live) !important;}
.ia-page .balance .dn{border-left:2px solid var(--down) !important;}
.ia-page .balance .b p{font-size:13.5px;}

/* ---------- formulario: panel de solicitud ---------- */
.ia-page .ia-form{padding:0 !important;background:var(--panel) !important;}
.ia-page .ia-form .ftag{
  display:flex;align-items:center;gap:8px;background:#000;border-bottom:1px solid var(--edge);
  padding:10px 16px;margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--signal);
}
.ia-page .ia-form h2{font-size:19px;font-weight:600;margin:18px 16px 6px;letter-spacing:-.01em;}
.ia-page .ia-form .fsub{font-size:12.5px;margin:0 16px 18px;color:var(--muted);}
.ia-page .ia-field{margin:0 16px 12px;}
.ia-page .ia-field input[type=text],.ia-page .ia-field input[type=email],
.ia-page .ia-field select{
  background:#000 !important;border:1px solid var(--edge) !important;font-family:var(--mono) !important;
  font-size:13px !important;padding:13px 13px 13px 40px !important;color:var(--text) !important;
}
.ia-page .ia-field-phone{margin:0 16px 12px;}
/* El teléfono NO lleva padding-left forzado: intl-tel-input lo calcula según
   el ancho de la bandera + prefijo. Si se fuerza, el número se monta encima. */
.ia-page .ia-field-phone input[type=tel]{
  background:#000 !important;border:1px solid var(--edge) !important;font-family:var(--mono) !important;
  font-size:13px !important;color:var(--text) !important;
  padding-top:13px !important;padding-bottom:13px !important;padding-right:13px !important;
}
.ia-page .iti--separate-dial-code .iti__selected-flag{background:#000 !important;border-right:1px solid var(--edge);}
.ia-page .iti--separate-dial-code .iti__selected-dial-code{font-family:var(--mono);font-size:13px;color:var(--text);}
.ia-page .ia-field input:focus,.ia-page .ia-field select:focus,.ia-page .ia-field-phone input:focus{
  border-color:var(--signal) !important;box-shadow:none !important;outline:1px solid var(--signal);outline-offset:-2px;
}
.ia-page .ia-field>svg{width:15px;height:15px;color:var(--dim);left:13px;}
.ia-page .ia-field input::placeholder{color:var(--dim) !important;}
.ia-page .iti__selected-flag{background:#000 !important;}
.ia-page .error{margin:-8px 16px 8px !important;font-family:var(--mono);font-size:11px;color:var(--down);}
.ia-page .form-alert{margin:0 16px 12px;font-family:var(--mono);font-size:11.5px;}
.ia-page .ia-consent{margin:6px 16px 0;font-size:11.5px;font-family:var(--mono);line-height:1.55;}
.ia-page .ia-consent input{accent-color:var(--signal);}
.ia-page .ia-cta{
  width:calc(100% - 32px) !important;margin:14px 16px 16px !important;background:var(--signal) !important;
  color:#000 !important;font-family:var(--mono) !important;font-weight:700 !important;font-size:13px !important;
  letter-spacing:.16em;text-transform:uppercase;padding:15px !important;box-shadow:none !important;
  border:1px solid var(--signal) !important;transition:background .15s,color .15s;
}
.ia-page .ia-cta:hover{background:#FFB84D !important;transform:none !important;box-shadow:none !important;}
.ia-page .ia-cta .btn-spinner{border-color:rgba(0,0,0,.3);border-top-color:#000;}
.ia-page .ia-assure{margin:0 16px 16px;padding-top:12px;border-top:1px solid var(--edge2);}
.ia-page .ia-assure span{font-size:10px;color:var(--dim);letter-spacing:.06em;}
.ia-page .ia-assure svg{color:var(--live);}

/* ---------- hero ---------- */
.ia-page .ia-hero{padding:34px 0 52px;}
.ia-page .hero-badge{
  border:1px solid var(--edge) !important;background:transparent !important;color:var(--live) !important;
  font-size:10px;letter-spacing:.2em;padding:6px 12px;
}
.ia-page .hero-badge i{background:var(--live);box-shadow:0 0 6px var(--live);}
.ia-page .ia-hero h1{
  font-size:clamp(30px,4.4vw,50px);font-weight:600;letter-spacing:-.03em;line-height:1.06;margin-top:20px;
}
.ia-page .ia-hero h1 .grad{
  background:none !important;-webkit-text-fill-color:var(--signal) !important;color:var(--signal) !important;
}
.ia-page .hero-rotline{font-size:13px;color:var(--dim);letter-spacing:.02em;}
.ia-page .rotor .w{background:none !important;-webkit-text-fill-color:var(--live) !important;color:var(--live) !important;}
.ia-page .ia-metrics{border-top:1px solid var(--edge);padding-top:18px;gap:0;display:grid;
  grid-template-columns:repeat(3,1fr);}
.ia-page .ia-metrics .m{padding:0 18px;border-right:1px solid var(--edge2);}
.ia-page .ia-metrics .m:first-child{padding-left:0;}
.ia-page .ia-metrics .m:last-child{border-right:none;}
.ia-page .ia-metrics .m::before{display:none;}
.ia-page .ia-metrics .m .n{font-size:26px;color:var(--signal);font-weight:500;}
.ia-page .ia-metrics .m .l{font-size:9.5px;letter-spacing:.14em;color:var(--dim);}

/* conversación del robot: transcripción de terminal */
.ia-page .robo-chat .bub{
  border-left:2px solid var(--signal) !important;padding:11px 15px;font-size:14px;color:var(--soft);
  font-family:var(--display);
}
.ia-page .robo-chat .bub::before{display:none !important;}
.ia-page .robo-typing{border:1px solid var(--edge);background:var(--panel);}
.ia-page .robo-typing i{background:var(--signal);}
.ia-page .robo-hint{color:var(--dim);font-size:9px;}

/* robot: fósforo ámbar */
.ia-page .robo-iris{fill:var(--signal) !important;}
.ia-page .robo-wrap.react .robo-iris{fill:var(--live) !important;}
.ia-page .robo-ring{stroke:var(--live) !important;}
.ia-page .robo-ant{fill:var(--live) !important;}

/* ---------- consola y escáner: ya son terminal, solo se afinan ---------- */
.ia-page .scanner .row.on{background:rgba(255,158,27,.06);}
.ia-page .scanner .row.on .spark polyline{stroke:var(--signal);}
.ia-page .scanner .beam{
  background:linear-gradient(90deg,transparent,rgba(255,158,27,.10) 20%,rgba(255,158,27,.14) 55%,transparent);
  border-top:1px solid rgba(255,158,27,.4);border-bottom:1px solid rgba(255,158,27,.4);
}
.ia-page .scanner .live,.ia-page .botwrap.on .bot-top .name .dot{color:var(--live);}
.ia-page .scanner .det .ch{background:rgba(255,158,27,.08);border-color:var(--edge);color:#FFC46B;}
.ia-page .scanner .det .ch.up{color:var(--live);background:rgba(43,224,140,.08);border-color:rgba(43,224,140,.3);}
.ia-page .scanner .det .ch.dn{color:var(--down);background:rgba(255,75,85,.08);border-color:rgba(255,75,85,.3);}
.ia-page .bot-serie{background:#000;}
.ia-page .bot-serie .dots i.d-win{background:var(--live);box-shadow:none;}
.ia-page .bot-serie .dots i.d-lose{background:var(--down);box-shadow:none;}
.ia-page .bot-switch .track{background:#000;border-color:var(--edge);}
.ia-page .botwrap.on .bot-switch .track{background:rgba(43,224,140,.15);border-color:var(--live);}
.ia-page .botwrap.on .bot-switch .knob{background:var(--live);box-shadow:none;}
.ia-page .bot-stop{color:var(--human);border-color:var(--human);background:transparent;}
.ia-page .bot-stop:hover{background:var(--human);color:#000;transform:none;}
.ia-page .bot-hist .hr.live .st-open::before{background:var(--signal);box-shadow:none;}
.ia-page .bot-closed .cr.win{border-left-color:var(--live);}
.ia-page .bot-closed .cr.lose{border-left-color:var(--down);}

/* ---------- CRYPTO IA ---------- */
.ia-page .cx-wrap{background:var(--panel) !important;}
.ia-page .cx-head{background:#000;}
.ia-page .cx-logo .mk{background:var(--signal) !important;box-shadow:none !important;width:34px;height:34px;}
.ia-page .cx-logo .mk svg{color:#000;}
.ia-page .cx-logo .nm{font-family:var(--mono);font-size:16px;font-weight:600;letter-spacing:.1em;}
.ia-page .cx-logo .nm small{color:var(--dim);letter-spacing:.14em;}
.ia-page .cx-lv{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  background:#000;border-color:var(--edge);}
.ia-page .cx-lv.on{background:var(--signal);color:#000;border-color:var(--signal);}
.ia-page .cx-lv.on .dt{background:#000 !important;}
.ia-page .cx-lv:hover{transform:none;border-color:var(--signal);}
.ia-page .cx-panel{background:#000;border-color:var(--edge);}
.ia-page .cx-panel .it .v{font-family:var(--mono);font-size:15px;color:var(--signal);font-weight:500;}
.ia-page .cx-note{border-color:var(--edge);background:rgba(255,158,27,.05);color:var(--soft);}
.ia-page .cx-note b{color:var(--signal);}

/* ---------- CTA final ---------- */
.ia-page .finale{background:var(--panel) !important;padding:44px 32px;}
.ia-page .finale h2{font-size:clamp(24px,3.2vw,34px);font-weight:600;}
.ia-page .finale p{font-size:15px;color:var(--muted);}
.ia-page .finale .go{
  background:var(--signal) !important;color:#000 !important;font-family:var(--mono);font-weight:700;
  font-size:13px;letter-spacing:.16em;text-transform:uppercase;padding:15px 30px;box-shadow:none !important;
}
.ia-page .finale .go:hover{background:#FFB84D !important;transform:none;}
.ia-page .finale .note{font-size:10.5px;color:var(--dim);letter-spacing:.06em;}
.ia-page .riskline{font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--muted);border-top:1px solid var(--edge);}
.ia-page .riskline b{color:var(--signal);}

@media(max-width:640px){
  .ia-page .ia-metrics{grid-template-columns:1fr 1fr 1fr;}
  .ia-page .ia-metrics .m{padding:0 10px;}
  .ia-page .ia-metrics .m .n{font-size:19px;}
  .ia-page .ia-form h2{font-size:17px;}
}

/* -------------------------------------------------------------------------
   iOS hace zoom automatico al enfocar un campo con fuente menor de 16px y
   deja el formulario a medias fuera de pantalla. La campana es solo movil,
   asi que en pantallas pequenas los campos van a 16px aunque el resto del
   formulario conserve la estetica de terminal.
   ------------------------------------------------------------------------- */
@media (max-width:768px){
  .ia-page .ia-field input[type=text],
  .ia-page .ia-field input[type=email],
  .ia-page .ia-field select,
  .ia-page .ia-field-phone input[type=tel]{font-size:16px !important;}
  .ia-page .iti--separate-dial-code .iti__selected-dial-code{font-size:15px;}
}