/* Promotion Mind · ESTILO NUEVO (23-oct-2026). Pablo: «no me gusta el diseño… quiero salir de este estilo y siempre tiene
   que estar el logo de CD». Sale de los 10 reels de sin_bugs (referencias_diseno/reels_23oct/DONDE_VA_CADA_UNO.md):
   fondo claro, letra neutra con números grandes en peso medio, rótulos chicos en mono, tarjetas redondeadas con borde
   fino y sin sombra, botón principal negro en píldora, UN acento (el violeta del logo de CD) y el comparativo en
   etiqueta de color. Los colores del logo de CD quedan para marcar cada cadena. Va DESPUÉS de app.css y lo pisa. */
:root{
 --n-bg:#f7f7f5;--n-card:#fff;--n-line:#ebebe7;--n-ink:#111;--n-ink2:#3d3d3a;--n-mut:#8a8a85;--n-soft:#f2f2ef;
 --n-ac:#6654a2;--n-acb:#efecf8;
 --n-ok:#1e9e5a;--n-okb:#e6f6ec;--n-rj:#d23f3f;--n-rjb:#fdecec;--n-am:#b46d0c;--n-amb:#fbf1e1;
 --cd-cel:#54c8f3;--cd-vio:#6654a2;--cd-ver:#b8d134;--cd-nar:#f69022;--cd-roj:#ed2728;
 --az:var(--n-ac);--az2:var(--n-ink);--ink:var(--n-ink);--mut:var(--n-mut);--line:var(--n-line);--bg:var(--n-bg);--cel:var(--n-acb);
 --ok:var(--n-ok);--okb:var(--n-okb);--rj:var(--n-rj);--rjb:var(--n-rjb);--nar:var(--n-am);--narb:var(--n-amb)}
