/* NarcisismoAyuda design system: "tinta y marcador" (paper + ink + one marker accent).
   Same tokens, type and components as narclyze.com. Light follows the visitor's system setting; .ink is always dark. */
@font-face{font-family:'Spectral';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/spectral-300.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spectral-400.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/spectral-500.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/spectral-300i.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/spectral-400i.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/hanken-grotesk.woff2) format('woff2')}

:root{
  color-scheme:light dark;
  --ff-s:'Spectral',Georgia,'Times New Roman',serif;
  --ff-b:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --bg0:#F4F1EA;--bg1:#EBE7DD;--bg2:#FAF8F3;--bg3:#EEEAE0;--bg4:#E2DDD0;
  --bg0-rgb:244,241,234;
  --t1:#1A1916;--t2:#4A4740;--t3:#605C52;--t4:#7A766B;
  --line-solid:#D8D2C4;--line-rgb:26,25,22;
  --accent:#1A1916;--accent-h:#35322C;--on-accent:#F4F1EA;--accent-rgb:26,25,22;--accent-t:#A8361F;
  --rose:#C23B22;--rose-t:#A8361F;--rose-rgb:194,59,34;
  --amber:#C98A00;--amber-t:#7E5300;--amber-rgb:224,160,0;
  --green:#4E6B57;--green-t:#3A6449;--green-rgb:78,107,87;
  --border:rgba(var(--line-rgb),.14);--border-s:rgba(var(--line-rgb),.26);
}
@media(prefers-color-scheme:dark){
  :root{
    --bg0:#12110F;--bg1:#181714;--bg2:#1E1D19;--bg3:#161512;--bg4:#2A2823;
    --bg0-rgb:18,17,15;
    --t1:#F3EFE6;--t2:#C8C3B7;--t3:#9C978B;--t4:#7C776C;
    --line-solid:#2E2C26;--line-rgb:243,239,230;
    --accent:#F3EFE6;--accent-h:#FFFFFF;--on-accent:#12110F;--accent-rgb:243,239,230;--accent-t:#FF9A7A;
    --rose:#E5533A;--rose-t:#FF8D75;--rose-rgb:229,83,58;
    --amber:#E7A800;--amber-t:#F2BE3A;--amber-rgb:231,168,0;
    --green:#8DC4A0;--green-t:#8DC4A0;--green-rgb:141,196,160;
  }
}
.ink{
  color-scheme:dark;
  --bg0:#12110F;--bg1:#181714;--bg2:#1E1D19;--bg3:#161512;--bg4:#2A2823;
  --bg0-rgb:18,17,15;
  --t1:#F3EFE6;--t2:#C8C3B7;--t3:#9C978B;--t4:#7C776C;
  --line-solid:#2E2C26;--line-rgb:243,239,230;
  --accent:#F3EFE6;--accent-h:#FFFFFF;--on-accent:#12110F;--accent-rgb:243,239,230;--accent-t:#FF9A7A;
  --rose:#E5533A;--rose-t:#FF8D75;--rose-rgb:229,83,58;
  --amber:#E7A800;--amber-t:#F2BE3A;--amber-rgb:231,168,0;
  --green:#8DC4A0;--green-t:#8DC4A0;--green-rgb:141,196,160;
  background:var(--bg0);color:var(--t1)
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg0);color:var(--t1);font-family:var(--ff-b);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--ff-s);font-weight:300;letter-spacing:-.02em;margin:0;color:var(--t1)}
p{margin:0}
::selection{background:rgba(var(--rose-rgb),.3);color:var(--t1)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent-t);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--on-accent);padding:10px 16px;border-radius:999px;z-index:10100}
.skip:focus{left:12px}
.wrap-w{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.wrap-n{max-width:820px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}

/* navigation (flat, no frosted glass) */
.nav{position:sticky;top:0;z-index:200;background:var(--bg0);border-bottom:1px solid var(--border)}
.nav .nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding-right:150px}
.logo{font:500 1.4rem var(--ff-s);letter-spacing:.01em;color:var(--t1);text-decoration:none;white-space:nowrap}
.logo span,.logo em{color:var(--accent-t);font-style:normal}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{font-size:.92rem;color:var(--t2);text-decoration:none;transition:color .2s}
.nav-links a:hover{color:var(--t1)}
.nav-links a.nav-cta{background:var(--accent);color:var(--on-accent);padding:11px 22px;border-radius:999px;font-weight:600}
.nav-links a.nav-cta:hover{background:var(--accent-h)}
.burger{display:none;width:42px;height:42px;border:1px solid var(--border-s);border-radius:999px;background:transparent;cursor:pointer;padding:0;position:relative}
.burger span,.burger span::before,.burger span::after{content:"";position:absolute;left:12px;width:16px;height:1.5px;background:var(--t1);transition:transform .25s}
.burger span{top:20px}.burger span::before{left:0;top:-5px}.burger span::after{left:0;top:5px}
@media(max-width:940px){
  .nav .nav-in{padding-right:140px}
  .burger{display:block;margin-left:auto}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:16px;padding:22px clamp(20px,4vw,48px) 26px;background:var(--bg0);border-bottom:1px solid var(--border)}
  .nav-links.open{display:flex}
}

