/* st-coberturas-dark v1 · 14 sep 2026 · RONDA-DESKTOP-14SEP punto 4 (Toño): el panel de cifra (hover / foco / tap) de las tarjetas
   de cobertura del Cap. V de Cómo funciona («Lo que la póliza cubre hoy», 5 tarjetas .st-i-2949f424/.st-i-ac51406e) y de las
   coberturas de IA futuras (#riai-dt / #riai-mb, 4 tarjetas) toma DE NOCHE el azul serif de noche, y las cifras y su fuente ganan
   protagonismo en los dos temas. CANDIDATA: no publicada. Enlazada desde la cabecera de pagina de la LP (bloque para P19c) y,
   (Inicio no la necesita: 0 tarjetas de cobertura en site/index.html, verificado).
   Solo CSS. No toca cifras, fuentes, copy ni el guion de tap/foco de P-17 (st-cov-open).

   DIAGNOSTICO (medido en la replica, pub39, 1440x900 y 1024x768, ES/EN):
   · DIA: panel .st-i-f547af4e = var(--st-ser) = #29487B, el mismo azul serif de dia (em.cy-dser = rgb(41,72,123) por T-01b) con
     texto blanco: cifra 9,10, texto 7,21 nominal. Coherente. La FUENTE (.st-i-b44cf6dd, 9 px/600, blanco .72 por P-06) da 3,91-4,41
     por peor pixel en las 5 actuales: por debajo de 4,5.
   · NOCHE: P-06 (pie P37, 11 sep) fija el panel a #29487B!important (el azul de DIA: la receta light usada en dark) y st-pages v54
     (escribeTarjeta, TONOS_LN) lo repinta en linea a #26397A!important (la LINEA nocturna de los bloques). El panel queda como una
     losa navy apagada, no como el tono serif; em.cy-dser de noche = #9FB0FF (T-01b: color:#9FB0FF!important; = --cy-link noche;
     --st-ser de noche es #7C92FF y NO es el que pintan las palabras serif). Toño: «el fondo coloreado del hover debe corresponder al
     azul/tono serif de dark» = #9FB0FF.

   RECETA DE NOCHE. Fondo #9FB0FF (serif de noche) con tinta NAVY DE NOCHE (--cy-bg #070B12) en cifra, texto y fuente: la inversion
   exacta de la de dia (navy serif + blanco). Nominal: cifra 12,6 / texto (.9) 10,4 / fuente (opaca) 12,6 sobre #9FB0FF (la fuente va opaca: con .8 el peor pixel de las 5 actuales daba 3,98-4,3, texto fino oscuro sobre claro).
   Dos trampas del sitio, resueltas sin JS:
   (1) el fondo se pone por background-color con especificidad (0,8,2)+!important: gana a P-06 (0,5,2) desde la cabecera, y como el
       valor computado ya no esta en TONOS_LN/TONOS_CARD, escribeTarjeta no lo repinta; ademas se pinta background-image con el mismo
       color por si algun dia st-pages volviera a escribir background-color en linea (la imagen pinta por encima).
   (2) st-pages repinta en linea (color !important) todo texto oscuro dentro de una tarjeta de noche (job.tx, lum < .45): por eso la
       tinta va TAMBIEN en -webkit-text-fill-color, que st-pages no escribe y que manda sobre color al pintar los glifos. El enlace de
       la fuente (a) lo salta st-pages (closest('a')); el subrayado lleva text-decoration-color explicito.
   FOCO: el anillo de la tarjeta (P-17: 2px --st-tag, offset -2 = por DENTRO, sobre el panel abierto) daba de dia #3B5BFF sobre #29487B
   (1,4:1) y de noche #7C92FF sobre el nuevo #9FB0FF (1,3:1): pasa a blanco de dia y navy de noche (>= 8:1, WCAG 2.4.13 pide 3:1).
   El anillo del enlace de la fuente igual (P-17: blanco; de noche navy).

   PROTAGONISMO DE CIFRAS Y FUENTE (los dos temas, sin tocar contenido): cifra .st-i-20174c2f 25 px/600 -> 32 px/700, interletra
   -.02em, interlinea 1.05; fuente .st-i-b44cf6dd 9 px/600 -> 10.5 px/700, blanco .72 -> .88 de dia; texto .st-i-baecd599 12.5 -> 13 px,
   blanco .86 -> .9 de dia. El panel (padding 18/20, gap 7) sigue cabiendo en la tarjeta: peor caso IBM ES a 1024 (texto de 8 lineas),
   medido sin desborde (scrollHeight = clientHeight) en resultados/cov-despues.json.

   ALCANCE: .st-dt y .st-mb (movil, tap st-cov-open: mismo componente, mismo tema; comportamiento intacto, control a 375).
   ESPECIFICIDAD: (0,8,2) a (0,9,3) + !important, por encima de P-06 (0,5,2), P-17 (0,6,3) y st-plataforma-v14p (0,2,0).
   VUELTA ATRAS: quitar el <link> de la cabecera de pagina. */

