/* Botón de tema y ajustes manuales del modo claro (tema-claro.css es generado). */
header[data-sc-con-tema]{position:relative}
header.pv-cab[data-sc-con-tema]{padding-right:calc(var(--gutter,16px) + 52px)}
header.cabecera[data-sc-con-tema],header.legal-header[data-sc-con-tema]{padding-right:76px}
.sc-tema{position:absolute;top:50%;right:var(--gutter,16px);transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:999px;border:1px solid #ffffff26;background:transparent;color:#eef0f2;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
header.cabecera>.sc-tema,header.legal-header>.sc-tema{right:20px}
.sc-tema svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sc-tema:hover{border-color:#ffffff55}
.sc-tema:focus-visible{outline:3px solid #ff9f1c;outline-offset:2px}
html[data-tema="claro"][data-sc-pagina] .sc-tema{border-color:#11151c26;color:#1a1e24}
html[data-tema="claro"][data-sc-pagina] .sc-tema:hover{border-color:#11151c66}
html[data-tema="claro"][data-sc-pagina] .sc-tema:focus-visible{outline-color:#b86200}
/* Sin transiciones de color durante el cambio de tema */
html[data-sc-tema-cambiando] *,html[data-sc-tema-cambiando] *::before,html[data-sc-tema-cambiando] *::after{transition:none!important}
@media print{.sc-tema{display:none!important}}
/* Selector de capítulos de la portada: la ficha activa queda oscura con letra blanca */
html[data-tema="claro"][data-sc-pagina] .pv-capitulo[aria-pressed=true]{color:#fff}
html[data-tema="claro"][data-sc-pagina] .pv-capitulo__luz{box-shadow:0 6px 18px -8px #11151c80}
/* Lienzos de partículas: dibujan en tonos claros sobre transparente; en claro se invierten
   (el ámbar conserva su tono gracias al giro de 180°) */
html[data-tema="claro"][data-sc-pagina] .pv-sistema__particulas,html[data-tema="claro"][data-sc-pagina] .pv-exhibidor{filter:invert(1) hue-rotate(180deg)}
/* Ilustración de líneas claras del Market */
html[data-tema="claro"][data-sc-pagina] .sc-market-visual img{filter:invert(1) hue-rotate(180deg)}
@media(max-width:420px){
 header.cabecera[data-sc-con-tema],header.legal-header[data-sc-con-tema]{padding-right:60px}
 header.cabecera>.sc-tema,header.legal-header>.sc-tema{right:12px;width:40px;height:40px}
 header.pv-cab[data-sc-con-tema]{padding-right:calc(var(--gutter,16px) + 48px)}
 header.pv-cab>.sc-tema{width:40px;height:40px}
}
/* Las muestras del selector de tema conservan sus colores reales en ambos modos */
html [data-tema-opcion=oscuro] .sc-tema-muestra{background:linear-gradient(#0b0d10 0 34%,#181d24 34%)!important;border-color:#00000033!important}
html [data-tema-opcion=claro] .sc-tema-muestra{background:linear-gradient(#f7f8fa 0 34%,#ffffff 34%)!important;box-shadow:inset 0 0 0 1px #d9dde2!important}
/* Comparador: rótulos "AUTO 1/2/3" con el color del auto, oscurecido para leerse sobre blanco */
html[data-tema="claro"][data-sc-pagina] .cmp-auto-elegido .cmp-auto-numero{color:var(--cmp-a-texto)}
html[data-tema="claro"][data-sc-pagina] .cmp-auto-elegido[data-lugar="1"] .cmp-auto-numero{color:var(--cmp-b-texto)}
html[data-tema="claro"][data-sc-pagina] .cmp-auto-elegido[data-lugar="2"] .cmp-auto-numero{color:var(--cmp-c-texto)}

/* Skai desactivado: no se dibuja (regla temprana, antes de que carguen los ajustes de la app). */
html[data-sc-skai-oculto=true] .skai{display:none!important}