/*
   Eclipse visual layer for NoNi.
   This file intentionally overrides only presentation. Existing HTML ids,
   JavaScript hooks, endpoints and workflows stay untouched.
*/
:root{
  --azul:#d6ae5b;
  --azul_claro:#d6ae5b;
  --azul_oscuro:#f3dfad;
  --gris_fondo:#0d0f12;
  --gris_sidebar:#111419;
  --gris_borde:#2a2f37;
  --gris_texto:#b8c0cc;
  --blanco:#15181d;
  --rojo:#ff6b6b;
  --amarillo:#d6ae5b;
  --verde:#63d7ad;
  --texto:#f3f5f7;
  --gris:#b8c0cc;
  --bg:#0d0f12;
  --surface:#15181d;
  --surface2:#1c2026;
  --gold:#d6ae5b;
  --gold2:#f3dfad;
  --text:#f3f5f7;
  --muted:#b8c0cc;
  --line:#2a2f37;
  --bad:#ff6b6b;
  --ok:#63d7ad;
  --warn:#ffca63;
  --sombra:0 18px 42px rgba(0,0,0,.28);
}

html,body{
  background:var(--bg)!important;
  color:var(--text)!important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 8%,rgba(214,174,91,.13),transparent 28%),
    radial-gradient(circle at 92% 18%,rgba(214,174,91,.08),transparent 30%),
    linear-gradient(135deg,#0d0f12 0%,#11151b 52%,#090a0c 100%);
}