/* ---------- cifras y fuente, los dos temas ---------- */
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-f547af4e.st-i-f547af4e .st-i-20174c2f{
  font-size:32px!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.02em!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-f547af4e.st-i-f547af4e .st-i-baecd599{
  font-size:13px!important;line-height:1.5!important;color:rgba(255,255,255,.9)!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-f547af4e.st-i-f547af4e .st-i-b44cf6dd{
  font-size:10.5px!important;font-weight:700!important;letter-spacing:.1em!important;color:rgba(255,255,255,.88)!important}
/* foco de dia: anillo blanco sobre el panel navy (P-17 daba --st-tag #3B5BFF sobre #29487B, 1,4:1) */
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-2949f424.st-i-2949f424:focus-visible,
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-ac51406e.st-i-ac51406e:focus-visible{
  outline:2px solid #FFFFFF!important;outline-offset:-2px!important}

/* ---------- NOCHE: fondo serif #9FB0FF + tinta navy ---------- */
html:root[data-cy-theme="noche"][data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-f547af4e.st-i-f547af4e{
  background-color:#9FB0FF!important;background-image:linear-gradient(#9FB0FF,#9FB0FF)!important;color:#070B12!important;-webkit-text-fill-color:#070B12!important}
html:root[data-cy-theme="noche"][data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-f547af4e.st-i-f547af4e .st-i-20174c2f{
  color:#070B12!important;-webkit-text-fill-color:#070B12!important}
html:root[data-cy-theme="noche"][data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-f547af4e.st-i-f547af4e .st-i-baecd599,
html:root[data-cy-theme="noche"][data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-f547af4e.st-i-f547af4e .st-i-baecd599 span{
  color:rgba(7,11,18,.9)!important;-webkit-text-fill-color:rgba(7,11,18,.9)!important}
html:root[data-cy-theme="noche"][data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-f547af4e.st-i-f547af4e .st-i-b44cf6dd,
html:root[data-cy-theme="noche"][data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-f547af4e.st-i-f547af4e .st-i-b44cf6dd :is(a,span){
  color:#070B12!important;-webkit-text-fill-color:#070B12!important;text-decoration-color:#070B12!important}
/* foco de noche: anillo navy sobre el panel serif (tarjeta y enlace de la fuente) */
html:root[data-cy-theme="noche"][data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-2949f424.st-i-2949f424:focus-visible,
html:root[data-cy-theme="noche"][data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-ac51406e.st-i-ac51406e:focus-visible{
  outline:2px solid #070B12!important;outline-offset:-2px!important}
html:root[data-cy-theme="noche"][data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page] body [data-cy-lang][data-cy-lang] .st-i-f547af4e.st-i-f547af4e .st-i-b44cf6dd a:focus-visible{
  outline:2px solid #070B12!important;outline-offset:2px!important}
