/* Construmateriales - modo oscuro del panel de staff (v47). Se enciende con <html data-modo="oscuro">; lo pone el
   servidor (cookie cm_modo_st, aparte de la tienda) o assets/modo.js. El boton se configura en Tienda → Apariencia. */
:root[data-modo=oscuro]{
  color-scheme:dark;
  --tinta-fija:#16202e; --inverso:#2a3546;
  --azul:#5b8ff0; --azul-cl:#1c2a44; --tinta:#e6ebf2; --gris:#a3adbb; --linea:#2e3846; --fondo:#0f141b;
  --verde:#35a96c; --rojo:#ef5a52; --naranja:#f0973f;
}
/* ---- interruptor del modo oscuro (tienda y panel): estilos interruptor | boton | texto; iconos luna | bombilla | contraste ---- */
.modo{--modo-ico-claro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4.3'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 2.2v2.3M12 19.5v2.3M4.9 4.9l1.6 1.6M17.5 17.5l1.6 1.6M2.2 12h2.3M19.5 12h2.3M4.9 19.1l1.6-1.6M17.5 6.5l1.6-1.6'/%3E%3C/svg%3E");--modo-ico-oscuro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 14.7A8.7 8.7 0 0 1 9.3 3.4a8.8 8.8 0 1 0 11.3 11.3z'/%3E%3Cpath d='M17.2 3.6l.5 1.3 1.3.5-1.3.5-.5 1.3-.5-1.3-1.3-.5 1.3-.5z'/%3E%3C/svg%3E");--modo-sol:#f5a000;--modo-luna:#ffd772;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 2px;border:0;background:none;color:inherit;font:inherit;font-size:.84rem;font-weight:600;line-height:1.1;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.modo[data-icono=bombilla]{--modo-ico-claro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5a6.4 6.4 0 0 0-3.9 11.5c.7.6 1.1 1.3 1.1 2.1v.4h5.6v-.4c0-.8.4-1.5 1.1-2.1A6.4 6.4 0 0 0 12 2.5z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M9.6 19.4h4.8M10.6 22h2.8'/%3E%3C/svg%3E");--modo-ico-oscuro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 3.3a5.6 5.6 0 0 0-3.4 10.1c.7.6 1.2 1.4 1.2 2.3v.6h4.4v-.6c0-.9.5-1.7 1.2-2.3A5.6 5.6 0 0 0 12 3.3zM9.6 19.4h4.8M10.6 22h2.8'/%3E%3C/svg%3E");--modo-luna:#ffd772}
.modo[data-icono=contraste]{--modo-ico-claro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 3.4a8.6 8.6 0 0 1 0 17.2z'/%3E%3C/svg%3E");--modo-ico-oscuro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 3.4a8.6 8.6 0 0 1 0 17.2z'/%3E%3C/svg%3E");--modo-sol:currentColor;--modo-luna:#e6ebf2}
.modo:focus-visible{outline:3px solid var(--ambar);outline-offset:2px;border-radius:99px}
.modo__i{grid-area:1/1;width:15px;height:15px;background:currentColor;-webkit-mask:var(--modo-ico-claro) center/contain no-repeat;mask:var(--modo-ico-claro) center/contain no-repeat;transition:opacity .25s ease,transform .45s cubic-bezier(.34,1.4,.64,1)}
.modo__i--claro{color:var(--modo-sol)}
.modo__i--oscuro{color:var(--modo-luna);-webkit-mask-image:var(--modo-ico-oscuro);mask-image:var(--modo-ico-oscuro);opacity:0;transform:rotate(-100deg) scale(.4)}
.modo__ico{display:grid;place-items:center}
.modo--interruptor .modo__ico,.modo--boton .modo__pista,.modo--texto .modo__pista,.modo--boton .modo__t{display:none}
/* interruptor: pista con perilla que se desliza; de noche aparecen estrellas */
.modo__pista{position:relative;flex:none;width:50px;height:28px;border-radius:99px;background:rgba(22,32,46,.16);box-shadow:inset 0 0 0 1px rgba(22,32,46,.1);transition:background-color .35s ease;overflow:hidden}
.modo__pista::before{content:"";position:absolute;inset:0;background:radial-gradient(1.2px 1.2px at 9px 9px,#fff 98%,transparent),radial-gradient(1px 1px at 15px 18px,#fff 98%,transparent),radial-gradient(1.4px 1.4px at 21px 8px,#fff 98%,transparent),radial-gradient(1px 1px at 11px 21px,#fff 98%,transparent);opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .5s ease}
.modo__perilla{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.28);display:grid;place-items:center;transition:transform .45s cubic-bezier(.34,1.4,.64,1),background-color .35s ease}
.modo:hover .modo__pista{background:rgba(22,32,46,.24)}
/* boton redondo */
.modo--boton{justify-content:center;width:42px;height:42px;min-height:0;padding:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(22,32,46,.22);transition:background-color .2s ease,box-shadow .2s ease}
.modo--boton,.modo--texto{--modo-sol:currentColor;--modo-luna:currentColor}
.modo--boton .modo__i,.modo--texto .modo__i{width:20px;height:20px}
.modo--boton:hover,.modo--texto:hover{background:rgba(22,32,46,.08)}
/* boton con texto */
.modo--texto{min-height:38px;padding:0 13px 0 10px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(22,32,46,.22)}
.modo__t2,.modo--texto .modo__t2{display:none}
/* encendido */
:root[data-modo=oscuro] .modo__pista{background:#2c3a55;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
:root[data-modo=oscuro] .modo:hover .modo__pista{background:#34446a}
:root[data-modo=oscuro] .modo__pista::before{opacity:.9;transform:none}
:root[data-modo=oscuro] .modo__perilla{transform:translateX(22px);background:#121822}
:root[data-modo=oscuro] .modo__i--claro{opacity:0;transform:rotate(100deg) scale(.4)}
:root[data-modo=oscuro] .modo__i--oscuro{opacity:1;transform:none}
:root[data-modo=oscuro] .modo[data-icono=contraste] .modo__i--oscuro{transform:rotate(180deg)}
:root[data-modo=oscuro] .modo--boton,:root[data-modo=oscuro] .modo--texto{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
:root[data-modo=oscuro] .modo--boton:hover,:root[data-modo=oscuro] .modo--texto:hover{background:rgba(255,255,255,.08)}
:root[data-modo=oscuro] .modo--texto .modo__t1{display:none}
:root[data-modo=oscuro] .modo--texto .modo__t2{display:inline}
@media (prefers-reduced-motion:reduce){.modo__perilla,.modo__i,.modo__pista::before{transition-duration:.15s;transition-timing-function:ease}.modo__i--oscuro,:root[data-modo=oscuro] .modo__i--claro{transform:none}}
/* cambio de modo: la pagina nueva aparece en un circulo que crece desde el boton (View Transitions; sin soporte, cambia al instante) */
:root.modo-vt::view-transition-old(root),:root.modo-vt::view-transition-new(root){animation:none;mix-blend-mode:normal}
:root.modo-vt::view-transition-new(root){z-index:2}
/* ---- reglas con colores fijos (generadas de staff.css) ---- */
:root[data-modo=oscuro] .st-chip{background:#1b212a;border-radius:99px;border:1px solid var(--linea)}
:root[data-modo=oscuro] a.st-chip:hover{border-color:var(--azul)}
:root[data-modo=oscuro] .st-chip--act{background:var(--inverso);border-color:var(--inverso)}
:root[data-modo=oscuro] .st-ayuda{color:var(--gris)}
:root[data-modo=oscuro] .st-kpi{background:#1b212a;border:1px solid var(--linea);border-radius:var(--radio)}
:root[data-modo=oscuro] .st-caja{background:#1b212a}
:root[data-modo=oscuro] .st-tabla tbody tr:hover{background:#1c222c}
:root[data-modo=oscuro] .st-calor{background:#202630;color:var(--gris)}
:root[data-modo=oscuro] .st-calor--medio{background:#2c240f;color:#dfab64}
:root[data-modo=oscuro] .st-calor--alto{background:#352323;color:#fba69c}
:root[data-modo=oscuro] .st-calor--cliente{background:#212731;color:#8bd7a6}
:root[data-modo=oscuro] .st-grafico{background:#1b212a}
:root[data-modo=oscuro] .st-ley{border-radius:2px}
:root[data-modo=oscuro] .st-ley--p{border:1.5px solid var(--inverso);border-radius:50%}
:root[data-modo=oscuro] .st-btn{border:1px solid #434a55;background:#1b212a;border-radius:8px;color:var(--tinta)}
:root[data-modo=oscuro] .st-btn:hover{border-color:var(--azul);color:var(--azul)}
:root[data-modo=oscuro] .st-btn--pri{color:var(--tinta-fija);background:var(--ambar);border-color:var(--ambar)}
:root[data-modo=oscuro] .st-btn--pri:hover{color:var(--tinta-fija);background:#ffcf3d}
:root[data-modo=oscuro] .st-btn--wp{background:var(--verde);border-color:var(--verde);color:#fff}
:root[data-modo=oscuro] .st-btn--wp:hover{background:#11653a;color:#fff}
:root[data-modo=oscuro] .st-buscar input{border:1px solid #434a55}
:root[data-modo=oscuro] .st-form input,:root[data-modo=oscuro] .st-form select,:root[data-modo=oscuro] .st-config input,:root[data-modo=oscuro] .st-config select,:root[data-modo=oscuro] .st-config textarea,:root[data-modo=oscuro] .st-linea select{border:1px solid #434a55;background:#1b212a}
:root[data-modo=oscuro] .st-config input::placeholder,:root[data-modo=oscuro] .st-config textarea::placeholder{color:#989faa}
:root[data-modo=oscuro] .st-alerta{background:#282313;border:1px solid #f1d98a;border-left:5px solid var(--ambar);border-radius:8px}
:root[data-modo=oscuro] .st-alerta--mal{background:#202630;border-color:#614141;color:#ffc3bb;border-left-color:var(--rojo)}
:root[data-modo=oscuro] .st-alerta--bien{background:#202630;border-color:#36513f;color:#a5e3b9;border-left-color:var(--verde)}
:root[data-modo=oscuro] .st-vacio{background:#1b212a}
:root[data-modo=oscuro] .st--fuera{background:var(--inverso)}
:root[data-modo=oscuro] .st-login{background:#1b212a}
:root[data-modo=oscuro] .st-btn--peligro{color:var(--rojo)}
:root[data-modo=oscuro] .st-btn--peligro:hover{border-color:var(--rojo);color:var(--rojo)}
:root[data-modo=oscuro] .st-mini-img img{background:#1b212a}
:root[data-modo=oscuro] .st-anuncio .st-campo input,:root[data-modo=oscuro] .st-anuncio .st-campo textarea,:root[data-modo=oscuro] .st-anuncio .st-campo select{border:1px solid #434a55;background:#1b212a}
:root[data-modo=oscuro] .st-producto{background:#1c222c;border:1px solid var(--linea);border-radius:8px}
:root[data-modo=oscuro] .st-producto img{background:#1b212a}
:root[data-modo=oscuro] .st-producto--mal{border-color:#614141;background:#202630;color:#ffc3bb}
:root[data-modo=oscuro] .st-vista{background:#1e242e}
:root[data-modo=oscuro] .st-ayuda--mal{color:#fb9889}
:root[data-modo=oscuro] .st-calor--azul{background:var(--azul-cl);color:var(--azul)}
:root[data-modo=oscuro] .st-noti{background:#1b212a}
:root[data-modo=oscuro] .st-noti__m{color:#b9c0cc}
:root[data-modo=oscuro] .st-noti__img{background:#202630}
:root[data-modo=oscuro] .st-anuncio .st-opciones input[type=datetime-local]{border:1px solid #434a55}
:root[data-modo=oscuro] .st-progreso{background:#232932}
:root[data-modo=oscuro] .st-progreso::-webkit-progress-bar{background:#232932}
:root[data-modo=oscuro] .st-progreso::-webkit-progress-value{background:var(--azul)}
:root[data-modo=oscuro] .st-progreso::-moz-progress-bar{background:var(--azul)}
:root[data-modo=oscuro] .st-codigo{border:1px solid #434a55;background:#1c222c;border-radius:8px}
:root[data-modo=oscuro] .st-anuncio .st-buscador input{background:#1b212a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23566172' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 11px center}
:root[data-modo=oscuro] .st-sug{background:#1b212a}
:root[data-modo=oscuro] .st-sug img{background:#1b212a}
:root[data-modo=oscuro] .st-ed{background:#1c222c}
:root[data-modo=oscuro] .st-anuncio .st-ed__fondo input{border:1px solid #434a55;background:#1b212a}
:root[data-modo=oscuro] .st-marco__lienzo{border:1px solid #434a55;background:repeating-conic-gradient(#202630 0 25%,#1b212a 0 50%) 0 0/16px 16px;border-radius:8px}
:root[data-modo=oscuro] .tx-rojo{color:#fd887d}
:root[data-modo=oscuro] .tx-verde{color:#6ac88d}
:root[data-modo=oscuro] .tx-naranja{color:#f4773b}
:root[data-modo=oscuro] .tx-resaltado{background:#2c270a}
:root[data-modo=oscuro] .st-ia{border:1px solid #4e4762;background:linear-gradient(135deg,#202630,#212730);color:#c5c3fd;border-radius:99px}
:root[data-modo=oscuro] .st-ia:hover{background:linear-gradient(135deg,#2b2538,#222a36);border-color:#7c5cff}
:root[data-modo=oscuro] .st-ia--suave{background:#1b212a;border-color:var(--linea);color:var(--gris)}
:root[data-modo=oscuro] .st-rico{border:1px solid #434a55;background:#1b212a;border-radius:8px}
:root[data-modo=oscuro] .st-rico:focus-within{border-color:var(--azul)}
:root[data-modo=oscuro] .st-rico__barra{background:#1c222c}
:root[data-modo=oscuro] .st-rico__b{background:transparent}
:root[data-modo=oscuro] .st-rico__b:hover{background:#202630}
:root[data-modo=oscuro] .st-rico__b--azul::before{background:#1f4fa3}
:root[data-modo=oscuro] .st-rico__b--rojo::before{background:#c62828}
:root[data-modo=oscuro] .st-rico__b--verde::before{background:#17804a}
:root[data-modo=oscuro] .st-rico__b--naranja::before{background:#d35400}
:root[data-modo=oscuro] .st-rico__b--resaltar{background:#2c270a}
:root[data-modo=oscuro] .st-rico--vacio .st-rico__area::before{color:#989faa}
:root[data-modo=oscuro] .st-rico--excede{border-color:var(--rojo)}
:root[data-modo=oscuro] .st-rico--pensando .st-rico__area{background:linear-gradient(90deg,#1b212a 0%,#282430 50%,#1b212a 100%);color:var(--gris)}
:root[data-modo=oscuro] .st-emojis{background:#1b212a}
:root[data-modo=oscuro] .st-emojis button:hover{background:#202630}
:root[data-modo=oscuro] .st-aviso{background:var(--inverso)}
:root[data-modo=oscuro] .st-aviso--mal{background:#7a1414}
:root[data-modo=oscuro] .st-dialogo textarea{border:1px solid #434a55}
:root[data-modo=oscuro] .st-formato{background:#1b212a}
:root[data-modo=oscuro] .st-formato:has(input:checked){background:var(--azul-cl)}
:root[data-modo=oscuro] .st-formato__dib{border:1px solid #3e454f;background:#1b212a;border-radius:6px}
:root[data-modo=oscuro] .st-formato__dib i{background:linear-gradient(135deg,#2f3d54,#5f86c9)}
:root[data-modo=oscuro] .st-formato__dib b{background:repeating-linear-gradient(180deg,#2c333d 0 3px,transparent 3px 7px)}
:root[data-modo=oscuro] .st-formato__dib--vitrina b{background:repeating-linear-gradient(180deg,rgba(26,33,44,.85) 0 3px,transparent 3px 7px)}
:root[data-modo=oscuro] .st-formato__dib--dividido{background:var(--azul-osc)}
:root[data-modo=oscuro] .st-formato__dib--dividido b{background:repeating-linear-gradient(180deg,rgba(26,33,44,.7) 0 3px,transparent 3px 7px)}
:root[data-modo=oscuro] .st-ed__barra--ia{border:1px dashed #4e4762;background:#1d232d;border-radius:8px}
:root[data-modo=oscuro] .st-ed__barra--bajar{border:1px dashed #3a4f44;background:#1d232c;border-radius:8px}
:root[data-modo=oscuro] .st-ed__barra--bajar .st-ed__ia-t{color:var(--verde)}
:root[data-modo=oscuro] .st-ed__ia-t{color:#c5c3fd}
:root[data-modo=oscuro] .st-btn--suave{background:#1b212a;color:var(--gris)}
:root[data-modo=oscuro] .st-ed__ocupado{background:#282430;color:#c5c3fd}
:root[data-modo=oscuro] .st-giro{border:3px solid #4e4762;border-top-color:#4b2fa8;border-radius:50%}
:root[data-modo=oscuro] .st-iatarea__estado{color:#a5e3b9}
:root[data-modo=oscuro] .st-iatarea__estado--mal{color:#ffc3bb}
:root[data-modo=oscuro] .st-reg__buscar input[type=search]{border:1px solid #434a55}
:root[data-modo=oscuro] .st-reg__e{background:#1b212a}
:root[data-modo=oscuro] .st-apar__marco{background:#1b212a}
:root[data-modo=oscuro] .st-fotos__busca input{border:1px solid #434a55}
:root[data-modo=oscuro] .st-fotos__mini{background:#1b212a}
:root[data-modo=oscuro] .st-fotos__mini canvas{background:#1b212a}
:root[data-modo=oscuro] .st-fotos__num{color:var(--gris)}
:root[data-modo=oscuro] .st-fotos__slot--sucia .st-fotos__num{color:#f38c51}
:root[data-modo=oscuro] .st-fotos__marco{background:repeating-conic-gradient(#202630 0 25%,#1b212a 0 50%) 0 0/24px 24px}
:root[data-modo=oscuro] .st-fotos__modelo select{border:1px solid #434a55}
:root[data-modo=oscuro] .st-fotos__cmd input{border:1px solid #434a55}
:root[data-modo=oscuro] .st-fotos__chip{border-color:#49425c;background:#1d232d}
:root[data-modo=oscuro] .st-fotos__var select,:root[data-modo=oscuro] .st-fotos__rejilla select,:root[data-modo=oscuro] .st-fotos__rejilla input[type=text]{border:1px solid #434a55}
:root[data-modo=oscuro] .st-fotos__color input,:root[data-modo=oscuro] .st-fotos__rejilla input[type=color]{border:1px solid #434a55;background:#1b212a}
:root[data-modo=oscuro] .st-fotos__fondo>button[data-fondo-url]{background:#1b212a}
:root[data-modo=oscuro] .st-fotos__fondo-ia input{border:1px solid #434a55}
:root[data-modo=oscuro] .st-fotos__logo img{background:repeating-conic-gradient(#202630 0 25%,#1b212a 0 50%) 0 0/10px 10px}
:root[data-modo=oscuro] .st-fotos__campo input[type=text]{border:1px solid #434a55}
:root[data-modo=oscuro] .st-modal h2::before{border:3px solid #4e4762}
:root[data-modo=oscuro] .st-modal progress{background:#232933}
:root[data-modo=oscuro] .st-modal progress::-webkit-progress-bar{background:#232933}
:root[data-modo=oscuro] .st-ed--soltar,:root[data-modo=oscuro] .st-fotos--soltar{background-color:#1f252f}
:root[data-modo=oscuro] .st-sub kbd,:root[data-modo=oscuro] .st-ed kbd{background:#1b212a}
:root[data-modo=oscuro] .st-pr__item{background:#1b212a}
:root[data-modo=oscuro] .st-pr__marca{background:#2c2408;color:#d9b56d}
:root[data-modo=oscuro] .st-pr__vars code{background:#20262f;color:#a3c5fe}
:root[data-modo=oscuro] .st-pr__mal{color:#fb9889}
:root[data-modo=oscuro] .st-fb__a{background:#202630;color:#b8c0cb}
:root[data-modo=oscuro] .st-fb__a--subir{background:#1d2a21;color:#8cd6a4}
:root[data-modo=oscuro] .st-fb__a--reemplazar{background:#212731;color:#a3c5fe}
:root[data-modo=oscuro] .st-fb__a--borrar,:root[data-modo=oscuro] .st-fb__a--fondo-borrar{background:#212730;color:#fba49b}
:root[data-modo=oscuro] .st-fb__a--ia{background:#2a2432;color:#c6bafe}
:root[data-modo=oscuro] .st-fb__a--ordenar{background:#2b240e;color:#dfab64}
:root[data-modo=oscuro] .st-app-banda{border-radius:var(--radio);background:linear-gradient(90deg,#0f2a5c,#1f4fa3);color:#fff}
:root[data-modo=oscuro] .st-app-banda--push{background:linear-gradient(90deg,#4b2fa8,#1f4fa3)}
:root[data-modo=oscuro] .st-app-banda--push-ok,:root[data-modo=oscuro] .st-app-banda--ok{background:#1f252f;color:#8cd6a4;border:1px solid #304c3b}
:root[data-modo=oscuro] .st-app-banda--mal{background:#212730;color:#fba49b;border-color:#5e3e3f}
:root[data-modo=oscuro] .st-app-banda .st-btn--suave{background:rgba(255,255,255,.15);color:inherit;border-color:rgba(255,255,255,.35)}
:root[data-modo=oscuro] .st-app-banda--push-ok .st-btn--suave,:root[data-modo=oscuro] .st-app-banda--ok .st-btn--suave{background:#1b212a;color:#8cd6a4;border-color:#304c3b}
:root[data-modo=oscuro] .st-sensible{background:#292313;color:#e5c082}
:root[data-modo=oscuro] .st-sensible-modal h2{color:#dfab64}
:root[data-modo=oscuro] .st-caja--desliza .st-tabla thead th{background:#1b212a}
:root[data-modo=oscuro] .st-tabla-cols>summary{background:#1b212a}
:root[data-modo=oscuro] .st-tabla-cols__l{background:#1b212a}
:root[data-modo=oscuro] .st-chip__n{background:rgba(0,0,0,.07)}
:root[data-modo=oscuro] .st-chip--act .st-chip__n{background:rgba(255,255,255,0.08)}
:root[data-modo=oscuro] .st-ba{background:#202630;color:#b8c0cb}
:root[data-modo=oscuro] .st-ba--ia{background:#2a2432;color:#c6bafe}
:root[data-modo=oscuro] .st-ba--fotos{background:#1d2a21;color:#8cd6a4}
:root[data-modo=oscuro] .st-ba--publicidad{background:#2b240e;color:#dfab64}
:root[data-modo=oscuro] .st-ba--notificaciones{background:#212731;color:#a3c5fe}
:root[data-modo=oscuro] .st-ba--config{background:#212730;color:#fba49b}
:root[data-modo=oscuro] .st-ba--usuarios{background:#20262f;color:#8ad0ec}
:root[data-modo=oscuro] .st-ba--sesiones{background:#202630;color:#aeb6c1}
:root[data-modo=oscuro] .st-fb__mal{color:#fba49b}
:root[data-modo=oscuro] .st-kpi--mal{border-color:#5e3e3f;background:#1d232d}
:root[data-modo=oscuro] .st-kpi--mal .st-kpi__v{color:#fba49b}
:root[data-modo=oscuro] .st-etq__pol pre{background:#1e242d}
:root[data-modo=oscuro] .st-ed-fotos{background:#1c222b}
:root[data-modo=oscuro] .st-ed-fotos__b{background:#1b212a}
:root[data-modo=oscuro] .st-ed-fotos__b img{background:repeating-conic-gradient(#202630 0 25%,#1b212a 0 50%) 0 0/16px 16px}
:root[data-modo=oscuro] .st-img__marca{background:#202630;color:var(--gris)}
:root[data-modo=oscuro] .st-img__marca--propia{background:#1d2a21;color:#8cd6a4}
:root[data-modo=oscuro] .st-img__prev{background:repeating-conic-gradient(#202630 0 25%,#1b212a 0 50%) 0 0/16px 16px}
:root[data-modo=oscuro] .st-img__prev--oscuro{background:#16202e}
:root[data-modo=oscuro] .st-img__prev figcaption{background:rgba(26,33,44,.85)}
:root[data-modo=oscuro] .st-fotos__marca>button[data-marca-url]{background:repeating-conic-gradient(#202630 0 25%,#1b212a 0 50%) 0 0/14px 14px}
:root[data-modo=oscuro] .st-fotos__marca span{background:rgba(26,33,44,.9)}
:root[data-modo=oscuro] .st-avatar{background:#202630}
:root[data-modo=oscuro] .st-avatar--letra{background:#222832}
:root[data-modo=oscuro] .st-pill{background:#202630;color:var(--tinta)}
:root[data-modo=oscuro] .st-pill--aviso{background:#2d2408;color:#d8b56d}
:root[data-modo=oscuro] .st-si{color:#7cd197}
:root[data-modo=oscuro] .st-cumple{color:#fc9273}
:root[data-modo=oscuro] .st-dc__form .st-campo input:not([type=checkbox]),:root[data-modo=oscuro] .st-dc__form .st-campo select,:root[data-modo=oscuro] .st-dc__form .st-campo textarea{border:1px solid #434a55;background:#1b212a}
:root[data-modo=oscuro] .st-pill--si{background:#212730;color:#7cd197}
:root[data-modo=oscuro] .st-pill--mal{background:#342322;color:#ff9f8f}
:root[data-modo=oscuro] .st-lg__srv-i{background:#1b212a}
:root[data-modo=oscuro] .st-lg__srv-i select{border:1px solid #434a55;background:#1b212a}
:root[data-modo=oscuro] .st-lg__texto{border:1px solid #434a55;background:#1b212a;border-radius:8px}
:root[data-modo=oscuro] .st-lg__ia textarea,:root[data-modo=oscuro] .st-lg__instr textarea{border:1px solid #434a55}
:root[data-modo=oscuro] .st-lg__ia-trabajando{background:#282313;color:#e1c07f}
:root[data-modo=oscuro] .st-lg__envio pre{background:#1e242d}
:root[data-modo=oscuro] .st-lg__vista{background:#1b212a}
:root[data-modo=oscuro] .st-lg__vista code{background:#1f252f}
:root[data-modo=oscuro] .st-lg__vista blockquote{background:#1d232c}
:root[data-modo=oscuro] .st-lg__vista .legal__indice{background:#1e242d}
:root[data-modo=oscuro] .st-q{background:#1b212a}
:root[data-modo=oscuro] .st-q:hover,:root[data-modo=oscuro] .st-q:focus-visible{background:var(--azul)}
:root[data-modo=oscuro] .st-pt__mini--sin{background:#1f252f}
:root[data-modo=oscuro] .st-pt__vista{background:#1b212a}
:root[data-modo=oscuro] .ca,:root[data-modo=oscuro] .ca-hist,:root[data-modo=oscuro] .ca-modal{--ca-linea:#242a34}
:root[data-modo=oscuro] .ca-chips{background:#1b212a}
:root[data-modo=oscuro] .ca-chips button:hover{background:#1f252f}
:root[data-modo=oscuro] .ca-chips button.es{background:var(--ca-azul)}
:root[data-modo=oscuro] .ca-auto select{border:1px solid #434a55;background:#1b212a}
:root[data-modo=oscuro] .ca-error{background:#202630;border:1px solid #614141;color:#ffc3bb;border-left:4px solid var(--rojo);border-radius:8px}
:root[data-modo=oscuro] .ca-resumen{background:#1b212a}
:root[data-modo=oscuro] .ca-resumen__p td{border-bottom:1px solid #373d48}
:root[data-modo=oscuro] .ca-mapa-caja{background:#1b212a}
:root[data-modo=oscuro] .ca-mapa__tipos{background:rgba(26,33,44,.92)}
:root[data-modo=oscuro] .ca-mapa__tipos button:hover{background:#1f252f}
:root[data-modo=oscuro] .ca-mapa__tipos button.es{background:var(--ca-azul)}
:root[data-modo=oscuro] .ca-mapa__zoom button{background:rgba(26,33,44,.95)}
:root[data-modo=oscuro] .ca-mapa__zoom button:hover{background:#1f252f}
:root[data-modo=oscuro] .ca-mapa__ley{background:rgba(26,33,44,.85)}
:root[data-modo=oscuro] .ca-pt--a{background:var(--ca-rojo)}
:root[data-modo=oscuro] .ca-pt--v{background:var(--ca-azul)}
:root[data-modo=oscuro] .ca-mapa--oscuro .ca-mapa__ley{background:rgba(7,11,24,.7)}
:root[data-modo=oscuro] .ca-mapa--oscuro .ca-pt--a{background:#ffd166}
:root[data-modo=oscuro] .ca-mapa--oscuro .ca-pt--v{background:#4cc9f0}
:root[data-modo=oscuro] .ca-mapa--oscuro .ca-mapa__tipos,:root[data-modo=oscuro] .ca-mapa--oscuro .ca-mapa__zoom button{background:rgba(22,33,61,.92)}
:root[data-modo=oscuro] .ca-mapa--oscuro .ca-mapa__tipos button{color:#989faa}
:root[data-modo=oscuro] .ca-mapa--oscuro .ca-mapa__tipos button.es{background:#4cc9f0}
:root[data-modo=oscuro] .ca-mapa__tip{background:#1b212a}
:root[data-modo=oscuro] .ca-kpi{background:#1b212a;border:1px solid var(--ca-linea);border-radius:var(--radio)}
:root[data-modo=oscuro] .ca-kpi--vivo{border-color:#334e3c;background:linear-gradient(180deg,#1d232d,#1b212a)}
:root[data-modo=oscuro] .ca-card{background:#1b212a}
:root[data-modo=oscuro] .ca-g__b{fill:var(--ca-azul)}
:root[data-modo=oscuro] .ca-g__b:hover{fill:#a4c6fc}
:root[data-modo=oscuro] .ca-g__0{fill:#212730}
:root[data-modo=oscuro] .ca-g__v{fill:#222f45}
:root[data-modo=oscuro] .ca-pt--u{background:#1a73e8}
:root[data-modo=oscuro] .ca-pt--pv{background:#222f45}
:root[data-modo=oscuro] .ca-gtip .ca-pt--pv{background:#8ab4f8}
:root[data-modo=oscuro] .ca-lista__b .ca-lista__f{fill:#212730}
:root[data-modo=oscuro] .ca-mini td{border-bottom:1px solid #373d48}
:root[data-modo=oscuro] .ca-feed__i{border-bottom:1px solid #373d48}
:root[data-modo=oscuro] .ca-feed__i--whatsapp .ca-feed__e b{color:#52bbab}
:root[data-modo=oscuro] .ca-buscar{border:1px solid #434a55;border-radius:8px}
:root[data-modo=oscuro] .ca-tabla thead th{background:#1b212a}
:root[data-modo=oscuro] .ca-tabla td{border-bottom:1px solid #373d48}
:root[data-modo=oscuro] .ca-tabla tbody tr[data-s]:hover{background:#1d232c}
:root[data-modo=oscuro] .ca-tabla tbody tr.es{background:var(--azul-cl)}
:root[data-modo=oscuro] .ca-av{background:#3f4550}
:root[data-modo=oscuro] .ca-av--c{background:var(--ca-azul)}
:root[data-modo=oscuro] .ca-av--v svg{stroke:#1b212a}
:root[data-modo=oscuro] .ca-dot{background:#2e343e}
:root[data-modo=oscuro] .ca-dot--on{background:var(--ca-verde)}
:root[data-modo=oscuro] .ca-detalle{background:#1b212a}
:root[data-modo=oscuro] .ca-x{background:#1b212a}
:root[data-modo=oscuro] .ca-dl dt{border-bottom:1px solid #373d48}
:root[data-modo=oscuro] .ca-dl dd{border-bottom:1px solid #373d48}
:root[data-modo=oscuro] .ca-mini--ev tbody tr:hover,:root[data-modo=oscuro] .ca-mini--ev tbody tr:focus-visible{background:#1e242e}
:root[data-modo=oscuro] .ca-perfil-b{border:1px solid #434a55;background:#1b212a;border-radius:999px}
:root[data-modo=oscuro] .ca-perfil-b:hover{background:var(--azul-cl);border-color:var(--azul)}
:root[data-modo=oscuro] .ca-modal__cab{background:#1b212a}
:root[data-modo=oscuro] .ca-modal__tabs{background:#1f252f}
:root[data-modo=oscuro] .ca-modal__tabs button.es{background:#1b212a}
:root[data-modo=oscuro] .ca-pf-frase{background:#1e242e}
:root[data-modo=oscuro] .ca-tag{border-radius:999px;border:1px solid transparent}
:root[data-modo=oscuro] .ca-tag--rojo{background:#202630;color:#fb988a;border-color:#61413f}
:root[data-modo=oscuro] .ca-tag--verde{background:#202730;color:#7bd18b;border-color:#334e3c}
:root[data-modo=oscuro] .ca-tag--ambar{background:#2a2311;color:#dfab64;border-color:#504529}
:root[data-modo=oscuro] .ca-tag--azul{background:#202730;color:#a4c6fc;border-color:#38465e}
:root[data-modo=oscuro] .ca-tag--gris{background:#1f252f;color:#bcc4cf;border-color:#3e454f}
:root[data-modo=oscuro] .ca-pf-porque{color:#bcc4cf}
:root[data-modo=oscuro] .ca-pf-sug{border:1px solid #504529;background:#1d232c;border-radius:10px}
:root[data-modo=oscuro] .ca-pf-sug h4{color:#dfab64}
:root[data-modo=oscuro] .ca-emb__lienzo{background:radial-gradient(120% 90% at 30% 0%,#1e242d 0%,#1f252f 55%,#222831 100%);border:1px solid #3b414c;border-radius:14px}
:root[data-modo=oscuro] .ca-emb__n{fill:#1b212a}
:root[data-modo=oscuro] .ca-emb__n.no{fill:#9ba2ad}
:root[data-modo=oscuro] .ca-emb__t1{fill:#d3dae6}
:root[data-modo=oscuro] .ca-emb__t2{fill:#b8bfcb}
:root[data-modo=oscuro] .ca-emb__t3{fill:#4a5362}
:root[data-modo=oscuro] .ca-emb__lbl.no .ca-emb__t1{fill:#444c5a}
:root[data-modo=oscuro] .ca-emb__lbl.no .ca-emb__t2{fill:#3d4552}
:root[data-modo=oscuro] .ca-emb__lbl.es .ca-emb__t1{fill:#a4c6fc}
:root[data-modo=oscuro] .ca-emb__ini{fill:#1b212a}
:root[data-modo=oscuro] .ca-emb__gt1{fill:#1b212a}
:root[data-modo=oscuro] .ca-emb__estado{background:#1f252f;color:#bcc4cf}
:root[data-modo=oscuro] .ca-emb__estado--enlneaahora{background:#202730;color:#7bd18b}
:root[data-modo=oscuro] .ca-emb__estado--activo{background:#202730;color:#a4c6fc}
:root[data-modo=oscuro] .ca-emb__estado--enfrindose{background:#2a2311;color:#dfab64}
:root[data-modo=oscuro] .ca-emb__estado--dormido{background:#212730;color:#a6adb8}
:root[data-modo=oscuro] .ca-emb__temp,:root[data-modo=oscuro] .ca-emb__prob{border:1px solid #3b414c;background:#1b212a;border-radius:12px}
:root[data-modo=oscuro] .ca-emb__temp p{color:#bcc4cf}
:root[data-modo=oscuro] .ca-emb__temp b{color:#d3dae6}
:root[data-modo=oscuro] .ca-emb__prob b{color:#7bd18b}
:root[data-modo=oscuro] .ca-emb__prob span{color:#a6adb8}
:root[data-modo=oscuro] .ca-emb__partes{color:#a6adb8}
:root[data-modo=oscuro] .ca-emb__partes b{color:#d3dae6}
:root[data-modo=oscuro] .ca-emb__falta,:root[data-modo=oscuro] .ca-emb__nba{border:1px solid #3b414c;background:#1b212a;border-radius:12px}
:root[data-modo=oscuro] .ca-emb__falta h4,:root[data-modo=oscuro] .ca-emb__nba h4{color:#a6adb8}
:root[data-modo=oscuro] .ca-emb__falta h4 small{color:#dfab64}
:root[data-modo=oscuro] .ca-emb__falta li{color:#bcc4cf}
:root[data-modo=oscuro] .ca-emb__falta li span{border:2px solid #434a55;color:#989faa}
:root[data-modo=oscuro] .ca-emb__falta li.ok{color:#7bd18b}
:root[data-modo=oscuro] .ca-emb__falta li small{color:#989faa}
:root[data-modo=oscuro] .ca-emb__palanca{color:#bcc4cf;background:#1e242d}
:root[data-modo=oscuro] .ca-emb__nba{border-left-width:5px}
:root[data-modo=oscuro] .ca-emb__nba--alta{background:linear-gradient(90deg,#1e242d,#1b212a 40%);border-left-color:#e8453c}
:root[data-modo=oscuro] .ca-emb__nba--media{background:linear-gradient(90deg,#1d232c,#1b212a 40%);border-left-color:#f9ab00}
:root[data-modo=oscuro] .ca-emb__nba--baja{border-left-color:#1a73e8}
:root[data-modo=oscuro] .ca-emb__nba-t{color:#d3dae6}
:root[data-modo=oscuro] .ca-emb__nba-p{color:#bcc4cf}
:root[data-modo=oscuro] .ca-emb__msg{background:#1f252f;border:1px solid #2e4a3a;color:#d3dae6;border-radius:10px 10px 10px 2px}
:root[data-modo=oscuro] .ca-emb__iar{border-top:1px dashed #3e4550}
:root[data-modo=oscuro] .st-sq-med__f{fill:#222831}
:root[data-modo=oscuro] .st-sq-pila rect{stroke:#1b212a}
:root[data-modo=oscuro] .st-sq-c7{fill:#46505e;background:#46505e}
:root[data-modo=oscuro] .st-sq-cs{fill:#2e343f;background:#2e343f}
:root[data-modo=oscuro] .st-sq-cl{fill:#202630;background:#202630}
:root[data-modo=oscuro] .st-sq-orden select{background:#1b212a}
:root[data-modo=oscuro] .st-sq-tw thead th{background:#1b212a}
:root[data-modo=oscuro] .st-sq-mini{background:#202630}
:root[data-modo=oscuro] .st-sq-dlg{background:#1e242d}
:root[data-modo=oscuro] .st-sq-dlg::backdrop{background:rgba(16,24,40,.55)}
:root[data-modo=oscuro] .st-sq-dlg__cab{background:#1b212a}
:root[data-modo=oscuro] .st-sq-est .st-caja--tabla{background:#1b212a}
:root[data-modo=oscuro] .st-sq-code{background:#202630}
:root[data-modo=oscuro] .st-sq-falt{border:1px dashed #554b2f;background:#1d232c;border-radius:8px}
:root[data-modo=oscuro] .st-seccion{background:#1b212a}
:root[data-modo=oscuro] .st-seccion:has(input:checked){background:var(--azul-cl)}
:root[data-modo=oscuro] .st-seccion__mapa{border:1px solid #3e454f;background:#1f252e;border-radius:6px}
:root[data-modo=oscuro] .st-seccion__mapa i{background:#272e38}
:root[data-modo=oscuro] .st-seccion__mapa .m-cab{background:#2d333d}
:root[data-modo=oscuro] .st-seccion__mapa .m-car{background:#303742}
:root[data-modo=oscuro] .st-seccion__mapa .m-ata{background:repeating-linear-gradient(90deg,#1b212a 0 18%,transparent 18% 20%)}
:root[data-modo=oscuro] .st-seccion__mapa .m-fil,:root[data-modo=oscuro] .st-seccion__mapa .m-fil2{background:repeating-linear-gradient(90deg,#1b212a 0 15%,transparent 15% 17%)}
:root[data-modo=oscuro] .st-seccion__mapa .m-dob{background:linear-gradient(90deg,#272e38 0 49%,transparent 49% 51%,#272e38 51%)}
:root[data-modo=oscuro] .st-seccion__mapa--carrusel .m-car,:root[data-modo=oscuro] .st-seccion__mapa--destacados .m-des,:root[data-modo=oscuro] .st-seccion__mapa--cintillo .m-cin,:root[data-modo=oscuro] .st-seccion__mapa--pie .m-pie{background:linear-gradient(135deg,#ffb300,#f57c00)}
:root[data-modo=oscuro] .st-seccion__mapa--cabecera .m-cab{background:linear-gradient(90deg,#2d333d 0 72%,#f57c00 72% 96%,#2d333d 96%)}
:root[data-modo=oscuro] .st-seccion__mapa--atajos .m-ata{background:repeating-linear-gradient(90deg,#f57c00 0 18%,transparent 18% 20%)}
:root[data-modo=oscuro] .st-seccion__mapa--doble .m-dob{background:linear-gradient(90deg,#f57c00 0 49%,transparent 49% 51%,#f57c00 51%)}
:root[data-modo=oscuro] .msj-dlg::backdrop{background:rgba(16,24,40,.55)}
:root[data-modo=oscuro] .msj-dlg--correo{background:#1b212a}
:root[data-modo=oscuro] .msj-dlg--wa{background:#222832}
:root[data-modo=oscuro] .msj-av{background:#252b35}
:root[data-modo=oscuro] .msj-av--letras{background:#4a586b;color:#fff}
:root[data-modo=oscuro] .msj-x{background:transparent}
:root[data-modo=oscuro] .msj-x:hover{background:#202630}
:root[data-modo=oscuro] .msj-x--claro:hover{background:rgba(255,255,255,.15)}
:root[data-modo=oscuro] .msj-cab .msj-av--letras{background:var(--azul)}
:root[data-modo=oscuro] .msj-campo input,:root[data-modo=oscuro] .msj-campo textarea,:root[data-modo=oscuro] .msj-ia input{border:1px solid #434a55;background:#1b212a}
:root[data-modo=oscuro] .msj-campo input[readonly]{background:#1e242e}
:root[data-modo=oscuro] .msj-ia{background:#1f252e;border:1px solid #443e57;border-radius:10px}
:root[data-modo=oscuro] .msj-ia input{border-color:#47425c}
:root[data-modo=oscuro] .msj-ia__b{border-color:#4f4a65;color:#bfc0fe}
:root[data-modo=oscuro] .msj-estado--bien{background:#20262f;color:#8bd7a6}
:root[data-modo=oscuro] .msj-estado--mal{background:#202630;color:#ffa297}
:root[data-modo=oscuro] .msj-pie{background:#1c222c}
:root[data-modo=oscuro] .msj-wa__cab .msj-av--letras{background:#252b35;color:#a6aeb9}
:root[data-modo=oscuro] .msj-wa__ventana--ok{background:#192b16;color:#93dea2}
:root[data-modo=oscuro] .msj-wa__ventana--pl{background:#2c2408;color:#e1c07f}
:root[data-modo=oscuro] .msj-wa__ventana--mal{background:#202630;color:#ffa297}
:root[data-modo=oscuro] .msj-wa__aviso{background:#1b212a;border-bottom:1px solid #3d434e}
:root[data-modo=oscuro] .msj-wa__aviso--mal{background:#202630;color:#fec1b9}
:root[data-modo=oscuro] .msj-wa__aviso--info{background:#202630;color:#d3e3fd}
:root[data-modo=oscuro] .msj-wa__chat{background-color:#222832;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px)}
:root[data-modo=oscuro] .msj-chat{background:#222832}
:root[data-modo=oscuro] .msj-b{border-radius:8px}
:root[data-modo=oscuro] .msj-b--in{background:#1b212a;border-top-left-radius:2px}
:root[data-modo=oscuro] .msj-b--out{background:#192b16;border-top-right-radius:2px}
:root[data-modo=oscuro] .msj-b--bot{background:#212730}
:root[data-modo=oscuro] .msj-b--plantilla{border:1px dashed #445a44}
:root[data-modo=oscuro] .msj-b__a{color:#73c7a5}
:root[data-modo=oscuro] .msj-b--bot .msj-b__a{color:#91b6fa}
:root[data-modo=oscuro] .msj-b__h{color:#9ca3ae}
:root[data-modo=oscuro] .msj-b__e{color:#53bdeb}
:root[data-modo=oscuro] .msj-b__e--mal{color:#fd887d}
:root[data-modo=oscuro] .msj-dia span{background:#1b212a;color:#a6aeb9}
:root[data-modo=oscuro] .msj-vacio{color:#a6aeb9;background:rgba(26,33,44,.85)}
:root[data-modo=oscuro] .msj-wa__ia{background:#1f252e;border-top:1px solid #443e57}
:root[data-modo=oscuro] .msj-wa__ia input{border:1px solid #47425c}
:root[data-modo=oscuro] .msj-wa__comp{background:#20262f}
:root[data-modo=oscuro] .msj-wa__comp textarea{background:#1b212a}
:root[data-modo=oscuro] .msj-wa__ib{background:transparent}
:root[data-modo=oscuro] .msj-wa__ib:hover{background:#242b34}
:root[data-modo=oscuro] .msj-wa__env{background:#00a884}
:root[data-modo=oscuro] .msj-wa__env:hover{background:#008f72}
:root[data-modo=oscuro] .msj-wa__env:disabled{background:#2f433e}
:root[data-modo=oscuro] .msj-wa__pie{color:#9ca3ae;background:#20262f}
:root[data-modo=oscuro] .st-wa__prueba input{border:1px solid #434a55}
:root[data-modo=oscuro] .msj-wa__atn{background:#20262f;border-bottom:1px solid #3d434e;color:#b7beca}
:root[data-modo=oscuro] .msj-wa__atn--humano{background:#1e242e;color:#ebb679}
:root[data-modo=oscuro] .msj-wa__atn-b{border:1px solid #434a55;background:#1b212a;border-radius:16px}
:root[data-modo=oscuro] .msj-wa__atn-b:hover{background:#202630}
:root[data-modo=oscuro] .msj-b__btns span{border:1px solid #394f65;color:#82b7fd;background:#1b212a}
:root[data-modo=oscuro] .msj-b__resp{border:1px solid #395543;background:#1b2920;color:#8dd8a0;border-radius:14px}
:root[data-modo=oscuro] .msj-b--nota{background:#28230f}
:root[data-modo=oscuro] .msj-b__nota{background:#2c2508;color:#fba67d}
:root[data-modo=oscuro] .st-btn--push{border-color:#4f4762;color:#bfc0fe}
:root[data-modo=oscuro] .st-btn--push:hover:not(:disabled){background:#1f252e}
:root[data-modo=oscuro] .msj-dlg--push{background:#1b212a}
:root[data-modo=oscuro] .msj-av--push{background:#282430}
:root[data-modo=oscuro] .msj-push__vista{background:#1f252f}
:root[data-modo=oscuro] .msj-push__txt small{color:#9ea5b0}
:root[data-modo=oscuro] .msj-push__txt span{color:#bcc4cf}
:root[data-modo=oscuro] .msj-push__foto{background:#1b212a}
:root[data-modo=oscuro] .msj-cuenta{color:var(--gris)}
:root[data-modo=oscuro] .msj-cuenta--larga{color:#ff8a58}
:root[data-modo=oscuro] .st-fx__t{background:#1b212a;border:1px solid var(--linea);border-radius:10px}
:root[data-modo=oscuro] .st-fx__t:hover{border-color:#44526b}
:root[data-modo=oscuro] .st-fx__t[aria-pressed=true]{border-color:var(--azul)}
:root[data-modo=oscuro] .st-fx__tjs span{background:#1b212a}
:root[data-modo=oscuro] .st-fx__vivo-t{background:rgba(26,33,44,.9)}
:root[data-modo=oscuro] .st-apar-dlg{background:#212831}
:root[data-modo=oscuro] .st-apar-dlg::backdrop{background:rgba(16,24,40,.6)}
:root[data-modo=oscuro] .st-apar-dlg__barra{background:#1b212a}
:root[data-modo=oscuro] .st-apar-dlg__marco{background:#1b212a}
:root[data-modo=oscuro] .st-paleta{background:#1b212a}
:root[data-modo=oscuro] .st-paleta::backdrop{background:rgba(15,23,36,.45)}
:root[data-modo=oscuro] .st-paleta kbd{background:#1d242d}
:root[data-modo=oscuro] .st-pie__i[data-nivel=alerta] b{color:#f38c51}
:root[data-modo=oscuro] .st-srv-kpi{background:#1b212a}
:root[data-modo=oscuro] .st-carg__pb{background:var(--inverso)}
:root[data-modo=oscuro] .st-carg__pt{background:#2c323c}
:root[data-modo=oscuro] .st-carg__pl span{background:#1b212a}
:root[data-modo=oscuro] .st-carg__vivo-t{background:rgba(26,33,44,.92)}
:root[data-modo=oscuro] .st-carg__d{background:#1b212a;border:1px solid var(--linea);border-radius:10px}
:root[data-modo=oscuro] .st-carg__d:hover{border-color:#44526b}
:root[data-modo=oscuro] .st-carg__d[aria-pressed=true]{border-color:var(--azul)}
:root[data-modo=oscuro] .st-sve{background:#1b212a}
:root[data-modo=oscuro] .st-ics__buscar{border:1px solid #434a55;background:#1b212a;border-radius:8px}
:root[data-modo=oscuro] .st-icn{background:#1b212a}
:root[data-modo=oscuro] .st-icn--propio::after{background:var(--verde)}
:root[data-modo=oscuro] .st-ins{--ins-bien-cl:#20262f;--ins-medio-cl:#2a2316;--ins-mal-cl:#202630;--ins-sup:#1b212a}
:root[data-modo=oscuro] .st-ins__atajos .st-chip:hover{border-color:var(--azul)}
:root[data-modo=oscuro] .st-ins__mal{border:1px solid #624242;color:#fed7d3;border-radius:10px}
:root[data-modo=oscuro] .st-ins__tip{background:var(--inverso)}
:root[data-modo=oscuro] .st-ins__dlg{background:var(--ins-sup,#1b212a)}
:root[data-modo=oscuro] .st-ins__dlg::backdrop{background:rgba(15,23,36,.55)}
:root[data-modo=oscuro] .st-ins__info{border:1px solid #3b4961;border-radius:10px}
:root[data-modo=oscuro] .st-ch__tab{background:#1b212a;border-radius:99px;border:1px solid var(--linea)}
:root[data-modo=oscuro] .st-ch__tab:hover{border-color:var(--azul)}
:root[data-modo=oscuro] .st-ch__tab--act{background:var(--inverso);border-color:var(--inverso)}
:root[data-modo=oscuro] .st-ch__interruptor{background:#202630}
:root[data-modo=oscuro] .st-ch__op input:checked+span{background:var(--inverso)}
:root[data-modo=oscuro] .st-ch__ops{background:#202630}
:root[data-modo=oscuro] .st-ch__color{background:#1b212a}
:root[data-modo=oscuro] .st-ch__logo{background:#1b212a}
:root[data-modo=oscuro] .st-ch__tarjeta{background:#1b212a}
:root[data-modo=oscuro] .st-ch__pieza{background:#1b212a}
:root[data-modo=oscuro] .st-ch__pieza-vista{background:#1f252e}
:root[data-modo=oscuro] .st-ch__estado{border:1px solid #4f4328;background:#1d232d;color:#e6b676;border-radius:var(--radio)}
:root[data-modo=oscuro] .st-ch__estado--si{border-color:#314d3c;background:#1f252e;color:#92dbaa}
:root[data-modo=oscuro] .st-ch__una-vez input{background:#1b212a}
:root[data-modo=oscuro] .st-dato{background:var(--azul-cl)}
:root[data-modo=oscuro] .st-dato:hover,:root[data-modo=oscuro] .st-dato:focus-visible{background:var(--azul)}
:root[data-modo=oscuro] .st-dato::after{background:var(--inverso)}
:root[data-modo=oscuro] .st-chv__estado{color:var(--gris);background:var(--fondo)}
:root[data-modo=oscuro] .st-chv__estado--sucio{color:#e6b676;background:#2d2408}
:root[data-modo=oscuro] .st-chv__estado--mal{background:#202630;color:var(--rojo)}
:root[data-modo=oscuro] .st-chv__pag{background:#1b212a;border-radius:99px;border:1px solid var(--linea)}
:root[data-modo=oscuro] .st-chv__pag:hover{border-color:var(--azul)}
:root[data-modo=oscuro] .st-chv__pag--act{background:var(--inverso);border-color:var(--inverso)}
:root[data-modo=oscuro] .st-chv__modo select{background:#1b212a}
:root[data-modo=oscuro] .st-chv__d{background:none}
:root[data-modo=oscuro] .st-chv__d--act{background:#1b212a}
:root[data-modo=oscuro] .st-chv__lienzo iframe{background:#1b212a}
:root[data-modo=oscuro] .st-chv__cargando{background:rgba(26,33,44,.72)}
:root[data-modo=oscuro] .st-opciones .st-pub-filas__n input,:root[data-modo=oscuro] .st-check .st-ch__cada input,:root[data-modo=oscuro] .st-ch__cada input{border:1px solid #434a55;background:#1b212a}
:root[data-modo=oscuro] .st-chv__q input{border:1px solid #434a55;background:#1b212a}
:root[data-modo=oscuro] .st-nav__ic{color:#989faa}
:root[data-modo=oscuro] .st-nav__b:hover .st-nav__ic,:root[data-modo=oscuro] .st-nav__g--abierta .st-nav__ic{color:#fff}
:root[data-modo=oscuro] .st-nav__g--act .st-nav__ic{color:#fff}
:root[data-modo=oscuro] .st-fly__ic{color:#989faa}
:root[data-modo=oscuro] .st-fly__i:hover .st-fly__ic{color:#fff}
:root[data-modo=oscuro] .st-fly__i--act .st-fly__ic{color:#fff}
:root[data-modo=oscuro] .st-yo__b{color:#989faa}
:root[data-modo=oscuro] .st-yo__b:hover{color:#fff}
:root[data-modo=oscuro] .st-avatar{background:linear-gradient(135deg,#4a7bd0,#1f4fa3)}
:root[data-modo=oscuro] .st-tabs{background:#1b212a}
:root[data-modo=oscuro] .st-usr__c input,:root[data-modo=oscuro] .st-usr__c select{background:#1b212a}
:root[data-modo=oscuro] .st-usr__op{background:#1b212a;border:1px solid var(--linea);border-radius:9px}
:root[data-modo=oscuro] .st-usr__op:hover{border-color:#454d59}
:root[data-modo=oscuro] .st-usr__op:has(input:checked){border-color:#44526b;background:var(--azul-cl)}
:root[data-modo=oscuro] .st-vit__l{background:#1b212a}
:root[data-modo=oscuro] .st-vit__f select,:root[data-modo=oscuro] .st-vit__f input{background:#1b212a}
:root[data-modo=oscuro] .st-fotos__chip[aria-pressed=true],:root[data-modo=oscuro] .st-fotos__rapido .st-btn[aria-pressed=true]{border-color:var(--azul);background:var(--azul-cl);color:var(--azul);box-shadow:inset 0 0 0 1px var(--azul)}
:root[data-modo=oscuro] .st-fotos__chip[data-orden]::after,:root[data-modo=oscuro] .st-fotos__rapido .st-btn[data-orden]::after{box-shadow:0 0 0 2px #1b212a;border-radius:50%;background:var(--azul);color:#fff}
/* ---- ajustes a mano (panel) ---- */
.st-cab{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.st-cab__modo{color:var(--gris)}
:root[data-modo=oscuro]{--menu-fondo:#0a0e14;--menu-fly:#141c27}
:root[data-modo=oscuro] .st--fuera{background:#0a0e14}
/* graficos SVG de ConstruAnalytics con colores escritos en atributos */
:root[data-modo=oscuro] .st-main [fill="#e6eaf0"]{fill:#2e3846}
:root[data-modo=oscuro] .st-main [stroke="#e6eaf0"]{stroke:#2e3846}
:root[data-modo=oscuro] .st-main [fill="#c3ccda"]{fill:#3a4556}
:root[data-modo=oscuro] .ca-emb__med [fill="#16202e"]{fill:#e6ebf2}
:root[data-modo=oscuro] .ca-emb__med [stroke="#16202e"]{stroke:#e6ebf2}
@media (max-width:760px){.st-cab{flex-wrap:nowrap}.st-cab h1{min-width:0}.st-cab__modo .modo__t{display:none}}
/* v59: ConstruInsights (paleta de gráficos y estados validada contra la superficie oscura) */
:root[data-modo=oscuro] .st-ins{--ins-s1:#5f8bd6;--ins-s2:#d9733a;--ins-s3:#2aa391;--ins-bien:#35a96c;--ins-medio:#f0973f;--ins-mal:#ef5a52;--ins-bien-cl:#14291d;--ins-medio-cl:#33260f;--ins-mal-cl:#361818;--ins-sup:#1b212a}
:root[data-modo=oscuro] .st-ins__mal{border-color:#5c2626;color:#ffd6d3}
:root[data-modo=oscuro] .st-ins__tip{background:#e6ebf2;color:#16202e}
:root[data-modo=oscuro] .st-ins__pag:hover{box-shadow:0 8px 22px rgba(0,0,0,.35)}
/* v62 Cashea: pestaña activa y opción elegida bien visibles */
:root[data-modo=oscuro] .st-ch__tab--act,:root[data-modo=oscuro] .st-ch__op input:checked+span{background:#3b6fd4;border-color:#3b6fd4;color:#fff}