/* Salida rápida */
.nz-exit{position:fixed;top:18px;right:clamp(14px,2vw,24px);z-index:10050;height:40px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--rose-t);background:var(--bg0);color:var(--rose-t);font:600 .82rem var(--ff-b);cursor:pointer;transition:background .2s,color .2s}
.nz-exit:hover{background:var(--rose);border-color:var(--rose);color:#fff}
@media(max-width:600px){.nz-exit{top:18px;height:38px;padding:0 12px}.nav .nav-in{padding-right:130px}}
@media print{.nz-exit{display:none}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;font:600 1rem var(--ff-b);letter-spacing:0;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s}
.btn-solid{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.btn-solid:hover{background:var(--accent-h);transform:translateY(-1px)}
.btn-line{background:transparent;color:var(--t1);border-color:rgba(var(--line-rgb),.45)}
.btn-line:hover{border-color:var(--t1)}
.btn-sm{min-height:42px;padding:0 20px;font-size:.9rem}
.btn[disabled]{opacity:.6;cursor:not-allowed}

/* hero (home) */
.hero{position:relative;isolation:isolate;min-height:min(calc(100svh - 76px),900px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px;padding:96px max(48px,calc((100vw - 1240px)/2 + 48px)) 96px;overflow:hidden;text-align:left;background:var(--bg0);color:var(--t1)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 70% at 78% 40%,rgba(var(--rose-rgb),.10),transparent 70%)}
.hero-visual{position:relative;justify-self:end;width:100%;max-width:560px}
.hero-fig{margin:0 0 28px;border-radius:4px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.hero-fig img{width:100%;height:100%;object-fit:cover;object-position:36% 30%}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:720px}
.hero-kicker{font:600 .95rem var(--ff-b);color:var(--accent-t);margin:0 0 22px}
.hero h1{font-size:clamp(2.7rem,5.3vw,5.3rem);line-height:1.02;letter-spacing:-.022em;text-wrap:balance}
.hero h1 em,.ital{font-style:italic;font-weight:300;color:var(--accent-t)}
.hero-sub{font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.65;color:var(--t2);max-width:31em;margin:28px 0 36px}
.hero-sub strong{color:var(--t1);font-weight:600}
.cta-group{display:flex;gap:12px;flex-wrap:wrap}
.hero .btn-solid{background:var(--accent)}
.hero-trust{margin-top:30px;display:flex;flex-direction:column;gap:6px}
.hero-trust span{font:500 .92rem var(--ff-b);color:var(--t2)}
.hero-how{margin-top:20px;font-size:.95rem;color:var(--t2)}
.hero-how a{color:var(--t1);text-underline-offset:3px}
.hero-demo{position:absolute;left:-40px;bottom:-28px;width:min(420px,calc(100% + 20px));background:rgba(18,17,15,.82);border:1px solid rgba(243,239,230,.18);border-radius:12px;padding:22px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.hd-label{font:600 .72rem var(--ff-b);letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin:0 0 14px}
.hd-msg{background:var(--bg4);border-radius:12px;padding:14px 16px;font-size:1.02rem;line-height:1.55;color:var(--t1)}
.hd-msg mark,.mk mark{background:none;color:inherit;padding:0 1px}
.hd-msg mark.r,.mk mark.r{box-shadow:inset 0 -2px 0 var(--rose);background:rgba(var(--rose-rgb),.22)}
.hd-msg mark.a,.mk mark.a{box-shadow:inset 0 -2px 0 var(--amber);background:rgba(var(--amber-rgb),.2)}
.hd-notes{list-style:none;margin:12px 0 0 14px;padding:0 0 0 14px;border-left:1px dashed rgba(243,239,230,.25);display:flex;flex-direction:column;gap:10px}
.hd-notes li{border-radius:8px;padding:11px 13px;font-size:.92rem;line-height:1.45;border:1px solid rgba(243,239,230,.14);color:var(--t2)}
.hd-notes li b{color:var(--t1)}
.hd-notes li.rose{border-color:rgba(var(--rose-rgb),.65);background:rgba(var(--rose-rgb),.1)}
.hd-notes li.amber{border-color:rgba(var(--amber-rgb),.6);background:rgba(var(--amber-rgb),.09)}
.hd-notes li.green{border-color:rgba(var(--green-rgb),.6);background:rgba(var(--green-rgb),.1)}
.hd-foot{font-size:.8rem;color:var(--t3);margin:14px 0 0}
.hd-foot button{background:none;border:0;color:var(--t1);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0 0 0 4px}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:36px;padding:56px 22px 64px;min-height:0}
  .hero-visual{justify-self:stretch;max-width:none}
  .hero-fig{aspect-ratio:4/3}
  .hero-demo{position:static;width:100%;margin-top:-56px;max-width:none;box-shadow:none}
}

/* inner page hero */
.ph{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,8vw,104px) 0 clamp(52px,7vw,92px);background:var(--bg0);color:var(--t1)}
.ph-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;z-index:-2}
.ph-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,17,15,.95) 0%,rgba(18,17,15,.8) 52%,rgba(18,17,15,.45) 100%)}
.crumbs{font-size:.84rem;color:var(--t3);margin:0 0 28px}
.crumbs a{color:var(--t2);text-decoration:none}
.crumbs a:hover{color:var(--t1)}
.ph .eyebrow{display:block;font:600 .95rem var(--ff-b);color:var(--accent-t);margin:0 0 18px}
.ph h1{font-size:clamp(2.2rem,4.6vw,4.2rem);line-height:1.05;max-width:17em;text-wrap:balance}
.ph .lead{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.65;color:var(--t2);max-width:36em;margin:22px 0 0}
.ph .cta-group{margin-top:30px}
.ph .meta{font-size:.86rem;color:var(--t3);margin:22px 0 0}
@media(max-width:900px){.ph-scrim{background:linear-gradient(180deg,rgba(18,17,15,.9),rgba(18,17,15,.84))}}

/* footer */
footer.site{background:var(--bg0);border-top:1px solid var(--border);padding:64px 0 32px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.foot-brand .logo{display:block;margin-bottom:14px}
.foot-brand p{font-size:.86rem;color:var(--t3);line-height:1.75;max-width:280px}
.foot-col h3{font:600 .72rem var(--ff-b);letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin-bottom:14px}
.foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.foot-col a{font-size:.9rem;color:var(--t2);text-decoration:none}
.foot-col a:hover{color:var(--accent-t)}
.foot-bottom{border-top:1px solid var(--border);padding-top:22px}
.foot-copy{font-size:.8rem;color:var(--t3);line-height:1.7;max-width:70em}
@media(max-width:800px){.foot-grid{grid-template-columns:1fr 1fr;gap:34px}.foot-brand{grid-column:1/-1}}

/* cookie banner */
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:10040;background:var(--bg2);border:1px solid var(--border-s);border-radius:14px;padding:16px 20px;box-shadow:0 20px 50px -20px rgba(0,0,0,.4);display:none;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:760px;margin:0 auto}
.ck.on{display:flex}
.ck p{font-size:.86rem;color:var(--t2);flex:1;min-width:240px}
.ck a{color:var(--accent-t)}
.ck .acts{display:flex;gap:8px}

/* informe de ejemplo (dialog) */
dialog.report{border:0;border-radius:16px;padding:0;max-width:700px;width:calc(100% - 28px);background:var(--bg0);color:var(--t1);box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
dialog.report::backdrop{background:rgba(0,0,0,.6)}
.rep-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 28px 16px;border-bottom:1px solid var(--border)}
.rep-head h3{font-size:1.7rem;font-weight:400}
.rep-head button{background:none;border:0;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--t2)}
.rep-body{padding:8px 28px 28px;max-height:72vh;overflow:auto}
.rep-body h4{font:600 .72rem var(--ff-b);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-t);margin:22px 0 10px}
.rep-body p{font-size:.95rem;color:var(--t2)}
.finding{border:1px solid rgba(var(--rose-rgb),.6);background:rgba(var(--rose-rgb),.09);border-radius:8px;padding:14px 16px;margin-bottom:10px;font-size:.92rem;color:var(--t2)}
.finding strong{color:var(--t1)}
.finding q{display:block;font-family:var(--ff-s);font-style:italic;font-size:1.1rem;color:var(--t1);margin:6px 0}
.finding.amber{border-color:rgba(var(--amber-rgb),.6);background:rgba(var(--amber-rgb),.08)}
.finding.locked{border-color:var(--border);background:var(--bg3);color:var(--t3)}
.az-note{font-size:.82rem;color:var(--t3)}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Home page sections below the fold. Tokens come from theme.css. */
.wrap-w{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.cf h2,.mk h2,.tl h2,.nb h2,.cmp-sec h2,.fin h2{font-family:var(--ff-s);font-weight:300;letter-spacing:-.02em;color:var(--t1)}
.cf h2 span,.mk h2 span,.nb h2 span{color:var(--accent-t);font-style:italic}

/* the confusion */
.cf{background:var(--bg0);padding:clamp(80px,11vw,152px) 0}
.cf-grid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,6vw,96px);align-items:start}
.cf-photo{margin:0;position:sticky;top:96px}
.cf-photo img,.nb-photo img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:4px}
.cf-h{font-size:clamp(2.3rem,4.6vw,4rem);line-height:1.04;margin:0 0 22px}
.cf-lead{font-size:1.15rem;line-height:1.65;color:var(--t2);max-width:34em;margin:0 0 44px}
.cf-list{list-style:none;margin:0;padding:0}
.cf-list li{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:28px 0;border-top:1px solid var(--border)}
.cf-list li:last-child{border-bottom:1px solid var(--border)}
.cf-n{font:300 1.9rem/1 var(--ff-s);color:var(--t3)}
.cf-list h3{font:500 1.32rem/1.3 var(--ff-s);color:var(--t1);margin:0 0 8px}
.cf-list p{font-size:1.04rem;line-height:1.65;color:var(--t2);margin:0;max-width:36em}

