/* IKIGAI Studio · Capítulo 01 · Fiscal, contable y financiero — LOGOS 2026-10-30
   Tema claro por defecto; oscuro bajo html:not([data-theme="light"]). La consola es una terminal: siempre oscura. */
#fiscal{
  --fz-bg:#F5F6FA;--fz-bg2:#EEF2F8;--fz-ink:#0D254A;--fz-muted:#4F607A;--fz-dim:#7A889E;--fz-line:rgba(13,37,74,.10);--fz-line2:rgba(13,37,74,.16);
  --fz-card:#FFFFFF;--fz-card2:#F3F6FB;--fz-teal:#0E8F84;--fz-teal-hi:#1BA89A;--fz-gold:#B08A36;--fz-gold-hi:#C9A24B;--fz-red:#C9463D;--fz-amber:#A6731A;--fz-ok:#1F8F5F;
  --fz-shadow:0 20px 60px rgba(13,37,74,.08),inset 0 1px 0 rgba(255,255,255,.9);--fz-grid:rgba(13,37,74,.06);--fz-cell:rgba(13,37,74,.08);
  --fz-no-bg:#FFF4F3;--fz-no-b:rgba(201,70,61,.25);--fz-si-bg:#EEF9F7;--fz-si-b:rgba(14,143,132,.3);--fz-node:#E6ECF5;--fz-sweep:rgba(14,143,132,.12);
  --fz-tab-on:rgba(201,162,75,.12);--fz-tab-onb:rgba(176,138,54,.5);--fz-btn-g:#0D254A;--fz-btn-gb:rgba(13,37,74,.25)}
html:not([data-theme="light"]) #fiscal{
  --fz-bg:#040912;--fz-bg2:#060d19;--fz-ink:#eaf2f8;--fz-muted:rgba(234,242,248,.74);--fz-dim:rgba(234,242,248,.45);--fz-line:rgba(143,163,184,.14);--fz-line2:rgba(143,163,184,.22);
  --fz-card:linear-gradient(160deg,rgba(18,34,56,.72),rgba(8,16,28,.7));--fz-card2:rgba(4,10,20,.55);--fz-teal:#39e6d0;--fz-teal-hi:#39e6d0;--fz-gold:#efd28f;--fz-gold-hi:#efd28f;--fz-red:#ff8f86;--fz-amber:#e0b34f;--fz-ok:#3ecf8e;
  --fz-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);--fz-grid:rgba(143,163,184,.06);--fz-cell:rgba(143,163,184,.12);
  --fz-no-bg:rgba(40,10,12,.25);--fz-no-b:rgba(224,101,95,.22);--fz-si-bg:rgba(6,40,40,.28);--fz-si-b:rgba(57,230,208,.28);--fz-node:#1e3550;--fz-sweep:rgba(57,230,208,.14);
  --fz-tab-on:rgba(239,210,143,.08);--fz-tab-onb:rgba(239,210,143,.5);--fz-btn-g:#eaf2f8;--fz-btn-gb:rgba(234,242,248,.25)}

#fiscal{position:relative;padding:150px 22px 130px;color:var(--fz-ink);overflow:hidden;
  background:radial-gradient(80% 50% at 85% 0%,rgba(201,162,75,.10),transparent 60%),radial-gradient(70% 60% at 0% 60%,rgba(27,168,154,.08),transparent 60%),var(--fz-bg)}
#fiscal::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
  background-image:linear-gradient(var(--fz-grid) 1px,transparent 1px),linear-gradient(90deg,var(--fz-grid) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent)}
#fiscal .fz-w{max-width:1200px;margin:0 auto;position:relative}
#fiscal .fz-kick{display:inline-flex;align-items:center;gap:10px;font:700 .7rem/1 Inter,system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--fz-gold)}
#fiscal .fz-kick::before{content:"";width:34px;height:1px;background:currentColor}
#fiscal .fz-h{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(2.5rem,5.6vw,4.9rem);line-height:1;letter-spacing:-.02em;margin:22px 0 22px;max-width:15ch;color:var(--fz-ink)}
#fiscal .fz-h em{font-style:italic;background:linear-gradient(100deg,var(--fz-gold),var(--fz-gold-hi) 40%,var(--fz-teal));-webkit-background-clip:text;background-clip:text;color:transparent}
#fiscal .fz-sub{font:400 1.1rem/1.65 Inter,system-ui,sans-serif;color:var(--fz-muted);max-width:62ch}
#fiscal .fz-demo-tag{display:inline-flex;gap:8px;align-items:center;margin-top:22px;font:700 .64rem/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;
  color:var(--fz-gold);border:1px dashed var(--fz-tab-onb);padding:7px 12px;border-radius:999px}

