/* Base (antes la ponía el visor de artefactos) */
:root{color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh}
img{max-width:100%}
[hidden]{display:none!important}

/* Layout: asimétrico, alineado a la izquierda. Hero = subida + un .txt "subrayado"; luego el informe vivo (demo o tuyo), cómo funciona, exportar, privacidad. */
:root{
  --bg:#F3F1F8; --surface:#FFFFFF; --sunk:#EAE7F2; --ink:#1A1630; --muted:#5F5A75; --line:#DDD8EA;
  --accent:#3346F0; --accent-ink:#FFFFFF; --mark:#FFE14D; --mark-ink:#1A1630;
  --good:#0B7F73; --warn:#C2410C;
  --g1:#2F45FF; --g2:#7B3FF2; --g3:#F0388F; --g4:#FFD43B; --g5:#12C7B5;
  --wash1:rgba(240,56,143,.10); --wash2:rgba(47,69,255,.09); --wash3:rgba(255,212,59,.14); --wash4:rgba(18,199,181,.09);
  --s1:#DDE3FF; --s2:#ECDDFF; --s3:#FFDDEE; --s4:#D4F6EF; --sb1:#FFF0A6; --sb2:#BDF2E9;
  --s-ink:#1A1630; --s-soft:#4A4463; --s-eyebrow:#5B2BD6; --s-chip:rgba(255,255,255,.62); --s-chipline:rgba(26,22,48,.14);
  --p1:#3346F0; --p2:#D9366B; --p3:#0E8F82; --p4:#B7791F; --p5:#7A45D1; --p6:#55607A; --p7:#C2410C; --p8:#2E7D32; --p9:#0369A1; --p10:#9D174D; --p11:#4D7C0F; --p12:#92400E;
  --f-display:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;
  --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#121019; --surface:#1C1926; --sunk:#17141F; --ink:#ECE8F7; --muted:#A49FB8; --line:#2E2A3D;
  --accent:#8D9BFF; --accent-ink:#121019; --mark:#E9C83A; --mark-ink:#121019; --good:#3CCFBE; --warn:#FF9A5C; --g1:#2236E0; --g2:#6A2BE0; --g3:#D82C7E; --g4:#F5C518; --g5:#0FB3A3; --wash1:rgba(240,56,143,.08); --wash2:rgba(80,100,255,.10); --wash3:rgba(245,197,24,.05); --wash4:rgba(18,199,181,.07); --s1:#232A55; --s2:#2E2352; --s3:#3F2240; --s4:#18394A; --sb1:#5A4A1E; --sb2:#14514C; --s-ink:#F2EFFA; --s-soft:#C9C3DD; --s-eyebrow:#E9C83A; --s-chip:rgba(255,255,255,.08); --s-chipline:rgba(255,255,255,.2);
  --p1:#8D9BFF; --p2:#FF7AA2; --p3:#3CCFBE; --p4:#E8B04A; --p5:#B48CFF; --p6:#9AA4BD; --p7:#FF9A5C; --p8:#7BD389; --p9:#5EB8F0; --p10:#E07AAE; --p11:#A3D65C; --p12:#D9A066;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#121019; --surface:#1C1926; --sunk:#17141F; --ink:#ECE8F7; --muted:#A49FB8; --line:#2E2A3D;
  --accent:#8D9BFF; --accent-ink:#121019; --mark:#E9C83A; --mark-ink:#121019; --good:#3CCFBE; --warn:#FF9A5C; --g1:#2236E0; --g2:#6A2BE0; --g3:#D82C7E; --g4:#F5C518; --g5:#0FB3A3; --wash1:rgba(240,56,143,.08); --wash2:rgba(80,100,255,.10); --wash3:rgba(245,197,24,.05); --wash4:rgba(18,199,181,.07); --s1:#232A55; --s2:#2E2352; --s3:#3F2240; --s4:#18394A; --sb1:#5A4A1E; --sb2:#14514C; --s-ink:#F2EFFA; --s-soft:#C9C3DD; --s-eyebrow:#E9C83A; --s-chip:rgba(255,255,255,.08); --s-chipline:rgba(255,255,255,.2);
  --p1:#8D9BFF; --p2:#FF7AA2; --p3:#3CCFBE; --p4:#E8B04A; --p5:#B48CFF; --p6:#9AA4BD; --p7:#FF9A5C; --p8:#7BD389; --p9:#5EB8F0; --p10:#E07AAE; --p11:#A3D65C; --p12:#D9A066;
  color-scheme:dark}
*{box-sizing:border-box}
body{color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55;overflow-x:clip;
  background:
    radial-gradient(55rem 38rem at -5% 32%, var(--wash1), transparent 62%),
    radial-gradient(50rem 40rem at 105% 52%, var(--wash2), transparent 62%),
    radial-gradient(48rem 36rem at 15% 88%, var(--wash3), transparent 62%),
    radial-gradient(40rem 30rem at 95% 98%, var(--wash4), transparent 62%),
    var(--bg)}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));box-sizing:content-box}

/* Entrada a todo color, en tonos suaves */
.splash{position:relative;overflow:hidden;isolation:isolate;color:var(--s-ink);
  background:linear-gradient(125deg,var(--s1) 0%,var(--s2) 45%,var(--s3) 85%,var(--s4) 120%)}