/* marked-up conversation */
.mk{background:var(--bg0);padding:clamp(80px,11vw,152px) 0}
.mk-head{max-width:760px;margin:0 0 56px}
.mk-head h2{font-size:clamp(2.3rem,4.6vw,4rem);line-height:1.04;margin:0 0 18px}
.mk-head p{font-size:1.15rem;line-height:1.65;color:var(--t2);margin:0}
.mk-board{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,5vw,72px);align-items:start}
.mk-chat{display:flex;flex-direction:column;gap:10px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:clamp(18px,3vw,32px)}
.mk-msg{max-width:86%;padding:11px 15px;border-radius:14px;font-size:1.04rem;line-height:1.55;color:var(--t1)}
.mk-msg small{display:block;font:600 .72rem var(--ff-b);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:3px}
.mk-msg.her{background:var(--bg4);align-self:flex-start;border-bottom-left-radius:3px}
.mk-msg.him{background:var(--bg3);border:1px solid var(--border);align-self:flex-end;border-bottom-right-radius:3px}
.mk mark{background:none;color:inherit;padding:0 1px}
.mk mark.r{box-shadow:inset 0 -2px 0 var(--rose);background:rgba(var(--rose-rgb),.22)}
.mk mark.a{box-shadow:inset 0 -2px 0 var(--amber);background:rgba(var(--amber-rgb),.2)}
.mk-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.mk-notes li{border-radius:8px;padding:16px 18px;border:1px solid var(--border)}
.mk-notes li.rose{border-color:rgba(var(--rose-rgb),.6);background:rgba(var(--rose-rgb),.1)}
.mk-notes li.amber{border-color:rgba(var(--amber-rgb),.6);background:rgba(var(--amber-rgb),.09)}
.mk-notes li div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
.mk-notes b{font:600 1.08rem var(--ff-s);color:var(--t1)}
.mk-notes li.rose span{color:var(--rose-t)}
.mk-notes li.amber span{color:var(--amber-t)}
.mk-notes span{font:700 1.1rem var(--ff-b);font-variant-numeric:tabular-nums}
.mk-notes p{font-size:.96rem;line-height:1.6;color:var(--t2);margin:0}
.mk-foot{margin:28px 0 0;font-size:.9rem;color:var(--t3);max-width:60em}
.mk-foot button{background:none;border:0;color:var(--t1);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0 0 0 6px}

/* tools */
.tl{background:var(--bg1);padding:clamp(72px,10vw,136px) 0}
.tl-head{max-width:760px;margin:0 0 48px}
.tl-head h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:0 0 16px}
.tl-head p{font-size:1.1rem;line-height:1.65;color:var(--t2);margin:0}
.tl-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.tl-list li{border-bottom:1px solid var(--border)}
.tl-row{display:grid;grid-template-columns:72px 1fr auto;gap:20px;align-items:center;padding:30px 12px;text-decoration:none;color:inherit;transition:background .25s}
.tl-row:hover{background:var(--bg3)}
.tl-n{font:300 2rem/1 var(--ff-s);color:var(--t3)}
.tl-t b{display:block;font:400 clamp(1.5rem,2.6vw,2.2rem)/1.15 var(--ff-s);color:var(--t1);margin-bottom:8px}
.tl-t span{display:block;font-size:1.04rem;line-height:1.6;color:var(--t2);max-width:44em}
.tl-go{font:600 .95rem var(--ff-b);color:var(--t1);white-space:nowrap;display:flex;gap:8px;align-items:center}
.tl-go i{font-style:normal;transition:transform .25s}
.tl-row:hover .tl-go i{transform:translateX(5px)}
.tl-row:focus-visible{outline-offset:-3px}

/* neuroscience */
.nb{background:var(--bg0);padding:clamp(80px,11vw,152px) 0}
.nb-grid{display:grid;grid-template-columns:4fr 7fr;gap:clamp(32px,6vw,96px);align-items:start}
.nb-photo{margin:0;position:sticky;top:96px}
.nb-body h2{font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1.06;margin:0 0 20px}
.nb-lead{font-size:1.15rem;line-height:1.65;color:var(--t2);max-width:34em;margin:0 0 40px}
.nb-list{list-style:none;margin:0;padding:0}
.nb-list li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:28px 0;border-top:1px solid var(--border)}
.nb-list li>b{font:300 1.5rem/1 var(--ff-s);color:var(--t3)}
.nb-list h3{font:500 1.3rem/1.3 var(--ff-s);margin:0 0 10px;color:var(--t1)}
.nb-list p{font-size:1.02rem;line-height:1.65;color:var(--t2);margin:0 0 10px;max-width:38em}
.nb-list .src{font-size:.86rem;color:var(--t3)}
.nb-list .src a,.nb-ill a{color:var(--t1)}
.nb-fade{border-top:1px solid var(--border);padding-top:32px;margin-top:4px}
.nb-fade h3{font:500 1.3rem var(--ff-s);margin:0 0 18px;color:var(--t1)}
.nb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nb-steps div{border-top:3px solid var(--t1);padding-top:12px}
.nb-steps div:nth-child(2){border-top-style:dashed;border-top-color:var(--t2)}
.nb-steps div:nth-child(3){border-top-style:dotted;border-top-color:var(--t3)}
.nb-steps b{display:block;font:600 .9rem var(--ff-b);color:var(--t1);margin-bottom:6px}
.nb-steps span{font-size:.96rem;line-height:1.55;color:var(--t2);display:block}
.nb-ill{font-size:.84rem;color:var(--t3);margin:18px 0 0}

/* comparison */
.cmp-sec{background:var(--bg1);padding:clamp(72px,10vw,136px) 0}
.cmp-head{max-width:780px;margin:0 0 44px}
.cmp-head h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;margin:0 0 16px}
.cmp-head p{font-size:1.1rem;line-height:1.65;color:var(--t2);margin:0}
.nz-cmp{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:.98rem}
.nz-cmp caption{position:absolute;left:-9999px}
.nz-cmp th,.nz-cmp td{padding:18px 20px;text-align:left;vertical-align:top;line-height:1.55;border-top:1px solid var(--border)}
.nz-cmp thead th{border-top:0;background:var(--bg3);font:600 .8rem var(--ff-b);letter-spacing:.06em;text-transform:uppercase;color:var(--t2)}
.nz-cmp thead th.us{background:var(--accent);color:var(--on-accent)}
.nz-cmp tbody th{font:500 1.05rem var(--ff-s);color:var(--t1);width:18%}
.nz-cmp td{color:var(--t2);width:41%}
.nz-cmp td.us{color:var(--t1);background:rgba(var(--accent-rgb),.045)}
.nz-fine{font-size:.86rem;color:var(--t3);line-height:1.6;margin:18px 0 0;max-width:60em}
@media(max-width:800px){.nz-cmp thead{display:none}.nz-cmp,.nz-cmp tbody,.nz-cmp tr,.nz-cmp th,.nz-cmp td{display:block;width:100%!important}.nz-cmp tbody th{padding-bottom:4px;border-top:1px solid var(--border)}.nz-cmp td{border-top:0;padding-top:6px;padding-bottom:12px}.nz-cmp td::before{content:attr(data-col);display:block;font:600 .72rem var(--ff-b);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:2px}}

/* closing band */
.fin{position:relative;isolation:isolate;overflow:hidden;min-height:560px;display:flex;align-items:center;background:var(--bg0)}
.fin-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;z-index:-2}
.fin-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,17,15,.92) 0%,rgba(18,17,15,.72) 50%,rgba(18,17,15,.25) 100%)}
.fin-in{padding-top:clamp(72px,10vw,120px);padding-bottom:clamp(72px,10vw,120px);width:100%}
.fin h2{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.04;max-width:14em;margin:0 0 18px}
.fin p{font-size:1.15rem;line-height:1.6;color:var(--t2);max-width:30em;margin:0 0 32px}
.fin-cta{display:flex;gap:12px;flex-wrap:wrap}
.fin .btn{min-height:52px;display:inline-flex;align-items:center;padding:0 26px;border-radius:999px;font:600 1rem var(--ff-b);text-decoration:none;cursor:pointer}
.fin .btn-red{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent)}
.fin .btn-red:hover{background:var(--accent-h)}
.fin .btn-outline{background:transparent;color:var(--t1);border:1px solid rgba(var(--line-rgb),.45)}