/* consola de descarga + KPIs */
#fiscal .fz-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;margin-top:56px}
#fiscal .fz-panel{position:relative;border-radius:22px;border:1px solid var(--fz-line);background:var(--fz-card);box-shadow:var(--fz-shadow)}
#fiscal .fz-term{padding:0;overflow:hidden;background:#071120;border-color:rgba(94,242,224,.18)}
#fiscal .fz-term-bar{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid rgba(143,163,184,.12);font:600 .72rem/1 "JetBrains Mono",ui-monospace,Menlo,monospace;color:rgba(234,242,248,.55)}
#fiscal .fz-term-bar i{width:10px;height:10px;border-radius:50%;background:#e0655f}
#fiscal .fz-term-bar i:nth-child(2){background:#e0b34f}#fiscal .fz-term-bar i:nth-child(3){background:#3ecf8e}
#fiscal .fz-term-bar span{margin-left:10px}
#fiscal .fz-term pre{margin:0;padding:18px 20px 22px;min-height:330px;font:500 .8rem/1.75 "JetBrains Mono",ui-monospace,Menlo,monospace;color:#bfeee6;white-space:pre-wrap}
#fiscal .fz-term pre b{color:#efd28f;font-weight:600}#fiscal .fz-term pre u{text-decoration:none;color:#ff8f86}#fiscal .fz-term pre s{text-decoration:none;color:#3ecf8e}
#fiscal .fz-term pre .cur{display:inline-block;width:8px;height:15px;background:#39e6d0;vertical-align:-2px;animation:fzblink 1s steps(2) infinite}
@keyframes fzblink{50%{opacity:0}}
#fiscal .fz-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}
#fiscal .fz-kpi{padding:18px;border-radius:16px;background:var(--fz-card2);border:1px solid var(--fz-line)}
#fiscal .fz-kpi b{display:block;font:600 clamp(1.6rem,2.8vw,2.3rem)/1 "Cormorant Garamond",Georgia,serif;color:var(--fz-ink);font-variant-numeric:tabular-nums}
#fiscal .fz-kpi span{display:block;margin-top:8px;font:500 .78rem/1.35 Inter,sans-serif;color:var(--fz-muted)}
#fiscal .fz-kpi.g b{color:var(--fz-gold)}#fiscal .fz-kpi.r b{color:var(--fz-red)}#fiscal .fz-kpi.t b{color:var(--fz-teal)}

/* contraste */
#fiscal .fz-vs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:80px}
#fiscal .fz-vs h3{font:700 .72rem/1 Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;margin-bottom:18px}
#fiscal .fz-vs .no{padding:28px;border-radius:22px;border:1px solid var(--fz-no-b);background:var(--fz-no-bg)}
#fiscal .fz-vs .no h3{color:var(--fz-red)}
#fiscal .fz-vs .si{padding:28px;border-radius:22px;border:1px solid var(--fz-si-b);background:var(--fz-si-bg)}
#fiscal .fz-vs .si h3{color:var(--fz-teal)}
#fiscal .fz-vs ul{margin:0;padding:0}
#fiscal .fz-vs li{list-style:none;display:flex;gap:12px;font:400 .98rem/1.5 Inter,sans-serif;color:var(--fz-muted);padding:9px 0;border-bottom:1px dashed var(--fz-line)}
#fiscal .fz-vs li:last-child{border:0}
#fiscal .fz-vs .no li::before{content:"✕";color:var(--fz-red);font-weight:700}
#fiscal .fz-vs .si li::before{content:"✓";color:var(--fz-teal);font-weight:700}

