/* Diario Vaca Muerta · v3 · paleta A "Petróleo" (navy + cian) */
.t-a{--bg:#0B1724;--bg2:#0F1E2F;--sf:#122438;--tx:#E8EEF4;--tx2:#9DB0C3;--tx3:#6F8499;--ln:rgba(232,238,244,.12);--ln2:rgba(232,238,244,.22);--ac:#3DD6E6;--ac-ink:#06202A;--up:#5BD69A;--dn:#F07A7A;
 --vbg:#0E2133;--vsky:#0B1724;--vl:rgba(157,176,195,.55);--vink:#C9D6E2;--vt:#9DB0C3}
:root{--hf:"Inter Tight","Inter",system-ui,sans-serif;--bf:"Inter",system-ui,sans-serif;--mf:"IBM Plex Mono",ui-monospace,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.55 var(--bf);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 0;transition:background .3s,color .3s}
a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dim{color:var(--tx3)}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
h1 a,h3 a,.rl-t,.sb-n{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s ease}
h1 a:hover,h3 a:hover,.rl-t:hover,a.sb-n:hover{background-size:100% 1px}

/* borrador + utilidades */
.draft{font:500 11px/1 var(--mf);letter-spacing:.02em;text-align:center;padding:7px 12px;color:var(--tx2);background:var(--bg2);border-bottom:1px solid var(--ln)}
.draft b{color:var(--ac);font-weight:600;margin-right:8px;text-transform:uppercase;letter-spacing:.08em}
.util{border-bottom:1px solid var(--ln);font:500 12px/1 var(--mf);color:var(--tx3)}
.util .wrap{display:flex;justify-content:space-between;gap:12px;height:34px;align-items:center}
.util a{color:var(--tx2)}.util a:hover{color:var(--ac)}
@media (max-width:719px){.u-r{display:none}}

/* masthead */
.mh{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}
.mh-in{display:flex;align-items:center;gap:28px;height:66px}
.logo{display:flex;align-items:center;gap:11px;flex:none}
.logo-m{width:32px;height:32px}.lm-bg{fill:var(--ac)}.lm-l{stroke:var(--ac-ink);stroke-width:2.2;fill:none;stroke-linecap:round;opacity:.55}.lm-w{stroke:var(--ac-ink);stroke-width:2.6;fill:none;stroke-linecap:round}
.lw{display:flex;flex-direction:column;font:800 21px/1 var(--hf);letter-spacing:-.025em}
.lw small{font:600 10px/1 var(--mf);letter-spacing:.22em;text-transform:uppercase;color:var(--tx3);margin-bottom:4px}
.nv{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.nv::-webkit-scrollbar{display:none}
.nv a{flex:none;font:500 14px/1 var(--bf);color:var(--tx2);padding:9px 11px;position:relative;transition:color .2s}
.nv a::after{content:"";position:absolute;left:11px;right:11px;bottom:2px;height:1px;background:var(--ac);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.nv a:hover{color:var(--tx)}.nv a:hover::after{transform:none}
.sub{flex:none;font:600 13px/1 var(--bf);padding:10px 14px;border:1px solid var(--ac);color:var(--ac);border-radius:2px;transition:background .2s,color .2s}
.sub:hover{background:var(--ac);color:var(--ac-ink)}
@media (max-width:1100px){.mh-in{flex-wrap:wrap;height:auto;padding-top:12px;gap:8px 16px}.logo{flex:1}.nv{order:3;flex-basis:100%;margin:0 -24px;padding:0 13px 6px}}

/* encabezados de bloque: regla fina + etiqueta */
.hd{display:flex;align-items:center;gap:9px;font:700 13px/1 var(--bf);letter-spacing:.12em;text-transform:uppercase;margin:0;color:var(--tx)}
.hd i{width:7px;height:7px;background:var(--ac);border-radius:50%}
.hd-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;border-top:2px solid var(--tx);padding-top:12px;margin-bottom:22px}
.note{font:400 12px/1.4 var(--mf);color:var(--tx3)}

/* kicker y meta */
.kk{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px;font:700 11.5px/1 var(--bf);letter-spacing:.1em;text-transform:uppercase;color:var(--ac)}
.kk span{color:var(--tx3);font-weight:500;letter-spacing:.06em;padding-left:10px;border-left:1px solid var(--ln2)}
.kk a:hover{text-decoration:underline;text-underline-offset:3px}
.mt{display:flex;flex-wrap:wrap;gap:4px 0;margin:0;font:400 12px/1.5 var(--mf);color:var(--tx3)}
.mt>*+*::before{content:"·";margin:0 8px;color:var(--ln2)}
.mt a{color:var(--tx2);text-decoration:underline;text-decoration-color:var(--ln2);text-underline-offset:3px}.mt a:hover{color:var(--ac)}
.dk{color:var(--tx2);margin:0 0 16px}

/* visual SVG */
.vis{width:100%;height:100%}
.v-bg{fill:var(--vbg)}.v-sky{fill:var(--vsky)}.v-l{stroke:var(--vl);stroke-width:1.6;fill:none}
.v-f{fill:var(--ac);fill-opacity:.16}.v-e{stroke:var(--ac);stroke-width:2;fill:none;stroke-opacity:.8}
.v-s{stroke:var(--vink);stroke-width:2.4;fill:none}.v-w{stroke:var(--vink);stroke-width:4;fill:none;stroke-linejoin:round}
.v-st{fill:var(--ac);stroke:var(--vbg);stroke-width:3}
.v-t{font:500 26px var(--mf);fill:var(--vt);letter-spacing:.04em}
.lead-v,.mv{position:relative;display:block;overflow:hidden;background:var(--vbg)}
.lead-v .vis,.mv .vis{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.lead:hover .lead-v .vis,article:hover .mv .vis{transform:scale(1.025)}
.fig-chip{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;gap:2px;max-width:70%;padding:12px 16px 13px;background:var(--bg);font:400 13px/1.35 var(--bf);color:var(--tx2);border-top:2px solid var(--ac)}
.fig-chip b{font:700 26px/1 var(--hf);letter-spacing:-.02em;color:var(--tx);font-variant-numeric:tabular-nums}
.fig-chip.sm{padding:8px 12px}.fig-chip.sm b{font-size:17px}

/* portada: lead + rail */
.top{display:grid;gap:32px;padding:28px 0 40px}
.lead{display:grid;gap:22px}
.lead-v{aspect-ratio:16/10}
.lead h1{font:700 clamp(30px,3.1vw,44px)/1.06 var(--hf);letter-spacing:-.028em;margin:0 0 14px;text-wrap:balance}
.lead .dk{font-size:18px;line-height:1.5}
.rail{border-top:2px solid var(--tx);padding-top:12px}
.rail ol{list-style:none;margin:14px 0 0;padding:0}
.rail li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:13px 0;border-top:1px solid var(--ln)}
.rail li:first-child{border-top:0;padding-top:4px}
.rail time{font:500 12px/1.6 var(--mf);color:var(--tx3)}
.rail .kk{font-size:10.5px;margin-bottom:5px}
.rl-t{font:600 15px/1.32 var(--hf);letter-spacing:-.005em}
@media (min-width:1024px){
 .top{grid-template-columns:minmax(0,1fr) 300px;gap:44px;padding-top:32px}
 .lead-v{aspect-ratio:1600/760}
 .lead-t{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start}
 .lead-d{padding-top:26px}
 .rail{border-top:0;border-left:1px solid var(--ln);padding:0 0 0 24px}
 .rail .hd{padding-top:2px}}

/* tablero */
.datos{margin:8px 0 36px}
.datos ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.datos li{display:flex;flex-direction:column;gap:4px;padding:16px 14px 16px 0;border-bottom:1px solid var(--ln)}
.datos li:nth-child(even){padding-left:14px;border-left:1px solid var(--ln)}
.d-l{font:500 10.5px/1.3 var(--mf);letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.datos b{font:700 25px/1.05 var(--hf);letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:7px}
.datos .up b::after{content:"▲";font-size:10px;color:var(--up)}.datos .dn b::after{content:"▼";font-size:10px;color:var(--dn)}
.d-d{font-size:12.5px;line-height:1.35;color:var(--tx2)}.d-s{font:400 11px/1.3 var(--mf);color:var(--tx3);margin-top:auto}.d-s a{text-decoration:underline;text-decoration-color:var(--ln2);text-underline-offset:2px}.d-s a:hover{color:var(--ac)}
@media (min-width:900px){.datos ul{grid-template-columns:repeat(6,1fr)}.datos li{border-bottom:0;padding:16px 16px 18px}.datos li:nth-child(n){border-left:1px solid var(--ln)}.datos li:first-child{border-left:0;padding-left:0}}

/* publicidad */
.ad{margin:0 auto 44px;max-width:970px;text-align:center}
.ad>span{display:block;font:500 10px/1 var(--mf);letter-spacing:.14em;text-transform:uppercase;color:var(--tx3);margin-bottom:6px}
.ad div{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;min-height:90px;border:1px dashed var(--ln2);background:var(--bg2);font:500 13px/1.3 var(--bf);color:var(--tx2);padding:12px}
.ad em{color:var(--tx3);font-style:normal}.ad a{color:var(--ac);font-weight:600}

/* más noticias */
.more{margin-bottom:48px}
.mo-grid{display:grid;gap:28px}
.mo-grid article{display:flex;flex-direction:column}
.mv{aspect-ratio:16/9;margin-bottom:14px}
.xl h3{font:700 clamp(24px,2.4vw,32px)/1.1 var(--hf);letter-spacing:-.022em;margin:0 0 10px;text-wrap:balance}
.md h3{font:650 18px/1.25 var(--hf);font-weight:650;letter-spacing:-.012em;margin:0 0 10px;text-wrap:balance}
@media (min-width:720px){.mo-grid{grid-template-columns:repeat(2,1fr)}.xl{grid-column:1/-1}}
@media (min-width:1024px){.mo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 28px}.xl{grid-column:1/3;grid-row:1/3;padding-right:28px;border-right:1px solid var(--ln)}.md{border-bottom:1px solid var(--ln);padding-bottom:20px}.md:nth-last-child(-n+2){border-bottom:0}}

/* secciones */
.secs{margin-bottom:52px}
.secs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0;border-top:1px solid var(--ln)}
.secs li{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px 0;border-bottom:1px solid var(--ln)}
.sb-h{display:flex;justify-content:space-between;align-items:center;font:700 17px/1.2 var(--hf);letter-spacing:-.01em}
.sb-h span{color:var(--tx3);transition:transform .2s,color .2s}.sb-h:hover span{transform:translateX(4px);color:var(--ac)}
.sb-c{font:500 11px/1 var(--mf);color:var(--ac);text-transform:uppercase;letter-spacing:.08em}
.sb-n{font-size:14px;line-height:1.4;color:var(--tx2)}
@media (min-width:1024px){.secs ul{grid-template-columns:repeat(4,1fr)}.secs li{padding:20px 22px 22px;border-left:1px solid var(--ln)}.secs li:nth-child(4n+1){border-left:0;padding-left:0}}

/* newsletter */
.nl{display:grid;gap:28px;padding:32px 0 36px;margin-bottom:56px;border-top:2px solid var(--tx);border-bottom:1px solid var(--ln)}
.nl h2{font:700 clamp(28px,3vw,38px)/1.05 var(--hf);letter-spacing:-.025em;margin:0 0 10px}
.nl-a>p{color:var(--tx2);margin:0 0 18px;max-width:46ch}
.nl-f{display:flex;max-width:460px;border:1px solid var(--ln2);background:var(--sf)}
.nl input{flex:1;min-width:0;width:100%;border:0;background:transparent;color:var(--tx);font:400 15px var(--bf);padding:13px 14px;outline:0}
.nl input::placeholder{color:var(--tx3)}.nl-f:focus-within{border-color:var(--ac)}
.nl button{flex:none;border:0;background:var(--ac);color:var(--ac-ink);font:600 14px/1 var(--bf);padding:0 18px;cursor:pointer;transition:filter .2s}.nl button:hover{filter:brightness(1.1)}
.demo{font:400 11px/1.4 var(--mf);color:var(--tx3);margin:8px 0 0}.ok{font-weight:600;color:var(--ac);margin:8px 0 0}
.nl-b{background:var(--sf);border:1px solid var(--ln);padding:18px 20px}
.nl-h{display:flex;justify-content:space-between;font:500 11px/1 var(--mf);letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--ln)}
.nl-h span:first-child{color:var(--ac);font-weight:600}
.nl-b ol{list-style:none;margin:0;padding:0;counter-reset:i}
.nl-b li{display:flex;flex-direction:column;gap:3px;padding:12px 0 12px 30px;position:relative;border-bottom:1px solid var(--ln);font:600 15px/1.3 var(--hf);counter-increment:i}
.nl-b li:last-child{border-bottom:0}
.nl-b li::before{content:counter(i);position:absolute;left:0;top:13px;font:500 12px/1 var(--mf);color:var(--tx3)}
.nl-b li span{font:700 10.5px/1 var(--bf);letter-spacing:.1em;text-transform:uppercase;color:var(--ac)}
.nl-b li em{font:400 11px/1 var(--mf);color:var(--tx3);font-style:normal}
@media (min-width:900px){.nl{grid-template-columns:1fr 1fr;gap:56px;align-items:center}}