.splash::before,.splash::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);opacity:.8;pointer-events:none}
.splash::before{width:46vw;height:46vw;max-width:620px;max-height:620px;right:-10vw;top:-14vw;background:var(--sb1);animation:float1 18s ease-in-out infinite alternate}
.splash::after{width:40vw;height:40vw;max-width:540px;max-height:540px;left:-12vw;bottom:-16vw;background:var(--sb2);animation:float2 22s ease-in-out infinite alternate}
@keyframes float1{to{transform:translate(-8vw,6vw) scale(1.12)}}
@keyframes float2{to{transform:translate(10vw,-5vw) scale(1.15)}}
@media (prefers-reduced-motion:reduce){.splash::before,.splash::after{animation:none}}
.splash .eyebrow{color:var(--s-eyebrow)}
.splash .logo{color:var(--s-ink)}
.splash .top nav a.lnk{color:var(--s-soft)}
.splash .top nav a.lnk:hover{color:var(--s-ink)}
.splash .lede,.splash .estilo-desc,.splash .privacy-line,.splash .paper-cap,.splash .pastebox summary{color:var(--s-soft)}
.splash .estilo-desc b{color:var(--s-ink)}
.splash .chip span{background:var(--s-chip);color:var(--s-ink);box-shadow:inset 0 0 0 1.5px var(--s-chipline);backdrop-filter:blur(4px)}
.splash .chip span:hover{box-shadow:inset 0 0 0 1.5px var(--s-ink)}
.splash .chip input:checked+span{background:var(--ink);color:var(--bg);box-shadow:0 4px 14px -6px rgba(20,10,60,.35)}
.splash .drop{background:var(--surface);color:var(--ink);box-shadow:0 18px 40px -22px rgba(40,20,90,.4)}
.splash .err{display:inline-block;background:var(--surface);color:#B42318;padding:8px 12px;border-radius:8px}
.splash .paper{box-shadow:0 30px 70px -34px rgba(40,20,90,.5)}
.splash .hero h1 .under span{color:var(--mark-ink)}
h1,h2,h3{font-family:var(--f-display);line-height:1.05;text-wrap:balance;margin:0;letter-spacing:-.02em}
p{margin:0}
a{color:var(--accent)}
button,select,textarea,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
mark{background:linear-gradient(transparent 10%,var(--mark) 10%,var(--mark) 90%,transparent 90%);color:var(--mark-ink);padding:0 .12em;border-radius:2px}
.mono{font-family:var(--f-mono)}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 20px;font-weight:600;cursor:pointer;text-decoration:none;background:var(--accent);color:var(--accent-ink)}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.small{padding:8px 14px;font-size:14px}
.btn[disabled]{opacity:.5;cursor:default}

/* Top bar */
.top{display:flex;align-items:center;justify-content:space-between;padding-block:18px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:-.03em;color:var(--ink);text-decoration:none}
.logo svg{flex:none}
.top nav{display:flex;gap:18px;align-items:center;font-size:14px}
.top nav a.lnk{color:var(--muted);text-decoration:none}
.top nav a.lnk:hover{color:var(--ink)}
@media (max-width:640px){.top nav a.lnk{display:none}}

/* Hero */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;padding-block:28px 76px;align-items:start}
@media (max-width:900px){.hero{grid-template-columns:1fr;gap:36px}}
.hero h1{font-size:clamp(42px,6.4vw,78px);font-weight:800}
.hero h1 .under{position:relative;white-space:nowrap}
.hero h1 .under::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.06em;height:.34em;background:var(--mark);z-index:-1;border-radius:3px;transform-origin:left;animation:swipe .9s .3s cubic-bezier(.6,.1,.2,1) both}
.hero h1 .under span{position:relative;z-index:1}
.hero h1 .under{isolation:isolate}
@keyframes swipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.lede{font-size:19px;color:var(--muted);max-width:34em;margin-top:18px}
.tipos{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.tipos legend{font-size:14px;font-weight:600;margin-bottom:8px;padding:0}
fieldset{border:0;padding:0;margin:0;min-width:0}
.chip{position:relative}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);font-size:14px;cursor:pointer;user-select:none}
.chip input:checked+span{background:var(--ink);color:var(--bg);box-shadow:none}
.chip input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.estilo-desc{font-size:14px;color:var(--muted);margin-top:10px;min-height:1.5em}
.estilo-desc b{color:var(--ink)}
.setup h3{font-size:clamp(26px,3.6vw,38px);font-weight:800;margin-top:8px}
.setup .intro{color:var(--muted);margin-top:8px;max-width:44em}
.who{display:grid;gap:12px;margin-top:22px}
.who-row{display:grid;grid-template-columns:auto minmax(0,180px) minmax(0,1fr);gap:8px 16px;align-items:center;background:var(--sunk);border-radius:12px;padding:14px}
@media (max-width:700px){.who-row{grid-template-columns:auto minmax(0,1fr)}.who-row .fill{grid-column:1/-1}}
.who-row .nm b{display:block;font-weight:600;overflow-wrap:anywhere}
.who-row .nm small{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.who-row input[type=text]{width:100%;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px}
.who-row input[type=text]:focus{border-color:var(--accent);outline:none}
.sugs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sug{border:0;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:4px 11px;font-size:13px;cursor:pointer}
.sug:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}
.sug.ai{box-shadow:inset 0 0 0 1.5px var(--mark)}
.setup-foot{display:flex;gap:14px;flex-wrap:wrap;align-items:end;justify-content:space-between;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.field{display:grid;gap:6px;font-size:14px;font-weight:600}
.field select{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;font-weight:400;max-width:100%}
.tips{margin-top:18px;font-size:14px;color:var(--muted);display:grid;gap:4px}
.tips b{color:var(--ink)}
.drop{margin-top:20px;border:2px dashed var(--line);border-radius:var(--r);background:var(--surface);padding:26px 22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;transition:border-color .15s,background .15s}
.drop.over{border-color:var(--accent);background:var(--sunk)}
.drop .txt{flex:1 1 220px;min-width:0}
.drop strong{font-family:var(--f-display);font-size:20px;display:block}
.drop small{color:var(--muted);font-size:14px}
.pastebox{margin-top:12px}
.pastebox summary{cursor:pointer;font-size:14px;color:var(--muted)}
.pastebox textarea{width:100%;min-height:120px;margin-top:10px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);padding:12px;font-family:var(--f-mono);font-size:13px;resize:vertical}
.privacy-line{display:flex;gap:8px;align-items:flex-start;margin-top:16px;font-size:14px;color:var(--muted);max-width:36em}
.privacy-line svg{flex:none;margin-top:3px}
.err{margin-top:12px;color:var(--warn);font-weight:600;font-size:15px}

