/* VIAMOS · sistema web. Color pleno, tinta negra y contorno fino; titulares en
   Bagel Fat One y texto en Urbanist, fina frente a la Bagel. El color vive en bandas y pegatinas, con tinta encima, y la
   aurora solo en la cinta 3D y en el logotipo. Sin sombras ni degradados planos. */

@font-face{font-family:"Urbanist";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/fonts/urbanist-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bagel Fat One";font-style:normal;font-weight:400;font-display:block;
  src:url(/fonts/bagel-fat-one-latin.woff2) format("woff2")}
:root{
  --titular:"Bagel Fat One","Urbanist",-apple-system,BlinkMacSystemFont,sans-serif;
  --tinta:#0B0B0C;--tinta-2:#1E1E22;--tinta-3:#36363B;--linea:rgba(11,11,12,.22);
  --borde:1.5px solid #0B0B0C;
  --amarillo:#FFD400;--fucsia:#FF2F92;--verde:#14E58C;--naranja:#FF5A1F;
  --g:clamp(12px,1.7vw,24px);--wrap:1320px;--r:28px;--r-s:16px;--gutter:clamp(16px,4vw,40px);--gris:#F5F5F7;--gris-2:#EDEDF0;--negro:#0B0B0C;--sale:cubic-bezier(.16,1,.3,1);--display:"Urbanist",-apple-system,BlinkMacSystemFont,sans-serif;--texto:"Urbanist",-apple-system,BlinkMacSystemFont,sans-serif;color-scheme:light;
  --alto-cab:84px;
  --muelle:cubic-bezier(.34,1.4,.64,1);
  --muelle:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017 19.4%,1.067,1.099 24.3%,1.108 26%,1.104,1.089 30.3%,1.019 39.4%,.996 43.5%,.985 46.2%,.983 50.6%,1 65.2%,1.003 74.6%,1);
}
html{scroll-padding-top:calc(var(--alto-cab) + 8px)}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--amarillo);color:var(--tinta);font:400 18px/1.5 var(--texto);letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
::selection{background:var(--amarillo);color:var(--tinta)}
.sobre-negro ::selection{background:var(--naranja);color:var(--tinta)}
html{scrollbar-color:var(--tinta) transparent}
:focus-visible{outline:2.5px solid var(--tinta);outline-offset:3px;border-radius:8px}
.sobre-negro :focus-visible{outline-color:#fff}
a{text-underline-offset:.18em;text-decoration-thickness:1.5px}

*{margin:0;padding:0;box-sizing:border-box}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
input,textarea{caret-color:var(--tinta)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:-999px;top:8px;background:var(--negro);color:#fff;padding:10px 14px;border-radius:10px;z-index:100}
.saltar:focus{left:12px}

.estrella{display:inline-block;width:.86em;height:.86em;margin-left:.12em;vertical-align:-.04em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 .8l1.9 3.9 4.3.6-3.1 3 .7 4.3L7 10.6l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 .8l1.9 3.9 4.3.6-3.1 3 .7 4.3L7 10.6l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}
/* lo básico de botones, enlaces y cabecera; el aspecto va justo debajo */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;text-decoration:none;cursor:pointer}
.btn:active{transform:scale(.97)}
.btn svg{width:18px;height:18px;flex:none}
.enlace::after{content:"";flex:none;width:.42em;height:.74em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpath d='M1.5 1.5 6.5 7l-5 5.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpath d='M1.5 1.5 6.5 7l-5 5.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s var(--sale)}
.enlace:hover::after{transform:translateX(3px)}
.cab{z-index:50}
.cab .wrap{display:flex;align-items:center}
.cab .marca{display:flex;align-items:center;text-decoration:none;flex:none}
.cab nav{display:flex}
.cab nav a{text-decoration:none}
.cab .btn{flex:none}

/* titulares: Bagel en mayúsculas, aplastados; el remate de cada uno va en su etiqueta */
h1,h2{font-family:var(--titular);font-weight:400;letter-spacing:0;color:var(--tinta)}
.lede{font-size:clamp(21px,2.2vw,32px);line-height:1.3;color:var(--tinta);font-weight:500}
.lede b{font-weight:600}
.nota{color:var(--tinta-2);font-size:18px;font-weight:500}
.enlace{color:var(--tinta);font-weight:600;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1.5px}
.enlace{display:inline-block}
.enlace::after{display:inline-block;margin-left:5px;vertical-align:-.06em}

/* botones: negro y píldora; el color lo ponen las pegatinas */
.btn{background:var(--tinta);color:#fff;border:var(--borde);border-radius:999px;padding:16px 24px;font:600 16.5px/1 var(--texto);letter-spacing:0;
  transition:background .18s,color .18s,rotate .35s var(--muelle),translate .35s var(--muelle)}
.btn:hover{background:var(--naranja);color:var(--tinta);rotate:-1.4deg;translate:0 -2px}
.btn-claro{background:#fff;color:var(--tinta);box-shadow:none}
.btn-claro:hover{background:var(--amarillo)}
.btn-peq{padding:0 18px;height:44px;font-size:15px}
@media (prefers-reduced-motion:reduce){.btn:hover{rotate:0deg;translate:0 0}}

/* cabecera: logotipo y secciones en una sola píldora, sin barra */
.cab{position:sticky;top:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;height:var(--alto-cab);margin-bottom:calc(-1*var(--alto-cab))}
.cab .wrap{max-width:none;height:var(--alto-cab);padding:0 var(--g);gap:0 10px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center}
.cab a,.cab summary,.cab nav,.cab .menu,.cab button{pointer-events:auto}
.cab{transition:translate .35s var(--sale,ease)}
.cab.escondida{translate:0 -110%}
.cab:focus-within{translate:0 0}
@media (prefers-reduced-motion:reduce){.cab{transition:none}}
.cab .marca{position:relative;z-index:1;justify-self:start;grid-column:1}
/* sin pegatina: el logotipo cambia de versión según el fondo que pase por debajo */
.cab .marca img{transition:opacity .2s linear}
.cab .marca::after{content:"";position:absolute;inset:0;background:url(/marca/viamos-logotipo-blanco.svg) center/contain no-repeat;opacity:0;transition:opacity .2s linear}
[data-tono=invertido] .cab .marca::after{background-image:url(/marca/viamos-logotipo-invertido.svg)}
[data-tono] .cab .marca img{opacity:0}
[data-tono] .cab .marca::after{opacity:1}
.cab .marca img{height:68px;width:auto}
.cab>.wrap>nav{grid-column:2}
.cab nav{margin-left:0;gap:0;height:56px;align-items:center;padding:0 5px;background:#fff;border:var(--borde);border-radius:999px}
.cab nav a{display:inline-flex;align-items:center;height:46px;padding:0 18px;border-radius:999px;color:var(--tinta);font-weight:500;font-size:19px;letter-spacing:0;transition:background .18s,color .18s}
.cab nav a:hover{background:var(--amarillo);color:var(--tinta)}
.cab nav a[aria-current]{background:var(--tinta);color:#fff;box-shadow:none}
.cab .btn{justify-self:end;grid-column:4;height:56px;padding:0 26px;font-size:18px;letter-spacing:0;box-shadow:0 0 0 1.5px #fff}
.cab .btn svg{width:21px;height:21px}
.cab :focus-visible,.saltar:focus-visible{outline:2.5px solid #fff;outline-offset:0;box-shadow:0 0 0 5px #0B0B0C}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;height:52px;padding:0 22px;background:#fff;border:var(--borde);border-radius:999px;font-size:19px;font-weight:500}
.menu summary::-webkit-details-marker{display:none}
.menu summary::after{content:"";width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;rotate:45deg;translate:0 -2px;transition:rotate .25s var(--sale),translate .25s var(--sale)}
.menu[open] summary::after{rotate:225deg;translate:0 2px}
.cab .menu nav{display:grid;gap:0;height:auto;align-items:stretch;position:absolute;left:var(--g);right:var(--g);top:calc(var(--alto-cab) + 2px);max-height:calc(100dvh - var(--alto-cab) - 14px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:var(--borde);border:var(--borde);border-radius:24px;padding:6px 20px}
.cab .menu nav a{height:auto;min-height:58px;padding:0;border:0;border-bottom:1px solid var(--linea);border-radius:0;font-size:22px;background:none}
.cab .menu nav a:last-child{border-bottom:0}
.cab .menu nav a[aria-current]{background:none;color:var(--tinta)}

/* pegatinas: vinilo troquelado, con su borde blanco y su contorno */
.pegatina{position:relative;z-index:2;rotate:var(--giro,0deg);background:#fff;border:var(--borde);box-shadow:0 0 0 5px #fff,0 0 0 6.5px var(--tinta);color:var(--tinta)}
.pegatina[data-despega]{cursor:grab;touch-action:auto;transition:scale .25s var(--muelle),rotate .25s var(--muelle)}
.pegatina.despegada{cursor:grabbing;scale:1.06;rotate:calc(var(--giro,0deg) + 3deg);z-index:5}
/* monedas: redondas, con un dato cada una. La de «Gratis» va en el hueco de la cinta */
.moneda{--d:clamp(104px,13vw,190px);position:absolute;right:0;top:0;z-index:3;width:var(--d);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--amarillo);--giro:8deg}
.moneda b{display:block;font:400 calc(var(--d)/4.6)/.92 var(--titular);text-transform:uppercase}
.moneda small{display:block;margin-top:.25em;font:600 calc(var(--d)/10.5)/1.1 var(--texto)}
/* pie */
.pie{background:var(--tinta);color:#D1D1D6;font-size:14.5px;padding:40px 0 32px}
.pie .wrap{max-width:var(--wrap);display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.pie img{height:50px;width:auto}
.pie nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-left:auto}
.pie a{display:inline-flex;align-items:center;min-height:24px;text-decoration:none}
.pie a:hover{color:#fff}
.pie .legal{flex-basis:100%;border-top:1px solid #3A3A3F;padding-top:16px;margin-top:6px;color:#B5B5BB;font-size:13.5px}

/* proyecto destacado: captura a un lado, cifras al otro (proyectos y portada) */
.destacado{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(12px,1.4vw,18px);text-decoration:none;color:inherit}
.destacado .foto{border-radius:22px;overflow:hidden;background:#14161A}
.destacado img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform 1s var(--sale)}
.destacado:hover img{transform:scale(1.02)}
.destacado .txt{padding:8px clamp(4px,1.5vw,20px) 8px 0}
.destacado .fila{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.destacado h3{font-size:clamp(22px,2.2vw,28px)}
.destacado .tipo{font:500 13px var(--texto);text-transform:uppercase}
.destacado p{font-size:16.5px;max-width:34em}
.virales{list-style:none;display:grid;gap:12px;margin:20px 0 14px}
.virales li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;padding-top:12px}
.virales span{font-size:15.5px}
.destacado .fuente{display:block;font-size:13.5px}
.destacado .url{display:inline-block;max-width:100%;margin-top:12px;font-weight:600;font-size:16px;overflow-wrap:anywhere}
.destacado{background:var(--amarillo);border:var(--borde);border-radius:32px}
.destacado .foto{border:var(--borde)}
.destacado p,.destacado .tipo,.destacado .fuente,.virales span{color:var(--tinta-2)}
.virales li{border-top:var(--borde)}
.virales b{font:400 clamp(30px,3.2vw,44px)/1 var(--titular);letter-spacing:0}
@media (max-width:860px){.destacado{grid-template-columns:minmax(0,1fr)}.destacado .txt{padding:4px 6px 10px}}

/* apariciones al hacer scroll (solo con JS; sin JS todo se ve) */
/* corta y sin retraso largo: el contenido ya está cuando llegas a él */
.mov .aparece{opacity:0;transform:translateY(12px);transition:opacity .5s var(--sale),transform .6s var(--sale);transition-delay:calc(min(var(--i,0),3)*50ms)}
.mov .aparece.visto{opacity:1;transform:none}

/* transición entre páginas · la firma de VIAMOS: la página nueva se abre en círculo
   desde donde hiciste clic (--vx/--vy, los pone el script de la cabecera), la vieja
   se aleja hacia ese punto y la cabecera se queda quieta. Todo sobre capturas: GPU. */
@view-transition{navigation:auto}
.cab{view-transition-name:cabecera}
::view-transition-group(cabecera){animation-duration:.6s}
::view-transition-old(root){animation:vt-fuera .6s cubic-bezier(.7,0,.2,1) both;transform-origin:var(--vx,50%) var(--vy,50%)}
::view-transition-new(root){animation:vt-dentro .75s cubic-bezier(.7,0,.2,1) both}
@keyframes vt-fuera{to{scale:.92;opacity:.35}}
@keyframes vt-dentro{from{clip-path:circle(0% at var(--vx,50%) var(--vy,50%))}to{clip-path:circle(142% at var(--vx,50%) var(--vy,50%))}}

/* titulares que suben palabra a palabra desde una máscara (los parte movimiento.js) */
/* la máscara deja aire alrededor de la palabra (y lo recupera con margen negativo) para no
   cortar signos que sobresalen: el «?» final con la interletra cerrada, el «¿», las descendentes */
.mov .partido .pal{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .12em .34em;margin:0 -.12em -.34em}
.mov .partido .pal-i{display:inline-block;translate:0 112%;transition:translate .95s cubic-bezier(.2,.9,.1,1);transition-delay:calc(var(--w,0)*42ms)}
.mov .partido.visto .pal-i{translate:0 0}

/* cifras que cuentan: ancho fijo para que no bailen */
[data-cuenta]{font-variant-numeric:tabular-nums}

@media (max-width:920px){:root{--alto-cab:76px}.menu{display:block;grid-column:2;justify-self:start}.cab .btn{display:none}.cab>.wrap>nav{display:none}.pie nav{margin-left:0}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mov .aparece{opacity:1;transform:none;transition:none}
  ::view-transition-old(root),::view-transition-new(root),::view-transition-group(cabecera){animation:none}
}

/* ——— idioma y fondo: dos botones junto a la acción, con la misma píldora que el menú ——— */
.cab .wrap>*{grid-row:1}
.ajustes{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px;pointer-events:none}
.tema-boton,.idioma summary{box-sizing:border-box;height:56px;display:flex;align-items:center;justify-content:center;background:#fff;color:#0B0B0C;border:1.5px solid #0B0B0C;border-radius:999px;cursor:pointer;transition:background .18s,rotate .35s var(--muelle)}
.tema-boton{width:56px;padding:0}
.tema-boton svg{width:24px;height:24px}
.tema-boton:hover,.idioma summary:hover{background:var(--amarillo)}
.tema-boton:hover{rotate:-12deg}
.tema-boton .sol{display:none}
[data-tema=oscuro] .tema-boton .luna{display:none}
[data-tema=oscuro] .tema-boton .sol{display:block}
.idioma{position:relative}
.idioma summary{list-style:none;gap:9px;padding:0 20px;font:500 19px/1 var(--texto)}
.idioma summary::-webkit-details-marker{display:none}
.idioma summary::after{content:"";width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;rotate:45deg;translate:0 -2px;transition:rotate .25s var(--sale),translate .25s var(--sale)}
.idioma[open] summary::after{rotate:225deg;translate:0 2px}
.cab .idioma nav{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:0;height:auto;min-width:176px;padding:6px;align-items:stretch;border-radius:24px}
.cab .idioma nav a{height:48px;padding:0 16px;font-size:18px}
.cab .idioma nav a[aria-current]{background:var(--amarillo);color:#0B0B0C}
@media (max-width:920px){.ajustes{grid-column:3 / 5}.tema-boton{width:52px;height:52px}.idioma summary{height:52px;padding:0 16px}}
@media (max-width:400px){.ajustes{gap:6px}.tema-boton{width:46px;height:46px}.tema-boton svg{width:21px;height:21px}.idioma summary{height:46px;padding:0 11px;font-size:17px;gap:7px}.menu summary{height:46px;padding:0 14px;font-size:17px}}
@media (min-width:921px) and (max-width:1120px){.cab nav a{padding:0 12px;font-size:17px}.cab .btn{padding:0 18px;font-size:16px}.idioma summary{padding:0 14px}}
@media (min-width:921px) and (max-width:1000px){.cab .btn svg{display:none}}

/* una acción larga en otro idioma baja de línea: nunca se sale */
@media (max-width:480px){.btn{white-space:normal;text-align:center;line-height:1.2}}
.plan .btn{white-space:normal;text-align:center;line-height:1.15}

/* ——— volver arriba: la última pegatina de la página, a caballo entre el cierre y el pie ——— */
.pie{position:relative;z-index:3}
.subir{position:absolute;right:max(var(--gutter),calc((100% - var(--wrap))/2 + var(--gutter)));top:0;translate:0 -50%;rotate:-8deg;box-sizing:border-box;width:104px;height:104px;display:grid;place-content:center;justify-items:center;gap:3px;border-radius:50%;background:var(--amarillo);color:#0B0B0C;border:1.5px solid #0B0B0C;box-shadow:0 0 0 5px #fff,0 0 0 6.5px #0B0B0C;font:600 14px/1 var(--texto);text-align:center;text-decoration:none;transition:rotate .35s var(--muelle),translate .35s var(--muelle),background .18s}
.pie a.subir{min-height:0;display:grid}
.pie a.subir:hover{color:#0B0B0C;background:var(--verde);rotate:4deg;translate:0 calc(-50% - 6px)}
.subir svg{width:30px;height:30px}
.subir:focus-visible{outline:2.5px solid #fff;outline-offset:8px}
@media (max-width:700px){.subir{width:88px;height:88px;font-size:12.5px}.subir svg{width:25px;height:25px}}
@media (prefers-reduced-motion:reduce){.subir{transition:background .18s}.pie a.subir:hover{rotate:-8deg;translate:0 -50%}}

/* ——— fondo oscuro: la pared se apaga y el color pasa a las letras y a las pegatinas. La tinta se
   vuelve blanca, salvo dentro de lo que sigue teniendo color: ahí manda la regla de siempre, tinta
   sobre color. --papel es la superficie de las tarjetas. ——— */
[data-tema=oscuro]{color-scheme:dark;--tinta:#fff;--tinta-2:#D9D9DE;--tinta-3:#A9A9B0;--linea:rgba(255,255,255,.22);--borde:1.5px solid #fff;--gris:#18181B;--gris-2:#222226;--papel:#141416;--sobre:#fff;--sobre-fino:#D9D9DE;--halo:#0B0B0C;--acento:var(--amarillo)}
[data-tema=oscuro] body{background:#0B0B0C}
[data-tema=oscuro] ::selection{color:#0B0B0C}
[data-tema=oscuro] :is(.pegatina,.moneda,.btn:not(.btn-claro),.destacado,.oferta.oscura,.caja,.calc,mark.pendiente,.lectura th,.lectura .cierre,.lectura h1 em){--tinta:#0B0B0C;--tinta-2:#1E1E22;--linea:rgba(11,11,12,.22);--borde:1.5px solid #0B0B0C;color:#0B0B0C}
[data-tema=oscuro] .btn{background:var(--acento);color:#0B0B0C}
[data-tema=oscuro] .btn:hover{background:#fff;color:#0B0B0C}
[data-tema=oscuro] .btn-claro{background:none;color:#fff}
[data-tema=oscuro] .btn-claro:hover{background:var(--amarillo);color:#0B0B0C}
[data-tema=oscuro] .cab nav,[data-tema=oscuro] .menu summary{background:var(--papel)}
[data-tema=oscuro] .cab .menu nav{background:var(--papel)}
[data-tema=oscuro] .cab nav a:hover{color:#0B0B0C}
[data-tema=oscuro] .cab nav a[aria-current]{background:#fff;color:#0B0B0C}
[data-tema=oscuro] .tema-boton,[data-tema=oscuro] .idioma summary{background:var(--papel);color:#fff;border-color:#fff}
[data-tema=oscuro] .tema-boton:hover,[data-tema=oscuro] .idioma summary:hover{background:var(--amarillo);color:#0B0B0C}
[data-tema=oscuro] .cab .marca img{opacity:0}
[data-tema=oscuro] .cab .marca::after{opacity:1;background-image:url(/marca/viamos-logotipo-blanco.svg)}
[data-tema=oscuro] .pie{background:#0B0B0C;border-top:1px solid #3A3A3F}
[data-tema=oscuro] .pie a.subir:hover{background:var(--verde)}
[data-tema=oscuro] .destacado .btn,[data-tema=oscuro] .oferta.oscura .btn,[data-tema=oscuro] .lectura .cierre .btn{background:#0B0B0C;color:#fff}
[data-tema=oscuro] .destacado .btn:hover,[data-tema=oscuro] .oferta.oscura .btn:hover,[data-tema=oscuro] .lectura .cierre .btn:hover{background:#fff;color:#0B0B0C}
@media (max-width:700px){[data-tema=oscuro].vivo .cinta-viva{opacity:.78}}
/* las páginas de lectura y proyectos no tienen cinta viva: sus bandas se apagan aquí */
[data-tema=oscuro] .lectura-cab{background:#0B0B0C}
[data-tema=oscuro] .lectura-cab h1{color:var(--amarillo)}
[data-tema=oscuro] .lectura-cuerpo{background:#0B0B0C}
[data-tema=oscuro] .lectura .otras a{background:var(--papel);color:#fff}
[data-tema=oscuro] .lectura .otras a:hover{background:var(--amarillo);color:#0B0B0C}
[data-tema=oscuro] .lectura .otras a:hover::after{background:#0B0B0C}
[data-tema=oscuro] .cabeza.portada-p,[data-tema=oscuro] #ofertas,[data-tema=oscuro] #hechos,[data-tema=oscuro] .oficio{background:#0B0B0C}
[data-tema=oscuro] .portada-p h1{color:var(--amarillo)}
[data-tema=oscuro] #ofertas{--acento:var(--verde)}
[data-tema=oscuro] #ofertas h2{color:var(--verde)}
[data-tema=oscuro] .oficio :is(h2,p){color:var(--amarillo)}
[data-tema=oscuro] .oferta{background:var(--papel)}
[data-tema=oscuro] .oferta.oscura{background:var(--amarillo)}
[data-tema=oscuro] .perdido h1{color:var(--amarillo)}
[data-tema=oscuro] #situaciones,[data-tema=oscuro] .diez{background:#0B0B0C}
[data-tema=oscuro] .puerta b{color:var(--amarillo)}
[data-tema=oscuro] .puerta:hover{background:var(--amarillo);color:#0B0B0C}
[data-tema=oscuro] .puerta:hover b{color:#0B0B0C}
[data-tema=oscuro] .diez h2{color:var(--fucsia)}
[data-tema=oscuro] .diez h2 em{--tinta:#0B0B0C;--borde:1.5px solid #0B0B0C}
[data-tema=oscuro] .diez{--acento:var(--fucsia)}