/* footer */
.ft{border-top:1px solid var(--ln);background:var(--bg2);padding-top:36px}
.ft-a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-bottom:26px;border-bottom:1px solid var(--ln)}
.ft-a p{margin:0;font:500 18px/1.3 var(--hf);color:var(--tx2);letter-spacing:-.01em}
.ft-b{display:grid;gap:26px;padding:28px 0;font-size:14px;color:var(--tx2)}
.ft-b p{margin:0;line-height:1.55}
@media (min-width:720px){.ft-b{grid-template-columns:1fr 1fr 1.3fr}}
.ft h4{font:600 11px/1 var(--mf);letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);margin:0 0 14px}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ft ul a:hover{color:var(--ac)}
.ft-c{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 0 28px;border-top:1px solid var(--ln);font:400 11px/1.5 var(--mf);color:var(--tx3)}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.lead-d .dk{font-size:17px}.src{margin-top:4px}
.more-l{display:inline-flex;gap:8px;margin-top:16px;font:600 14px/1 var(--bf);color:var(--ac);border-bottom:1px solid currentColor;padding-bottom:3px;transition:gap .2s}.more-l:hover{gap:12px}
.lead-v{aspect-ratio:16/9}
@media (min-width:1024px){.lead-v{aspect-ratio:1600/740}}
.v-sky{fill:var(--vsky)}
@media (max-width:1023px){.lead-v{aspect-ratio:1600/740}.lead .fig-chip{max-width:56%;padding:8px 12px 9px;font-size:11.5px}.lead .fig-chip b{font-size:19px}}