/* retire older decoration on the sections that remain */
.clarity-card::before,.tool::after,.pain-quote::before{content:none!important;display:none}
.clarity{background:var(--bg1)}
.clarity-card{border-radius:10px}
.c-header h3,.q-text{font-family:var(--ff-s)}

@media(max-width:900px){
  .cf-grid,.nb-grid,.mk-board{grid-template-columns:1fr}
  .cf-photo,.nb-photo{position:static}
  .cf-photo img,.nb-photo img{aspect-ratio:4/3;max-height:420px}
  .tl-row{grid-template-columns:44px 1fr;gap:12px;padding:24px 4px}
  .tl-go{grid-column:2;padding-top:4px}
  .mk-msg{max-width:94%}
  .nb-steps{grid-template-columns:1fr}
  .fin{min-height:0}
  .fin-scrim{background:linear-gradient(180deg,rgba(18,17,15,.86) 0%,rgba(18,17,15,.8) 100%)}
}
@media(prefers-reduced-motion:reduce){.tl-go i,.tl-row{transition:none}}

/* single report band */
.sr.sr{background:var(--bg1);border-bottom:1px solid var(--border);padding:0;min-height:0}
.sr[hidden]{display:none}
.sr-in{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;padding-top:26px;padding-bottom:26px}
.sr-txt{margin:0;font:400 clamp(1.15rem,2.2vw,1.55rem)/1.35 var(--ff-s);color:var(--t2);max-width:40em}
.sr-txt strong{font-weight:500;color:var(--t1)}
.sr-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.sr-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--accent);color:var(--on-accent);font:600 .95rem var(--ff-b);text-decoration:none}
.sr-btn:hover{background:var(--accent-h)}
.sr-link{font:600 .95rem var(--ff-b);color:var(--t1);text-underline-offset:3px}
@media(max-width:700px){.sr-in{padding-top:22px;padding-bottom:22px}.sr-btn{width:100%;justify-content:center}.sr-cta{width:100%}}

/* sections specific to NarcisismoAyuda, built on the same tokens as home.css */
.sec{padding:clamp(72px,10vw,136px) 0}
.sec.alt{background:var(--bg1)}
.sec-head{max-width:760px;margin:0 0 48px}
.sec-head h2{font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1.06;margin:0 0 16px}
.sec-head h2 span{color:var(--accent-t);font-style:italic}
.sec-head p{font-size:1.12rem;line-height:1.65;color:var(--t2)}
.sec-head.c{margin-left:auto;margin-right:auto;text-align:center}
.kick{display:block;font:600 .95rem var(--ff-b);color:var(--accent-t);margin:0 0 14px}

/* analyzer */
.az{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:clamp(22px,4vw,44px);max-width:880px;margin:0 auto}
.lbl{display:block;font:600 .76rem var(--ff-b);letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin:0 0 10px}
.az textarea{width:100%;min-height:160px;resize:vertical;font:400 1rem/1.6 var(--ff-b);color:var(--t1);background:var(--bg3);border:1px solid var(--border-s);border-radius:8px;padding:16px 18px}
.az textarea::placeholder{color:var(--t4)}
.drop{display:flex;align-items:center;justify-content:center;text-align:center;border:1.5px dashed rgba(var(--accent-rgb),.45);border-radius:10px;padding:28px 20px;color:var(--t2);font-size:.96rem;cursor:pointer;background:var(--bg3);transition:background .2s,border-color .2s;position:relative}
.drop:hover,.drop.over{background:var(--bg4);border-color:var(--accent-t)}
.drop input{position:absolute;opacity:0;width:1px;height:1px}
.drop:focus-within{outline:2px solid var(--accent-t);outline-offset:3px}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;margin-top:14px}
.thumbs figure{position:relative;margin:0;aspect-ratio:3/4;border-radius:8px;overflow:hidden;border:1px solid var(--border-s)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.thumbs button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.82);color:#fff;font-size:.85rem;line-height:1;cursor:pointer}
.az-row{margin-top:26px}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:640px){.modes{grid-template-columns:1fr}}
.mode{position:relative;display:block}
.mode input{position:absolute;opacity:0}
.mode span{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1.5px solid var(--border-s);border-radius:10px;background:var(--bg3);font-size:.94rem;color:var(--t1);cursor:pointer;transition:border-color .2s,background .2s}
.mode span::before{content:"";flex:none;width:15px;height:15px;border-radius:50%;border:2px solid var(--t4)}
.mode input:checked+span{border-color:var(--accent-t);background:rgba(var(--accent-rgb),.07);box-shadow:inset 0 0 0 1px var(--accent-t)}
.mode input:checked+span::before{border-color:var(--accent-t);background:radial-gradient(circle,var(--accent-t) 44%,transparent 50%)}
.mode input:focus-visible+span{outline:2px solid var(--accent-t);outline-offset:2px}
.az .btn{width:100%;margin-top:26px}
.az-status{margin-top:14px;font-size:.92rem;color:var(--t2);min-height:1.5em}
.az-status.err{color:var(--rose-t)}
.sample-link{text-align:center;margin-top:14px}

/* tool list is .tl from home.css; link cards */
.tl-row b{font-weight:400}

/* comparison */
.nz-cmp{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:.98rem}