/* Hero visual: el .txt subrayado */
.paper{background:var(--surface);border-radius:var(--r);box-shadow:0 1px 0 var(--line),0 24px 60px -30px rgba(26,22,48,.35);overflow:hidden}
.paper-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.dots{display:flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--line);display:block}
.paper-body{padding:16px 16px 6px;font-family:var(--f-mono);font-size:13px;line-height:1.7;overflow-x:auto}
.paper-body .ln{white-space:pre;color:var(--muted)}
.paper-body .ln b{font-weight:500;color:var(--ink)}
.paper-body .hl{background:linear-gradient(var(--mark),var(--mark)) no-repeat left/0% 100%;color:var(--ink);animation:hl .7s cubic-bezier(.6,.1,.2,1) forwards}
.paper-body .hl.d1{animation-delay:1.1s}.paper-body .hl.d2{animation-delay:1.7s}.paper-body .hl.d3{animation-delay:2.3s}
@keyframes hl{to{background-size:100% 100%;color:var(--mark-ink)}}
.notes{display:grid;gap:10px;padding:14px 16px 18px}
.note{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:14px}
.note .tag{font-family:var(--f-mono);font-size:11px;background:var(--mark);color:var(--mark-ink);padding:2px 7px;border-radius:4px;margin-top:2px}
.paper-cap{font-size:13px;color:var(--muted);margin-top:10px}
@media (prefers-reduced-motion:reduce){.hero h1 .under::after,.paper-body .hl{animation:none}.paper-body .hl{background-size:100% 100%;color:var(--mark-ink)}}

/* Section shells */
section.band{padding-block:56px;border-top:1px solid var(--line)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.sec-head h2{font-size:clamp(30px,4vw,46px);font-weight:800}
.sec-head p{color:var(--muted);max-width:36em;margin-top:8px}

/* Report */
.demos{display:flex;gap:8px;flex-wrap:wrap}
.demo-btn{border:0;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer}
.demo-btn[aria-pressed="true"]{background:var(--ink);color:var(--bg);box-shadow:none}
.ribbon{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;background:var(--sunk);border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:16px}
.ribbon .lbl{font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:16px;font-size:15px}
.typing{display:inline-flex;gap:4px}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--accent);display:block;animation:bob 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes bob{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}

.card{background:var(--surface);border-radius:var(--r);padding:clamp(20px,3.4vw,36px);box-shadow:0 1px 0 var(--line)}
.rep-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--line)}
@media (max-width:700px){.rep-head{grid-template-columns:1fr}}
.rep-head h3{font-size:clamp(28px,4.2vw,48px);font-weight:800;margin-top:8px}
.meta{display:grid;grid-template-columns:repeat(2,auto);gap:4px 18px;font-size:14px;align-self:end}
.meta dt{color:var(--muted)}.meta dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.verdict{font-size:clamp(19px,2.2vw,23px);line-height:1.5;max-width:40em;padding-block:24px;border-bottom:1px solid var(--line)}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding-block:26px;border-bottom:1px solid var(--line)}
@media (max-width:800px){.grid2{grid-template-columns:1fr}}
.blk h4{font-family:var(--f-display);font-size:20px;margin:0 0 4px;letter-spacing:-.01em}
.blk .sub{color:var(--muted);font-size:14px;margin-bottom:14px}
.bars{display:grid;gap:14px}
.bar-row{display:grid;gap:6px}
.bar-row .lab{display:flex;justify-content:space-between;font-size:14px;gap:10px}
.bar-row .lab span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}
.stack{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--sunk)}
.stack i{display:block;height:100%}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:10px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.stat-tbl{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.stat-tbl th,.stat-tbl td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.stat-tbl th:first-child,.stat-tbl td:first-child{text-align:left}
.stat-tbl thead th{font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.tbl-wrap{overflow-x:auto}
.chart-wrap{padding-block:26px;border-bottom:1px solid var(--line)}
.chart-wrap svg{width:100%;height:auto;display:block}
.turn{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:16px;align-items:start;background:var(--sunk);border-radius:10px;padding:14px}
.turn .when{font-family:var(--f-mono);font-size:12px;background:var(--mark);color:var(--mark-ink);padding:3px 8px;border-radius:4px;white-space:nowrap}
.hours{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;margin-top:6px}
.hours i{display:block;aspect-ratio:1/1.6;border-radius:3px;background:var(--accent);max-width:100%}
.hours-ax{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px;color:var(--muted);margin-top:6px}
.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;padding-block:26px;border-bottom:1px solid var(--line)}
.person{border-radius:12px;padding:18px;background:var(--sunk);display:grid;gap:10px;align-content:start}
.person .nm{display:flex;align-items:center;gap:10px}
.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;color:#fff;flex:none;font-size:16px}
.person .nm b{font-family:var(--f-display);font-size:19px;display:block;line-height:1.1}
.person .nm small{color:var(--muted);font-size:13px}
.quote{font-family:var(--f-mono);font-size:13px;background:var(--surface);border-radius:10px 10px 10px 2px;padding:8px 12px;justify-self:start;max-width:100%;overflow-wrap:anywhere}
.mini{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.mini b{color:var(--ink)}
.signals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding-block:26px;border-bottom:1px solid var(--line)}
@media (max-width:800px){.signals{grid-template-columns:1fr}}
.signals ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.signals li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:15px}
.signals li::before{content:"";width:10px;height:10px;border-radius:50%;margin-top:7px}
.signals .g li::before{background:var(--good)}
.signals .w li::before{background:var(--warn)}
.advice{padding-top:24px;display:grid;gap:8px}
.advice p{font-size:18px;max-width:40em}
.sig{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:13px;color:var(--muted);gap:10px;flex-wrap:wrap}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.skel{display:block;height:1em;border-radius:6px;background:linear-gradient(90deg,var(--sunk),var(--line),var(--sunk));background-size:200% 100%;animation:sh 1.3s infinite linear;margin:.3em 0}
@keyframes sh{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.skel,.typing i{animation:none}}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:14px;z-index:50}

