@font-face{font-family:"Fraunces";src:url(../fonts/fraunces-latin-full-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../fonts/fraunces-latin-full-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(../fonts/inter-tight-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--ink:#111014;--paper:#f6f3ee;--white:#fff;--red:#ff3d17;--blue:#1f3bff;--sun:#ffd23f;--mint:#00c389;--mut:#55525b;--line:#111014;--serif:"Fraunces",Georgia,serif;--sans:"Inter Tight",system-ui,-apple-system,Segoe UI,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px;font-weight:700;text-decoration:none;border-radius:6px}
.skip:focus{top:12px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1320px;margin:0 auto;padding:0 36px}
.serif{font-family:var(--serif);font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 0}
/* strip + masthead */
.strip{background:var(--ink);color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.strip .wrap{display:flex;justify-content:space-between;align-items:center;height:34px;gap:20px}
.strip .tags{display:flex;gap:18px;opacity:.85}
.mast{border-bottom:2px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:20}
.mast .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;gap:20px}
.menu{display:flex;gap:24px;font-weight:650;font-size:15px}
.menu a{text-decoration:none;padding:6px 0;border-bottom:3px solid transparent}
.menu a:hover,.menu a[aria-current=page]{border-color:var(--red)}
.brand{font-family:var(--serif);font-weight:800;font-style:italic;font-size:38px;letter-spacing:-.04em;display:flex;align-items:center;gap:10px;text-decoration:none;font-variation-settings:"opsz" 144}
.brand svg{width:32px;height:32px}
.right{display:flex;justify-content:flex-end}
.lang{display:flex;border:2px solid var(--ink);border-radius:999px;overflow:hidden;font-weight:750;font-size:13px}
.lang a,.lang span{padding:7px 14px;text-decoration:none}
.lang [aria-current]{background:var(--ink);color:#fff}
.lang a:hover{background:var(--sun)}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:#fff;padding:16px 24px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid var(--ink)}
.btn:hover{background:#fff;color:var(--ink)}
.eyebrow{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:11px;height:11px;background:currentColor;border-radius:50%}
/* HOME hero */
.hhero{display:grid;grid-template-columns:1.02fr 1fr;min-height:calc(100vh - 110px);min-height:calc(100svh - 110px);border-bottom:2px solid var(--line);overflow:hidden}
.hhero .copy{background:var(--red);padding:52px 56px 48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}
.issue{display:flex;justify-content:space-between;font-weight:750;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.hhero h1{font-family:var(--serif);font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 0;font-weight:800;font-size:clamp(56px,7.6vw,124px);line-height:.88;letter-spacing:-.045em;word-spacing:.1em;margin:30px 0}
.hhero h1 i,.thero h1 i{font-weight:300}
.dek{font-size:20px;line-height:1.4;max-width:32ch;font-weight:520}
.hhero .row{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.hhero .media{position:relative;background:#0b1240;min-height:420px}
.hhero .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 18s ease-out forwards}
@keyframes kb{from{transform:scale(1.03)}to{transform:scale(1.12)}}
.statbox{position:absolute;left:28px;right:28px;bottom:28px;background:var(--sun);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:22px 24px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.statbox b{font-family:var(--serif);font-weight:900;font-size:74px;letter-spacing:-.05em;line-height:.85}
.statbox b small{font-size:.36em;letter-spacing:0;margin-left:4px}
.statbox p{font-size:15px;line-height:1.35;font-weight:620}
.statbox a{display:inline-block;font-size:12.5px;margin-top:6px;font-weight:650}
.credit{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;padding:5px 8px;border-radius:4px;z-index:3;line-height:1.3}
.credit a{color:#fff}
.sticker{position:absolute;right:-95px;top:90px;width:190px;height:190px;animation:rot 24s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.mq{background:var(--ink);color:var(--paper);overflow:hidden;white-space:nowrap;border-bottom:2px solid var(--line)}
.mq>div{display:inline-flex;gap:40px;padding:18px 0;font-family:var(--serif);font-style:italic;font-size:28px;animation:mq 34s linear infinite}
.mq .s{color:var(--sun);font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
/* section head */
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:88px 0 32px;border-bottom:2px solid var(--line);margin-bottom:28px}
.sec-head h2{font-family:var(--serif);font-weight:800;font-size:clamp(42px,5.6vw,86px);letter-spacing:-.045em;line-height:.92;font-variation-settings:"opsz" 144}
.sec-head h2 i{font-weight:300}
.sec-head p{max-width:34ch;color:var(--mut);font-size:17px}
/* home cards */
.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;padding-bottom:96px}
.card{position:relative;border:2px solid var(--line);background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s,box-shadow .25s}
.card:hover,.card:focus-within{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--ink)}
.card.big{grid-row:span 2}
.grid.two{grid-template-columns:1fr 1fr}
.grid.two .card .media{min-height:440px}
.grid.two .card h3{font-size:60px}
.card .media{position:relative;flex:1;min-height:260px;overflow:hidden}
.card.big .media{min-height:520px}
.card .media img,.card .media svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card .txt{padding:24px 28px 28px;border-top:2px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:end}
.card h3{font-family:var(--serif);font-weight:800;font-size:46px;letter-spacing:-.04em;line-height:.95;font-variation-settings:"opsz" 144}
.card.big h3{font-size:66px}
.card h3 a{text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.card .txt p{color:var(--mut);max-width:42ch}
.go{grid-row:1/span 2;grid-column:2;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:24px}
.pill{position:absolute;top:16px;left:16px;z-index:2;background:#fff;border:2px solid var(--ink);padding:5px 12px;border-radius:999px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.card .credit{top:auto;bottom:10px;right:10px}
.ov{position:absolute;left:20px;bottom:20px;z-index:2;background:var(--blue);color:#fff;border:2px solid var(--ink);padding:14px 18px;max-width:300px}
.ov b{display:block;font-family:var(--serif);font-weight:900;font-size:50px;letter-spacing:-.04em;line-height:.9}
.ov span{display:block;font-size:13px;font-weight:600;margin-top:6px;line-height:1.3}
/* numbers strip home */
.nums{border-top:2px solid var(--line);border-bottom:2px solid var(--line);background:#fff}
.nums .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.nums .n{padding:40px 30px;border-right:2px solid var(--line)}
.nums .n:last-child{border-right:0}
.nums b{display:block;font-family:var(--serif);font-weight:900;font-size:64px;letter-spacing:-.045em;line-height:.9}
.nums span{display:block;margin-top:10px;font-weight:560;max-width:28ch}
.nums a{font-size:13px;color:var(--mut)}
/* trust band */
.trust{background:var(--blue);color:#fff;border-bottom:2px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-top:96px;padding-bottom:96px;align-items:center}
.trust h2{font-family:var(--serif);font-weight:800;font-size:clamp(52px,7vw,112px);letter-spacing:-.05em;line-height:.86;font-variation-settings:"opsz" 144}
.trust h2 i{font-weight:300;color:var(--sun)}
.trust ol{list-style:none;border-top:2px solid rgba(255,255,255,.4)}
.trust li{display:grid;grid-template-columns:60px 1fr;gap:14px;padding:20px 0;border-bottom:2px solid rgba(255,255,255,.4)}
.trust li .k{font-family:var(--serif);font-size:42px;font-weight:300;font-style:italic;line-height:1;color:var(--sun)}
.trust li b{display:block;font-size:20px}
.trust li span{opacity:.9;font-size:15px}
.trust a.more{color:#fff;font-weight:700}
/* TOPIC hero */
.thero{display:grid;grid-template-columns:1.1fr .9fr;border-bottom:2px solid var(--line);min-height:min(78vh,720px)}
.thero .copy{padding:52px 56px 52px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.thero h1{font-family:var(--serif);font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 0;font-weight:800;font-size:clamp(58px,8.4vw,136px);line-height:.86;letter-spacing:-.05em;word-spacing:.08em}
.thero h1.xl{font-size:clamp(120px,17vw,250px)}
.thero .meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}
.thero .art{position:relative;border-left:2px solid var(--line);overflow:hidden;min-height:360px}
.thero .art img,.thero .art svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.t-blue .copy{background:var(--blue);color:#fff}
.t-sun .copy{background:var(--sun)}
.t-mint .copy{background:var(--mint)}
.t-red .copy{background:var(--red)}
.t-blue .meta,.t-blue .dek{color:#fff}
/* in-page nav */
.toc{border-bottom:2px solid var(--line);background:#fff;position:sticky;top:78px;z-index:15}
.toc .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
.toc a{flex:none;text-decoration:none;font-weight:650;font-size:14px;padding:8px 14px;border:2px solid var(--ink);border-radius:999px;background:var(--paper)}
.toc a:hover{background:var(--sun)}
/* key numbers */
.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border:2px solid var(--line);background:#fff;margin:56px 0 0}
.key{padding:30px 26px 26px;border-right:2px solid var(--line);border-bottom:2px solid var(--line);margin:0 -2px -2px 0;display:flex;flex-direction:column;gap:10px}
.key b{font-family:var(--serif);font-weight:900;font-size:clamp(44px,4.6vw,62px);letter-spacing:-.045em;line-height:.9;font-variation-settings:"opsz" 144}
.key b small{font-size:.42em;letter-spacing:-.01em;font-weight:800}
.key span{font-weight:560;line-height:1.35}
.key .tag{align-self:flex-start;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:3px 8px;border:1.5px solid var(--ink);border-radius:999px}
.tag.proj{background:#fff;border-style:dashed}
.tag.obs{background:var(--ink);color:#fff}
sup a,.fn{font-size:.72em;font-weight:800;text-decoration:none;color:var(--blue);padding:0 2px}
sup a:hover{text-decoration:underline}
/* content sections */
.sec{padding:84px 0 20px}
.sec h2{font-family:var(--serif);font-weight:800;font-size:clamp(36px,4.4vw,64px);letter-spacing:-.04em;line-height:.95;margin-bottom:26px;font-variation-settings:"opsz" 144}
.sec h2 .no{font-family:var(--sans);font-size:14px;font-weight:800;letter-spacing:.1em;display:block;margin-bottom:12px;color:var(--mut)}
.cols{display:grid;grid-template-columns:1fr 1.15fr;gap:52px;align-items:start}
.prose p{margin-bottom:14px;max-width:60ch}
.prose ul{margin:0 0 14px 1.1em}
.prose li{margin-bottom:8px;max-width:58ch}
.lead{font-size:21px;line-height:1.45;font-weight:520;max-width:40ch;margin-bottom:18px}
.boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.box{border:2px solid var(--line);background:#fff;padding:22px}
.boxes.b3{grid-template-columns:repeat(3,1fr)}.boxes.b2{grid-template-columns:repeat(2,1fr)}.boxes.b1{grid-template-columns:1fr}
.box h3{font-size:20px;font-weight:800;margin-bottom:6px;letter-spacing:-.01em}
.box p{color:var(--mut);font-size:15.5px}
.box .big{font-family:var(--serif);font-weight:900;font-size:40px;letter-spacing:-.04em;line-height:1;margin-bottom:8px}
.quote{border-left:6px solid var(--red);padding:6px 0 6px 20px;font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.3;margin:20px 0;max-width:36ch}
.quote cite{display:block;font-family:var(--sans);font-style:normal;font-size:13px;color:var(--mut);margin-top:8px}
/* charts */
.chart{border:2px solid var(--line);background:#fff;padding:26px 26px 18px}
.chart h3{font-size:19px;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}
.chart .sub{color:var(--mut);font-size:14px;margin-bottom:14px}
.chart svg{width:100%;height:auto}
.legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;font-weight:600;margin-top:8px}
.legend i{display:inline-block;width:16px;height:16px;border:1.5px solid var(--ink);vertical-align:-3px;margin-right:6px}
.legend .o{background:var(--ink)}
.legend .p{background:repeating-linear-gradient(45deg,#fff 0 3px,var(--ink) 3px 5px)}
.chart .src{font-size:12.5px;color:var(--mut);margin-top:10px;border-top:1px solid #ddd;padding-top:10px}
.cbar{transform-origin:bottom;animation:grow .9s cubic-bezier(.2,.7,.1,1) both}
.hbar{transform-box:fill-box;transform-origin:left;animation:growx .9s cubic-bezier(.2,.7,.1,1) both}
@keyframes grow{from{transform:scaleY(0)}}
@keyframes growx{from{transform:scaleX(0)}}
/* timeline */
.tl{list-style:none;border-left:3px solid var(--ink);margin-left:8px}
.tl li{position:relative;padding:0 0 22px 26px}
.tl li::before{content:"";position:absolute;left:-10px;top:4px;width:17px;height:17px;border-radius:50%;background:var(--mint);border:2px solid var(--ink)}
.tl li.f::before{background:#fff}
.tl b{display:block;font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:-.02em}
.tl span{color:var(--mut);font-size:15.5px}
/* faq */
.faq{border-top:2px solid var(--line)}
.faq details{border-bottom:2px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 50px 22px 0;font-family:var(--serif);font-weight:700;font-size:24px;letter-spacing:-.02em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-family:var(--sans);font-size:32px;font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 0 22px;max-width:70ch;color:#2b2930}
/* references */
.refs{counter-reset:r;list-style:none;columns:2;column-gap:44px}
.refs li{break-inside:avoid;padding:12px 0 12px 44px;position:relative;border-top:1px solid #d9d5cd;font-size:15px}
.refs li::before{counter-increment:r;content:counter(r);position:absolute;left:0;top:10px;font-family:var(--serif);font-weight:800;font-size:22px;color:var(--blue)}
.refs li:target{background:var(--sun)}
.refs a{font-weight:650;word-break:break-word}
.refs .d{display:block;color:var(--mut);font-size:13px}
.note{background:#fff;border:2px dashed var(--ink);padding:16px 20px;font-size:15px;margin-top:28px}
/* footer */
footer{background:var(--ink);color:#d6d3da;padding:70px 0 34px;margin-top:96px}
footer .top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:end}
footer .brand{color:#fff;font-size:84px}
footer .fcols{display:flex;gap:56px;flex-wrap:wrap;font-size:14px}
footer h2{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
footer ul{list-style:none}
footer li{margin:7px 0}
footer a{text-decoration:none}
footer a:hover{color:var(--sun);text-decoration:underline}
.legal{margin-top:48px;padding-top:18px;border-top:1px solid #3a3840;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:#b9b5bf}

/* pros y contras */
.pc-demo .pcol li{grid-template-columns:52px 1fr;gap:12px;padding:16px}.pc-demo .pcol .hd{font-size:28px;padding:14px 16px}.pc-demo .pc{gap:14px}.pc-demo .pc-intro{font-size:17px;margin-bottom:14px}
#balance{padding-top:0}
.pc-intro:empty{display:none}
.pcol a.src{color:var(--mut);font-size:13px;white-space:nowrap}
.pc-more a{font-weight:700;color:var(--ink)}
.pc-more{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:24px}
.pc-intro{max-width:60ch;margin-bottom:28px}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.pcol{border:2px solid var(--line);background:#fff;display:flex;flex-direction:column}
.pcol .hd{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:2px solid var(--line);font-family:var(--serif);font-weight:800;font-size:36px;letter-spacing:-.03em;line-height:1}
.pcol.pro .hd{background:var(--blue);color:#fff}
.pcol.con .hd{background:var(--red);color:var(--ink)}
.pcol .sym{flex:none;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink);border:2px solid var(--ink);display:grid;place-items:center;font-family:var(--sans);font-weight:900;font-size:26px;line-height:1}
.pcol ol{list-style:none;display:flex;flex-direction:column;flex:1}
.pcol li{flex:1;display:grid;grid-template-columns:132px 1fr;gap:18px;padding:20px 24px;border-bottom:1px solid #d9d4cb}
.pcol li:last-child{border-bottom:0}
.pcol .num{font-family:var(--serif);font-weight:900;font-size:34px;letter-spacing:-.04em;line-height:1;font-variation-settings:"opsz" 144}
.pcol .num small{display:block;font-family:var(--sans);font-size:12px;font-weight:650;letter-spacing:.02em;color:var(--mut);margin-top:6px;line-height:1.3}
.pcol .c{display:block;font-size:18px;line-height:1.3}
.pcol li p{color:var(--mut);margin-top:4px;font-size:15.5px}

/* ===== v3 interactividad ===== */
[hidden]{display:none!important}
.js .chart:not(.inview) .cbar,.js .chart:not(.inview) .hbar{animation:none;transform:scaleY(0)}
.js .chart:not(.inview) .hbar{transform:scaleX(0)}
.cbar{transform-box:fill-box}
.chart{position:relative}
.bar{cursor:pointer;outline:none}
.bar:focus-visible rect,.bar.on rect{stroke-width:4;filter:drop-shadow(3px 3px 0 #111014)}
.tip{position:absolute;z-index:5;transform:translateX(-50%);background:var(--ink);color:#fff;padding:9px 12px;border-radius:8px;font-size:14px;line-height:1.35;max-width:280px;pointer-events:none;box-shadow:4px 4px 0 var(--sun)}
.tip b{display:block;font-weight:750}.tip span{display:block;color:#d8d5ce;font-size:12.5px;margin-top:2px}
.views,.yr,.rtl-tools,.seg,.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.views{margin:4px 0 10px}
.views button,.yr button,.seg button,.chip,.rtl-tools button,.qb button{font:inherit;font-size:14px;font-weight:700;padding:8px 14px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;min-height:40px}
.views button[aria-pressed=true],.yr button[aria-pressed=true],.seg button[aria-pressed=true],.chip[aria-pressed=true],.rtl-tools button[aria-pressed=true]{background:var(--ink);color:#fff}
@media (hover:hover){.views button:hover,.chip:hover,.seg button:hover,.rtl-tools button:hover{background:var(--sun);color:var(--ink)}}
.yr{margin:4px 0 10px;gap:14px}.yr label{font-weight:750}.yr output{font-family:var(--serif);font-size:22px}
.yr input[type=range]{width:180px;accent-color:var(--ink)}
/* toc progreso + activo */
.toc-prog{height:4px;background:transparent}.toc-prog span{display:block;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}
.toc a[aria-current]{background:var(--ink);color:#fff}
/* pros y contras interactivos */
.pc-tools{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:-6px 0 22px}
.pc-hint{font-size:13.5px;color:var(--mut)}
.pc.one{grid-template-columns:1fr}
.pcol .cnt{margin-left:auto;font-family:var(--sans);font-size:14px;font-weight:700;opacity:.85}
.pcol .empty{padding:20px 24px;color:var(--mut)}
.pcd summary{list-style:none;display:grid;grid-template-columns:132px 1fr 28px;gap:18px;padding:20px 24px;cursor:pointer}
.pcd summary::-webkit-details-marker{display:none}
@media (hover:hover){.pcd summary:hover{background:#fbf9f5}}
.pcd summary:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.pcol li:has(.pcd){display:block;padding:0}
.pcd .tx{display:block}.pcd .ln{display:block;color:var(--mut);margin-top:4px;font-size:15.5px}
.pcd .pm{width:26px;height:26px;border:2px solid var(--ink);border-radius:50%;position:relative;align-self:start;margin-top:2px}
.pcd .pm::before,.pcd .pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;background:var(--ink);transform:translate(-50%,-50%)}
.pcd .pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.pcd[open] .pm::after{transform:translate(-50%,-50%)}
.pcd[open] summary{background:#fbf9f5}
.pcx{padding:0 24px 20px 174px;font-size:14.5px;color:var(--ink)}
.pcx p{margin-top:6px}.pcx a{font-weight:700}
.pcx .cat{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--ink);border-radius:999px;padding:2px 10px}
.pro .pcx .cat{background:#e6e9ff}.con .pcx .cat{background:#ffe4de}
/* calculadora */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:2px solid var(--ink);background:#fff;padding:28px}
.calc-in .lead{margin-bottom:18px}
.fld{margin-top:16px}.fld label{display:flex;justify-content:space-between;font-weight:750;margin-bottom:6px}
.fld small{display:block;color:var(--mut);margin-top:6px;font-size:13.5px}
.fld input[type=range]{width:100%;accent-color:var(--blue);height:32px}
.pair{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center}
.pair input[type=number]{font:inherit;font-weight:750;font-size:20px;padding:8px 10px;border:2px solid var(--ink);border-radius:8px;width:100%}
.fld output{font-family:var(--serif);font-size:20px}
.calc-out{display:grid;gap:12px;align-content:start}
.res{border:2px solid var(--ink);padding:14px 18px;background:var(--paper)}
.res .k{display:block;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.res b{display:block;font-family:var(--serif);font-weight:900;font-size:40px;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums}
.res.big{background:var(--sun)}.res.big b{font-size:58px}
.res .u{font-weight:650}
.calc-f{grid-column:1/-1;border-top:2px solid var(--ink);padding-top:18px}
.calc-f h3{font-family:var(--serif);font-size:24px;margin-bottom:8px}.calc-f ol{padding-left:22px}.calc-f li{margin:4px 0}
/* línea de tiempo */
.rtl-tools{margin-bottom:16px}.rtl-today{margin-left:auto;font-size:13.5px;font-weight:700;color:var(--mut)}
.rtl-track{list-style:none;display:grid;gap:12px}
.ev-b{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:baseline;cursor:pointer;width:100%}
.ev-b time{font-family:var(--serif);font-weight:800;font-size:20px}.ev-b .ev-t{font-weight:700}
.ev .dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);background:var(--mint);flex:none;align-self:center}
.ev.next .dot{background:#fff}.ev.us .dot{background:var(--blue)}.ev.us.next .dot{background:#fff;border-color:var(--blue)}
.ev-d{padding:6px 0 4px 26px;color:var(--mut)}
.ev-m{display:flex;gap:8px;margin-bottom:4px}.ev-m span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--ink);border-radius:999px;padding:1px 9px;color:var(--ink)}
.ev.next .st{background:var(--sun)}
.rtl-js .rtl-track{display:flex;gap:0;overflow-x:auto;padding:16px 4px 4px;border-top:0;position:relative;scrollbar-width:thin}
.rtl-js .ev{flex:0 0 172px;position:relative}
.rtl-js .ev::before{content:"";position:absolute;left:0;right:0;top:29px;height:3px;background:var(--ink)}
.rtl-js .ev.next::before{background:repeating-linear-gradient(90deg,var(--ink) 0 8px,transparent 8px 14px)}
.rtl-js .ev-b{flex-direction:column;align-items:flex-start;gap:6px;padding:20px 12px 12px;border-radius:10px;position:relative}
.rtl-js .ev .dot{width:20px;height:20px;position:relative;z-index:1}
.rtl-js .ev-b time{font-size:17px}.rtl-js .ev-b .ev-t{font-size:14px;line-height:1.3}
@media (hover:hover){.rtl-js .ev-b:hover{background:#fff}}
.rtl-js .ev-b:focus-visible{outline:3px solid var(--blue)}
.rtl-js .ev.sel .ev-b{background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
.rtl-js .ev.sel .dot{transform:scale(1.25)}
.rtl-panel{border:2px solid var(--ink);background:#fff;padding:18px 22px;margin-top:10px;min-height:96px}
.rtl-panel h3{font-family:var(--serif);font-size:22px;margin:0 0 6px}.rtl-panel .ev-d{padding:0;color:var(--ink)}
/* quiz */
.quiz ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.q{border:2px solid var(--ink);background:#fff;padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.qs{font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.25;display:flex;gap:12px}
.qn{flex:none;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--sans);font-size:15px}
.qb{display:flex;gap:10px}
.qb button{min-width:96px}
.qb button.right{background:var(--mint)}
.q.ko .qb button.picked{background:var(--red)}
.qb button:disabled{cursor:default;opacity:1}
.qr summary{cursor:pointer;font-weight:700;color:var(--blue)}
.quiz-js .qr summary{display:none}
.qv{margin-top:6px}.qv .verdict{font-weight:800}
.q.ok{box-shadow:6px 6px 0 var(--mint)}.q.ko{box-shadow:6px 6px 0 var(--red)}
.qscore{margin-top:16px;font-weight:800;font-size:18px}
@media (max-width:1000px){
 .calc{grid-template-columns:1fr}.quiz ol{grid-template-columns:1fr}.pcx{padding-left:24px}
 .pc{grid-template-columns:1fr}
 .hhero,.thero{grid-template-columns:1fr;min-height:0}
 .hhero .media{height:500px}
 .thero .art{border-left:0;border-top:2px solid var(--line);height:320px;min-height:0}
 .grid,.grid.two{grid-template-columns:1fr}.card.big{grid-row:auto}
 .grid.two .card .media{min-height:300px}.grid.two .card h3{font-size:46px}
 .trust .wrap,.cols{grid-template-columns:1fr;gap:32px}
 .menu{display:none}
 .mast .wrap{grid-template-columns:auto 1fr}
 .brand{font-size:32px}
 .refs{columns:1}
 .boxes.b3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
 .nums .wrap{grid-template-columns:1fr}.nums .n{border-right:0;border-bottom:2px solid var(--line)}.nums .n:last-child{border-bottom:0}
 .toc{top:78px}
}
@media (max-width:560px){
 .pcd summary{grid-template-columns:1fr 28px;gap:6px 12px;padding:18px}.pcd .num{grid-column:1/-1}.pcd .num small{display:inline-block;margin:0 0 0 10px}.pcx{padding:0 18px 18px}.calc{padding:18px}.res.big b{font-size:44px}.qs{font-size:19px}.rtl-js .ev{flex-basis:150px}
 .pcol li{grid-template-columns:1fr;gap:6px;padding:18px}.pcol .num{font-size:30px}.pcol .num small{display:inline-block;margin:0 0 0 10px;vertical-align:middle}.pcol .hd{font-size:30px;padding:16px 18px}
 body{font-size:16px}
 .wrap{padding:0 18px}
 .strip .tags{display:none}
 .mast .wrap{height:64px}
 .toc{top:66px}
 .hhero .copy,.thero .copy{padding:30px 22px 32px}
 .hhero h1{font-size:60px;margin:24px 0 20px}
 .thero h1{font-size:64px}
 .dek{font-size:18px}
 .hhero .media{height:440px}
 .statbox{left:14px;right:14px;bottom:14px;grid-template-columns:1fr;gap:6px;padding:18px}
 .statbox b{font-size:58px}
 .hhero .media>.credit{right:auto;left:12px}
 .sticker{width:110px;height:110px;top:auto;bottom:-55px;right:18px}
 .sec-head{flex-direction:column;align-items:start;padding-top:62px}
 .card.big .media{min-height:340px}
 .card h3,.card.big h3{font-size:40px}
 .go{width:46px;height:46px;font-size:20px}
 .mq>div{font-size:22px}
 .sec{padding-top:60px}
 .chart{padding:18px 14px 14px}
 .faq summary{font-size:20px}
 footer .brand{font-size:58px}
 .key{padding:24px 20px}
 .boxes.b2,.boxes.b3{grid-template-columns:1fr}
 .thero h1.xl{font-size:120px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}