body{font-family:Geist,Inter,system-ui,sans-serif;background:#ecebe7;color:var(--n-ink);-webkit-font-smoothing:antialiased}
.mono,.lbl,.n-lbl{font-family:"Geist Mono",ui-monospace,monospace}
/* el marco de la compu: el celular, claro */
.top h1{font-weight:700;letter-spacing:-.02em}
.phone{border-color:#111;background:var(--n-bg);box-shadow:none}
.sb{background:var(--n-bg);color:var(--n-ink)}
/* ENCABEZADO: siempre el logo de CD arriba, con sus colores, sobre fondo claro */
.hd{background:var(--n-bg);color:var(--n-ink);padding:8px 16px 10px;border-bottom:1px solid transparent}
.hd .r{min-height:40px}
.hd .cd{height:22px;display:block}
.hd .ico{color:var(--n-ink);border-radius:12px}
.hd .ico svg{width:20px;height:20px}
.hd .ico .n{background:var(--n-rj);top:4px;right:4px}
.hd .t{font-size:24px;font-weight:650;letter-spacing:-.025em;margin-top:6px;line-height:1.15;display:flex;align-items:center;gap:6px}
.hd .back{color:var(--n-ink);font-size:26px;font-weight:300;margin-right:2px}
.hd .sup{font-family:"Geist Mono",monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--n-mut);margin-top:6px}
.body{background:var(--n-bg);padding:6px 14px 22px}
/* BARRA DE ABAJO: la pestaña elegida se estira y muestra su nombre (reel 02) */
.tab{background:var(--n-bg);border-top:1px solid var(--n-line);justify-content:center;gap:8px;height:64px}
.tab span{flex-direction:row;gap:7px;min-width:44px;height:42px;min-height:42px;padding:0 12px;border-radius:99px;color:var(--n-mut);transition:background .25s,color .25s,padding .25s}
.tab span small{display:none;font-size:12.5px;font-weight:600;font-family:Geist,Inter,sans-serif}
.tab span.on{background:var(--n-ink);color:#fff;padding:0 16px}.tab span.on small{display:inline}
.tab span svg{width:20px;height:20px}
/* TARJETAS */
.card,.tope,.budget,.req,.menu{background:var(--n-card);border:1px solid var(--n-line);border-radius:18px;box-shadow:none}
.card{padding:14px}
.lbl{font-size:10.5px;font-weight:500;letter-spacing:.06em;color:var(--n-mut)}
.row{border-color:var(--n-soft)}.row .v{font-weight:600}
/* BOTONES: el principal negro en píldora */
.btn{background:var(--n-ink);border-radius:99px;font-weight:600;font-size:15px;padding:14px;min-height:48px}
.btn.o{background:transparent;color:var(--n-ink);border:1.5px solid var(--n-line)}
.btn.g{background:var(--n-ink)}.btn.r{background:transparent;color:var(--n-rj);border:1.5px solid #f1c9c9}
.seg span{border-radius:99px;border-color:var(--n-line);font-weight:600}.seg span.on{background:var(--n-ink);border-color:var(--n-ink)}
.menu{border-radius:16px}.menu .ic{background:var(--n-soft);border-radius:12px;color:var(--n-ink)}.menu .ic svg{width:18px;height:18px}
.badge{font-family:"Geist Mono",monospace;font-weight:500;letter-spacing:.02em}
.b-pd{background:var(--n-acb);color:var(--n-ac)}
.toast{border-radius:20px;border-color:var(--n-line)}
/* ETIQUETAS de comparativo (reel 01) */
.tag{display:inline-flex;align-items:center;gap:4px;font-family:"Geist Mono",monospace;font-size:11px;font-weight:500;padding:3px 8px;border-radius:99px;background:var(--n-soft);color:var(--n-ink2);white-space:nowrap}
.tag.up{background:var(--n-okb);color:var(--n-ok)}.tag.dn{background:var(--n-rjb);color:var(--n-rj)}.tag.am{background:var(--n-amb);color:var(--n-am)}.tag.ac{background:var(--n-acb);color:var(--n-ac)}
.tag.ink{background:var(--n-ink);color:#fff}
/* ---------- INICIO ---------- */
.n-hola{font-size:13px;color:var(--n-mut);margin:2px 2px 10px}
.n-mes{display:flex;gap:6px;margin:0 0 10px;overflow-x:auto;scrollbar-width:none}.n-mes::-webkit-scrollbar{display:none}
.n-mes span{font-size:13px;font-weight:600;padding:8px 14px;border-radius:99px;border:1px solid var(--n-line);background:var(--n-card);white-space:nowrap;cursor:pointer;min-height:36px;display:inline-flex;align-items:center}
.n-mes span.on{background:var(--n-ink);color:#fff;border-color:var(--n-ink)}
.n-pres{padding:16px}
.n-big{font-size:40px;font-weight:600;letter-spacing:-.035em;line-height:1;margin:8px 0 8px;font-variant-numeric:tabular-nums}
.n-big small{font-size:15px;font-weight:500;color:var(--n-mut);letter-spacing:0;margin-left:6px}
.n-tags{display:flex;gap:6px;flex-wrap:wrap}
.n-barra{height:8px;border-radius:99px;background:var(--n-soft);margin:14px 0 6px;position:relative;overflow:visible}
.n-barra i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--n-ink);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.n-barra em{position:absolute;top:-5px;width:3px;height:18px;border-radius:2px;background:var(--cd-roj)}
.n-barra-l{display:flex;justify-content:space-between;font-family:"Geist Mono",monospace;font-size:10.5px;color:var(--n-mut)}
.n-frase{font-size:13.5px;color:var(--n-ink2);margin-top:12px;line-height:1.45}.n-frase b{color:var(--n-ink)}
.n-sec{display:flex;align-items:baseline;justify-content:space-between;margin:18px 2px 8px}
.n-sec h3{font-size:16px;font-weight:650;letter-spacing:-.01em}.n-sec a{font-size:12.5px;color:var(--n-ac);font-weight:600;cursor:pointer;min-height:32px;display:inline-flex;align-items:center}
/* la pila de solicitudes que se despliega (reel 09) */
.n-pila{position:relative;cursor:pointer;margin-bottom:22px}
.n-pila .sol{position:relative;z-index:3}
.n-pila .capa{position:absolute;left:10px;right:10px;height:100%;top:8px;background:var(--n-card);border:1px solid var(--n-line);border-radius:18px;z-index:2;transition:transform .3s}
.n-pila .capa.c2{left:20px;right:20px;top:16px;z-index:1;opacity:.7}
.n-pila:active .capa{transform:translateY(-3px)}
/* tarjeta de solicitud */
.sol{background:var(--n-card);border:1px solid var(--n-line);border-radius:18px;padding:14px;margin-bottom:10px;cursor:pointer}
.sol .quien{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--n-mut)}
.sol .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;flex:0 0 auto}
.sol .quien b{color:var(--n-ink);font-weight:600}.sol .quien .mono{margin-left:auto;font-size:11px}
.sol h4{font-size:17px;font-weight:650;letter-spacing:-.015em;margin:10px 0 3px;line-height:1.25}
.sol .det{font-size:12.5px;color:var(--n-mut);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}
.sol .tres{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--n-soft)}
.sol .tres small{display:block;font-family:"Geist Mono",monospace;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--n-mut)}
.sol .tres b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.sol .pie2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.n-vacio{background:var(--n-card);border:1px dashed var(--n-line);border-radius:18px;padding:18px;text-align:center;font-size:13px;color:var(--n-mut)}
/* una tarjeta por cadena (reel 03) */
.n-cads{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cad{background:var(--n-card);border:1px solid var(--n-line);border-radius:16px;padding:12px;cursor:pointer;min-width:0}
.cad .h{display:flex;align-items:center;gap:6px;font-weight:650;font-size:13.5px}
.cad .h .tag{margin-left:auto;padding:2px 6px;font-size:10px}
.cad .num{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-top:8px;font-variant-numeric:tabular-nums}
.cad .num small{font-size:11px;color:var(--n-mut);font-weight:500;letter-spacing:0}
.cad svg{display:block;margin:6px 0 4px}
.cad .bar{height:4px;border-radius:99px;background:var(--n-soft);overflow:hidden}.cad .bar i{display:block;height:100%;border-radius:99px}
.cad .pie3{display:flex;justify-content:space-between;font-family:"Geist Mono",monospace;font-size:10px;color:var(--n-mut);margin-top:6px}
/* accesos */
.n-acc{background:var(--n-card);border:1px solid var(--n-line);border-radius:18px;overflow:hidden}
.n-acc div{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--n-soft);cursor:pointer;min-height:52px;font-size:14px;font-weight:550}
.n-acc div:last-child{border:none}.n-acc svg{width:19px;height:19px;color:var(--n-ink2)}.n-acc small{margin-left:auto;color:var(--n-mut);font-size:12px;font-weight:500}
.n-acc div:active{background:var(--n-soft)}
.pie{margin:22px 0 4px}.pie img{height:22px}
/* anillos con los colores del logo */
.anillos text{font-family:Geist,Inter,sans-serif}
/* ---------- LA DECISIÓN ---------- */
.n-hero{display:flex;gap:12px;align-items:center}
.n-thumb{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-weight:700;font-size:17px;flex:0 0 auto;letter-spacing:-.02em}
.n-hero h2{font-size:19px;font-weight:650;letter-spacing:-.02em;line-height:1.2}
.n-hero p{font-size:12.5px;color:var(--n-mut);margin-top:3px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.n-reco{display:flex;align-items:center;gap:12px;border-radius:18px;padding:14px;margin:12px 0 10px;background:var(--n-okb)}
.n-reco.no{background:var(--n-rjb)}.n-reco.rv{background:var(--n-amb)}
.n-reco .k{font-family:"Geist Mono",monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--n-ink2)}
.n-reco b{display:block;font-size:22px;font-weight:650;letter-spacing:-.02em;color:var(--n-ok)}.n-reco.no b{color:var(--n-rj)}.n-reco.rv b{color:var(--n-am)}
.n-reco span{font-size:12.5px;color:var(--n-ink2)}
.n-reco .x{margin-left:auto;text-align:right}.n-reco .x b{font-size:28px;color:var(--n-ink)}
.n-kps{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.n-kp{background:var(--n-card);border:1px solid var(--n-line);border-radius:16px;padding:12px;min-width:0}
.n-kp small{display:block;font-family:"Geist Mono",monospace;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--n-mut)}
.n-kp b{display:block;font-size:22px;font-weight:600;letter-spacing:-.025em;margin:6px 0 6px;font-variant-numeric:tabular-nums}
.n-merma{background:var(--n-card);border:1px solid #f3d0d0;border-radius:16px;padding:12px 14px;margin-top:8px;display:flex;align-items:center;gap:10px}
.n-merma small{font-family:"Geist Mono",monospace;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--n-rj)}
.n-merma b{font-size:20px;font-weight:600;color:var(--n-rj);text-decoration:line-through;text-decoration-thickness:2px}
.n-merma span{font-size:12px;color:var(--n-mut);margin-left:auto;text-align:right;max-width:52%}
.n-plazo{display:flex;align-items:center;gap:10px;background:var(--n-ink);color:#fff;border-radius:16px;padding:12px 14px;margin-top:8px}
.n-plazo small{font-family:"Geist Mono",monospace;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.65;display:block}
.n-plazo .cdw{display:flex;gap:4px;margin:0 0 0 auto}.n-plazo .cdw div{background:rgba(255,255,255,.1);border-radius:8px;padding:4px 0;min-width:36px;text-align:center}
.n-plazo .cdw b{font-size:15px;font-family:"Geist Mono",monospace;font-weight:500}.n-plazo .cdw small{font-size:8px;opacity:.6}
/* línea de tiempo de la solicitud (reel 01) */
.n-tl{background:var(--n-card);border:1px solid var(--n-line);border-radius:18px;padding:6px 14px;margin-top:8px}
.n-tl div{display:flex;gap:11px;padding:10px 0;position:relative;font-size:13px}
.n-tl div:not(:last-child):after{content:"";position:absolute;left:13px;top:36px;bottom:-6px;width:1.5px;background:var(--n-line)}
.n-tl i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-style:normal;font-size:11px;font-weight:700;color:#fff}
.n-tl i.esp{background:var(--n-card);border:1.5px dashed var(--n-ac);color:var(--n-ac);animation:lat2 1.6s ease-in-out infinite}
@keyframes lat2{50%{box-shadow:0 0 0 5px var(--n-acb)}}
.n-tl b{font-weight:600}.n-tl span{display:block;color:var(--n-mut);font-size:12px;margin-top:1px}.n-tl .mono{margin-left:auto;font-size:11px;color:var(--n-mut);white-space:nowrap}
.n-aviso{border-radius:14px;padding:11px 12px;font-size:12.5px;margin-top:8px;background:var(--n-rjb);color:#8a2020}
/* pestañas con subrayado que viaja (reel 09) */
.tabs2{position:relative;gap:18px;margin:16px 2px 10px;border-bottom:1px solid var(--n-line)}
.tabs2 span{color:var(--n-mut);font-weight:600;font-size:13px;padding-bottom:8px;border:none!important}
.tabs2 span.on{color:var(--n-ink)}
.tabs2 .sub{position:absolute;bottom:-1px;height:2px;background:var(--n-ink);border-radius:2px;transition:left .3s cubic-bezier(.2,.8,.2,1),width .3s}
/* barra de decisión fija abajo */
.n-decide{position:sticky;bottom:-22px;margin:14px -14px -22px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--n-bg) 30%);display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
.n-decide .btn{margin:0}
/* DESHACER con anillo que se vacía (reel 04) */
.undo{position:absolute;left:50%;bottom:78px;transform:translate(-50%,30px);opacity:0;z-index:35;display:flex;align-items:center;gap:10px;background:var(--n-ink);color:#fff;border-radius:99px;padding:8px 8px 8px 12px;font-size:13px;font-weight:500;white-space:nowrap;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s}
.undo.on{transform:translate(-50%,0);opacity:1}
.undo svg{flex:0 0 auto}.undo .anillo{transition:stroke-dashoffset linear}
.undo button{background:#fff;color:var(--n-ink);border:none;border-radius:99px;font-weight:650;font-size:13px;padding:0 14px;height:34px;cursor:pointer}
/* autorizada */
.n-ok{text-align:center;padding:26px 6px 8px}.n-ok .c{width:72px;height:72px;border-radius:50%;background:var(--n-ink);color:#fff;display:grid;place-items:center;margin:0 auto 14px}
.n-ok h2{font-size:22px;font-weight:650;letter-spacing:-.02em}.n-ok p{color:var(--n-mut);font-size:13px;margin-top:4px}
/* el pop de la casa con este estilo */
:root{--card:#fff;--head:var(--n-ink);--muted:var(--n-mut);--line2:var(--n-soft);--plane:var(--n-soft);--ink2:var(--n-ink2);--surface:#fafaf8;--c1:var(--n-ac)}
#phone .modal{font-family:Geist,Inter,sans-serif}#phone .mbig{font-weight:600;letter-spacing:-.03em}#phone .mstat{border-radius:14px}
#phone .rrow .rb i{background:var(--n-ink)!important}
@media (max-width:520px){body{background:var(--n-bg)}.hd{padding-top:calc(8px + env(safe-area-inset-top))}.tab{height:calc(64px + env(safe-area-inset-bottom))}.undo{position:fixed}}
@media (prefers-reduced-motion:reduce){.tab span,.n-barra i,.tabs2 .sub,.undo,.n-tl i.esp{transition:none;animation:none}}
.tab span:first-child{color:var(--n-mut)}.tab span.on,.tab span.on:first-child{color:#fff}
.n-reco .x b span{font-size:inherit;color:inherit}
@media (min-width:521px){.phone{min-height:520px;height:min(800px,calc(100vh - 96px))}}
.n-kp .tag{white-space:normal;max-width:100%}

/* ======== el resto de las pantallas con el estilo nuevo (23-oct) ======== */
/* filas, KPIs y tablas */
.row{padding:9px 0;font-size:13.5px}.row .k{color:var(--n-mut)}
.kpi{font-size:13.5px;padding:10px 0;border-color:var(--n-soft)}.kpi .v{font-weight:600}.kpi .rg{font-family:"Geist Mono",monospace;font-size:10.5px}
.cmp{font-size:12.5px;padding:9px 0;border-color:var(--n-soft)}.cmp.h{font-family:"Geist Mono",monospace;font-weight:500;letter-spacing:.04em;font-size:9.5px}
.mini{color:var(--n-mut)}
/* avisos dentro de las pantallas */
.warn{border-radius:14px;padding:11px 12px;font-size:12.5px;line-height:1.45}
.warn.y{background:var(--n-amb);color:#7a4a08}.warn.g{background:var(--n-okb);color:#1f6b41}
.err{border-radius:14px}
.ent{background:var(--n-acb);color:#3e3270;border-radius:16px}
/* listas */
.req{padding:14px;border-radius:18px;margin-bottom:10px}.req .t{font-family:"Geist Mono",monospace;font-weight:500;font-size:11.5px;color:var(--n-mut);align-items:center}
.req{font-size:15px;font-weight:600;letter-spacing:-.01em}.req small{font-size:12.5px;font-weight:400;letter-spacing:0;margin-top:3px}
.tabs2{flex-wrap:wrap}
.vacio{background:var(--n-card);border:1px dashed var(--n-line);border-radius:18px}
/* el plazo, la merma y la recomendación de las pantallas viejas */
.plazo{background:var(--n-ink);border-radius:18px}.plazo .l{font-family:"Geist Mono",monospace;letter-spacing:.06em}.plazo .cd b,.plazo .cdw b{font-family:"Geist Mono",monospace;font-weight:500}
.plazo .tl i{background:var(--cd-nar)}
.plazo.cl{background:var(--n-card);border-color:var(--n-line)}
.merma{background:var(--n-card);border:1px solid #f3d0d0;border-radius:18px}.merma .h{font-family:"Geist Mono",monospace;font-weight:500}
.reco{border-radius:18px;border:none}.reco .big{font-weight:650;letter-spacing:-.02em}
/* tope de la carga (paso 5) */
.tope .tt{font-size:18px;font-weight:650;letter-spacing:-.02em}.tope .tt b{color:var(--cd-roj)}
/* carga: pasos, opciones, campos */
.steps div{height:3px}.steps div.on{background:var(--n-ink)}
.opt{border-color:var(--n-soft);font-weight:500}.opt i{border-color:#c9c9c4}.opt.on i{border-color:var(--n-ink);background:radial-gradient(var(--n-ink) 45%,#fff 50%)}
.inp{border-radius:12px;border-color:var(--n-line);font-family:inherit}.inp:focus{outline:2px solid var(--n-acb);border-color:var(--n-ac)}
.sel{border-radius:12px}
.simr{border-radius:14px;padding:9px 10px;border-color:var(--n-line)}.simr.on{border-color:var(--n-ink);background:var(--n-card);box-shadow:inset 0 0 0 1px var(--n-ink)}
.simr .sb2 i{background:var(--n-ink)}.simr em{background:var(--n-ok);font-family:"Geist Mono",monospace;font-weight:500;top:-8px}
.chk.ok{color:var(--n-ok)}
/* el descuento que se desliza, con el globito que sigue al dedo (reel 01) */
.desliza{position:relative;padding:34px 4px 4px}
.desliza input{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--n-ink) var(--p,50%),var(--n-soft) var(--p,50%));outline:none}
.desliza input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--n-ink);cursor:grab}
.desliza input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--n-ink)}
.desliza .globo{position:absolute;top:0;transform:translateX(-50%);background:var(--n-ink);color:#fff;font-family:"Geist Mono",monospace;font-size:12px;padding:3px 9px;border-radius:99px;white-space:nowrap;pointer-events:none}
.desliza .marcas{display:flex;justify-content:space-between;font-family:"Geist Mono",monospace;font-size:10px;color:var(--n-mut);margin-top:6px}
.desliza-res{display:flex;gap:8px;margin-top:12px}.desliza-res div{flex:1;background:var(--n-soft);border-radius:12px;padding:8px 10px}
.desliza-res small{display:block;font-family:"Geist Mono",monospace;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--n-mut)}.desliza-res b{font-size:17px;font-weight:600}
/* calendario */
.cal2 .ct{background:var(--n-soft);border-radius:8px;height:26px}.cal2 .ct i{border-radius:7px;font-family:Geist,Inter,sans-serif;font-size:9.5px;font-weight:600;top:3px;bottom:3px}
.cal2 .cn{font-weight:600}.cal2 .cw{font-family:"Geist Mono",monospace}
/* góndola */
.ring{background:conic-gradient(var(--n-ok) 0 75%,#f3d0d0 75% 100%)}.ring span{font-weight:650}
.gd2 i{background:var(--n-ok)}.gd2 i.x{background:var(--n-rj)}
/* tregua */
.tregua{border-radius:16px;border-color:var(--n-line);font-weight:400}
.cal span{border-radius:10px;min-height:32px;display:flex;align-items:center;justify-content:center}.cal span.on{background:var(--n-ink)}
/* registro y avisos */
.reg{padding:11px 0;border-color:var(--n-soft);font-size:12.5px}.reg b{font-weight:600}.reg code{font-family:"Geist Mono",monospace}
.new{background:var(--n-ac);font-family:"Geist Mono",monospace;font-weight:500}
.drop{border-radius:14px;border-color:#d6d6d0}
/* embudo del débito (reel 08) */
.embudo div{display:flex;align-items:center;gap:10px;margin:6px 0}
.embudo i{display:block;height:30px;border-radius:9px;min-width:4px;transition:width 1s cubic-bezier(.2,.8,.2,1)}
.embudo span{font-size:12px;color:var(--n-mut);flex:0 0 96px}.embudo b{font-size:13.5px;font-weight:600;white-space:nowrap;margin-left:auto;padding-left:8px}
/* ingreso */
.n-ing{flex:1;display:flex;flex-direction:column;background:var(--n-bg);padding:26px 22px 22px;overflow-y:auto}
.n-ing .cd{height:30px;align-self:flex-start}
.n-ing h1{font-size:44px;line-height:1;letter-spacing:-.04em;font-weight:700;margin-top:56px}
.n-ing h1 em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.n-ing .s{color:var(--n-mut);font-size:14px;margin-top:10px}
.n-ing form{margin-top:34px;background:var(--n-card);border:1px solid var(--n-line);border-radius:22px;padding:18px}
.n-ing .lbl{margin-bottom:6px}
.n-ing .pie{margin-top:auto;padding-top:24px}
@media (max-width:520px){.n-ing{padding-top:calc(26px + env(safe-area-inset-top))}}
.n-ing h1{margin-top:28px}