/* Book */
.book{background:var(--surface);border-radius:var(--r);box-shadow:0 1px 0 var(--line);overflow:hidden}
.cover{padding:clamp(28px,5vw,64px) clamp(20px,4vw,56px);background:var(--ink);color:var(--bg);display:grid;gap:16px}
.cover .eyebrow{color:var(--mark)}
.cover-title{font-size:clamp(38px,6vw,76px);font-weight:800;max-width:14em}
.cover-sub{font-size:clamp(18px,2vw,22px);opacity:.85;max-width:34em}
.cover .skel{background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.2),rgba(255,255,255,.08));background-size:200% 100%}
.cast{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:6px}
.castm{display:inline-flex;align-items:center;gap:8px}
.castm b{display:block;font-weight:600;line-height:1.1}
.castm small{display:block;font-size:12px;opacity:.7}
.cover .meta.wide{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:14px;margin:6px 0 0}
.cover .meta.wide dt{opacity:.65;color:inherit}
.cover .meta.wide dd{margin:0 14px 0 0;text-align:left}
.part{padding:clamp(24px,4vw,48px) clamp(20px,4vw,56px);border-top:1px solid var(--line)}
.part-title{font-size:clamp(28px,3.6vw,40px);font-weight:800;margin-top:6px}
.muted-note{color:var(--muted);font-size:14px;margin:10px 0}
.prose{max-width:66ch;margin-top:14px}
.prose p{font-size:18px;line-height:1.7;margin:0 0 1em}
.prose.lead p{font-size:20px}
.prose p.first::first-letter{font-family:var(--f-display);font-weight:800;float:left;font-size:3.4em;line-height:.9;padding:.06em .1em 0 0;color:var(--accent)}
.inq{background:linear-gradient(transparent 58%,var(--mark) 58%,var(--mark) 92%,transparent 92%);color:inherit}
.toc{display:grid;gap:0;margin-top:26px;border-top:1px solid var(--line)}
.toc a{display:grid;grid-template-columns:3em minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.toc a:hover .t{color:var(--accent)}
.toc .n{color:var(--accent);font-size:14px}
.toc .t{font-family:var(--f-display);font-size:19px;font-weight:600}
.toc .d{font-size:12px;color:var(--muted);white-space:nowrap}
@media (max-width:560px){.toc a{grid-template-columns:2.4em minmax(0,1fr)}.toc .d{grid-column:2}}
.chapter{display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(20px,4vw,48px);padding:clamp(28px,4vw,52px) clamp(20px,4vw,56px);border-top:1px solid var(--line);scroll-margin-top:20px}
@media (max-width:820px){.chapter{grid-template-columns:1fr}}
.rail{display:grid;gap:10px;align-content:start;position:sticky;top:calc(16px + env(safe-area-inset-top,0px))}
@media (max-width:820px){.rail{position:static;grid-template-columns:auto 1fr;align-items:center}.rail .stack,.rail .mini{grid-column:1/-1}}
.rail .num{font-family:var(--f-display);font-weight:800;font-size:64px;line-height:.9;color:var(--accent)}
.rail .when{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.mini.col{flex-direction:column;gap:2px}
.ch-title{font-size:clamp(30px,4vw,46px);font-weight:800;margin-top:6px}
.ch-title.wait{color:var(--muted)}
.ch-sub{font-size:19px;color:var(--muted);margin-top:8px;max-width:40em}
.bubbles{display:grid;gap:10px;margin:6px 0 22px;max-width:66ch}
.bub{margin:0;justify-self:start;max-width:min(100%,460px)}
.bub.r{justify-self:end}
.bub figcaption{font-size:12px;color:var(--muted);margin:0 0 4px 4px}
.bub.r figcaption{text-align:right;margin:0 4px 4px 0}
.bub blockquote{margin:0;background:var(--sunk);border-radius:14px 14px 14px 4px;padding:10px 14px;font-size:16px;overflow-wrap:anywhere}
.bub.r blockquote{background:var(--accent);color:var(--accent-ink);border-radius:14px 14px 4px 14px}
.dato{display:flex;gap:10px;align-items:baseline;font-size:15px;margin-top:6px;max-width:66ch}
.dato .tag{font-size:11px;background:var(--mark);color:var(--mark-ink);padding:2px 7px;border-radius:4px;flex:none}
.awards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin-top:18px}
.award{border:1.5px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:6px;align-content:start}
.award .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.award b{font-family:var(--f-display);font-size:20px;line-height:1.15}
.award .who{display:flex;align-items:center;gap:8px;font-weight:600}
.award .dot{width:10px;height:10px;border-radius:50%}
.award .why{color:var(--muted);font-size:14px}
.book .sig{padding:16px clamp(20px,4vw,56px);margin:0;border-top:1px solid var(--line)}
.restyle{display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}
.restyle select{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 14px}

.emo{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-weight:400;letter-spacing:0}
.byline{display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 14px;max-width:34em}
.by-ava{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:22px;flex:none}
.byline b{display:block}.byline small{display:block;opacity:.75;font-size:13px}
.ch-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--sunk);font-size:30px;margin-bottom:12px}
.ch-icon.dim{opacity:.4}
.ch-icon.pulse{animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.ch-icon.pulse{animation:none}}
.orn{display:flex;align-items:center;gap:12px;max-width:66ch;margin:18px 0 4px;color:var(--muted)}
.orn::before,.orn::after{content:"";flex:1;height:1px;background:var(--line)}
.orn span{font-size:16px}
.toc .ti{margin-right:8px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.aw-ico{font-size:30px;line-height:1}
.sub-h{font-family:var(--f-display);font-size:22px;margin:30px 0 0;letter-spacing:-.01em}
.avatar.ment{background:var(--sunk);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.skip{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);margin-top:4px;cursor:pointer}
/* Pantalla de carga */
html.ld-lock,html.ld-lock body{overflow:hidden}
.loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:auto;
  padding:max(20px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  background:linear-gradient(125deg,var(--s1) 0%,var(--s2) 45%,var(--s3) 85%,var(--s4) 120%);color:var(--s-ink);animation:ldIn .35s ease both}
@keyframes ldIn{from{opacity:0}to{opacity:1}}
.ld-float{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ld-float span{position:absolute;bottom:-60px;animation-name:rise;animation-timing-function:linear;animation-fill-mode:forwards;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;opacity:.9}
@keyframes rise{0%{transform:translate(0,0) rotate(0);opacity:0}10%{opacity:.95}85%{opacity:.85}100%{transform:translate(var(--drift),-115vh) rotate(var(--spin));opacity:0}}
.ld-card{position:relative;width:min(520px,100%);background:var(--surface);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(14px);border-radius:28px;padding:clamp(24px,5vw,40px);text-align:center;box-shadow:0 30px 80px -30px rgba(40,20,90,.45);display:grid;gap:10px;justify-items:center}
.ld-card h2{font-size:clamp(26px,4vw,34px);font-weight:800;outline:none}
.ld-logo{width:120px;height:120px;margin-bottom:4px}
.ld-bub{animation:bob 2.2s ease-in-out infinite;transform-origin:50px 60px}
.ld-bub2{animation:bob 2.2s ease-in-out .35s infinite;transform-origin:90px 80px}
@keyframes bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-3deg)}}
.ld-l1{animation:typeW 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:left}
.ld-l2{animation:typeW 1.8s ease-in-out .5s infinite;transform-box:fill-box;transform-origin:left}
@keyframes typeW{0%{transform:scaleX(.15)}50%{transform:scaleX(1)}100%{transform:scaleX(.15)}}
.ld-bub2 circle{animation:dot 1.1s infinite ease-in-out}
.ld-bub2 .d2{animation-delay:.18s}.ld-bub2 .d3{animation-delay:.36s}
@keyframes dot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}
.ld-bub2 circle{transform-box:fill-box;transform-origin:center}
.ld-narr{font-size:15px;color:var(--muted)}
.ld-msg{min-height:3em;font-size:18px;font-weight:600;max-width:28em;display:grid;place-items:center}
.ld-msg.in{animation:msgIn .45s ease both}
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ld-prog{width:100%;height:12px;border-radius:999px;background:var(--sunk);overflow:hidden;margin-top:6px}
.ld-bar{height:100%;width:4%;border-radius:999px;transition:width .6s ease;
  background:linear-gradient(90deg,var(--g1),var(--g2),var(--g3),var(--g4));background-size:200% 100%;animation:shine 2.4s linear infinite}