/* ===== páginas internas ===== */
.nv a[aria-current]{color:var(--tx)}.nv a[aria-current]::after{transform:none}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font:500 12px/1 var(--mf);color:var(--tx3);margin-bottom:18px}.crumbs a{color:var(--tx2)}.crumbs a:hover{color:var(--ac)}
.small{font-size:13px;color:var(--tx3)}.small a{color:var(--tx2);text-decoration:underline;text-underline-offset:3px}

/* nota */
.nh{max-width:860px;padding:34px 0 26px}
.nh h1{font:700 clamp(30px,4vw,50px)/1.06 var(--hf);letter-spacing:-.028em;margin:0 0 16px;text-wrap:balance}
.lede{font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--tx2);margin:0 0 18px;max-width:62ch}
.n-v{margin:0 0 36px}.n-v .lead-v{aspect-ratio:1600/620}
.n-v figcaption{font:400 11.5px/1.5 var(--mf);color:var(--tx3);padding-top:8px;border-bottom:1px solid var(--ln);padding-bottom:10px}
.n-v figcaption a{color:var(--tx2);text-decoration:underline;text-underline-offset:2px}
.n-grid{display:grid;gap:40px;padding-bottom:56px}
@media (min-width:1024px){.n-grid{grid-template-columns:minmax(0,1fr) 300px;gap:56px}.side{border-left:1px solid var(--ln);padding-left:28px}}
.art{max-width:720px;font-size:17.5px;line-height:1.65}
.art section{margin:0 0 34px}
.art h2{display:flex;align-items:baseline;gap:12px;font:700 22px/1.2 var(--hf);letter-spacing:-.015em;margin:0 0 14px;padding-top:14px;border-top:1px solid var(--ln)}
.art h2 span{font:500 12px/1 var(--mf);color:var(--ac)}
.art p{margin:0 0 14px}
.paso{margin:0;padding-left:22px}.paso li{margin-bottom:10px;padding-left:4px}.paso li::marker{font:500 13px var(--mf);color:var(--ac)}
.srcline{font:400 12.5px/1.55 var(--mf)!important;color:var(--tx3)}.srcline a,.art p a,.mirar a{color:var(--tx2);text-decoration:underline;text-decoration-color:var(--ln2);text-underline-offset:3px}.srcline a:hover{color:var(--ac)}
.sum{display:grid;gap:0;margin:0 0 34px;border-top:2px solid var(--tx);border-bottom:1px solid var(--ln)}
.sum>div{min-width:0;padding:14px 0;border-top:1px solid var(--ln)}.sum>div:first-child{border-top:0}
.sum dt{font:500 10.5px/1.3 var(--mf);letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);margin-bottom:6px}
.sum dd{margin:0;font-size:15px;line-height:1.4}.sum dd a{text-decoration:underline;text-decoration-color:var(--ln2);text-underline-offset:3px}
.sum-big dd{display:flex;flex-direction:column;gap:4px}.sum-big b{font:700 30px/1.05 var(--hf);letter-spacing:-.02em;color:var(--ac);overflow-wrap:anywhere}.sum-big span{color:var(--tx2);font-size:14px}
@media (min-width:720px){.sum{grid-template-columns:1.4fr 1fr 1fr}.sum>div{border-top:0;padding:16px 18px;border-left:1px solid var(--ln)}.sum>div:first-child{border-left:0;padding-left:0}}
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:0;border-top:1px solid var(--ln);margin-bottom:12px}
.fig{display:flex;flex-direction:column;gap:6px;padding:16px 16px 16px 0;border-bottom:1px solid var(--ln);min-width:0}
.fig b{font:700 24px/1.1 var(--hf);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.fig span{font-size:13.5px;line-height:1.4;color:var(--tx2)}
.mirar{list-style:none;margin:0;padding:0}.mirar li{position:relative;padding:10px 0 10px 20px;border-bottom:1px solid var(--ln)}.mirar li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:1px;background:var(--ac)}
.mirar b{font-weight:600;color:var(--tx)}
.fuentes ul{list-style:none;margin:0 0 12px;padding:0}.fuentes li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--ln);font-size:15px}
.fuentes li a{font-weight:600}.fuentes li a:hover{color:var(--ac)}.fuentes .u{font:400 12px/1.6 var(--mf);color:var(--tx3)}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:18px;border-top:2px solid var(--tx)}
.share span{font:500 11px/1 var(--mf);letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);margin-right:6px}
.share a,.share button{font:600 13px/1 var(--bf);color:var(--tx);background:transparent;border:1px solid var(--ln2);padding:9px 12px;border-radius:2px;cursor:pointer;transition:border-color .2s,color .2s}
.share a:hover,.share button:hover{border-color:var(--ac);color:var(--ac)}
.ad.in{margin:0 0 34px}.ad.sq div{min-height:250px;flex-direction:column}
.side{display:flex;flex-direction:column;gap:32px;min-width:0}.side .ad{margin:0}
.nl-s{border-top:2px solid var(--tx);padding-top:14px}.nl-s h2{font:700 22px/1.15 var(--hf);letter-spacing:-.015em;margin:0 0 8px}.nl-s>p{font-size:14px;color:var(--tx2);margin:0 0 14px}
.nl-s .nl-f{border:1px solid var(--ln2);background:var(--sf);display:flex}.nl-s input{flex:1;min-width:0;width:100%;border:0;background:transparent;color:var(--tx);font:400 14px var(--bf);padding:11px 12px;outline:0}
.nl-s button{flex:none;border:0;background:var(--ac);color:var(--ac-ink);font:600 13px/1 var(--bf);padding:0 14px;cursor:pointer}
.side .rail{border-left:0;padding:12px 0 0;border-top:2px solid var(--tx)}

