/* Tema editorial de RunningPlan (30/31-oct-2026): blanco, negro y azul eléctrico; Archivo + Source Serif 4. Se carga DESPUÉS del CSS de cada página y reutiliza sus variables. */
@font-face{font-family:Archivo;font-weight:800;font-display:swap;src:url(/fonts/archivo-800.woff) format("woff")}
@font-face{font-family:Archivo;font-weight:700;font-display:swap;src:url(/fonts/archivo-700.woff) format("woff")}
@font-face{font-family:Archivo;font-weight:400;font-display:swap;src:url(/fonts/archivo-400.woff) format("woff")}
@font-face{font-family:Sserif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sserif-400.woff) format("woff")}
@font-face{font-family:Sserif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/sserif-i.woff) format("woff")}
:root{--bg:#fff;--fg:#0B0B0C;--mut:#5B5F68;--card:#fff;--sol:#F3F4F6;--ln:#E2E4E8;--gb:#E2E4E8;--ac:#1F3DFF;--cr:#1F3DFF;--warn:#B42318;--sh:none;--bt:#fff;--fd:Archivo,system-ui,sans-serif;--fs:Sserif,Georgia,serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0B0B0C;--fg:#F4F5F7;--mut:#A3A7B0;--card:#0B0B0C;--sol:#151618;--ln:#26282C;--gb:#26282C;--ac:#7C90FF;--cr:#7C90FF;--warn:#FF9F0A;--sh:none;--bt:#0B0B0C}}
:root[data-theme=dark]{--bg:#0B0B0C;--fg:#F4F5F7;--mut:#A3A7B0;--card:#0B0B0C;--sol:#151618;--ln:#26282C;--gb:#26282C;--ac:#7C90FF;--cr:#7C90FF;--warn:#FF9F0A;--sh:none;--bt:#0B0B0C}
body{font:400 17px/1.5 var(--fd);background:var(--bg);background-image:none;color:var(--fg)}
:focus-visible{outline:3px solid var(--ac);outline-offset:3px}
h1,h2,h3,.kick{font-family:var(--fd);text-wrap:balance}
h1{font-weight:800;letter-spacing:-.03em}
h2{font-weight:800;font-size:24px;letter-spacing:-.025em;line-height:1.15}
.kick{font-weight:800;letter-spacing:-.035em;line-height:1.05}.kick span{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit;-webkit-text-fill-color:currentColor}
p.s{font:400 18px/1.5 var(--fs);color:var(--mut)}
.ar p.t,.ar li{font-family:var(--fs);font-size:18.5px;line-height:1.62}
.ar p.t{color:var(--fg)}
.ar p.lead,.ar p.t.lead{font-size:20px;color:var(--mut)}
/* cabecera */
.top{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--ln);box-shadow:none}
.tw{max-width:1200px;padding:10px 20px 0;gap:0 16px;justify-content:space-between}
.brand{padding-bottom:8px;gap:10px}
.brand svg{width:30px;height:30px;filter:none}.brand svg rect{fill:var(--ac);rx:8px}.brand svg path:nth-of-type(n+3),.brand svg circle{display:none}.brand svg path{stroke-width:5;stroke:var(--bt)}
.brand h1{font:800 20px/1 var(--fd);letter-spacing:-.03em;margin:0}.brand h1 span{color:inherit!important}
.hbtn{background:var(--ac);color:var(--bt);font:700 14px var(--fd);padding:9px 18px;border-radius:99px;text-decoration:none;margin-bottom:8px;white-space:nowrap}
body[data-page=plan] .hbtn{display:none}
#tabs{order:3;flex:1 1 100%;display:flex;gap:0;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none;justify-content:flex-start;grid-template-columns:none}
#tabs a,#tabs a:not(.on):hover{background:none;box-shadow:none;border-radius:0;flex-direction:row;gap:0;padding:10px 0;margin:0 20px -1px 0;color:var(--mut);font:700 15px var(--fd);border-bottom:2px solid transparent;text-align:left}
#tabs a:hover{color:var(--fg)}
#tabs a.on{background:none;color:var(--fg);border-bottom-color:var(--ac);box-shadow:none}
#tabs a svg{display:none}#tabs .f{display:none}#tabs .sh{display:inline}
@media(min-width:900px){.tw{flex-wrap:nowrap;gap:28px;padding-top:0}.brand{padding:14px 0}#tabs{order:0;flex:1;flex-basis:auto;margin:0;padding:0}#tabs a{padding:21px 0 18px;margin-right:26px}.hbtn{order:1;margin:0}}
/* contenedores y tarjetas planas */
.card,.box,.tl,.via,.err{background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--ln);box-shadow:none;border-radius:8px}
.card{border-radius:8px}
label,.l{font:700 14px var(--fd);text-transform:none;letter-spacing:0;color:var(--fg)}
.opt{font-weight:400;opacity:1;color:var(--mut)}
input,select,button{font-family:var(--fd)}
input,select{background:var(--sol);border:1px solid var(--ln);border-radius:8px;color:var(--fg)}
input:focus,select:focus{box-shadow:none;outline:3px solid var(--ac);outline-offset:1px}
.seg{background:var(--sol);border:1px solid var(--ln);border-radius:99px;padding:3px}
.seg button{border-radius:99px;font-weight:700}.seg button.on{background:var(--fg);color:var(--bg);box-shadow:none}
.days label{background:var(--sol);border:1px solid var(--ln);font-family:var(--fd);font-weight:700}
.days label:has(input:checked){background:var(--ac);border-color:var(--ac);color:var(--bt);box-shadow:none}
button.go,a.go,.go{background:var(--ac);color:var(--bt);border-radius:99px;box-shadow:none;font:700 17px var(--fd)}
.back{color:var(--ac);font-weight:700}
.tg{background:var(--sol);color:var(--fg);border:0;font-weight:700}
.note{color:var(--mut)}
/* tarjetas de noticias, carreras y bloques con degradado */
.nc,.hn{background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--ln);box-shadow:none;border-radius:8px}
.nc:hover,.hn:hover{border-color:var(--fg);transform:none}
.nc .bn,.hn .hb{background:var(--fg);color:var(--bg)}
.nc[style*="--im"] .bn,.hn[style*="--im"] .hb{background:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.5)),var(--im) center/cover;color:#fff}
.evd,.pzd,.pzg .pzd{background:var(--fg);color:var(--bg);border-radius:6px}
.hero{background:var(--ac);color:var(--bt);box-shadow:none;border-radius:8px}
.hz{border-radius:6px;box-shadow:none}
.hzo h2 em{background:none;-webkit-text-fill-color:currentColor;color:inherit;font-style:italic;font-family:var(--fs)}
.pv{background:var(--sol);border-radius:8px;box-shadow:none}.pv .pi{background:var(--ac);color:var(--bt);box-shadow:none}
footer{border-top:1px solid var(--ln);color:var(--mut)}footer a{color:var(--fg);font-weight:700}
.act,.dtl,.ev,.fsel select,.hs li,.hwk div,.kcard,.ld li,.lsec,.msec,.msec blockquote,.nc:not(.nf),.pzg .pz,.sw img,.toc,.wkd .ic{border-radius:8px}
.nc.nf{border-radius:8px}
#tabs a,#tabs a:not(.on):hover{margin-right:18px}
@media(min-width:900px){.tw{max-width:1080px}main{max-width:1080px}.ar{max-width:720px}main>#pg-news:not(.ar),main>#pg-races,main>#pg-shoes{max-width:none}}
body .rcb{background:var(--ac);color:var(--bt);box-shadow:none;border-radius:8px}
body .sh .go2{background:var(--ac);color:var(--bt);box-shadow:none;font-weight:700}
body .ar .rw b,body .pv b,body .rcn span,body .uc i{text-transform:none;letter-spacing:0}
body .ar .rw b{font-size:14px;color:var(--mut)}
.ar img,.ar .fg img{border-radius:6px}
body #cta-fija{background:var(--ac);color:var(--bt);box-shadow:0 6px 20px rgba(0,0,0,.18)}body #cta-fija a{color:var(--bt)}body #cta-fija button{background:rgba(255,255,255,.22);color:var(--bt)}