/* pricing */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
@media(max-width:940px){.pricing{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
.plan{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:34px 30px;display:flex;flex-direction:column}
.plan.hot{border-color:var(--accent-t);box-shadow:0 0 0 1px var(--accent-t)}
.plan .kick{margin-bottom:10px}
.plan h3{font-size:1.5rem;font-weight:400;margin-bottom:6px}
.plan .price{font:300 3rem/1 var(--ff-s);color:var(--t1);margin:16px 0 20px;letter-spacing:-.02em}
.plan ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:11px;flex:1}
.plan li{font-size:.96rem;color:var(--t2);padding-left:26px;position:relative;line-height:1.5}
.plan li::before{content:"";position:absolute;left:2px;top:.45em;width:11px;height:6px;border-left:2px solid var(--accent-t);border-bottom:2px solid var(--accent-t);transform:rotate(-45deg)}
.plan .btn{width:100%}
.free-find{background:var(--bg3);border-radius:8px;padding:14px 16px;font-size:.92rem;color:var(--t2);margin-bottom:20px;line-height:1.55}
.free-find strong{color:var(--t1)}

/* guides */
.books{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:940px){.books{grid-template-columns:1fr;max-width:480px;margin:0 auto}}
.book{display:flex;flex-direction:column}
.cover{aspect-ratio:3/4;border-radius:4px;margin-bottom:22px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:26px 24px;color:#F3EFE6;overflow:hidden;box-shadow:0 24px 40px -24px rgba(0,0,0,.6)}
.cover::after{content:"";position:absolute;left:13px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.2)}
.c1{background:linear-gradient(160deg,#2a2723,#12110F 75%)}
.c2{background:linear-gradient(160deg,#8a2f1b,#3a150c 78%)}
.c3{background:linear-gradient(160deg,#3d4a40,#171c18 78%)}
.cover small{font:600 .7rem var(--ff-b);letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin-bottom:10px}
.cover b{font:400 1.55rem/1.15 var(--ff-s)}
.book h3{font-size:1.35rem;font-weight:400;margin-bottom:8px}
.book p{font-size:.98rem;color:var(--t2);flex:1}
.price-row{display:flex;align-items:baseline;justify-content:space-between;margin:20px 0 16px;padding-top:16px;border-top:1px solid var(--border)}
.price-row .p{font:300 2rem var(--ff-s)}
.price-row .f{font:600 .72rem var(--ff-b);letter-spacing:.1em;color:var(--t3)}
.book .btn{width:100%}

/* test */
.test-shell{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:clamp(26px,4vw,52px);max-width:760px;margin:0 auto}
.bar{height:3px;background:var(--bg4);border-radius:999px;overflow:hidden;margin-bottom:30px}
.bar i{display:block;height:100%;width:0;background:var(--accent-t);transition:width .35s}
.qcount{font:600 .75rem var(--ff-b);letter-spacing:.12em;color:var(--t3);margin-bottom:12px}
.qtext{font:300 clamp(1.4rem,2.6vw,1.9rem)/1.3 var(--ff-s);color:var(--t1);margin-bottom:28px;min-height:2.6em}
.opts{display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--bg3);border:1.5px solid var(--border-s);border-radius:10px;padding:15px 18px;font:500 .98rem var(--ff-b);color:var(--t1);cursor:pointer;transition:border-color .18s,background .18s}
.opt:hover{border-color:var(--accent-t);background:var(--bg4)}
.opt .k{font:600 .72rem var(--ff-b);color:var(--t3);border:1px solid var(--border-s);border-radius:5px;padding:2px 7px}
.test-foot{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.back{background:none;border:0;font:500 .9rem var(--ff-b);color:var(--t3);cursor:pointer;padding:6px 0}
.back:hover{color:var(--t1)}
.disclaim{font-size:.82rem;color:var(--t3);max-width:38em;line-height:1.6}
.result{display:none}
.result.on{display:block;animation:fade .45s ease both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.score-ring{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.ring{--p:0;width:112px;height:112px;border-radius:50%;flex:none;background:conic-gradient(var(--accent-t) calc(var(--p)*1%),var(--bg4) 0);display:grid;place-items:center}
.ring i{width:86px;height:86px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font:300 1.7rem var(--ff-s);font-style:normal}
.result h3{font-size:1.8rem;font-weight:400;margin-bottom:8px}
.result p{color:var(--t2);font-size:1rem;margin-bottom:14px}
.result ul{list-style:none;margin:18px 0 26px;padding:0;display:grid;gap:10px}
.result li{font-size:.96rem;color:var(--t2);padding-left:26px;position:relative}
.result li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;border:2px solid var(--accent-t)}
.dim-bars{display:grid;gap:16px;margin:20px 0 26px}
.dim-bars b{display:flex;justify-content:space-between;font:500 .92rem var(--ff-b);margin-bottom:7px;color:var(--t1)}
.dim-bars i{display:block;height:6px;border-radius:999px;background:var(--bg4);overflow:hidden}
.dim-bars s{display:block;height:100%;background:var(--accent-t);border-radius:999px;text-decoration:none}

/* faq */
.faq{max-width:820px;margin:0 auto}
details{border-bottom:1px solid var(--border);padding:22px 0}
details:first-of-type{border-top:1px solid var(--border)}
summary{font:400 1.3rem/1.35 var(--ff-s);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--t1)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:300 1.6rem var(--ff-b);color:var(--accent-t);transition:transform .2s;flex:none}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:14px;font-size:1.02rem;line-height:1.7;color:var(--t2);max-width:44em}

/* help (YMYL) */
.help{border:1px solid rgba(var(--rose-rgb),.55);background:rgba(var(--rose-rgb),.07);border-radius:10px;padding:clamp(28px,4vw,48px)}
.help h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1;margin:8px 0 14px;max-width:22em}
.help>p{color:var(--t2);max-width:46em;font-size:1.02rem;line-height:1.65}
.help .kick{color:var(--rose-t)}
.help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
@media(max-width:940px){.help-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.help-grid{grid-template-columns:1fr}}
.help-grid div{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:20px}
.help-grid b{display:block;font:300 2.4rem/1 var(--ff-s);color:var(--rose-t);margin-bottom:8px}
.help-grid span{font-size:.9rem;color:var(--t2);line-height:1.5;display:block}
.help .fine{font-size:.84rem;color:var(--t3);margin-top:18px}

/* tools grid used on inner pages (reuses .tl rows) */
.tl-list.light{border-top:1px solid var(--border)}

/* prose pages (tools, articles, legal) */
.page{padding:clamp(48px,7vw,96px) 0 clamp(24px,4vw,48px)}
.prose{max-width:760px;margin:0 auto}
.prose h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.12;margin:56px 0 18px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.4rem;font-weight:400;margin:34px 0 10px}
.prose p{font-size:1.1rem;line-height:1.75;color:var(--t2);margin:0 0 20px}
.prose ul,.prose ol{margin:0 0 24px;padding-left:1.3em;color:var(--t2);font-size:1.08rem;line-height:1.7}
.prose li{margin-bottom:9px}
.prose li::marker{color:var(--accent-t)}
.prose a{color:var(--t1);text-underline-offset:3px;text-decoration-color:var(--accent-t)}
.prose strong{color:var(--t1);font-weight:600}
.prose em{color:inherit}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:8px;background:var(--bg2);margin:26px 0 32px}
.tbl{width:100%;border-collapse:collapse;font-size:.96rem;min-width:640px}
.tbl th,.tbl td{padding:15px 18px;text-align:left;vertical-align:top;border-top:1px solid var(--border);line-height:1.55;color:var(--t2)}
.tbl thead th{border-top:0;background:var(--bg3);font:600 .76rem var(--ff-b);letter-spacing:.1em;text-transform:uppercase;color:var(--t2)}
.tbl td:first-child{color:var(--t3);width:44px;font-variant-numeric:tabular-nums}
.tbl td:nth-child(2){font-family:var(--ff-s);font-size:1.06rem;color:var(--t1);font-style:italic}
.callout{border:1px solid var(--border-s);background:var(--bg2);border-radius:8px;padding:18px 22px;margin:28px 0;font-size:1rem;line-height:1.65;color:var(--t2)}
.callout strong{color:var(--t1)}
.callout.warn{border-color:rgba(var(--rose-rgb),.6);background:rgba(var(--rose-rgb),.08)}
.cta-box{background:var(--bg1);border:1px solid var(--border);border-radius:10px;padding:clamp(28px,4vw,44px);margin:56px 0}
.cta-box h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin:0 0 10px!important}
.cta-box p{margin-bottom:22px}
.refs{font-size:.94rem;color:var(--t3);margin-top:48px;padding-top:28px;border-top:1px solid var(--border)}
.refs h2{font-size:1.5rem!important;margin:0 0 14px!important}
.refs ol{font-size:.94rem;line-height:1.6;color:var(--t3)}
.related{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
@media(max-width:640px){.related{grid-template-columns:1fr}}
.related a{display:block;padding:20px 22px;border:1px solid var(--border);border-radius:8px;background:var(--bg2);text-decoration:none;font:400 1.15rem/1.35 var(--ff-s);color:var(--t1)}
.related a:hover{border-color:var(--accent-t)}
.post-list{display:grid;gap:0;border-top:1px solid var(--border)}
.post{display:block;text-decoration:none;padding:34px 8px;border-bottom:1px solid var(--border);transition:background .25s}
.post:hover{background:var(--bg3)}
.post h2{font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.12;margin:8px 0 10px;font-weight:400}
.post p{color:var(--t2);max-width:44em}
.fig{margin:36px 0;border-radius:6px;overflow:hidden}
.fig img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.fig figcaption{font-size:.84rem;color:var(--t3);padding-top:10px}
.contact-card{border:1px solid var(--border);border-radius:10px;background:var(--bg2);padding:28px;margin:8px 0 28px}
.contact-card .email{font:400 1.6rem var(--ff-s);color:var(--t1)}

/* simple pages (legal, contact) */
.prose h1{font-size:clamp(2.3rem,4.4vw,3.6rem);line-height:1.05;margin:0 0 16px}
.prose .updated{font-size:.9rem;color:var(--t3);margin-bottom:26px}
.prose .warn{border:1px solid rgba(var(--rose-rgb),.6);background:rgba(var(--rose-rgb),.08);border-radius:8px;padding:18px 22px;margin:26px 0;color:var(--t2);font-size:1.02rem;line-height:1.65}
.prose .card{border:1px solid var(--border);border-radius:10px;background:var(--bg2);padding:28px;margin:14px 0 28px}
.prose .card-label{font:600 .76rem var(--ff-b);letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-bottom:8px}
.prose .card .email{font:400 1.7rem var(--ff-s)}
.prose .fine{font-size:.92rem;color:var(--t3)}
.prose .note{font-size:.92rem;color:var(--t3)}
.lang-sw a{font-size:inherit!important}

/* Herramientas de pago */
.az-in{width:100%;font:400 1rem/1.4 var(--ff-b);color:var(--t1);background:var(--bg3);border:1px solid var(--border-s);border-radius:8px;padding:12px 16px}
.az-in::placeholder{color:var(--t4)}
.az-out{margin-top:20px}
.az-out .finding span{display:block;font-size:.82rem;color:var(--t3);margin-top:2px}
.az-out .finding p{margin:0}
.dim-bars h4{margin:18px 0 8px}
.dim-bars p{margin:0 0 10px;font-size:.92rem}

.coverimg{display:block;width:100%;height:auto;aspect-ratio:3/4;border-radius:4px;margin-bottom:22px;box-shadow:0 24px 40px -24px rgba(0,0,0,.7);background:#0b0b0b}

.toc{border:1px solid var(--border);border-radius:8px;background:var(--bg2);padding:20px 24px;margin:0 0 40px}
.toc-t{font:600 .75rem var(--ff-b);letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin:0 0 10px}
.toc ol{margin:0;padding-left:1.2em;columns:2;column-gap:32px;font-size:.98rem}
.toc li{margin:0 0 6px;break-inside:avoid}
@media(max-width:640px){.toc ol{columns:1}}
.prose h2[id]{scroll-margin-top:90px}


/* ===== Artículo premium: cabecera de cine negro + papel cálido para leer ===== */
.pa-prog{position:fixed;inset:0 0 auto 0;height:3px;z-index:300;pointer-events:none}
.pa-prog i{display:block;height:100%;background:#c0392b;transform:scaleX(0);transform-origin:0 50%;will-change:transform}
.pa .wrap-w{max-width:1280px}
.pa-hero{position:relative;isolation:isolate;min-height:70vh;display:flex;align-items:flex-end;background:#0e0d0c;color:#f6f1ea;overflow:hidden}
.pa-hero-i{position:absolute;inset:0;z-index:-2;display:block}
.pa-hero-i .pa-img{position:absolute;inset:0;display:block;border-radius:0}
.pa-hero-i img{width:100%;height:100%;object-fit:cover;display:block}
.pa-hero-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,11,10,.6) 0%,rgba(12,11,10,.12) 28%,rgba(12,11,10,.55) 62%,rgba(12,11,10,.95) 100%)}
.pa-hero-in{width:100%;padding-top:clamp(120px,18vh,200px);padding-bottom:clamp(36px,6vw,64px)}
.pa-crumbs{font:500 .82rem var(--ff-b);color:#d9d2c5;margin:0 0 18px}
.pa-crumbs a{color:#efe9dd;text-decoration:underline;text-underline-offset:3px}
.pa-cat{display:inline-block;background:#8e1f1a;color:#fff;font:700 .72rem var(--ff-b);letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border-radius:999px;margin:0 0 18px}
.pa-hero h1{font:400 clamp(2.1rem,5vw,4rem)/1.06 var(--ff-s);letter-spacing:-.02em;color:#f6f1ea;max-width:19em;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.45)}
.pa-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font:500 .9rem var(--ff-b);color:#e6dfd2;margin:22px 0 0}
.pa-meta i{font-style:normal;opacity:.6}
@media(max-width:700px){.pa-hero{min-height:55vh}.pa-hero-in{padding-top:110px}}

/* tonos de imagen */
.pa-img{position:relative;display:block;overflow:hidden;background:#2a2622}
.pa-img::after{content:"";position:absolute;inset:0;pointer-events:none}
.pa-img.tone-warm::after{background:rgba(150,85,25,.2);mix-blend-mode:soft-light}
.pa-img.tone-warm img{filter:sepia(.18) saturate(1.1)}
.pa-img.tone-cool::after{background:rgba(35,60,95,.28);mix-blend-mode:multiply}
.pa-img.tone-cool img{filter:saturate(.72) contrast(1.04)}

/* superficie de lectura */
.pa-paper{background:#f6f1ea;color:#1d1a17;padding:clamp(40px,6vw,72px) 0 clamp(24px,4vw,48px)}
.pa-paper :focus-visible{outline:2px solid #8e1f1a;outline-offset:3px}
.pa-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,70ch) minmax(0,1fr);column-gap:clamp(28px,3.4vw,56px);font:400 20px/1.75 var(--ff-s)}
.pa-main>*{grid-column:2;min-width:0}
.pa-main>.pa-fig,.pa-main>.pa-wide{grid-column:1/-1}
.pa-main>.pa-toc{grid-column:1;grid-row:1/span 400;justify-self:end;align-self:start;position:sticky;top:104px;width:min(100%,230px);margin-top:.4em}
.pa-toc-m{display:none}
.pa-toc-t{font:700 .72rem var(--ff-b);letter-spacing:.14em;text-transform:uppercase;color:#6a635a;margin:0 0 12px}
.pa-toc ol,.pa-toc-m ol{list-style:none;padding:0;margin:0;font:500 .88rem/1.4 var(--ff-b)}
.pa-toc li{margin:0 0 4px}
.pa-toc a{display:block;padding:6px 0 6px 12px;border-left:2px solid #ddd3c4;color:#4d4741;text-decoration:none}
.pa-toc a:hover{color:#8e1f1a}
.pa-toc a.on{border-left-color:#8e1f1a;color:#8e1f1a;font-weight:700}
@media(max-width:1099px){
  .pa-main{display:block;max-width:720px;margin:0 auto;padding:0 20px;font-size:19px}
  .pa-main>.pa-toc{display:none}
  .pa-toc-m{display:block;margin:0 0 28px;border:1px solid #ddd3c4;border-radius:12px;background:#fbf8f3;padding:0 16px}
  .pa-toc-m summary{cursor:pointer;font:700 .85rem var(--ff-b);letter-spacing:.08em;text-transform:uppercase;color:#1d1a17;padding:14px 0;list-style:none}
  .pa-toc-m summary::-webkit-details-marker{display:none}
  .pa-toc-m summary::after{content:"+";float:right;color:#8e1f1a}
  .pa-toc-m[open] summary::after{content:"–"}
  .pa-toc-m ol{padding:0 0 14px}
  .pa-toc-m a{display:block;padding:8px 0;color:#4d4741;text-decoration:none;border-top:1px solid #eadfce}
  .pa-main>.pa-wide,.pa-main>.pa-fig{margin-left:0;margin-right:0}
}
.pa-main p{margin:0 0 1.2em;color:#1d1a17}
.pa-lead{font-size:1.1em;line-height:1.7}
.pa-lead::first-letter{float:left;font:400 4.7em/.82 var(--ff-s);color:#8e1f1a;padding:.07em .1em 0 0}
.pa-main h2{font:700 clamp(1.5rem,2.6vw,1.95rem)/1.2 var(--ff-b);letter-spacing:-.012em;color:#1d1a17;margin:2.3em 0 .7em;scroll-margin-top:96px}
.pa-main h2::before{content:"";display:block;width:38px;height:3px;background:#8e1f1a;margin:0 0 .55em}
.pa-main a{color:#8e1f1a;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.pa-main a:hover{text-decoration-thickness:2px}
.pa-main ul,.pa-main ol{padding-left:1.3em;margin:0 0 1.3em}
.pa-main li{margin:0 0 .55em}
.pa-main li::marker{color:#8e1f1a;font-weight:700}
.pa-main strong{font-weight:600}
.pa-main em{font-style:italic}

/* citas destacadas */
.pa-pull{margin:2.4em 0;padding:.15em 0 .15em 1.1em;border-left:4px solid #a8361f}
.pa-pull p{font:italic 300 clamp(1.55rem,2.6vw,2.15rem)/1.3 var(--ff-s);color:#1d1a17;margin:0;letter-spacing:-.01em;text-wrap:balance}
@media(min-width:1100px){.pa-pull{margin-left:-1.6em}}

/* figuras */
.pa-fig{margin:2.6em 0}
.pa-fig .pa-img{border-radius:18px;aspect-ratio:21/9;max-width:1100px;margin:0 auto}
.pa-fig img{width:100%;height:100%;object-fit:cover;display:block}
.pa-fig figcaption{max-width:1100px;margin:10px auto 0;font:italic 500 .82rem var(--ff-b);color:#6a635a;text-align:center}
@media(max-width:700px){.pa-fig .pa-img{aspect-ratio:4/3;border-radius:14px}}

/* cajas */
.pa-box-t{font:700 .72rem var(--ff-b)!important;letter-spacing:.14em;text-transform:uppercase;color:#8e1f1a!important;margin:0 0 12px!important}
.pa-signs{border:2px solid #a8361f;border-radius:16px;background:#fbf3ec;padding:20px 24px 8px;margin:1.6em 0 1.8em}
.pa-signs ul,.pa-signs ol{list-style:none;padding:0;margin:0;counter-reset:s}
.pa-signs li{position:relative;padding-left:2.1em;margin:0 0 .8em;counter-increment:s}
.pa-signs li::before{content:"!";position:absolute;left:0;top:.28em;width:1.45em;height:1.45em;border-radius:50%;background:#a8361f;color:#fff;font:700 .78rem/1.45em var(--ff-b);text-align:center}
.pa-signs ol li::before{content:counter(s)}
.pa-say{background:#efe8dc;border-radius:18px;padding:24px 24px 10px;margin:2em 0;max-width:1100px;justify-self:center;width:100%}
.pa-say-l{list-style:none;padding:0;margin:0}
.pa-say-l>li{margin:0 0 22px;padding:0}
.pa-say-ctx{font:600 .9rem/1.4 var(--ff-b)!important;color:#4d4741!important;margin:0 0 8px!important}
.pa-say-row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.pa-bubble{flex:1 1 280px;background:#fff;border:1px solid #d9cfbe;border-radius:20px 20px 20px 6px;padding:13px 17px;font:400 1.02rem/1.55 var(--ff-b);color:#1d1a17}
.pa-copy{flex:0 0 auto;font:700 .8rem var(--ff-b);padding:10px 15px;border-radius:999px;border:1.5px solid #8e1f1a;color:#8e1f1a;background:transparent;cursor:pointer}
.pa-copy:hover,.pa-copy.ok{background:#8e1f1a;color:#fff}
.pa-say-why{font:400 .85rem/1.5 var(--ff-b)!important;color:#4d4741!important;margin:8px 0 0!important}
.pa-say-why span{margin-right:14px}
.pa-help{background:#1c1411;color:#f6f1ea;border-left:5px solid #c0392b;border-radius:16px;padding:24px 26px;margin:2em 0}
.pa-help-t{font:700 .78rem var(--ff-b)!important;letter-spacing:.14em;text-transform:uppercase;color:#ff9a7a!important;margin:0 0 14px!important}
.pa-help ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.pa-help li{margin:0}
.pa-main .pa-help a{display:block;color:#f6f1ea;text-decoration:none}
.pa-help b{display:block;font:700 2rem/1.1 var(--ff-b);color:#fff}
.pa-help span{display:block;font:400 .88rem/1.45 var(--ff-b);color:#e0d8ca;margin-top:4px}
.pa-help .pa-help-f{font:400 .82rem/1.5 var(--ff-b)!important;color:#cfc7b9!important;margin:16px 0 0!important}
.pa-main .callout{font:400 .98rem/1.6 var(--ff-b);background:#efe8dc;border-left:4px solid #8e1f1a;border-radius:12px;padding:16px 20px;margin:1.6em 0;color:#1d1a17}
.pa-main .callout.warn{background:#f6e9e2}
.pa-tbl-wrap{margin:1.8em 0;overflow-x:auto;max-width:1100px;justify-self:center;width:100%}
.pa-tbl{width:100%;border-collapse:collapse;font:400 .93rem/1.5 var(--ff-b);background:#fbf8f3;border:1px solid #ddd3c4}
.pa-tbl th{background:#e9dfd0;font-weight:700;text-align:left;padding:11px 14px;color:#1d1a17}
.pa-tbl td{padding:11px 14px;border-top:1px solid #e6dccb;vertical-align:top;color:#1d1a17}
@media(max-width:700px){
  .pa-tbl thead{display:none}
  .pa-tbl,.pa-tbl tbody{display:block;border:0;background:transparent}
  .pa-tbl tr{display:block;border:1px solid #ddd3c4;border-radius:14px;background:#fbf8f3;margin:0 0 12px;padding:12px 14px}
  .pa-tbl td{display:block;border:0;padding:5px 0}
  .pa-tbl td::before{content:attr(data-l);display:block;font:700 .68rem var(--ff-b);letter-spacing:.1em;text-transform:uppercase;color:#8e1f1a}
}
.pa-faq details{border-top:1px solid #ddd3c4;padding:0}
.pa-faq details:last-child{border-bottom:1px solid #ddd3c4}
.pa-faq summary{cursor:pointer;font:700 1.05rem/1.4 var(--ff-b);padding:16px 30px 16px 0;position:relative;list-style:none}
.pa-faq summary::-webkit-details-marker{display:none}
.pa-faq summary::after{content:"+";position:absolute;right:4px;top:14px;color:#8e1f1a;font-size:1.4rem}
.pa-faq details[open] summary::after{content:"–"}
.pa-faq p{margin:0 0 16px!important}
.pa-refs{margin-top:2.4em;padding-top:1.4em;border-top:1px solid #ddd3c4;font:400 .92rem/1.6 var(--ff-b);color:#4d4741}
.pa-refs h2{font-size:1.2rem!important}
.pa-share{margin:2.4em 0 0;padding:20px 0 0;border-top:1px solid #ddd3c4}
.pa-share div{display:flex;flex-wrap:wrap;gap:10px}
.pa-share a,.pa-share button{font:600 .88rem var(--ff-b);padding:10px 16px;border-radius:999px;border:1.5px solid #1d1a17;color:#1d1a17;background:transparent;text-decoration:none;cursor:pointer}
.pa-main .pa-share a{color:#1d1a17;text-decoration:none}
.pa-share a:hover,.pa-share button:hover{background:#1d1a17;color:#f6f1ea}

/* final oscuro: CTA + relacionados */
.pa-end{background:#12110f;color:#f6f1ea;padding:clamp(48px,7vw,88px) 0}
.pa-cta{border:1px solid rgba(246,241,234,.2);border-radius:22px;padding:clamp(28px,4vw,48px);background:linear-gradient(135deg,#1d1512,#14110f);max-width:880px;margin:0 auto clamp(48px,6vw,80px)}
.pa-cta-k{font:700 .74rem var(--ff-b);letter-spacing:.14em;text-transform:uppercase;color:#ff9a7a}
.pa-cta h2{font:400 clamp(1.8rem,3.4vw,2.6rem)/1.12 var(--ff-s);color:#f6f1ea;margin:14px 0 14px;letter-spacing:-.02em}
.pa-cta p{font:400 1.02rem/1.6 var(--ff-b);color:#d9d2c5;margin:0 0 24px;max-width:36em}
.pa-rel-h{font:400 clamp(1.5rem,2.6vw,2rem)/1.2 var(--ff-s);color:#f6f1ea;margin:0 0 22px}
.pa-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.pa-rel{grid-template-columns:1fr;max-width:520px}}
.pa-rc{display:block;border-radius:18px;overflow:hidden;background:#1b1917;border:1px solid rgba(246,241,234,.12);color:#f6f1ea;text-decoration:none;transition:transform .2s,border-color .2s}
.pa-rc:hover{border-color:#ff9a7a;transform:translateY(-3px)}
.pa-rc-img{display:block;aspect-ratio:16/10;overflow:hidden}
.pa-rc-img img{width:100%;height:100%;object-fit:cover;display:block}
.pa-rc-b{display:block;padding:18px 20px 22px}
.pa-rc-c{display:block;font:700 .68rem var(--ff-b);letter-spacing:.14em;text-transform:uppercase;color:#ff9a7a;margin:0 0 8px}
.pa-rc-t{display:block;font:400 1.22rem/1.3 var(--ff-s);color:#f6f1ea}

/* índice del blog */
.pa-ihero{padding:clamp(72px,10vw,130px) 0 clamp(40px,6vw,72px);background:#0e0d0c;color:#f6f1ea}
.pa-ihero h1{font:300 clamp(2.2rem,5vw,4rem)/1.05 var(--ff-s);color:#f6f1ea;max-width:16em;letter-spacing:-.02em}
.pa-ihero p{font:400 1.1rem/1.6 var(--ff-b);color:#d9d2c5;max-width:36em;margin:18px 0 0}
.pa-index{padding-top:clamp(36px,5vw,64px)}
.pa-card{display:block;color:#1d1a17;text-decoration:none;background:#fbf8f3;border:1px solid #ddd3c4;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.pa-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(0,0,0,.45)}
.pa-card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#2a2622}
.pa-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.pa-card-b{display:block;padding:22px 24px 26px}
.pa-card-c{display:block;font:700 .7rem var(--ff-b);letter-spacing:.14em;text-transform:uppercase;color:#8e1f1a;margin:0 0 10px}
.pa-card-t{display:block;font:400 1.45rem/1.2 var(--ff-s);letter-spacing:-.01em;color:#1d1a17;margin:0 0 10px}
.pa-card-e{display:block;font:400 .95rem/1.55 var(--ff-b);color:#4d4741;margin:0 0 14px}
.pa-card-m{display:block;font:600 .8rem var(--ff-b);color:#6a635a}
.pa-card-big{display:grid;grid-template-columns:1.25fr 1fr;margin:0 0 clamp(28px,4vw,44px)}
.pa-card-big .pa-card-img{aspect-ratio:auto;min-height:340px}
.pa-card-big .pa-card-b{align-self:center;padding:clamp(24px,4vw,48px)}
.pa-card-big .pa-card-t{font-size:clamp(1.8rem,3vw,2.5rem)}
@media(max-width:900px){.pa-card-big{grid-template-columns:1fr}.pa-card-big .pa-card-img{min-height:0;aspect-ratio:16/10}}
.pa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,28px)}
@media(max-width:1000px){.pa-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pa-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pa-card,.pa-rc{transition:none}.pa-card:hover,.pa-rc:hover{transform:none}html{scroll-behavior:auto}}
.pa-main .pa-toc a,.pa-main .pa-toc-m a{color:#4d4741;text-decoration:none}
.pa-main .pa-toc a.on{color:#8e1f1a}
.pa-main .pa-toc a:hover{color:#8e1f1a}
.pa-faq+p{margin-top:1.8em}
main.pa~footer.site{--t1:#f3efe6;--t2:#c8c3b7;--t3:#9c978b;--t4:#7c776c;--border:rgba(243,239,230,.14);--border-s:rgba(243,239,230,.26);--accent-t:#ff9a7a;background:#12110f;color:#f3efe6;border-top:1px solid rgba(243,239,230,.1)}
main.pa~footer.site .logo{color:#f3efe6}

.pa-more{font:400 .95rem/1.6 var(--ff-b);color:#cfc7b9;margin:26px 0 0}
.pa-more a{color:#ff9a7a;text-underline-offset:3px}

.pa-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* === Libros: portadas más claras + visor ampliado === */
.books{gap:40px}
.cover-wrap{margin-bottom:22px;padding:18px;border-radius:8px;background:radial-gradient(ellipse at 50% 40%,rgba(243,239,230,.22),rgba(243,239,230,0) 70%)}
.cover-wrap .coverimg{margin-bottom:0}
.coverimg{display:block;width:100%;height:auto;cursor:zoom-in;border-radius:4px;
  filter:brightness(1.45) contrast(1.05) saturate(1.1);outline:1px solid rgba(243,239,230,.18);
  box-shadow:0 18px 40px -22px rgba(0,0,0,.6);
  transition:transform .25s ease,box-shadow .25s ease}
.coverimg:hover,.coverimg:focus-visible{transform:translateY(-4px);box-shadow:0 28px 52px -24px rgba(0,0,0,.75)}
.coverimg:focus-visible{outline:2px solid #F3EFE6;outline-offset:4px}
.cover-hint{display:block;margin:-8px 0 16px;font-size:.8rem;letter-spacing:.06em;color:var(--t2);text-align:center}
.lb{position:fixed;inset:0;z-index:10040;display:none;align-items:center;justify-content:center;
  background:rgba(8,8,8,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lb.open{display:flex}
.lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(92vw,720px)}
.lb-img{filter:brightness(1.35) contrast(1.05) saturate(1.1);max-height:72vh;max-width:100%;width:auto;height:auto;border-radius:4px;box-shadow:0 40px 80px -20px #000;transform-origin:center}
.lb-buy{position:relative;background:#F3EFE6;color:#12110F;border-radius:999px;padding:12px 26px;font-weight:600;text-decoration:none}
.lb-x,.lb-prev,.lb-next{position:absolute;width:48px;height:48px;border:0;border-radius:50%;
  background:rgba(243,239,230,.14);color:#F3EFE6;font-size:26px;line-height:1;cursor:pointer}
.lb-x{top:72px;right:18px}
.lb-prev{left:18px;top:50%}
.lb-next{right:18px;top:50%}
@media (prefers-reduced-motion:reduce){.coverimg,.lb-img{transition:none!important}}
@media (max-width:700px){.lb-prev,.lb-next{top:auto;bottom:24px}.lb-prev{left:calc(50% - 64px)}.lb-next{right:calc(50% - 64px)}}
.incl,.pay-note{font:600 .72rem var(--ff-b);letter-spacing:.1em;color:var(--t3);text-transform:uppercase}
.incl{margin-top:18px}
.incl+.price-row{margin-top:12px}
.pay-note{margin-top:12px;text-align:center;letter-spacing:.08em}
.pa-ph{background:radial-gradient(ellipse at 28% 30%,#3b3029 0%,#17130f 62%,#0e0d0c 100%)}
.pa-ph::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.35))}
.pa-fig:has(.pa-ph){display:none}
.bh-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bh-grid a{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 22px;border:1px solid var(--border);border-radius:14px;background:var(--bg1,transparent);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.bh-grid a:hover,.bh-grid a:focus-visible{border-color:var(--border-s);transform:translateY(-2px)}
.bh-c{font:600 .72rem var(--ff-b);letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}
.bh-t{font:400 1.12rem/1.3 var(--ff-s)}
.bh-d{font-size:.92rem;line-height:1.5;color:var(--t2)}
.bh-all{text-align:center;margin-top:24px}
@media(max-width:700px){.bh-grid{grid-template-columns:1fr}}