/* capacidades */
#fiscal .fz-sec{margin-top:96px}
#fiscal .fz-sec>h3{font:600 clamp(1.8rem,3.4vw,2.6rem)/1.1 "Cormorant Garamond",Georgia,serif;margin-bottom:10px;color:var(--fz-ink)}
#fiscal .fz-sec>p{color:var(--fz-muted);max-width:60ch;font:400 1rem/1.6 Inter,sans-serif}
#fiscal .fz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
#fiscal .fz-tile{padding:22px;min-height:330px;display:flex;flex-direction:column;transition:transform .35s,border-color .35s}
#fiscal .fz-tile:hover{transform:translateY(-4px);border-color:var(--fz-tab-onb)}
#fiscal .fz-tile .tk{font:700 .62rem/1 Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--fz-teal)}
#fiscal .fz-tile h4{font:600 1.45rem/1.1 "Cormorant Garamond",Georgia,serif;margin:10px 0 8px;color:var(--fz-ink)}
#fiscal .fz-tile p{font:400 .88rem/1.55 Inter,sans-serif;color:var(--fz-muted)}
#fiscal .fz-viz{margin-top:auto;padding-top:16px;height:150px;position:relative;color:var(--fz-dim)}
#fiscal .fz-viz svg{width:100%;height:100%;overflow:visible}
#fiscal .fz-viz .lg{position:absolute;right:0;top:12px;display:flex;gap:10px;font:600 .62rem/1 Inter,sans-serif;color:var(--fz-muted)}
#fiscal .fz-viz .lg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:-1px}
#fiscal .fz-cells{display:grid;grid-template-columns:repeat(16,1fr);gap:4px}
#fiscal .fz-cells i{aspect-ratio:1;border-radius:3px;background:var(--fz-cell);transition:background .4s,box-shadow .4s}
#fiscal .fz-cells i.ok{background:#1BA89A}#fiscal .fz-cells i.bad{background:#e0655f;box-shadow:0 0 10px rgba(224,101,95,.6)}#fiscal .fz-cells i.mid{background:#e0b34f}
#fiscal .fz-note{margin-top:10px;font:600 .7rem/1.4 "JetBrains Mono",ui-monospace,monospace;color:var(--fz-muted)}

/* factura PPD de ejemplo */
#fiscal .fz-inv{margin-top:14px;padding:14px;border-radius:14px;background:var(--fz-card2);border:1px solid var(--fz-line);font:500 .8rem/1.5 Inter,sans-serif;color:var(--fz-ink)}
#fiscal .fz-inv .row{display:flex;justify-content:space-between;gap:10px}
#fiscal .fz-inv .row span{color:var(--fz-muted)}
#fiscal .fz-inv .st{margin-top:8px;font-weight:700;color:var(--fz-amber)}
#fiscal .fz-inv.done .st{color:var(--fz-ok)}
#fiscal .fz-inv button{all:unset;cursor:pointer;margin-top:10px;font:700 .74rem/1 Inter,sans-serif;padding:9px 12px;border-radius:999px;background:linear-gradient(135deg,#c9a24b,#8a6a25);color:#120d03}
#fiscal .fz-inv.done button{background:rgba(62,207,142,.15);color:var(--fz-ok);pointer-events:none}
#fiscal .fz-bars{display:flex;flex-direction:column;gap:9px}
#fiscal .fz-bars div{display:grid;grid-template-columns:118px 1fr 44px;gap:10px;align-items:center;font:600 .74rem/1 Inter,sans-serif;color:var(--fz-muted)}
#fiscal .fz-bars em{height:9px;border-radius:9px;background:var(--fz-cell);overflow:hidden;position:relative}
#fiscal .fz-bars em b{position:absolute;inset:0 auto 0 0;width:0;border-radius:9px;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
#fiscal .fz-bars span{text-align:right;font-variant-numeric:tabular-nums;color:var(--fz-ink)}

