/* ==========================================================================
   RodiAutos · Modo compatible del layout público: páginas del núcleo (PQR, legal del núcleo, contacto, nosotros,
   noticias, verificar firma, errores) dentro de la cabecera y el pie «Bodega honesta». Se carga DESPUÉS de rodi-sitio.css
   y solo con layouts/publico (body.ra-compat).
   ========================================================================== */
/* 1. El reinicio de rodi-sitio.css (márgenes en cero) no aplica al contenido del núcleo, que espera su ritmo vertical. */
.ra-compat main :where(h1,h2,h3,h4){margin:0 0 var(--kv-e-4)}
.ra-compat main :where(p){margin:0 0 var(--kv-e-4)}
.ra-compat main :where(h1)+:where(p){margin-top:var(--e-3)}
body.ra-compat{color:var(--texto);background:var(--bg)}

/* 2. Tema oscuro para los componentes del núcleo: el «bosque» (tinta de títulos y botones) pasa a texto claro y los
      botones sólidos a la acción roja de la marca; los fondos blancos fijos, a superficie. */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ra-compat{
  --kv-bosque:#ECEAE6; --kv-bosque-700:#FFFFFF; --kv-hoja-50:rgba(255,107,115,.12); --kv-hoja-100:rgba(255,107,115,.18);
  --kv-hoja-texto:var(--ra-rojo-claro); --kv-fondo-suave:var(--bg-alt); --kv-sol-50:#2D2414; --kv-exito-fondo:var(--exito-velo);
  --kv-alerta-fondo:var(--alerta-velo); --kv-peligro-fondo:var(--error-velo); --kv-info-fondo:var(--info-velo);
  --k-texto:var(--texto); --k-gris:var(--texto-2); --k-blanco:var(--superficie); --k-concreto:var(--bg); --k-papel:var(--bg-alt);
  --k-filete:var(--borde);}}
:root[data-theme="dark"] .ra-compat{
  --kv-bosque:#ECEAE6; --kv-bosque-700:#FFFFFF; --kv-hoja-50:rgba(255,107,115,.12); --kv-hoja-100:rgba(255,107,115,.18);
  --kv-hoja-texto:var(--ra-rojo-claro); --kv-fondo-suave:var(--bg-alt); --kv-sol-50:#2D2414; --kv-exito-fondo:var(--exito-velo);
  --kv-alerta-fondo:var(--alerta-velo); --kv-peligro-fondo:var(--error-velo); --kv-info-fondo:var(--info-velo);
  --k-texto:var(--texto); --k-gris:var(--texto-2); --k-blanco:var(--superficie); --k-concreto:var(--bg); --k-papel:var(--bg-alt);
  --k-filete:var(--borde);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ra-compat main .btn:not(.btn-secundario):not(.btn-texto):not(.btn-acento){--_bg:var(--accion);--_borde:var(--accion);--_fg:#fff}
  :root:not([data-theme="light"]) .ra-compat main .btn:not(.btn-secundario):not(.btn-texto):not(.btn-acento):hover{--_bg:var(--accion-hover);--_borde:var(--accion-hover)}
  :root:not([data-theme="light"]) .ra-compat main :is(.paginacion a,.paginacion span,.boton-menu,.kvc-segmento a[aria-current],.s-tarjeta,.s-paso,.s-producto-claro,.s-seccion-blanca){background:var(--superficie)}
  :root:not([data-theme="light"]) .ra-compat main :is(.kvc-etiqueta-version,.kvc-doc-ico){background:var(--superficie-2);border-color:var(--borde)}
  :root:not([data-theme="light"]) .ra-compat main .tarjeta-oscura{background:var(--banda);border-color:var(--banda-borde)}}
:root[data-theme="dark"] .ra-compat main .btn:not(.btn-secundario):not(.btn-texto):not(.btn-acento){--_bg:var(--accion);--_borde:var(--accion);--_fg:#fff}
:root[data-theme="dark"] .ra-compat main .btn:not(.btn-secundario):not(.btn-texto):not(.btn-acento):hover{--_bg:var(--accion-hover);--_borde:var(--accion-hover)}
:root[data-theme="dark"] .ra-compat main :is(.paginacion a,.paginacion span,.boton-menu,.kvc-segmento a[aria-current],.s-tarjeta,.s-paso,.s-producto-claro,.s-seccion-blanca){background:var(--superficie)}
:root[data-theme="dark"] .ra-compat main :is(.kvc-etiqueta-version,.kvc-doc-ico){background:var(--superficie-2);border-color:var(--borde)}
:root[data-theme="dark"] .ra-compat main .tarjeta-oscura{background:var(--banda);border-color:var(--banda-borde)}

/* 3. Fondos claros fijos del módulo de contenido (plazos de PQR, avisos, segmentos) en tema oscuro. */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ra-compat main :is(.kvc-plazos li,.kvc-segmento,.kvc-legal-lateral,.kvc-doc,.kvc-doc-pqr,.kvc-noticia,.kvc-ultimas,.kvc-item,.kvc-extracto,.kvc-tarjeta-mini,.kvc-mensaje){background:var(--superficie);border-color:var(--borde)}}
:root[data-theme="dark"] .ra-compat main :is(.kvc-plazos li,.kvc-segmento,.kvc-legal-lateral,.kvc-doc,.kvc-doc-pqr,.kvc-noticia,.kvc-ultimas,.kvc-item,.kvc-extracto,.kvc-tarjeta-mini,.kvc-mensaje){background:var(--superficie);border-color:var(--borde)}

/* 4. Páginas del sitio del núcleo (contacto, nosotros): la tinta «asfalto» de títulos y etiquetas pasa a texto claro. */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ra-compat main :is(.k-titular,.k-h2,.k-h3,.k-campo label,.k-tabla .num,.k-faq summary,.k-btn-linea){color:var(--texto)}
  :root:not([data-theme="light"]) .ra-compat main .k-btn-linea{border-color:var(--texto)}
  :root:not([data-theme="light"]) .ra-compat main .k-btn-osc{background:var(--accion);border-color:var(--accion)}}
:root[data-theme="dark"] .ra-compat main :is(.k-titular,.k-h2,.k-h3,.k-campo label,.k-tabla .num,.k-faq summary,.k-btn-linea){color:var(--texto)}
:root[data-theme="dark"] .ra-compat main .k-btn-linea{border-color:var(--texto)}
:root[data-theme="dark"] .ra-compat main .k-btn-osc{background:var(--accion);border-color:var(--accion)}