/* t2325 (25-oct-2026): 4 arreglos de aspecto tras la verificación v2324, iguales en las 4 apps
   (asesoría = clientes-app; prueba, Plan Libre y Plan Premium = app-semana-prueba). Solo estilos.
   Oscuro = html sin data-tema; claro = data-tema="claro"; noche = data-tema="noche". El claro no se toca salvo el punto 4.
   DESHACER: bash ~/proyecto/copias-scripts/antes-t2325-25oct/DESHACER.sh */

/* Paleta de tarjetas de la app en oscuro y noche (la misma de t461) */
html:not([data-tema="claro"]){--z-card:#0E1834;--z-card2:#13204A;--z-campo:#0A1226;--z-borde:rgba(160,185,255,.16);--z-borde2:rgba(160,185,255,.30);
  --z-tx:#F2F5FF;--z-tx2:#AEBBDD;--z-az:#9DB8FF;--z-suave:rgba(79,132,255,.16);--z-hecha:#4F78FF;--z-hecha-f:#111F4D;--z-sombra:0 4px 12px rgba(0,0,0,.45)}
html[data-tema="noche"]{--z-card:#1A0D11;--z-card2:#24131A;--z-campo:#120709;--z-borde:rgba(255,220,200,.12);--z-borde2:rgba(255,220,200,.24);
  --z-tx:#F3E4D8;--z-tx2:#C9AC98;--z-az:#EFA383;--z-suave:rgba(217,113,75,.16);--z-hecha:#4F78FF;--z-hecha-f:#1D1424;--z-sombra:0 4px 12px rgba(0,0,0,.55)}

/* ===== 1) Botón de tema y demás iconos de la barra de ordenador (topnav): en oscuro/noche el icono era azul marino
   sobre el botón oscuro. Ahora toma el color claro del propio botón; la ayuda, el azul claro del tema. Móvil (.mbar) intacto. */
html:not([data-tema="claro"]) body .topnav .ic-m.t2309-ic{color:var(--z-tx)!important}
html:not([data-tema="claro"]) body .topnav .k-ayuda .ic-m.t2309-ic{color:var(--z-az)!important}

/* ===== 2) «Siguiente ejercicio» en móvil: cabe con margen (alto 48 px, igual que antes) ===== */
@media (max-width:600px){
  html.t2309-reg body .t2309-pie .t2309-desc{padding:0 8px!important;gap:4px!important;font-size:14px!important}
  html.t2309-reg body .t2309-pie .t2309-desc svg{width:18px;height:18px}
  html.t2309-reg body .t2309-pie .t2309-sig{flex:1.15 1 0!important;padding:0 8px!important;gap:4px!important;font-size:13px!important;letter-spacing:-.01em;white-space:nowrap;min-height:48px}
  html.t2309-reg body .t2309-pie .t2309-sig svg{width:16px;height:16px}
}
@media (max-width:359px){
  html.t2309-reg body .t2309-pie .t2309-sig,html.t2309-reg body .t2309-pie .t2309-desc{white-space:normal!important;text-align:center;line-height:1.1}
  html.t2309-reg body .t2309-pie .t2309-desc{flex-wrap:wrap;align-content:center;row-gap:0}
}

/* ===== 3a) Apuntar series en oscuro/noche: tarjetas, aproximación, «Última serie» y fichas con fondo del tema.
   Se mantiene el diseño: tarjetas redondeadas, borde azul en las hechas, ✓ azul y «−» redondo con sombra. ===== */
html:not([data-tema="claro"]) body section.ej .ej-mini{background-color:var(--z-card2)!important}
html.t2309-reg:not([data-tema="claro"]) body .t2309-cnt{background:var(--z-suave)!important;color:var(--z-az)!important}
html.t2309-reg:not([data-tema="claro"]) body section.ej.hecho .t2309-cnt,html.t2309-reg:not([data-tema="claro"]) body section.ej.completo .t2309-cnt{background:#1F5BFF!important;color:#fff!important}
/* «Hoy toca» (la azul se queda), descanso, material */
html:not([data-tema="claro"]) body .t2309-ficha:not(.t2309-ficha-pri){background:var(--z-card2)!important;border-color:var(--z-borde2)!important}
html:not([data-tema="claro"]) body .t2309-ficha:not(.t2309-ficha-pri) small{color:var(--z-tx2)!important}
html:not([data-tema="claro"]) body .t2309-ficha:not(.t2309-ficha-pri) b{color:var(--z-tx)!important}
/* Ver cómo se hace / Info / Cambiar */
html.t2309-reg:not([data-tema="claro"]) body .t2309-acc .t2309-b{background:var(--z-card2)!important;border-color:var(--z-borde2)!important;color:var(--z-az)!important}
/* caja de aproximación y sus filas */
html:not([data-tema="claro"]) body .t2309-aprox{background:var(--z-card)!important;border-color:var(--z-borde2)!important}
html:not([data-tema="claro"]) body .t2309-tit:not(.t2309-tit-trabajo){color:var(--z-tx2)!important}
html:not([data-tema="claro"]) body .t2309-aprox .t2015-fila,html:not([data-tema="claro"]) body .t2015-fila.t2015-aprox{background:var(--z-card2)!important;border-color:var(--z-borde2)!important}
html:not([data-tema="claro"]) body .t2015-fila.t2015-aprox.t2015-hecha{background:var(--z-card2)!important}
html:not([data-tema="claro"]) body .t2015-et{background:var(--z-suave)!important;color:var(--z-tx)!important}
html:not([data-tema="claro"]) body .t2015-fila.t2015-aprox .t2015-res,html:not([data-tema="claro"]) body .t2015-fila.t2015-aprox .t2015-rot{color:var(--z-tx)!important}
html:not([data-tema="claro"]) body .t2015-fila.t2015-aprox .t2015-x,html:not([data-tema="claro"]) body .t2015-fila.t2015-aprox .t2015-res small{color:var(--z-tx2)!important}
html:not([data-tema="claro"]) body .t2015-mas,html.t2309-reg:not([data-tema="claro"]) body .t2309-mas-aprox{background:var(--z-card2)!important;border-color:var(--z-borde2)!important;color:var(--z-az)!important}
/* filas de serie (diseño t2310) */
html.t2310-reg:not([data-tema="claro"]) body .t2015 .t2015-fila:not(.t2015-aprox){background:var(--z-card)!important;border-color:var(--z-borde2)!important;box-shadow:none!important}
html.t2310-reg:not([data-tema="claro"]) body .t2015 .t2015-fila.t2015-hecha:not(.t2015-aprox){background:var(--z-hecha-f)!important;border-color:var(--z-hecha)!important}
html.t2310-reg:not([data-tema="claro"]) body .t2015-fila:not(.t2015-aprox) .t2015-rot{color:var(--z-az)!important}
html.t2310-reg:not([data-tema="claro"]) body .t2015-fila:not(.t2015-aprox) .t2015-res{color:var(--z-tx)!important}
html.t2310-reg:not([data-tema="claro"]) body .t2015-fila:not(.t2015-aprox) .t2015-x,html:not([data-tema="claro"]) body .t2015-res small,html:not([data-tema="claro"]) body .t2015-rirt{color:var(--z-tx2)!important}
html.t2310-reg:not([data-tema="claro"]) body .t2015-fila:not(.t2015-aprox) .t2015-c input,html:not([data-tema="claro"]) body .t2015-c input{background:var(--z-campo)!important;border-color:var(--z-borde2)!important;color:var(--z-tx)!important}
html:not([data-tema="claro"]) body .t2015-c input::placeholder{color:var(--z-tx2)!important}
html:not([data-tema="claro"]) body .t2015-c input:focus{border-color:var(--z-hecha)!important}
html.t2310-reg:not([data-tema="claro"]) body .t2015-fila:not(.t2015-aprox) .t2015-c > span,html:not([data-tema="claro"]) body .t2015-c > span{color:var(--z-tx2)!important}
html.t2310-reg:not([data-tema="claro"]) body .t2015-fila:not(.t2015-aprox) .t2015-menos:not(.t2314-seguro),html:not([data-tema="claro"]) body .t2015-menos:not(.t2314-seguro){background:var(--z-card2)!important;color:var(--z-az)!important;border:0!important;box-shadow:var(--z-sombra),0 0 0 1px var(--z-borde2)!important}
html:not([data-tema="claro"]) body .t2015-acc .t2314-mas-serie{background:var(--z-card)!important;border-color:var(--z-borde2)!important;color:var(--z-az)!important;box-shadow:none!important}
/* L / R de los unilaterales */
html:not([data-tema="claro"]) body .t2309-lado:not(.hecho){background:var(--z-card2)!important;border-color:var(--z-borde2)!important;color:var(--z-az)!important}
html:not([data-tema="claro"]) body .t2309-lado.toca{background:var(--z-suave)!important;border-color:var(--z-hecha)!important}
/* «Última serie» */
html.t2310-reg:not([data-tema="claro"]) body .t2309-atajo-sitio .atajo[data-t2310]{background:var(--z-card)!important;border-color:var(--z-borde2)!important;color:var(--z-tx)!important}
html.t2310-reg:not([data-tema="claro"]) body .atajo[data-t2310] .t2310-at-ic{background:var(--z-suave)!important;color:var(--z-az)!important}
html.t2310-reg:not([data-tema="claro"]) body .atajo[data-t2310] .t2310-at-t small{color:var(--z-tx2)!important}
html.t2310-reg:not([data-tema="claro"]) body .t2309-atajo-sitio .atajo[data-t2310] b{color:var(--z-tx)!important}
html.t2310-reg:not([data-tema="claro"]) body .atajo[data-t2310] .t2310-at-fl{color:var(--z-tx2)!important}
html.t2309-reg:not([data-tema="claro"]) body .t2309-atajo-sitio .atajo:not([data-t2310]){background:var(--z-card2)!important;border-color:var(--z-borde2)!important;color:var(--z-az)!important}
html.t2309-reg:not([data-tema="claro"]) body .t2309-atajo-sitio .atajo:not([data-t2310]) b{color:var(--z-tx)!important}
/* Descansar (el azul «Siguiente ejercicio» se queda) */
html.t2309-reg:not([data-tema="claro"]) body .t2309-pie .t2309-desc,html:not([data-tema="claro"]) body .chip-reloj.t2309-desc{background:var(--z-card2)!important;border-color:var(--z-borde2)!important;color:var(--z-az)!important}
html.t2309-reg:not([data-tema="claro"]) body .t2309-pie .t2309-desc b,html:not([data-tema="claro"]) body .chip-reloj.t2309-desc b{color:var(--z-tx)!important;opacity:1!important}
/* candado de plan (pastilla) */
html:not([data-tema="claro"]) body .t576-cand{background:var(--z-card2)!important;color:var(--z-tx)!important;border-color:var(--z-borde2)!important}

/* ===== 3b) Inicio en oscuro/noche: portada, «Hoy» y las tres cifras con fondo del tema ===== */
html:not([data-tema="claro"]) body.k482 main .k-banner.k565-banner{background:var(--z-card)!important;border-color:var(--z-borde)!important;box-shadow:none!important}
html:not([data-tema="claro"]) body.k482 main .k565-banner .k-banner-txt b{color:var(--z-tx)!important}
html:not([data-tema="claro"]) body.k482 main .k565-banner .k-banner-txt b.az{color:var(--z-az)!important}
html:not([data-tema="claro"]) body.k482 main .k565-banner .k-banner-txt p{color:var(--z-tx2)!important}
/* en ordenador la foto va de fondo y trae su lado izquierdo claro dentro de la imagen: se funde con la tarjeta oscura (la foto no se toca) */
@media (min-width:641px){
  html:not([data-tema="claro"]) body.k482 main .k565-banner .k-banner-foto{-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 42%,#000 62%);mask-image:linear-gradient(90deg,transparent 0,transparent 42%,#000 62%)}
}
html:not([data-tema="claro"]) body.k482 .k-hoy,html:not([data-tema="claro"]) body.k482 .k-num{
  --k-tx:var(--z-tx);--k-tx2:var(--z-tx2);--k-tx3:var(--z-tx2);--k-borde:var(--z-borde);--k-az-s:var(--z-suave);--k-az-b:var(--z-borde2);
  background:var(--z-card)!important;border-color:var(--z-borde)!important;box-shadow:none!important;color:var(--z-tx)}
html:not([data-tema="claro"]) body.k482 .k-hoy .k-chip,html:not([data-tema="claro"]) body.k482 .k-chip{background:var(--z-suave)!important;color:var(--z-az)!important}
html:not([data-tema="claro"]) body.k482 .k-num>.k-i{color:var(--z-az)!important}
html:not([data-tema="claro"]) body.k482 .k-btn-borde,html:not([data-tema="claro"]) body.k482 .k-hoy .k-btn2{background:var(--z-card2)!important;color:var(--z-az)!important;border-color:var(--z-borde2)!important}

/* ===== 4) Calendario de «Mi ciclo»: días que aún no han llegado legibles (contraste >= 4,5) en los 3 temas.
   Sin cuadro ni borde (los días ya pasados llevan borde o color), número en gris del tema. El panel admin va con t2297. */
html body .t2244-c.t2244-c-fut:not(.t2244-adm *){opacity:1!important;background:transparent!important;box-shadow:none!important}
html body .t2244-c.t2244-c-fut:not(.t2244-adm *) i{color:#5B6478!important;font-weight:600!important}
html:not([data-tema="claro"]) body .t2244-c.t2244-c-fut:not(.t2244-adm *) i{color:#A3B1CF!important}
html[data-tema="noche"] body .t2244-c.t2244-c-fut:not(.t2244-adm *) i{color:#C2AEA4!important}