a{color:inherit}
.oculto_escritorio{
  display:none!important;
}
input,select,textarea{
  background:#101318!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
input::placeholder,textarea::placeholder{color:#6f7783!important}
input:focus,select:focus,textarea:focus{
  border-color:var(--gold)!important;
  box-shadow:0 0 0 4px rgba(214,174,91,.13)!important;
  outline:none!important;
}

.barra_superior{
  height:78px!important;
  border-top:0!important;
  border-bottom:1px solid var(--line)!important;
  background:rgba(13,15,18,.94)!important;
  backdrop-filter:blur(12px);
  padding:0 30px!important;
}
.marca_superior{gap:18px!important}
.logo_noni{
  width:auto!important;
  height:48px!important;
  background:transparent!important;
  position:relative;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:1px!important;
  padding-left:56px!important;
}
.logo_noni::before{
  content:"";
  position:absolute;
  left:4px;
  top:5px;
  width:38px;
  height:38px;
  border:1px solid var(--gold);
  transform:rotate(45deg);
}
.logo_noni::after{
  content:"P";
  position:absolute;
  left:4px;
  top:5px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:var(--gold2);
  font-weight:900;
  font-size:17px;
}
.logo_noni_grande{
  display:block!important;
  color:var(--text);
  letter-spacing:2px;
  font-size:15px!important;
  font-weight:800;
  line-height:1!important;
}
.logo_noni_texto{
  display:block!important;
  color:var(--muted)!important;
  font-size:9px!important;
  letter-spacing:1.4px!important;
  margin-top:2px!important;
}
.enlaces_superiores{gap:28px!important}
.enlace_superior{
  color:var(--muted)!important;
  font-size:13px!important;
  text-transform:uppercase;
  letter-spacing:1.4px;
  padding:29px 0 25px;
  border-bottom:2px solid transparent;
}
.enlace_superior:hover,.enlace_superior.activo{
  color:var(--gold2)!important;
  border-color:var(--gold);
}
.usuario_superior{
  color:var(--text)!important;
  font-size:12px;
  letter-spacing:.4px;
}

.barra_lateral{
  top:78px!important;
  width:270px!important;
  background:#111419!important;
  border-right:1px solid var(--line)!important;
}
.menu_colapsado .barra_lateral{
  width:72px!important;
  background:#0f1217!important;
  box-shadow:8px 0 24px rgba(0,0,0,.16)!important;
}
.menu_colapsado .contenido_principal{margin-left:72px!important}
.menu_colapsado .menu_lateral{
  padding:18px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
}
.menu_colapsado .barra_superior .boton_menu.oculto_escritorio,
.menu_colapsado .oculto_escritorio{
  display:none!important;
}
.menu_colapsado .titulo_menu{display:none!important}
.menu_colapsado .item_menu{
  width:46px!important;
  height:46px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  font-size:0!important;
  border-left:0!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  overflow:hidden!important;
  box-shadow:none!important;
  position:relative!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.menu_colapsado .item_menu:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(214,174,91,.26)!important;
  background:rgba(214,174,91,.07)!important;
}
.menu_colapsado .item_menu_activo{
  border-color:rgba(214,174,91,.32)!important;
  background:rgba(214,174,91,.09)!important;
}
.menu_colapsado .item_menu_activo::before{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:12px!important;
  bottom:12px!important;
  width:2px!important;
  background:var(--gold)!important;
  border-radius:999px!important;
}
.menu_colapsado .item_menu .icono_menu{
  width:46px!important;
  height:46px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  line-height:1!important;
}
.menu_colapsado .item_menu .icono_menu span{
  font-size:19px!important;
  line-height:1!important;
  transform:translateX(2px)!important;
}
.menu_colapsado .boton_documentos [data_indicador_documentos],
.menu_colapsado .boton_sistema [data_indicador_sistema]{
  display:none!important;
}
.menu_colapsado .submenu{
  display:none!important;
}
.menu_colapsado .salir{
  justify-content:center!important;
  left:13px!important;
  right:auto!important;
  bottom:18px!important;
  width:46px!important;
  height:46px!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
}
.menu_colapsado .salir:hover{
  border-color:rgba(255,107,107,.25)!important;
  background:rgba(255,107,107,.06)!important;
}
.menu_colapsado .salir i{
  font-size:18px!important;
}
.cabecera_lateral{
  height:72px!important;
  border-bottom:1px solid var(--line)!important;
}
.menu_colapsado .cabecera_lateral{
  height:70px!important;
  padding:0!important;
  justify-content:center!important;
}
.menu_colapsado .nombre_sistema{
  display:none!important;
}
.menu_colapsado .boton_menu{
  width:46px!important;
  height:46px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  border-color:rgba(214,174,91,.22)!important;
  border-radius:14px!important;
  background:rgba(214,174,91,.045)!important;
  color:var(--gold)!important;
}
.menu_colapsado .boton_menu i{
  line-height:1!important;
  transform:translateX(2px)!important;
}
.menu_colapsado .boton_menu:hover{
  border-color:rgba(214,174,91,.55)!important;
  background:rgba(214,174,91,.09)!important;
}
.nombre_sistema{
  color:var(--gold2)!important;
  letter-spacing:1px;
  font-size:18px!important;
}
.nombre_sistema::first-letter{color:var(--gold)}
.boton_menu{
  background:#101318!important;
  color:var(--gold)!important;
  border-color:var(--line)!important;
  border-radius:0!important;
}
.menu_lateral{padding:26px 18px 0!important}
.titulo_menu{
  color:var(--gold)!important;
  font-size:11px!important;
  letter-spacing:2px;
  text-transform:uppercase;
}
.item_menu{
  color:#c1c8d3!important;
  font-size:13px!important;
  text-transform:uppercase;
  letter-spacing:1px;
  border-left:2px solid transparent;
  padding:13px 10px!important;
}
.item_menu:hover,.item_menu_activo{
  color:var(--gold2)!important;
  border-color:var(--gold);
  background:rgba(214,174,91,.06)!important;
}
.boton_documentos,
.boton_sistema{
  background:transparent!important;
  border-left:2px solid transparent!important;
  color:#c1c8d3!important;
}
.boton_documentos:hover,
.boton_documentos[aria-expanded="true"],
.boton_sistema:hover,
.boton_sistema[aria-expanded="true"]{
  background:rgba(214,174,91,.06)!important;
  border-color:var(--gold)!important;
  color:var(--gold2)!important;
}
.boton_documentos .icono_menu,
.boton_sistema .icono_menu{
  color:var(--gold)!important;
}
.icono_menu{color:var(--gold)!important}
.submenu{
  border-left:1px solid var(--line);
  margin-left:20px!important;
}
.submenu a{
  color:#b5becb!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.8px;
}
.submenu_sistema .icono_menu{
  display:none!important;
}
.submenu a.activo,.submenu a:hover{color:var(--gold2)!important}
.salir{
  background:#111419!important;
  border-top:1px solid var(--line)!important;
  color:var(--bad)!important;
}

.paginacion_tabla{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  margin:16px 0 0!important;
  flex-wrap:wrap!important;
}
.paginacion_tabla:empty{
  display:none!important;
}
.paginacion_tabla button{
  min-width:38px!important;
  height:38px!important;
  padding:0 13px!important;
  border:1px solid var(--line)!important;
  background:#111419!important;
  color:var(--muted)!important;
  cursor:pointer!important;
  font-weight:800!important;
  letter-spacing:.4px!important;
}
.paginacion_tabla button:hover:not(:disabled),
.paginacion_tabla button.activo{
  border-color:var(--gold)!important;
  background:rgba(214,174,91,.1)!important;
  color:var(--gold2)!important;
}
.paginacion_tabla button:disabled{
  opacity:.38!important;
  cursor:not-allowed!important;
}

.contenido_principal{
  margin-left:270px!important;
  padding:118px 42px 60px!important;
  background:transparent!important;
}
.migas{
  color:var(--muted)!important;
  font-size:13px!important;
  text-transform:uppercase;
  letter-spacing:1px;
}
.migas a{color:var(--gold)!important}
.titulo_pagina{
  color:var(--text)!important;
  font-size:38px!important;
  font-weight:500!important;
}
.texto_resumen{color:var(--muted)!important}
.alerta{
  background:linear-gradient(180deg,var(--surface),#12151a)!important;
  border:1px solid var(--line)!important;
  color:var(--muted)!important;
  border-radius:0!important;
}
.alerta strong,.alerta b{color:var(--gold2)!important}
.alerta_info{background:linear-gradient(180deg,var(--surface),#12151a)!important;color:var(--muted)!important}
.alerta_advertencia{background:rgba(255,202,99,.05)!important;border-color:#765f2f!important;color:var(--warn)!important}

.tarjeta,.panel,.detalle,.bloque,.seccion,.card{
  background:linear-gradient(180deg,var(--surface),#12151a)!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--text)!important;
}
.tarjeta,form,#form{
  background:linear-gradient(180deg,var(--surface),#12151a)!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
  box-shadow:none!important;
}
#form h2,#form label,#form p{
  color:var(--text)!important;
}
#form label{
  color:#d9dee5!important;
}
#form input,#form select{
  background:#101318!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
#form input:disabled{
  background:#0d0f12!important;
  color:#8f98a5!important;
}
#form .btn.sec,#form .boton_secundario{
  background:#101318!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
#form .btn.sec:hover,#form .boton_secundario:hover{
  color:var(--gold2)!important;
  border-color:var(--gold)!important;
}
.contenido{
  color:var(--text)!important;
}
.barra{
  height:78px!important;
  background:rgba(13,15,18,.94)!important;
  border-top:0!important;
  border-bottom:1px solid var(--line)!important;
  color:var(--text)!important;
  backdrop-filter:blur(12px);
}
.barra a{
  color:var(--gold2)!important;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:13px;
}
.titulo h1,.contenido h1,.contenido h2,.tarjeta h2{
  color:var(--text)!important;
  font-weight:500!important;
}
.dato{
  background:#101318!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  color:var(--text)!important;
}
.dato b{
  color:#7f8791!important;
  letter-spacing:1px;
}
.nota{
  background:rgba(255,202,99,.05)!important;
  border:1px solid #765f2f!important;
  border-radius:0!important;
  color:var(--warn)!important;
}
.error,.nota.error{
  background:rgba(255,107,107,.05)!important;
  border-color:#703838!important;
  color:var(--bad)!important;
}
.alerta-fiscal{
  background:rgba(255,107,107,.05)!important;
  border:1px solid #703838!important;
  color:var(--bad)!important;
  border-radius:0!important;
}
.alerta-fiscal.ok{
  background:rgba(99,215,173,.06)!important;
  border-color:#2f7059!important;
  color:var(--ok)!important;
}
.alerta-fiscal.ok .nota{
  background:rgba(99,215,173,.06)!important;
  border-color:#2f7059!important;
  color:var(--ok)!important;
}
.chip{
  border-radius:0!important;
  background:rgba(214,174,91,.05)!important;
  border:1px solid var(--line)!important;
  color:var(--gold2)!important;
}
.alerta-fiscal.ok .chip{
  background:rgba(99,215,173,.06)!important;
  border-color:#2f7059!important;
  color:var(--ok)!important;
}
.resumen{
  border-color:var(--line)!important;
  color:var(--text)!important;
}
.resumen div{border-color:var(--line)!important}
.payload{
  background:#101318!important;
  border:1px solid var(--line)!important;
  color:#cbd2dc!important;
}
details,summary{color:var(--gold2)!important}
.tarjeta_cabecera,.panel-head,.barra_acciones{
  background:#12151a!important;
  border-bottom:1px solid var(--line)!important;
  color:var(--text)!important;
}
.tarjeta_titulo{color:var(--text)!important}

.boton,.btn,.boton_icono,.icon-btn{
  background:#111419!important;
  border:1px solid var(--line)!important;
  color:#c6ccd3!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.boton:hover,.btn:hover,.boton_icono:hover,.icon-btn:hover{
  border-color:var(--gold)!important;
  color:var(--gold2)!important;
}
.boton_primario,.boton_nuevo,.btn-gold,.boton_ingresar,.submit{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  color:#161616!important;
  font-weight:900!important;
}
.boton_guardar,.boton_verde,.boton_registrar,#save{
  background:var(--ok)!important;
  border-color:var(--ok)!important;
  color:#071411!important;
  font-weight:900!important;
}
.boton_cancelar,#cancel{
  background:rgba(255,107,107,.12)!important;
  border-color:#9f4545!important;
  color:#ffb3b3!important;
  font-weight:900!important;
}
.boton_editar{
  background:#1d4ed8!important;
  border-color:#60a5fa!important;
  color:#f8fbff!important;
  font-weight:900!important;
}
.boton_amarillo,.boton_icono.amarillo{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  color:#161616!important;
}
.boton_rojo,.boton_icono.rojo{
  background:rgba(255,107,107,.08)!important;
  border-color:#703838!important;
  color:var(--bad)!important;
}
.boton_icono.azul,.boton_icono.celeste{
  color:#93c5fd!important;
  border-color:#2563eb!important;
  background:rgba(37,99,235,.11)!important;
}

.tabla_responsiva,.table-wrap{background:transparent!important}
.tabla_datos,.table,table{
  background:transparent!important;
  color:var(--text)!important;
}
.tabla_datos th,.tabla_datos td,.table th,.table td,th,td{
  border-color:var(--line)!important;
}
.tabla_datos th,.table th,th{
  background:#12151a!important;
  color:#aeb8c6!important;
  font-size:11px!important;
  text-transform:uppercase;
  letter-spacing:1.2px;
}
.tabla_datos th a,.table th a{color:#7f8791!important}
.tabla_datos td,.table td,td{color:#d9dee5!important}
.tabla_datos tbody tr:nth-child(odd){background:rgba(255,255,255,.015)!important}
.tabla_datos tbody tr:nth-child(even){background:transparent!important}
.tabla_datos tbody tr:hover,.table tbody tr:hover{background:#181c22!important}
tbody tr,tbody tr:nth-child(odd),tbody tr:nth-child(even){
  background:#111419!important;
}
tbody tr:hover{
  background:#181c22!important;
}
tbody td{
  background:transparent!important;
  color:#d9dee5!important;
}
tbody td a,tbody td button{
  color:inherit;
}
.texto_enlace,.doc{
  color:var(--gold2)!important;
  font-weight:800!important;
}
.fila_filtros input,.fila_filtros select,.control{
  background:#101318!important;
  border:1px solid var(--line)!important;
  color:#b7bdc6!important;
  border-radius:0!important;
}

.estado,.status{
  display:inline-flex!important;
  padding:6px 10px!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  font-size:11px!important;
  text-transform:uppercase;
  letter-spacing:.7px;
  background:rgba(214,174,91,.05)!important;
  color:var(--gold2)!important;
}
.estado_ok{
  color:var(--ok)!important;
  border:1px solid #2f7059!important;
  background:rgba(99,215,173,.06)!important;
}
.estado_warn{
  color:var(--warn)!important;
  border:1px solid #765f2f!important;
  background:rgba(255,202,99,.05)!important;
}
.mark{
  color:var(--ok)!important;
}
.off{
  color:var(--muted)!important;
}
#body td{
  color:#d9dee5!important;
}
#body .btn{
  background:#101318!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
#body .btn:hover{
  border-color:var(--gold)!important;
  color:var(--gold2)!important;
}
.estado_activo,.ok{
  color:var(--ok)!important;
  border-color:#2f7059!important;
  background:rgba(99,215,173,.06)!important;
}
.estado_inactivo,.bad{
  color:var(--bad)!important;
  border-color:#703838!important;
  background:rgba(255,107,107,.05)!important;
}
.warn{
  color:var(--warn)!important;
  border-color:#765f2f!important;
  background:rgba(255,202,99,.05)!important;
}

.modal_fondo{background:rgba(0,0,0,.72)!important}
.modal_usuario,.modal,.dialogo{
  background:var(--surface)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
}
.modal_cabecera{
  border-bottom:1px solid var(--line)!important;
  background:#12151a!important;
}
.cerrar_modal{color:var(--gold)!important}
.campo_modal label,.campo label{color:#aeb5bd!important}
.mensaje_modal{color:var(--bad)!important}

.resultado.no_existe,.resultado.error{
  border-radius:0!important;
  background:#15181d!important;
  border-color:var(--line)!important;
}
.resultado.error{color:var(--bad)!important;border-color:#703838!important}
.resultado.no_existe{color:var(--warn)!important;border-color:#765f2f!important}
.tarjeta_resultado_ruc{
  background:linear-gradient(180deg,var(--surface),#12151a)!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:0 18px 42px rgba(0,0,0,.25)!important;
}
.cabecera_resultado_ruc{
  background:rgba(99,215,173,.06)!important;
  border-bottom:1px solid #2f7059!important;
  color:var(--ok)!important;
}
.icono_resultado_ruc{
  background:transparent!important;
  border:1px solid #2f7059!important;
  color:var(--ok)!important;
}
.cabecera_resultado_ruc p{color:#a9cdbf!important}
.tabla_resultado_ruc th,.tabla_resultado_ruc td{border-color:var(--line)!important}
.tabla_resultado_ruc th{background:#12151a!important;color:#7f8791!important}
.tabla_resultado_ruc td{color:var(--text)!important}
.tabla_resultado_ruc tr:nth-child(even) td,.tabla_resultado_ruc tr:nth-child(even) th{background:#181c22!important}
.insignia_afiliacion{
  background:rgba(99,215,173,.06)!important;
  border-color:#2f7059!important;
  color:var(--ok)!important;
  border-radius:0!important;
}

/* Login */
.pantalla_login{
  display:grid!important;
  grid-template-columns:.92fr 1.08fr!important;
  background:var(--bg)!important;
}
.panel_visual{
  order:2;
  background:
    linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.45)),
    radial-gradient(circle at 30% 20%,#3a3324,transparent 24%),
    linear-gradient(135deg,#171b21,#08090b 65%)!important;
}
.panel_visual::before{
  width:540px!important;
  height:540px!important;
  left:auto!important;
  right:-80px!important;
  top:8%!important;
  border-radius:0!important;
  background:transparent!important;
  border:1px solid rgba(214,174,91,.25)!important;
  opacity:1!important;
  transform:rotate(22deg)!important;
}
.panel_visual::after{
  width:360px!important;
  height:360px!important;
  left:auto!important;
  right:12%!important;
  top:22%!important;
  border-radius:0!important;
  background:linear-gradient(145deg,rgba(214,174,91,.10),transparent)!important;
  border:1px solid rgba(214,174,91,.18)!important;
  opacity:1!important;
  transform:rotate(-18deg)!important;
}
.texto_visual{left:58px!important;right:58px!important;bottom:60px!important}
.titulo_visual{
  font-size:42px!important;
  font-weight:400!important;
  line-height:1.15!important;
  color:var(--text)!important;
}
.subtitulo_visual{color:#b9b0a0!important;line-height:1.6!important}
.panel_formulario{
  order:1;
  background:var(--bg)!important;
  border-right:1px solid var(--line)!important;
}
.formulario_login{
  max-width:440px!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
}
.logo_login{
  width:auto!important;
  min-height:54px!important;
  text-align:left!important;
  position:relative;
  display:block!important;
  padding-left:64px!important;
  margin:0 0 44px!important;
}
.logo_login::before{
  content:"";
  position:absolute;
  left:5px;
  top:5px;
  width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;
  transform:rotate(45deg);
}
.logo_login::after{
  content:"P";
  position:absolute;
  left:5px;
  top:5px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:var(--gold2);
  font-weight:900;
  font-size:17px;
}
.logo_principal{
  display:block!important;
  color:var(--text)!important;
  font-size:24px!important;
  letter-spacing:2.4px!important;
  line-height:1!important;
}
.logo_subtexto{
  display:block!important;
  color:var(--muted)!important;
  font-size:10px!important;
  letter-spacing:1.6px!important;
  margin-top:6px!important;
}
.formulario_login h1{
  color:var(--text)!important;
  font-size:38px!important;
  font-weight:500!important;
  margin:0 0 8px!important;
}
.formulario_login p{
  color:var(--muted)!important;
  margin:0 0 30px!important;
}
.campo_login{
  height:52px!important;
  border-radius:0!important;
  margin-bottom:17px!important;
  font-size:15px!important;
}
.opciones_login{
  color:var(--muted)!important;
  font-size:12px!important;
  margin:18px 0 25px!important;
}
.recordarme input{accent-color:var(--gold)!important}
.enlace_recuperar{color:var(--gold2)!important}
#mensaje-login{color:var(--bad)!important}

/* Small/simple configuration pages */
body > h1, body > h2, body > form, body > table, body > div:not(.contenedor_app):not(.pantalla_login){
  color:var(--text);
}
body > form{
  max-width:920px;
  margin:38px auto;
  background:linear-gradient(180deg,var(--surface),#12151a);
  border:1px solid var(--line);
  padding:24px;
}
body > form label{color:#aeb5bd}
body > form button{
  background:var(--gold);
  color:#161616;
  border:1px solid var(--gold);
  padding:12px 16px;
  font-weight:900;
}
body > main:not(.contenido_principal):not(.pantalla_login){
  background:linear-gradient(180deg,var(--surface),#12151a)!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  color:var(--text)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}
body > main:not(.contenido_principal):not(.pantalla_login) h1{
  color:var(--text)!important;
  font-weight:500!important;
}
body > main:not(.contenido_principal):not(.pantalla_login) a{color:var(--gold2)!important}
body > main:not(.contenido_principal):not(.pantalla_login) label{color:#aeb5bd!important}
body > main:not(.contenido_principal):not(.pantalla_login) button{
  background:var(--gold)!important;
  color:#161616!important;
  border:1px solid var(--gold)!important;
  border-radius:0!important;
  font-weight:900!important;
}

@media(max-width:1050px){
  .enlaces_superiores{display:none!important}
}
@media(max-width:980px){
  .barra_superior{height:78px!important}
  .barra_lateral{top:78px!important}
  .contenido_principal{margin-left:270px!important;padding:104px 18px 50px!important}
}
@media(max-width:760px){
  .pantalla_login{grid-template-columns:1fr!important}
  .panel_visual{display:none!important}
  .panel_formulario{border-right:0!important;padding:30px 22px!important}
  .contenido_principal{padding-left:16px!important;padding-right:16px!important}
}

/* ==========================================================
   Responsive móvil — capa aislada.
   No modifica la experiencia desktop; solo aplica <= 760px.
   ========================================================== */
@media(max-width:760px){
  html,body{
    overflow-x:hidden!important;
  }

  .barra_superior{
    height:66px!important;
    padding:0 14px!important;
    gap:10px!important;
  }

  .marca_superior{
    min-width:0!important;
    flex:1!important;
  }

  .logo_noni{
    height:42px!important;
    padding-left:48px!important;
  }

  .logo_noni::before,
  .logo_noni::after{
    width:32px!important;
    height:32px!important;
    left:3px!important;
    top:5px!important;
  }

  .logo_noni_grande{
    font-size:13px!important;
    letter-spacing:1.5px!important;
  }

  .logo_noni_texto{
    font-size:8px!important;
    letter-spacing:1px!important;
  }

  .usuario_superior{
    max-width:112px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:right!important;
  }

  .boton_menu.oculto_escritorio{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border-radius:12px!important;
    background:#101318!important;
    border-color:rgba(214,174,91,.28)!important;
    color:var(--gold)!important;
  }

  .menu_colapsado .boton_menu.oculto_escritorio,
  .menu_colapsado .barra_superior .boton_menu.oculto_escritorio{
    display:grid!important;
  }

  .barra_lateral{
    top:66px!important;
    width:min(82vw,310px)!important;
    max-width:310px!important;
    transform:translateX(-105%)!important;
    transition:transform .24s ease!important;
    box-shadow:20px 0 48px rgba(0,0,0,.42)!important;
    z-index:80!important;
  }

  .barra_lateral.abierta{
    transform:translateX(0)!important;
  }

  .menu_colapsado .barra_lateral{
    width:min(82vw,310px)!important;
    transform:translateX(0)!important;
  }

  .menu_colapsado .contenido_principal,
  .contenido_principal{
    margin-left:0!important;
    padding:88px 14px 38px!important;
  }

  .cabecera_lateral{
    height:64px!important;
    padding:0 16px!important;
    justify-content:space-between!important;
  }

  .cabecera_lateral .boton_menu:not(.oculto_escritorio){
    display:none!important;
  }

  .menu_colapsado .nombre_sistema,
  .nombre_sistema{
    display:block!important;
    color:var(--gold2)!important;
    font-size:18px!important;
    letter-spacing:1px!important;
  }

  .menu_lateral,
  .menu_colapsado .menu_lateral{
    display:block!important;
    padding:18px 18px 0!important;
  }

  .menu_colapsado .titulo_menu,
  .titulo_menu{
    display:block!important;
    color:var(--gold)!important;
    font-size:10px!important;
    letter-spacing:1.8px!important;
    margin:16px 8px 12px!important;
  }

  .menu_colapsado .item_menu,
  .item_menu{
    width:100%!important;
    height:auto!important;
    min-height:46px!important;
    margin:0!important;
    padding:12px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    font-size:12px!important;
    border-radius:12px!important;
  }

  .menu_colapsado .item_menu .icono_menu,
  .item_menu .icono_menu{
    width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
  }

  .menu_colapsado .item_menu .icono_menu span,
  .item_menu .icono_menu span{
    font-size:16px!important;
    transform:none!important;
  }

  .menu_colapsado .boton_documentos [data_indicador_documentos],
  .menu_colapsado .boton_sistema [data_indicador_sistema]{
    display:inline-block!important;
  }

  .menu_colapsado .submenu,
  .submenu{
    display:block!important;
    margin-left:22px!important;
  }

  .menu_colapsado .salir,
  .salir{
    position:static!important;
    width:100%!important;
    height:auto!important;
    margin-top:22px!important;
    padding:14px 18px!important;
    justify-content:flex-start!important;
    border-radius:12px!important;
    border:1px solid rgba(255,107,107,.22)!important;
  }

  .menu_colapsado .salir span{
    display:inline!important;
    font-size:14px!important;
  }

  .menu_colapsado .salir i,
  .salir i{
    font-size:16px!important;
  }

  .migas{
    font-size:13px!important;
    margin-bottom:18px!important;
    white-space:normal!important;
  }

  .titulo_pagina{
    font-size:30px!important;
    line-height:1.05!important;
    margin-bottom:16px!important;
  }

  .alerta{
    padding:14px!important;
    font-size:14px!important;
  }

  .tarjeta{
    padding:12px!important;
    overflow:hidden!important;
  }

  .barra_acciones,
  .tarjeta_cabecera{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }

  .boton,
  .btn,
  .boton_primario,
  .boton_registrar{
    width:100%!important;
    justify-content:center!important;
    min-height:44px!important;
  }

  .tabla_responsiva{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    border:1px solid var(--line)!important;
    background:#111419!important;
  }

  .tabla_datos,
  .tabla_datos thead,
  .tabla_datos tbody,
  .tabla_datos tr,
  .tabla_datos th,
  .tabla_datos td{
    display:revert!important;
    width:auto!important;
  }

  .tabla_datos thead tr:first-child{
    display:table-row!important;
  }

  .tabla_datos .fila_filtros{
    display:table-row!important;
    background:#111419!important;
  }

  .tabla_datos .fila_filtros th{
    border-bottom:1px solid var(--line)!important;
    padding:10px!important;
  }

  .tabla_datos .fila_filtros th:first-child,
  .tabla_datos .fila_filtros th:last-child{
    display:table-cell!important;
  }

  .tabla_datos .fila_filtros input,
  .tabla_datos .fila_filtros select{
    width:100%!important;
    min-width:130px!important;
    min-height:38px!important;
  }

  .tabla_datos{
    display:table!important;
    width:100%!important;
    min-width:920px!important;
    border-collapse:collapse!important;
  }

  .tabla_datos th,
  .tabla_datos td{
    display:table-cell!important;
    white-space:nowrap!important;
    vertical-align:middle!important;
    font-size:13px!important;
  }

  .tabla_datos th{
    padding:13px 12px!important;
    font-size:10px!important;
    letter-spacing:.9px!important;
  }

  .tabla_datos tbody tr{
    display:table-row!important;
    margin:0!important;
    padding:0!important;
    border:1px solid var(--line)!important;
    background:#111419!important;
  }

  .tabla_datos tbody td{
    border-bottom:1px solid var(--line)!important;
    padding:13px 12px!important;
    display:table-cell!important;
    text-align:left!important;
    word-break:normal!important;
  }

  .tabla_datos tbody td::before{
    content:none!important;
  }

  .celda_acciones{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    min-width:128px!important;
  }

  .boton_icono{
    width:38px!important;
    height:38px!important;
  }

  .paginacion_tabla{
    justify-content:center!important;
    gap:6px!important;
  }

  .paginacion_tabla button{
    min-width:36px!important;
    height:36px!important;
    padding:0 10px!important;
  }

  .modal_fondo{
    padding:12px!important;
    align-items:flex-start!important;
    overflow:auto!important;
  }

  .modal_usuario{
    width:100%!important;
    max-height:none!important;
    margin-top:74px!important;
  }

  .form_usuario{
    grid-template-columns:1fr!important;
  }

  .campo_modal.completo{
    grid-column:auto!important;
  }
}

/* ==========================================================
   Modo claro — misma estructura, solo cambia paleta visual.
   ========================================================== */
.boton_tema{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:9px 13px!important;
  border:1px solid rgba(214,174,91,.45)!important;
  background:rgba(214,174,91,.08)!important;
  color:var(--gold2)!important;
  cursor:pointer!important;
  font:700 12px/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:.7px!important;
  text-transform:uppercase!important;
  border-radius:12px!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.boton_tema:hover{
  border-color:var(--gold)!important;
  background:rgba(214,174,91,.14)!important;
  transform:translateY(-1px)!important;
}
.panel_formulario > .boton_tema,
body > .boton_tema{
  position:fixed!important;
  top:18px!important;
  right:18px!important;
  z-index:120!important;
}
.barra > .boton_tema{
  margin-left:auto!important;
}

html[data-theme="light"]{
  --azul:#b98012;
  --azul_claro:#d6ae5b;
  --azul_oscuro:#7a520f;
  --gris_fondo:#f5f7fb;
  --gris_sidebar:#ffffff;
  --gris_borde:#d9dee8;
  --gris_texto:#4c5563;
  --blanco:#ffffff;
  --rojo:#dc2626;
  --amarillo:#d6ae5b;
  --verde:#168a5b;
  --texto:#151a22;
  --gris:#5f6875;
  --bg:#f5f7fb;
  --surface:#ffffff;
  --surface2:#f8fafc;
  --gold:#b98012;
  --gold2:#7a520f;
  --text:#151a22;
  --muted:#5f6875;
  --line:#d9dee8;
  --bad:#dc2626;
  --ok:#168a5b;
  --warn:#9a6700;
  --sombra:0 18px 42px rgba(31,41,55,.10);
}

html[data-theme="light"],
html[data-theme="light"] body{
  background:var(--bg)!important;
  color:var(--text)!important;
}
html[data-theme="light"] body::before{
  background:
    radial-gradient(circle at 18% 8%,rgba(214,174,91,.16),transparent 28%),
    radial-gradient(circle at 92% 18%,rgba(185,128,18,.10),transparent 30%),
    linear-gradient(135deg,#f8fafc 0%,#eef2f7 52%,#ffffff 100%)!important;
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#ffffff!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#8792a2!important}

html[data-theme="light"] .barra_superior,
html[data-theme="light"] .barra{
  background:rgba(255,255,255,.94)!important;
  border-bottom-color:var(--line)!important;
  color:var(--text)!important;
}
html[data-theme="light"] .barra_lateral,
html[data-theme="light"] .salir{
  background:#ffffff!important;
  border-color:var(--line)!important;
}
html[data-theme="light"].menu_colapsado .barra_lateral{
  background:#ffffff!important;
  box-shadow:8px 0 24px rgba(31,41,55,.08)!important;
}
html[data-theme="light"] .boton_menu,
html[data-theme="light"] .menu_colapsado .boton_menu,
html[data-theme="light"] .boton_menu.oculto_escritorio{
  background:#ffffff!important;
  border-color:var(--line)!important;
  color:var(--gold)!important;
}
html[data-theme="light"] .boton_menu:hover,
html[data-theme="light"] .boton_documentos:hover,
html[data-theme="light"] .boton_sistema:hover,
html[data-theme="light"] .boton_documentos[aria-expanded="true"],
html[data-theme="light"] .boton_sistema[aria-expanded="true"]{
  background:#fff7e8!important;
}
html[data-theme="light"] .nombre_sistema,
html[data-theme="light"] .logo_noni_grande,
html[data-theme="light"] .titulo_pagina,
html[data-theme="light"] .titulo h1,
html[data-theme="light"] .contenido h1,
html[data-theme="light"] .contenido h2,
html[data-theme="light"] .tarjeta h2,
html[data-theme="light"] .formulario_login h1,
html[data-theme="light"] .titulo_visual{
  color:var(--text)!important;
}
html[data-theme="light"] .logo_noni_texto,
html[data-theme="light"] .subtitulo_visual,
html[data-theme="light"] .texto_resumen,
html[data-theme="light"] .migas,
html[data-theme="light"] .formulario_login p,
html[data-theme="light"] .opciones_login{
  color:var(--muted)!important;
}
html[data-theme="light"] .logo_noni::before,
html[data-theme="light"] .logo_login::before{
  border-color:var(--gold)!important;
}
html[data-theme="light"] .logo_noni::after,
html[data-theme="light"] .logo_login::after,
html[data-theme="light"] .migas a,
html[data-theme="light"] .enlace_recuperar,
html[data-theme="light"] .barra a{
  color:var(--gold2)!important;
}
html[data-theme="light"] .enlace_superior,
html[data-theme="light"] .item_menu,
html[data-theme="light"] .boton_documentos,
html[data-theme="light"] .boton_sistema,
html[data-theme="light"] .submenu a{
  color:#3f4754!important;
}
html[data-theme="light"] .enlace_superior:hover,
html[data-theme="light"] .enlace_superior.activo,
html[data-theme="light"] .item_menu:hover,
html[data-theme="light"] .item_menu_activo,
html[data-theme="light"] .boton_documentos:hover,
html[data-theme="light"] .boton_documentos[aria-expanded="true"],
html[data-theme="light"] .boton_sistema:hover,
html[data-theme="light"] .boton_sistema[aria-expanded="true"],
html[data-theme="light"] .submenu a.activo,
html[data-theme="light"] .submenu a:hover{
  color:var(--gold2)!important;
}

html[data-theme="light"] .tarjeta,
html[data-theme="light"] form,
html[data-theme="light"] #form,
html[data-theme="light"] #config,
html[data-theme="light"] .panel,
html[data-theme="light"] .detalle,
html[data-theme="light"] .bloque,
html[data-theme="light"] .seccion,
html[data-theme="light"] .card,
html[data-theme="light"] body > main:not(.contenido_principal):not(.pantalla_login){
  background:#ffffff!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
  box-shadow:0 16px 36px rgba(31,41,55,.08)!important;
}
html[data-theme="light"] #form h2,
html[data-theme="light"] #form h3,
html[data-theme="light"] #form label,
html[data-theme="light"] #form p,
html[data-theme="light"] #config h2,
html[data-theme="light"] #config h3,
html[data-theme="light"] #config label,
html[data-theme="light"] #config p,
html[data-theme="light"] body > main:not(.contenido_principal):not(.pantalla_login) h1,
html[data-theme="light"] body > main:not(.contenido_principal):not(.pantalla_login) h2,
html[data-theme="light"] body > main:not(.contenido_principal):not(.pantalla_login) label{
  color:var(--text)!important;
}
html[data-theme="light"] #form input,
html[data-theme="light"] #form select,
html[data-theme="light"] #form textarea,
html[data-theme="light"] #config input,
html[data-theme="light"] #config select,
html[data-theme="light"] #config textarea,
html[data-theme="light"] body > main:not(.contenido_principal):not(.pantalla_login) input,
html[data-theme="light"] body > main:not(.contenido_principal):not(.pantalla_login) select,
html[data-theme="light"] body > main:not(.contenido_principal):not(.pantalla_login) textarea{
  background:#ffffff!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
html[data-theme="light"] #form input:disabled,
html[data-theme="light"] #config input:disabled,
html[data-theme="light"] input:disabled{
  background:#eef2f7!important;
  color:#667085!important;
}
html[data-theme="light"] #form .btn.sec,
html[data-theme="light"] #form .boton_secundario,
html[data-theme="light"] #config .btn.sec,
html[data-theme="light"] #config .boton_secundario{
  background:#ffffff!important;
  color:#263241!important;
  border-color:#cfd6e2!important;
}
html[data-theme="light"] .tarjeta_cabecera,
html[data-theme="light"] .panel-head,
html[data-theme="light"] .barra_acciones,
html[data-theme="light"] .modal_cabecera{
  background:#f8fafc!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
html[data-theme="light"] .alerta,
html[data-theme="light"] .alerta_info{
  background:#ffffff!important;
  border-color:var(--line)!important;
  color:#4c5563!important;
}
html[data-theme="light"] .alerta strong,
html[data-theme="light"] .alerta b{color:var(--gold2)!important}
html[data-theme="light"] .alerta_advertencia{
  background:#fff8e6!important;
  border-color:#f1d28f!important;
  color:#765400!important;
}

html[data-theme="light"] .tabla_responsiva,
html[data-theme="light"] .table-wrap{
  background:#ffffff!important;
}
html[data-theme="light"] .tabla_datos,
html[data-theme="light"] .table,
html[data-theme="light"] table{
  background:#ffffff!important;
  color:var(--text)!important;
}
html[data-theme="light"] .tabla_datos th,
html[data-theme="light"] .table th,
html[data-theme="light"] th{
  background:#f8fafc!important;
  color:#5c6675!important;
  border-color:var(--line)!important;
}
html[data-theme="light"] .tabla_datos td,
html[data-theme="light"] .table td,
html[data-theme="light"] td,
html[data-theme="light"] tbody td,
html[data-theme="light"] #body td{
  color:#1f2937!important;
  border-color:var(--line)!important;
}
html[data-theme="light"] tbody tr,
html[data-theme="light"] tbody tr:nth-child(even){
  background:#ffffff!important;
}
html[data-theme="light"] .tabla_datos tbody tr:nth-child(odd),
html[data-theme="light"] tbody tr:nth-child(odd){
  background:#f7f8fb!important;
}
html[data-theme="light"] tbody tr:hover,
html[data-theme="light"] .tabla_datos tbody tr:hover,
html[data-theme="light"] .table tbody tr:hover{
  background:#fff7e8!important;
}
html[data-theme="light"] .fila_filtros input,
html[data-theme="light"] .fila_filtros select,
html[data-theme="light"] .control{
  background:#ffffff!important;
  border-color:var(--line)!important;
  color:#1f2937!important;
}

html[data-theme="light"] .boton,
html[data-theme="light"] .btn,
html[data-theme="light"] .boton_icono,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] #body .btn{
  background:#ffffff!important;
  border-color:#cfd6e2!important;
  color:#263241!important;
}
html[data-theme="light"] .boton:hover,
html[data-theme="light"] .btn:hover,
html[data-theme="light"] .boton_icono:hover,
html[data-theme="light"] .icon-btn:hover{
  border-color:var(--gold)!important;
  color:var(--gold2)!important;
}
html[data-theme="light"] .boton_tema{
  background:#fff7e8!important;
  border-color:#e5c578!important;
  color:#7a520f!important;
}
html[data-theme="light"] .boton_primario,
html[data-theme="light"] .boton_nuevo,
html[data-theme="light"] .btn-gold,
html[data-theme="light"] .boton_ingresar,
html[data-theme="light"] .submit{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  color:#ffffff!important;
}
html[data-theme="light"] .boton_guardar,
html[data-theme="light"] .boton_verde,
html[data-theme="light"] .boton_registrar,
html[data-theme="light"] #save{
  background:var(--ok)!important;
  border-color:var(--ok)!important;
  color:#ffffff!important;
}
html[data-theme="light"] .boton_cancelar,
html[data-theme="light"] #cancel{
  background:#dc2626!important;
  border-color:#dc2626!important;
  color:#ffffff!important;
}
html[data-theme="light"] .boton_editar{
  background:#2563eb!important;
  border-color:#2563eb!important;
  color:#ffffff!important;
}
html[data-theme="light"] .boton_rojo,
html[data-theme="light"] .boton_icono.rojo{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:#be123c!important;
}
html[data-theme="light"] .boton_icono.azul,
html[data-theme="light"] .boton_icono.celeste{
  background:#eff6ff!important;
  border-color:#93c5fd!important;
  color:#1d4ed8!important;
}
html[data-theme="light"] .boton_amarillo,
html[data-theme="light"] .boton_icono.amarillo{
  background:#facc15!important;
  border-color:#facc15!important;
  color:#171717!important;
}

html[data-theme="light"] .dato,
html[data-theme="light"] .payload{
  background:#f8fafc!important;
  border-color:var(--line)!important;
  color:#1f2937!important;
}
html[data-theme="light"] .dato b{
  color:#667085!important;
}
html[data-theme="light"] .nota{
  background:#fff8e6!important;
  border-color:#f1d28f!important;
  color:#765400!important;
}
html[data-theme="light"] .error,
html[data-theme="light"] .nota.error,
html[data-theme="light"] .alerta-fiscal{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:#be123c!important;
}
html[data-theme="light"] .alerta-fiscal.ok{
  background:#ecfdf5!important;
  border-color:#a7f3d0!important;
  color:#047857!important;
}
html[data-theme="light"] .chip{
  background:#fff7e8!important;
  border-color:#efd492!important;
  color:#7a520f!important;
}
html[data-theme="light"] .estado,
html[data-theme="light"] .status{
  background:#fff7e8!important;
  border-color:#efd492!important;
  color:#7a520f!important;
}
html[data-theme="light"] .estado_ok,
html[data-theme="light"] .estado_activo,
html[data-theme="light"] .ok{
  background:#ecfdf5!important;
  border-color:#a7f3d0!important;
  color:#047857!important;
}
html[data-theme="light"] .estado_warn,
html[data-theme="light"] .warn{
  background:#fff8e6!important;
  border-color:#f1d28f!important;
  color:#765400!important;
}
html[data-theme="light"] .estado_inactivo,
html[data-theme="light"] .bad{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:#be123c!important;
}

html[data-theme="light"] .modal_usuario,
html[data-theme="light"] .modal,
html[data-theme="light"] .dialogo{
  background:#ffffff!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme="light"] .modal_fondo{
  background:rgba(15,23,42,.48)!important;
}
html[data-theme="light"] .cerrar_modal{
  color:var(--gold2)!important;
}
html[data-theme="light"] .resultado.no_existe,
html[data-theme="light"] .resultado.error{
  background:#ffffff!important;
  border-color:var(--line)!important;
}
html[data-theme="light"] .tarjeta_resultado_ruc{
  background:#ffffff!important;
  border-color:#cfe8d8!important;
  box-shadow:0 18px 42px rgba(31,41,55,.10)!important;
}
html[data-theme="light"] .cabecera_resultado_ruc{
  background:#ecfdf5!important;
  border-color:#a7f3d0!important;
  color:#047857!important;
}
html[data-theme="light"] .cabecera_resultado_ruc p{color:#166534!important}
html[data-theme="light"] .tabla_resultado_ruc th{background:#f8fafc!important;color:#475569!important}
html[data-theme="light"] .tabla_resultado_ruc td{color:#1f2937!important}
html[data-theme="light"] .tabla_resultado_ruc tr:nth-child(even) td,
html[data-theme="light"] .tabla_resultado_ruc tr:nth-child(even) th{
  background:#f7f8fb!important;
}
html[data-theme="light"] .insignia_afiliacion{
  background:#dcfce7!important;
  border-color:#86efac!important;
  color:#166534!important;
}

html[data-theme="light"] .panel_formulario{
  background:#ffffff!important;
  border-right-color:var(--line)!important;
}
html[data-theme="light"] .panel_visual{
  background:
    linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.18)),
    radial-gradient(circle at 30% 20%,#f4dca5,transparent 24%),
    linear-gradient(135deg,#fff7e8,#f5f7fb 65%)!important;
}
html[data-theme="light"] .panel_visual::before{
  border-color:rgba(185,128,18,.25)!important;
}
html[data-theme="light"] .panel_visual::after{
  background:linear-gradient(145deg,rgba(185,128,18,.10),transparent)!important;
  border-color:rgba(185,128,18,.18)!important;
}

@media(max-width:760px){
  html[data-theme="light"] .barra_lateral,
  html[data-theme="light"].menu_colapsado .barra_lateral{
    box-shadow:20px 0 48px rgba(31,41,55,.18)!important;
  }
  html[data-theme="light"] .tabla_responsiva{
    background:#ffffff!important;
    border-color:var(--line)!important;
  }
  html[data-theme="light"] .tabla_datos .fila_filtros{
    background:#f8fafc!important;
  }
  .boton_tema span{
    display:none!important;
  }
  .boton_tema{
    width:42px!important;
    height:42px!important;
    padding:0!important;
  }
}