@keyframes shine{to{background-position:-200% 0}}
.ld-meta{display:flex;justify-content:space-between;width:100%;font-size:13px;color:var(--muted)}
.ld-steps{list-style:none;padding:0;margin:8px 0 0;width:100%;display:grid;gap:6px;text-align:left}
.ld-steps li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px;padding:6px 10px;border-radius:10px}
.ld-steps .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ld-steps .when{font-size:11px;color:var(--muted)}
.ld-steps .dot{width:12px;height:12px;border-radius:50%;background:var(--line)}
.ld-steps li.writing{background:var(--sunk);font-weight:600}
.ld-steps li.writing .dot{background:var(--accent);animation:pulse 1s ease-in-out infinite}
.ld-steps li.done .dot{background:var(--good)}
.ld-steps li.done{color:var(--muted)}
.ld-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.ld-note{font-size:12px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.ld-bub,.ld-bub2,.ld-l1,.ld-l2,.ld-bub2 circle,.ld-bar,.ld-msg.in,.loader{animation:none}}
/* How it measures */
.measures{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1px;background:var(--line);border-radius:var(--r);overflow:hidden}
.measure{background:var(--surface);padding:22px;display:grid;gap:8px;align-content:start}
.measure .k{font-family:var(--f-mono);font-size:12px;color:var(--accent)}
.measure h3{font-size:21px;font-weight:600}
.measure p{color:var(--muted);font-size:15px}