/* prueba real */
#fiscal .fz-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:34px;border-radius:22px;overflow:hidden;border:1px solid var(--fz-tab-onb);background:var(--fz-line2)}
#fiscal .fz-proof div{padding:26px 22px;background:var(--fz-card2)}
#fiscal .fz-proof b{display:block;font:600 clamp(1.9rem,3.2vw,2.7rem)/1 "Cormorant Garamond",Georgia,serif;color:var(--fz-gold);font-variant-numeric:tabular-nums}
#fiscal .fz-proof span{display:block;margin-top:10px;font:500 .84rem/1.45 Inter,sans-serif;color:var(--fz-muted)}
#fiscal .fz-foot{margin-top:12px;font:500 .74rem/1.5 Inter,sans-serif;color:var(--fz-dim)}

/* por rol */
#fiscal .fz-roles{display:grid;grid-template-columns:260px 1fr;gap:22px;margin-top:34px}
#fiscal .fz-tabs{display:flex;flex-direction:column;gap:8px}
#fiscal .fz-tabs button{all:unset;cursor:pointer;padding:16px 18px;border-radius:14px;border:1px solid var(--fz-line);background:var(--fz-card);font:600 .95rem/1.2 Inter,sans-serif;color:var(--fz-muted);transition:.25s}
#fiscal .fz-tabs button small{display:block;margin-top:5px;font-weight:400;font-size:.76rem;color:var(--fz-dim)}
#fiscal .fz-tabs button[aria-selected="true"]{border-color:var(--fz-tab-onb);background:var(--fz-tab-on);color:var(--fz-gold)}
#fiscal .fz-view{padding:28px}
#fiscal .fz-view h4{font:600 1.7rem/1.1 "Cormorant Garamond",Georgia,serif;margin-bottom:14px;color:var(--fz-ink)}
#fiscal .fz-view ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0}
#fiscal .fz-view li{list-style:none;padding:14px 16px;border-radius:14px;background:var(--fz-card2);border:1px solid var(--fz-line);font:400 .9rem/1.5 Inter,sans-serif;color:var(--fz-muted)}
#fiscal .fz-view li b{display:block;color:var(--fz-ink);margin-bottom:3px;font-weight:600}

#fiscal .fz-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:64px;align-items:center}
#fiscal .fz-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 24px;border-radius:999px;font:700 .95rem/1 Inter,sans-serif;text-decoration:none;transition:transform .25s}
#fiscal .fz-btn.p{background:linear-gradient(135deg,#efd28f,#c9a24b);color:#120d03;box-shadow:0 12px 34px rgba(201,162,75,.35)}
#fiscal .fz-btn.g{border:1px solid var(--fz-btn-gb);color:var(--fz-btn-g);background:var(--fz-card)}
#fiscal .fz-btn:hover{transform:translateY(-2px)}
#fiscal .fz-in{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
#fiscal .fz-in.on{opacity:1;transform:none}

@media (max-width:980px){
  #fiscal .fz-hero,#fiscal .fz-vs,#fiscal .fz-roles{grid-template-columns:1fr}
  #fiscal .fz-grid{grid-template-columns:1fr 1fr}
  #fiscal .fz-proof{grid-template-columns:1fr 1fr}
  #fiscal .fz-tabs{flex-direction:row;overflow-x:auto}
  #fiscal .fz-tabs button{flex:0 0 auto}
}
@media (max-width:620px){
  #fiscal{padding:110px 16px 90px}
  #fiscal .fz-grid,#fiscal .fz-view ul{grid-template-columns:1fr}
  #fiscal .fz-term pre{font-size:.7rem;min-height:300px}
}
@media (prefers-reduced-motion:reduce){#fiscal .fz-in{opacity:1;transform:none;transition:none}}

/* demostración incrustada · LOGOS 2026-10-31 */
#fiscal .fz-vivo{margin:44px 0 8px;border-radius:24px;overflow:hidden;border:1px solid var(--fz-line,rgba(20,33,58,.1));background:#f5f6f9;box-shadow:0 40px 80px -40px rgba(20,33,58,.35)}
#fiscal .fz-vivo-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;padding:16px 22px;background:#0f1b31;color:#eef2f8}
#fiscal .fz-vivo-h span{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#e9c879;font-weight:600}
#fiscal .fz-vivo-h small{font-size:.82rem;color:#9fb0c6}
#fiscal .fz-vivo iframe{display:block;width:100%;height:min(86vh,900px);border:0;background:#f5f6f9}
@media(max-width:760px){#fiscal .fz-vivo iframe{height:78vh}}