/* sección e institucionales */
.sh{padding:34px 0 26px;margin-bottom:30px;border-bottom:1px solid var(--ln)}
.sh h1{font:700 clamp(34px,4.6vw,58px)/1.02 var(--hf);letter-spacing:-.03em;margin:0 0 12px}
.sh>p{color:var(--tx2);font-size:18px;max-width:62ch;margin:0 0 10px}.sh .note{font-size:12px;margin:0}
.cards{display:grid;gap:36px 28px;margin-bottom:48px}
@media (min-width:720px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cd{display:flex;flex-direction:column}.cd h3{font:700 21px/1.2 var(--hf);letter-spacing:-.015em;margin:0 0 10px;text-wrap:balance}.cd .dk{font-size:15px}
.empty{font-size:18px;color:var(--tx2);padding:28px 0 48px;max-width:56ch}.empty a{color:var(--ac);text-decoration:underline;text-underline-offset:3px}
.page{max-width:720px;font-size:17px;line-height:1.65;padding-bottom:56px}
.page h2{font:700 24px/1.2 var(--hf);letter-spacing:-.015em;margin:34px 0 12px;padding-top:14px;border-top:1px solid var(--ln)}
.page .figs{margin:20px 0}.page .fig b{font-size:19px}
.ej{font:500 10.5px/1 var(--mf);text-transform:uppercase;letter-spacing:.06em;color:var(--ac);border:1px solid var(--ac);padding:3px 5px;margin-left:6px;vertical-align:2px}
.page .demo{font-size:12px;margin-top:20px}
.ft-d{font:400 11px/1.4 var(--mf);color:var(--tx3);margin-top:10px!important}

/* 404 */
.nf{max-width:640px;padding:72px 0 80px}
.nf-c{font:600 13px/1 var(--mf);letter-spacing:.14em;color:var(--ac);margin:0 0 14px}
.nf h1{font:700 clamp(32px,4.4vw,52px)/1.05 var(--hf);letter-spacing:-.03em;margin:0 0 14px}.nf>p{color:var(--tx2);font-size:18px}
.nf ul{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:8px}.nf li a{display:block;border:1px solid var(--ln2);padding:8px 12px;font-size:14px;color:var(--tx2)}.nf li a:hover{border-color:var(--ac);color:var(--ac)}
.n-v .lead-v{aspect-ratio:1600/520}
@media (max-width:719px){.n-v .lead-v{aspect-ratio:1600/700}.n-v .fig-chip{display:none}}

/* home larga (v4) */
.tk{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--ln);padding:12px 0;margin-bottom:28px;overflow:hidden}
.tk-l{flex:none;display:flex;align-items:center;gap:8px;font:600 11px/1 var(--mf);letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}
.tk-l i{width:7px;height:7px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 4px rgba(61,214,230,.18)}
.tk ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;overflow-x:auto;scrollbar-width:none;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.tk ul::-webkit-scrollbar{display:none}
.tk li{flex:none;display:flex;gap:8px;font:500 13.5px/1.3 var(--bf);color:var(--tx2);white-space:nowrap}
.tk time{font:500 12px/1.3 var(--mf);color:var(--tx3)}.tk a:hover{color:var(--ac)}
.sbk{margin-bottom:52px}.sbk-d{color:var(--tx2);margin:-6px 0 20px;max-width:70ch;font-size:15px}.sbk .cards{margin-bottom:0}
.tz{display:flex;flex-direction:column}.tz-v{aspect-ratio:16/9;margin-bottom:14px;opacity:.5;border:1px dashed var(--ln2)}
.tz h3{font:650 18px/1.25 var(--hf);margin:0 0 10px;color:var(--tx2);text-wrap:balance}
.mapa{display:grid;gap:28px;margin-bottom:56px;padding:32px 0;border-top:2px solid var(--tx);border-bottom:1px solid var(--ln)}
.mp-t h2{font:700 clamp(28px,3vw,38px)/1.05 var(--hf);letter-spacing:-.025em;margin:0 0 12px}
.mp-t>p{color:var(--tx2);max-width:46ch}
.mp-k{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px;font:500 13px var(--bf);color:var(--tx2)}
.mp-k i{display:inline-block;width:14px;height:10px;margin-right:10px;vertical-align:middle}
.k1{background:rgba(61,214,230,.35);border:1px solid var(--ac)}.mp-k .k2{background:var(--tx);border-radius:50%;width:10px}.mp-k .k3{border-top:3px solid #4A8FC9;height:0}
.mp-v{background:var(--bg2);border:1px solid var(--ln)}.mp-v svg{width:100%;height:auto}
.mp-bg{fill:var(--bg2)}.mp-pr{fill:var(--sf);stroke:var(--ln2);stroke-width:2;stroke-dasharray:6 6}
.mp-vm{fill:rgba(61,214,230,.16);stroke:var(--ac);stroke-width:2}
.mp-r{fill:none;stroke:#4A8FC9;stroke-width:4;stroke-linecap:round}
.mp-p circle{fill:var(--tx);stroke:var(--bg);stroke-width:3}.mp-p text{font:500 22px var(--bf);fill:var(--tx)}
.mp-n{font:500 18px var(--mf);fill:var(--tx3)}
@media (min-width:900px){.mapa{grid-template-columns:1fr 1.5fr;gap:48px;align-items:center}}
.opn{margin-bottom:52px}.opn-g{display:grid;border-top:1px solid var(--ln)}
.col{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--ln)}
.col-a{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--sf);border:1px dashed var(--ln2);font:700 20px var(--hf);color:var(--ac)}
.col h3{font:650 18px/1.25 var(--hf);font-style:italic;margin:0 0 8px}
@media (min-width:720px){.opn-g{grid-template-columns:1fr 1fr;column-gap:32px}}
@media (min-width:1024px){.opn-g{grid-template-columns:repeat(4,1fr)}.col{flex-direction:column}}
.mdb{margin-bottom:52px;background:var(--bg2);border:1px solid var(--ln);padding:24px}
.mdb .hd-row{border-top:0;padding-top:0}
.mdb-g{display:grid;gap:24px}
.mda-v{position:relative;aspect-ratio:16/9;margin-bottom:12px;overflow:hidden}
.mda-i{position:absolute;left:50%;top:50%;width:84px;height:84px;transform:translate(-50%,-50%);fill:var(--ac);stroke:var(--ac);stroke-width:3;background:rgba(11,23,36,.8);border-radius:50%;padding:12px}
.mda-k{position:absolute;left:10px;top:10px;font:600 10.5px/1 var(--mf);letter-spacing:.1em;text-transform:uppercase;background:var(--ac);color:var(--ac-ink);padding:5px 7px}
.mda h3{font:650 18px/1.25 var(--hf);margin:0 0 8px}
@media (min-width:720px){.mdb-g{grid-template-columns:repeat(3,1fr)}}
.duo{display:grid;gap:40px;margin-bottom:56px}
.mr ol{list-style:none;margin:12px 0 0;padding:0;counter-reset:m}
.mr li{counter-increment:m;position:relative;padding:14px 0 14px 52px;border-bottom:1px solid var(--ln);display:flex;flex-direction:column-reverse;gap:4px}
.mr li::before{content:counter(m);position:absolute;left:0;top:10px;font:800 32px/1 var(--hf);color:var(--ac)}
.mr li a{font:650 16.5px/1.3 var(--hf)}.mr li a:hover{color:var(--ac)}.mr .kk{margin:0}
.ag ul{list-style:none;margin:12px 0 18px;padding:0}
.ag li{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--ln)}
.ag-d{flex:none;width:64px;text-align:center;font:600 11px/1.3 var(--mf);text-transform:uppercase;color:var(--ac);border:1px solid var(--ln2);padding:8px 4px}
.ag b{display:block;font:650 16px/1.3 var(--hf)}.ag li span:not(.ag-d){font:400 12px var(--mf);color:var(--tx3)}
@media (min-width:900px){.duo{grid-template-columns:1fr 1fr;gap:56px}}
/* fixes mobile: etiqueta de la ilustración y separador "·" huérfano */
@media (max-width:719px){.v-t{display:none}.mt{gap:2px 12px}.mt>*+*::before{content:none}}