/* Export tabs */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.tab{border:0;background:transparent;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer}
.tab[aria-selected="true"]{background:var(--accent);color:var(--accent-ink);box-shadow:none}
.panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;background:var(--surface);border-radius:var(--r);padding:clamp(20px,3vw,32px)}
@media (max-width:800px){.panel{grid-template-columns:1fr}}
.panel ol{margin:0;padding-left:1.3em;display:grid;gap:10px}
.panel .file{font-family:var(--f-mono);font-size:13px;background:var(--sunk);border-radius:10px;padding:14px;align-self:start;overflow-wrap:anywhere}
.panel .file b{display:block;font-weight:500;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}
@media (max-width:800px){.faq{grid-template-columns:1fr}}
.faq details{border-bottom:1px solid var(--line);padding-block:16px}
.faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--muted)}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);margin-top:10px;max-width:42em}

.final{margin-block:64px 40px;padding-block:clamp(40px,6vw,72px);padding-inline:clamp(22px,5vw,64px);display:grid;gap:18px;justify-items:start;border-radius:28px;color:var(--s-ink);position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(120deg,var(--s3) 0%,var(--s2) 55%,var(--s1) 100%)}
.final::after{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:-80px;top:-120px;border-radius:50%;background:var(--sb1);filter:blur(50px);opacity:.9}
.final .eyebrow{color:var(--s-eyebrow)}
.final h2{font-size:clamp(36px,5.5vw,64px);font-weight:800;max-width:14em}
footer{border-top:1px solid var(--line);padding-block:26px 40px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}

/* Bloqueo y pago */
.locked-text{position:relative;max-width:66ch;filter:blur(5px);user-select:none;pointer-events:none;opacity:.75;margin-top:6px}
.locked-text p{font-size:18px;line-height:1.7;margin:0 0 1em}
.locked-text::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 0%,var(--surface) 95%)}
.blurred{filter:blur(4px);user-select:none;opacity:.7}
.lock-badge{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:8px 14px;border-radius:999px;background:var(--sunk);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--line)}
.lock-badge:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}
.chapter.is-locked .ch-title{opacity:.9}
.toc .lk{font-size:12px}
.paywall{margin:8px clamp(16px,4vw,56px) 32px;padding:clamp(22px,4vw,36px);border-radius:24px;display:grid;gap:16px;scroll-margin-top:24px;
  background:linear-gradient(125deg,var(--s1) 0%,var(--s2) 45%,var(--s3) 85%,var(--s4) 120%);color:var(--s-ink);box-shadow:0 24px 60px -30px rgba(40,20,90,.45)}
.paywall h3{font-size:clamp(24px,3.4vw,34px);font-weight:800}
.pw-head{display:flex;gap:14px;align-items:center}
.pw-lock{width:52px;height:52px;border-radius:16px;background:var(--surface);display:grid;place-items:center;font-size:26px;flex:none}
.pw-list{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:16px}
.pw-prices{display:flex;gap:12px;flex-wrap:wrap}
.pw-prices div{background:var(--surface);border-radius:14px;padding:10px 16px;display:grid}
.pw-prices b{font-family:var(--f-display);font-size:26px;line-height:1.1}
.pw-prices span{font-size:13px;color:var(--muted)}
.pw-tabs{display:flex;gap:6px}
.pw-tabs .tab{background:var(--surface)}
.pw-tabs .tab[aria-selected="true"]{background:var(--accent);color:var(--accent-ink)}
.pw-how{background:var(--surface);border-radius:14px;padding:16px;display:grid;gap:8px;font-size:15px}
.pw-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--sunk)}
.pw-row span{color:var(--muted);font-size:13px}
.pw-row b{overflow-wrap:anywhere}
.pw-copy{border:0;background:var(--surface);border-radius:8px;padding:5px 10px;font-size:13px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}
.pw-form{background:var(--surface);border-radius:14px;padding:16px;display:grid;gap:12px}
.pw-form input:not([type=file]){border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;font-weight:400;width:100%}
.pw-form input[type=file]{font-weight:400;font-size:14px;max-width:100%}
.pw-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.pw-2{grid-template-columns:1fr}}
.pw-rejected{background:var(--surface);border-left:4px solid var(--warn);border-radius:10px;padding:10px 14px;font-size:15px}
.paywall.review{text-align:center;justify-items:center}
.pw-spin{width:46px;height:46px;border-radius:50%;border:4px solid var(--surface);border-top-color:var(--accent);animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pw-spin{animation:none}}
.pw-code{background:var(--surface);border-radius:10px;padding:8px 14px;font-size:14px}
.pw-sticky{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;gap:12px;align-items:center;
  background:var(--ink);color:var(--bg);padding:8px 8px 8px 16px;border-radius:999px;box-shadow:0 12px 30px -10px rgba(20,10,60,.5);font-size:14px;max-width:calc(100% - 32px)}
.pw-sticky .btn{background:var(--mark);color:var(--mark-ink)}
.pw-sticky{transition:opacity .2s,transform .2s}
.pw-sticky.off{opacity:0;pointer-events:none;transform:translate(-50%,20px)}
.linkbox{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--surface);box-shadow:0 1px 0 var(--line);font-size:14px}
.linkbox code{font-family:var(--f-mono);font-size:12px;background:var(--sunk);padding:6px 8px;border-radius:8px;overflow-wrap:anywhere;flex:1 1 260px;min-width:0}
.consent-box{display:grid;gap:12px;margin-top:20px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
.consent input{margin-top:3px;width:18px;height:18px;flex:none}
.ts-box:empty{display:none}
.err-box{border-color:var(--warn)}
.mis-historias{margin-top:16px;background:var(--s-chip);border-radius:12px;padding:12px 14px;font-size:14px}
.mis-historias ul{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:4px}
.mis-historias a{color:var(--s-ink);font-weight:600}
.mis-historias .mono{font-size:12px;color:var(--s-soft);margin-left:6px}
footer .legal{display:flex;gap:14px}
footer .legal a{color:var(--muted)}

.pw-prices s{font-size:13px;color:var(--muted)}
.pw-promo{background:var(--surface);border-radius:14px;padding:14px 16px}
.pw-promo-row{display:flex;gap:8px;margin-top:6px}
.pw-promo-row input{flex:1;min-width:0;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 12px;font-weight:400;text-transform:uppercase}
.pw-promo-ok{background:var(--surface);border-left:4px solid var(--good);border-radius:10px;padding:10px 14px;font-size:15px}

/* Lía, la mascota */
.logo-lia{display:inline-flex;width:32px;height:32px;border-radius:50%;box-shadow:0 4px 12px -4px rgba(162,59,245,.6)}
.logo-lia svg{display:block}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#FF3B6B;margin-right:8px;vertical-align:1px;box-shadow:0 0 0 0 rgba(255,59,107,.5);animation:livePulse 1.8s ease-out infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(255,59,107,.55)}100%{box-shadow:0 0 0 9px rgba(255,59,107,0)}}
.lia-col{position:sticky;top:20px;display:grid;gap:10px}
@media (max-width:900px){.lia-col{position:static;order:-1}}
.lia-stage{--k:1;position:relative;height:calc(700px*var(--k));border-radius:32px;overflow:hidden;isolation:isolate;
  background:radial-gradient(70% 55% at 50% 30%,rgba(46,201,217,.35),transparent 70%),radial-gradient(50% 40% at 100% 0%,rgba(255,77,166,.38),transparent 70%),radial-gradient(50% 40% at 0% 100%,rgba(162,59,245,.35),transparent 70%),#0E0A1C;
  box-shadow:0 34px 80px -36px rgba(40,20,90,.6);color:#F4EEFF;font-family:var(--f-body)}
@media (max-width:900px){.lia-stage{--k:.82;max-width:440px;margin-inline:auto;width:100%}}
@media (max-width:420px){.lia-stage{--k:.72}}
.lia-glow{position:absolute;left:50%;top:calc(30px*var(--k));width:calc(360px*var(--k));height:calc(360px*var(--k));margin-left:calc(-180px*var(--k));border-radius:50%;background:radial-gradient(circle,rgba(46,201,217,.45),transparent 66%);z-index:0}
.lia-wow{position:absolute;left:calc(50% + 120px*var(--k));top:calc(24px*var(--k));font-family:var(--f-display);font-weight:800;font-size:calc(52px*var(--k));color:#FFD84D;transform:rotate(12deg);z-index:3;animation:wow 2.6s ease-in-out infinite}
@keyframes wow{0%,100%{transform:rotate(12deg) scale(1)}50%{transform:rotate(4deg) scale(1.12)}}
.lia-head-slot{position:absolute;left:50%;top:calc(34px*var(--k));width:calc(260px*var(--k));margin-left:calc(-130px*var(--k));z-index:1;animation:peek 4.5s ease-in-out infinite}
.lia-head-slot svg,.lia-hands-slot svg{display:block;width:100%;height:auto}
@keyframes peek{0%,100%{transform:translateY(0)}45%{transform:translateY(calc(-10px*var(--k)))}55%{transform:translateY(calc(-10px*var(--k))) rotate(-2deg)}}
.lia-head .lia-pupil{transition:transform .18s ease-out}
.lia-headonly .lia-head{animation:blink 5s infinite;transform-origin:120px 104px}
@keyframes blink{0%,46%,50%,100%{transform:none}48%{transform:scaleY(.94)}}
.lia-phone{position:absolute;left:50%;top:calc(34px*var(--k) + 222px*var(--k));width:calc(236px*var(--k));margin-left:calc(-118px*var(--k));bottom:calc(-30px*var(--k));z-index:2;background:#120C22;border-radius:calc(38px*var(--k));padding:calc(11px*var(--k));box-shadow:0 30px 60px rgba(0,0,0,.5)}
.lia-screen{height:100%;box-sizing:border-box;background:#1E1638;border-radius:calc(28px*var(--k));padding:calc(30px*var(--k)) calc(12px*var(--k)) 12px;display:flex;flex-direction:column;gap:calc(8px*var(--k));overflow:hidden;font-size:calc(14px*var(--k));line-height:1.35}
.lia-chat-head{display:flex;align-items:center;gap:8px;padding-bottom:calc(8px*var(--k));border-bottom:1px solid rgba(255,255,255,.1)}
.lia-chat-head b{display:block;font-size:1.05em}
.lia-chat-head small{display:block;font-size:.8em;color:#9C91BD}
.lia-gav{width:calc(28px*var(--k));height:calc(28px*var(--k));border-radius:50%;flex:none;background:linear-gradient(135deg,#FFD84D,#FF5FA2)}
.lia-msg{max-width:84%;padding:.55em .8em;border-radius:16px 16px 16px 5px;background:#2E2452;opacity:0;animation:msgPop .5s ease forwards}
.lia-msg .lia-who{display:block;font-size:.8em;font-weight:800;margin-bottom:1px}
.lia-msg.me{align-self:flex-end;border-radius:16px 16px 5px 16px;background:linear-gradient(135deg,#FF5FA2,#A23BF5)}
.lia-msg.typing{display:flex;align-items:center;gap:4px;color:#9C91BD;font-size:.9em}
.lia-msg.typing i{width:6px;height:6px;border-radius:50%;background:#7FF0DD;animation:dot 1.1s infinite ease-in-out}
.lia-msg.typing i:nth-child(2){animation-delay:.18s}.lia-msg.typing i:nth-child(3){animation-delay:.36s}
.lia-screen>.lia-msg:nth-of-type(1){animation-delay:.4s}.lia-screen>.lia-msg:nth-of-type(2){animation-delay:1.2s}.lia-screen>.lia-msg:nth-of-type(3){animation-delay:2s}.lia-screen>.lia-msg:nth-of-type(4){animation-delay:2.8s}
@keyframes msgPop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.lia-lock{margin-top:auto;margin-bottom:calc(26px*var(--k));background:rgba(255,216,77,.1);border:1px dashed rgba(255,216,77,.5);border-radius:14px;padding:.7em .8em;display:grid;gap:7px}
.lia-lock span{display:flex;align-items:center;gap:6px;font-size:.88em;font-weight:800;color:#FFD84D}
.lia-lock i{display:block;height:9px;border-radius:5px;background:rgba(255,255,255,.32);filter:blur(2.5px)}
.lia-hands-slot{position:absolute;left:50%;top:calc(34px*var(--k) + 207px*var(--k));width:calc(260px*var(--k));margin-left:calc(-130px*var(--k));z-index:3}
.lia-chip{position:absolute;z-index:4;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:8px 12px;font-weight:800;font-size:calc(15px*var(--k));box-shadow:0 14px 30px rgba(6,2,20,.45);white-space:nowrap}
.lia-chip b{color:#7FF0DD}
.lia-chip.c1{left:calc(14px*var(--k));top:calc(300px*var(--k));transform:rotate(-6deg)}
.lia-chip.c2{right:calc(14px*var(--k));top:calc(470px*var(--k));transform:rotate(5deg);font-weight:700;color:#C9C3DD}
@media (prefers-reduced-motion:reduce){.lia-head-slot,.lia-wow,.live-dot,.lia-headonly .lia-head{animation:none}.lia-msg{animation:none;opacity:1}}
.final-lia{width:110px}
.final-lia svg{display:block;width:100%;height:auto}
/* Lía en la pantalla de carga */
.ld-lia{width:150px;margin-bottom:-6px;filter:drop-shadow(0 18px 24px rgba(40,20,90,.3))}
.ld-lia svg{display:block;width:100%;height:auto}
.ld-lia .lia-head{animation:ldRead 2.4s ease-in-out infinite;transform-origin:120px 200px}
@keyframes ldRead{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-6px) rotate(-3deg)}65%{transform:translateY(-3px) rotate(3deg)}}
.ld-lia .lia-m1{animation:typeW 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:left}
.ld-lia .lia-m2{animation:typeW 1.8s ease-in-out .5s infinite;transform-box:fill-box;transform-origin:right}
.ld-lia .lia-glow{animation:glowP 1.6s ease-in-out infinite}
@keyframes glowP{50%{opacity:.5}}
.ld-lia.pop{animation:ldPop .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes ldPop{from{transform:scale(.8)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.ld-lia .lia-head,.ld-lia .lia-m1,.ld-lia .lia-m2,.ld-lia .lia-glow{animation:none}}
@media (max-width:900px){.lia-stage{height:calc(520px*var(--k))}.lia-col .paper-cap{display:none}}
.ld-lia{-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.final-lia{-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.demo-badge{position:relative;z-index:90;text-align:center;background:#FFD84D;color:#1A1630;font-weight:800;font-size:13px;padding:8px 16px}
/* Capítulos plegables */
.ch-toggle{all:unset;cursor:pointer;display:inline;color:inherit;font:inherit;text-wrap:balance}
.ch-toggle:hover{color:var(--accent)}
.ch-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:6px}
.ch-toggle .chev{display:inline-block;width:.42em;height:.42em;margin-left:.35em;border-right:.09em solid currentColor;border-bottom:.09em solid currentColor;transform:translateY(-.16em) rotate(45deg);transition:transform .2s ease;opacity:.7}
.chapter.is-open .ch-toggle .chev{transform:translateY(.02em) rotate(-135deg)}
.ch-hint{margin-top:10px;font-size:14px;color:var(--muted)}
.ch-hint .hide{display:none}.chapter.is-open .ch-hint .show{display:none}.chapter.is-open .ch-hint .hide{display:inline}
.ch-more{margin-top:6px}
.chapter:not(.is-open){padding-block:clamp(22px,3vw,36px)}
.chapter:not(.is-open) .rail{position:static}
.caps-all{margin-top:14px}
@media (prefers-reduced-motion:reduce){.ch-toggle .chev{transition:none}}
.pw-form select{width:100%;box-sizing:border-box}
.pw-form input[type=date]{min-height:44px}