/* v6: ilustraciones por nota + placeholders simples */
.mv img.vis,.lead-v img.vis{width:100%;height:100%;object-fit:cover;display:block}
.tz-v{opacity:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(255,255,255,.025) 10px 11px)}
.tz-i{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--ln2);display:grid;place-items:center;font:700 24px "Inter Tight",sans-serif;color:var(--mut,#8aa)}
.tz-l{font:500 11px "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.mda-v{background:linear-gradient(135deg,#10283f,#0b1f33);border:1px solid var(--ln2)}

/* v7 portada de portal */
.pt-top{display:grid;gap:24px;padding:20px 0 28px;border-bottom:1px solid var(--ln2)}
.pt-lead h1{font:800 clamp(28px,3.4vw,46px)/1.05 "Inter Tight",sans-serif;margin:12px 0 10px;letter-spacing:-.02em}
.pt-lead .lead-v{aspect-ratio:16/9;margin-bottom:14px}
.pt-sec{display:grid;gap:18px}
.p2 .mv{margin-bottom:10px}.p2-t{font:700 19px/1.2 "Inter Tight",sans-serif;margin:6px 0 6px}
.pt-rail ol{max-height:none}
.pt-grid{padding:28px 0}.pg{display:grid;gap:22px;grid-template-columns:1fr}
.pm h3{font:700 17px/1.22 "Inter Tight",sans-serif;margin:6px 0}.pm .dk{font-size:14px;line-height:1.45;opacity:.82;margin:0 0 6px}
.pt-body{display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}
.pt-aside{display:flex;flex-direction:column;gap:28px}
.pt-aside .mr ol,.pt-aside .ag ul{margin:0;padding-left:0}
@media(min-width:720px){.pg{grid-template-columns:repeat(2,minmax(0,1fr))}.pt-sec{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.pt-top{grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr)}.pt-sec{grid-template-columns:1fr;gap:20px;border-left:1px solid var(--ln2);padding-left:24px}.pt-sec .p2:nth-child(3) .mv{display:none}
.pt-rail{border-left:1px solid var(--ln2);padding-left:24px}.pg{grid-template-columns:repeat(4,minmax(0,1fr))}
.pt-body{grid-template-columns:minmax(0,1fr) 320px}.pt-aside{position:sticky;top:90px;align-self:start}}
.pt-lead .kk{margin-top:4px}.pt-lead h1{margin:8px 0 10px}.pt-lead{display:flex;flex-direction:column}

/* v8 tablero + videos + glosario + galería */
.tb{margin:28px 0 32px;padding:24px;border:1px solid var(--ln2);background:linear-gradient(180deg,rgba(46,196,214,.06),transparent 60%)}
.tb-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;margin-bottom:18px}
.tb-hd h2{font:800 clamp(24px,2.6vw,34px)/1.05 var(--hf);margin:6px 0 0;letter-spacing:-.02em}
.tb-n{font-size:13px;opacity:.7;margin:0}
.tb-g{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.tb-c{border-top:2px solid var(--cyan,#2ec4d6);padding-top:12px;display:flex;flex-direction:column;gap:14px;min-width:0}
.tb-c h3{font:600 12px "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;margin:0;opacity:.85}
.tb-k{display:flex;flex-direction:column;gap:3px}
.tb-l{font-size:13px;opacity:.75}.tb-k b{font:800 30px/1.05 var(--hf);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tb-k b small{font-size:15px;font-weight:600;opacity:.75}
.tb-s{font-size:13px}.tb-s i{font-style:normal}.tb-s .up{color:#5fd39a}.tb-s .dn{color:#f08a6c}
.tb-f{font:400 11px "IBM Plex Mono",monospace;opacity:.65;overflow-wrap:anywhere}
.tb-bar{height:10px;background:rgba(255,255,255,.1);border-radius:5px;overflow:hidden}.tb-bar span{display:block;height:100%;background:var(--cyan,#2ec4d6)}
.tb-bl{font-size:13px;margin:-6px 0 0}.tb-bl em{opacity:.6;font-style:normal;font-size:12px}
@media(min-width:900px){.tb-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yvs{padding:8px 0 32px}.yv-g{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.yv{margin:0}.yv-f{position:relative;aspect-ratio:16/9;background:#000}.yv-f iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yv figcaption{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:14px}.yv figcaption span{font-size:12px;opacity:.7}
@media(min-width:900px){.yv-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gl,.gal{margin:8px 0 36px}.gl dl{display:grid;gap:14px 24px;grid-template-columns:minmax(0,1fr);margin:0}
.gl dt{font:700 16px var(--hf);color:var(--cyan,#2ec4d6)}.gl dd{margin:2px 0 0;font-size:14px;line-height:1.45;opacity:.85}
@media(min-width:720px){.gl dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gal-g{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.gal-i{aspect-ratio:4/3;border:1px dashed var(--ln2);display:flex;align-items:flex-end;padding:10px;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(255,255,255,.03) 10px 11px)}
.gal-i span{font:500 11px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.1em;opacity:.7}
@media(min-width:720px){.gal-g{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* v9 */
.yvs{padding:4px 0 36px}
.yv-g{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.yv-side{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);align-content:start}
@media(min-width:900px){.yv-g{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
.yv-f{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#000;cursor:pointer;overflow:hidden}
.yv-f img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.yv-f:hover img{transform:scale(1.03)}
.yv-p{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:rgba(220,30,30,.92)}
.yv-p::after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff}
.yv-big .yv-p{width:84px;height:58px;margin:-29px 0 0 -42px}.yv-big .yv-p::after{left:33px;top:17px;border-width:12px 0 12px 22px}
.yv iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.yv-big figcaption b{font:700 clamp(18px,1.8vw,24px)/1.2 var(--hf)}
.ops{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ops a{display:inline-block;padding:6px 12px;border:1px solid var(--ln2);border-radius:999px;font-size:13px;text-decoration:none}
.ops a:hover{border-color:currentColor}
.mk{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:baseline;margin:0 0 18px;padding:14px 16px;border:1px solid var(--ln2)}
.mk div{display:flex;gap:8px;align-items:baseline}.mk span{font:600 12px "IBM Plex Mono",monospace;text-transform:uppercase;opacity:.75}
.mk b{font:800 24px var(--hf);font-variant-numeric:tabular-nums}.mk i{font-style:normal;color:#f08a6c;font-size:13px}
.mk p{flex-basis:100%;margin:0;font:400 11px "IBM Plex Mono",monospace;opacity:.65}
.jb{border:1px dashed var(--ln2);padding:16px;margin:0 0 18px}.jb h3{margin:4px 0 6px;font:700 20px var(--hf)}.jb p{margin:0;font-size:14px;opacity:.85}
/* v11 cuerpo desarrollado */
.bd .bd-h{font-size:1.3rem;margin:1.6em 0 .5em;line-height:1.2}
.bd h4.bd-h{font-size:1.1rem}
.bd p{line-height:1.65;margin:0 0 1em}
.bd-q{margin:1.4em 0;padding:.2em 0 .2em 1.1em;border-left:4px solid var(--ac);font-size:1.12rem}
.bd-q p{font-style:italic;margin:0 0 .4em}
.bd-q footer{font-size:.85rem;opacity:.75}
.bd-box{border:1px solid var(--ln2);border-radius:6px;padding:1em 1.2em;margin:1.4em 0;background:var(--sf)}
.bd-t{color:var(--ac);font-family:var(--mf);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .6em!important;font-weight:600}
.bd-box ul{margin:0;padding-left:1.1em}.bd-box li{margin:.35em 0;line-height:1.5}
.bd-datos dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9em;margin:0}
.bd-datos dt{color:var(--tx);font-family:var(--hf);font-weight:800;font-size:1.25rem}.bd-datos dd{margin:0;font-size:.85rem;opacity:.8}