/* ARES - claro.css · Modo claro (generado). Se activa con html.claro desde el Inicio. */
html.claro { color-scheme: light; }
html.claro { --fondo: #f3f4fa; --superficie: #ffffff; --superficie-2: #f4f5fb; --linea: rgba(15, 23, 42, 0.10); --panel: #ffffff; --borde: rgba(15, 23, 42, 0.10);
  --texto: #1f2335; --texto-suave: #5f6478; --lila: #6d28d9; --cian: #6d28d9; --verde: #059669; --amarillo: #b45309; --rojo: #e11d48; }
html.claro body { background: var(--fondo) !important; color: var(--texto); }
html.claro body::before { background: radial-gradient(circle, rgba(124, 58, 237, 0.16), transparent 65%); }
html.claro body::after { background: radial-gradient(circle, rgba(6, 182, 212, 0.14), transparent 65%); }
:where(html.claro) .sidebar { background: rgba(255, 255, 255, 0.97); }
:where(html.claro) .campo input, :where(html.claro) .campo select, :where(html.claro) .campo textarea { border: 1px solid rgba(15, 23, 42, 0.18); background: rgba(255, 255, 255, 0.97); }
:where(html.claro) .campo select option { background: #ffffff; }
:where(html.claro) td { border-bottom: 1px solid rgba(15, 23, 42, 0.10); }
:where(html.claro) .archivo.error { border-color: rgba(255, 122, 154, 0.5); }
:where(html.claro) .mini { border: 1px solid rgba(15, 23, 42, 0.18); background: rgba(255, 255, 255, 0.97); }
:where(html.claro) .mini option { background: #ffffff; }
:where(html.claro) .quitar { border: 1px solid rgba(255, 122, 154, 0.5); }
:where(html.claro) .barra { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) td { color: #1f2335; }
:where(html.claro) th { color: #16268c; }
:where(html.claro) .etiqueta { color: #1f2335 !important; }
:where(html.claro) .suave { color: #16268c; }
:where(html.claro) td { border-bottom: 1px solid rgba(15, 23, 42, 0.18); }
:where(html.claro) .panel h3 { color: #1f2335; }
:where(html.claro) .encabezado h2 { color: #1f2335; }
:where(html.claro) thead th { color: #0082a3; }
:where(html.claro) tbody tr:nth-child(even) td { background: rgba(15, 23, 42, 0.042); }
:where(html.claro) .kpi .titulo { color: #0082a3; }
:where(html.claro) .kpi .numero { color: #1f2335; }
:where(html.claro) .barra { background: rgba(15, 23, 42, 0.090); }
:where(html.claro) .pestana { color: #0082a3; }
:where(html.claro) .fila-venta td { color: #00a37c; }
:where(html.claro) .tip-codigo { background: rgba(15, 23, 42, 0.090); color: #1f2335; }
:where(html.claro) .tip-grupo.tip-nocontacto { color: #a30026; }
:where(html.claro) .tabla-tip tr.tip-venta td { color: #00a37c; }
:where(html.claro) .tabla-horas td.faltante { color: #a30024; }
:where(html.claro) .tabla-dias td.dia-ok { color: #00a378; }
:where(html.claro) .tabla-dias td.dia-falta { color: #1f2335; }
:where(html.claro) .tabla-logeo .tarde { color: #9f041a; }
:where(html.claro) .barra-jornada { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .sidebar { background: rgba(15, 23, 42, 0.046); }
:where(html.claro) .opcion:hover { background: rgba(15, 23, 42, 0.055); }
:where(html.claro) .submenu { border-left-color: rgba(15, 23, 42, 0.15); }
:where(html.claro) .encabezado h2 { color: #1f2335; }
:where(html.claro) .panel h3 { color: #1f2335; }
:where(html.claro) th, :where(html.claro) thead th { background: rgba(15, 23, 42, 0.037); }
:where(html.claro) td { border-bottom: 1px solid rgba(15, 23, 42, 0.10); }
:where(html.claro) tbody tr:hover td, :where(html.claro) tr:hover td { background: rgba(15, 23, 42, 0.037); }
:where(html.claro) .total td { color: #1f2335; }
:where(html.claro) .etiqueta.mal { color: #9f041a !important; }
:where(html.claro) .etiqueta.mas { color: #24039f !important; }
:where(html.claro) .boton.secundario { border: 1px solid rgba(15, 23, 42, 0.18); }
:where(html.claro) .boton.secundario:hover { background: rgba(15, 23, 42, 0.064); }
:where(html.claro) .campo input, :where(html.claro) .campo select, :where(html.claro) .campo textarea, :where(html.claro) .mini { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.15); }
:where(html.claro) .campo select option, :where(html.claro) .mini option { background: #ffffff; }
:where(html.claro) .aviso.exito { color: #148e5e; }
:where(html.claro) .aviso.error { color: #a00316; }
:where(html.claro) .pestana:hover { border-color: rgba(15, 23, 42, 0.18); }
:where(html.claro) .zona-archivo { border: 1.5px dashed rgba(15, 23, 42, 0.18); }
:where(html.claro) .archivo { background: rgba(15, 23, 42, 0.037); }
:where(html.claro) .privacidad { color: #148e5e; }
:where(html.claro) .barra { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .calor td.hueco { color: #a00316; }
:where(html.claro) .fila-mia td { color: #1e039f; }
:where(html.claro) td.col-mia, :where(html.claro) th.col-mia { color: #1e039f; }
:where(html.claro) .tabla-tip tr.tip-venta td { color: #148e5e; }
:where(html.claro) .tip-codigo { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .acceso h3 { color: #1f2335; }
:where(html.claro) .indicador .numero { color: #1f2335; }
:where(html.claro) .tabla-caja::-webkit-scrollbar-thumb { background: rgba(15, 23, 42, 0.090); }
:where(html.claro) .avatar { box-shadow: 0 6px 18px -10px rgba(15, 23, 42, 0.25); }
:where(html.claro) .capa-modal { background: rgba(255, 255, 255, 0.97); }
:where(html.claro) .capa-modal > div { border: 1px solid rgba(15, 23, 42, 0.17); box-shadow: 0 6px 18px -10px rgba(15, 23, 42, 0.25); }
:where(html.claro) .capa-modal h3 { color: #1f2335; }
:where(html.claro) .cerrar-modal { border: 1px solid rgba(15, 23, 42, 0.18); background: rgba(15, 23, 42, 0.055); }
:where(html.claro) .cerrar-modal:hover { background: rgba(15, 23, 42, 0.090); }
:where(html.claro) .opcion-avatar { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .marca-validado { color: #036d9f; }
:where(html.claro) .pastilla-tiempo { background: rgba(15, 23, 42, 0.055); border: 1px solid rgba(15, 23, 42, 0.17); }
:where(html.claro) .cabeza-asesores { color: #1f2335; }
:where(html.claro) .asesor-val { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .nombre-val { color: #1f2335; }
:where(html.claro) .horas-val small.faltante { color: #a00316; }
:where(html.claro) .ares-entrada { color: #24039f; }
:where(html.claro) .ares-entrada i { color: #148e5e; }
:where(html.claro) .pastillas-periodo { background: rgba(15, 23, 42, 0.055); border: 1px solid rgba(15, 23, 42, 0.15); }
:where(html.claro) .tarjeta-cero-item { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .info-cero b { color: #1f2335; }
:where(html.claro) .num-cero { color: #1f2335; }
:where(html.claro) .tarjeta-cero-item.sin .num-cero { color: #a00316; }
:where(html.claro) .aviso-calidad { color: #a08102; }
:where(html.claro) .tema-sidebar { background: rgba(15, 23, 42, 0.055); border: 1px solid rgba(15, 23, 42, 0.14); }
:where(html.claro) .marco-nivel.nv-diamante .avatar, :where(html.claro) .marco-nivel.nv-maestro .avatar { box-shadow: 0 6px 18px -10px rgba(15, 23, 42, 0.25); }
:where(html.claro) .marco-nivel.nv-legendario .avatar { box-shadow: 0 6px 18px -10px rgba(15, 23, 42, 0.25); }
:where(html.claro) .texto-anuncio { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .sidebar.cerrado .titulo-menu { background: rgba(15, 23, 42, 0.090); }
:where(html.claro) .cajon-fecha { background: rgba(15, 23, 42, 0.055); border: 1px solid rgba(15, 23, 42, 0.15); }
:where(html.claro) .etiqueta-venta { color: #148e5e; }
:where(html.claro) .centro-ruleta { box-shadow: 0 6px 18px -10px rgba(15, 23, 42, 0.25); }
:where(html.claro) .gano b { color: #1f2335; }
:where(html.claro) .heroe .boton-avatar .avatar { box-shadow: 0 6px 18px -10px rgba(15, 23, 42, 0.25); }
:where(html.claro) .heroe h2 { color: #1f2335; }
:where(html.claro) .chip { background: rgba(15, 23, 42, 0.073); border: 1px solid rgba(15, 23, 42, 0.15); }
:where(html.claro) .chip.fuego { color: #a15701; }
:where(html.claro) .barra-liga { background: rgba(15, 23, 42, 0.090); }
:where(html.claro) .insignia { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .insignia .ico { background: rgba(15, 23, 42, 0.055); }
:where(html.claro) .insignia .avance { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .insignia.ganada b { color: #1f2335; }
:where(html.claro) .insignia .sello { color: #a08102; }
:where(html.claro) .premio-item { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .premio-item b { color: #1f2335; }
:where(html.claro) .podio-lugar .nombre-podio { color: #1f2335; }
:where(html.claro) .podio-lugar .pts-podio b { color: #1f2335; }
:where(html.claro) .escalon { box-shadow: 0 6px 18px -10px rgba(15, 23, 42, 0.25); }
:where(html.claro) .fila-ranking { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.11); }
:where(html.claro) .fila-ranking .nom b { color: #1f2335; }
:where(html.claro) .fila-ranking .desglose { background: rgba(15, 23, 42, 0.064); }
:where(html.claro) .fila-ranking .total { color: #1f2335; }
:where(html.claro) .como-se-gana div { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .como-se-gana b { color: #1f2335; }
:where(html.claro) .ventaja { color: #a15701; }
:where(html.claro) .campeon .numero-escalon { color: #1f2335; }
:where(html.claro) .item-cero-rk { background: rgba(15, 23, 42, 0.037); border: 1px dashed rgba(15, 23, 42, 0.18); }
:where(html.claro) .item-cero-rk b { color: #a00316; }
:where(html.claro) .pestanas-ofertas a { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.14); }
:where(html.claro) .pestanas-ofertas a:hover { color: #1f2335; }
:where(html.claro) .cabeza-bloque h3 { color: #1f2335; }
:where(html.claro) .ver-imagen { background: rgba(15, 23, 42, 0.055); border: 1px solid rgba(15, 23, 42, 0.17); }
:where(html.claro) .tarjeta-plan { background: rgba(15, 23, 42, 0.037); }
:where(html.claro) .sd { background: rgba(15, 23, 42, 0.090); }
:where(html.claro) .ico-fila { background: rgba(15, 23, 42, 0.064); }
:where(html.claro) .promos-plan { color: #a08102; }
:where(html.claro) .promos-plan b { color: #a08102; }
:where(html.claro) .promos-plan small { color: #a07b02; }
:where(html.claro) .tabla-porta th { color: #1f2335 !important; }
:where(html.claro) .tabla-porta td.plan-col { color: #1f2335; }
:where(html.claro) .tabla-porta td.sin { background: rgba(15, 23, 42, 0.037) !important; }
:where(html.claro) .tabla-porta td.oculta, :where(html.claro) .tabla-porta td.publica { color: #a08102; }
:where(html.claro) .tarjeta-ciclo dd { color: #1f2335; }
:where(html.claro) .calculadora h4 { color: #1f2335; }
:where(html.claro) .dato-calc { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .dato-calc b { color: #1f2335; }
:where(html.claro) .tarjeta-beneficio { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .tarjeta-beneficio b { color: #1f2335; }
:where(html.claro) .como-usar b { color: #148e5e; }
:where(html.claro) .paso { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .paso b { color: #1f2335; }
:where(html.claro) .nota-oferta { color: #a08102; }
:where(html.claro) .visor .cerrar-modal { background: rgba(255, 255, 255, 0.97); }
:where(html.claro) .candado-ico { background: rgba(15, 23, 42, 0.064); }
:where(html.claro) .chips-estado .chip b { color: #1f2335; }
:where(html.claro) .etiqueta.anulada { color: #354f6d !important; }
:where(html.claro) .dato { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .dato b { color: #1f2335; }
:where(html.claro) .copiar-dato { border: 1px solid rgba(15, 23, 42, 0.15); background: rgba(15, 23, 42, 0.055); }
:where(html.claro) .gestion-orden { border-top: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .gestion-orden h4 { color: #1f2335; }
:where(html.claro) .estado-btn { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.17); }
:where(html.claro) .tarjeta-delivery { background: rgba(15, 23, 42, 0.042); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .cuenta-delivery { color: #1f2335; }
:where(html.claro) .barra-delivery { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .etiqueta.caida { color: #a15302 !important; }
:where(html.claro) .motivo { background: rgba(15, 23, 42, 0.042); border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .motivo b { color: #1f2335; }
:where(html.claro) .barra-motivo { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .historial li b { color: #1f2335; }
:where(html.claro) .acceso-directo { background: rgba(15, 23, 42, 0.042); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .acceso-directo b { color: #1f2335; }
:where(html.claro) .olvide-clave summary { color: #a00316; }
:where(html.claro) .sub-detalle { color: #1f2335; }
:where(html.claro) .referido-detalle { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .ok-txt { color: #148e5e; }
:where(html.claro) .mal-txt { color: #a00316; }
:where(html.claro) .seguimiento-back { background: rgba(15, 23, 42, 0.037); }
:where(html.claro) .cab-exp { border-bottom: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .pills-exp span { background: rgba(15, 23, 42, 0.073); }
:where(html.claro) .linea-exp { border-right: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .paso-exp::before { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .caja-paso h4 em { color: #036d9f; }
:where(html.claro) .nota-exp { background: rgba(15, 23, 42, 0.046); }
:where(html.claro) .todos-datos { border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .veredicto { background: rgba(15, 23, 42, 0.028); }
:where(html.claro) .chips-v button { border: 1px solid rgba(15, 23, 42, 0.15); background: rgba(15, 23, 42, 0.042); }
:where(html.claro) .chip-act { background: rgba(15, 23, 42, 0.055); border: 1px solid rgba(15, 23, 42, 0.15); }
:where(html.claro) .rol-act.r-cal { color: #980a54; }
:where(html.claro) .rol-act.r-otro { color: #2c069d; }
:where(html.claro) .grupo-enlaces h3 { color: #1f2335; }
:where(html.claro) .texto-enlace b { color: #1f2335; }
:where(html.claro) .copiar-enlace { border: 1px solid rgba(15, 23, 42, 0.15); background: rgba(15, 23, 42, 0.055); }
:where(html.claro) .cuadro-enlace b { color: #1f2335; }
:where(html.claro) .barra-progreso-contrato { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .seccion-contrato h3 { color: #1f2335; }
:where(html.claro) .marcar-leida { background: rgba(15, 23, 42, 0.055); border: 1px solid rgba(15, 23, 42, 0.18); }
:where(html.claro) mark.var { color: #a08102; }
:where(html.claro) .cronometro { color: #1f2335; }
:where(html.claro) .resultado-prorrateo { background: rgba(15, 23, 42, 0.046); }
:where(html.claro) .resultado-prorrateo b { color: #1f2335; }
:where(html.claro) .chip-var { color: #1e039f; }
:where(html.claro) .pegar-todo { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .pegar-todo summary { color: #1f2335; }
:where(html.claro) .seccion-editor { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .indice-contrato a { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .indice-contrato a:hover { color: #1f2335; }
:where(html.claro) .etiqueta-contrato.obligatoria { color: #a00316; }
:where(html.claro) .etiqueta-contrato.condicional { color: #a08102; }
:where(html.claro) .nota-asesor { color: #a08102; }
:where(html.claro) .bandera { color: #9e0404; }
:where(html.claro) body.lectura-clara .documento-contrato .seccion-contrato { box-shadow: 0 6px 18px -10px rgba(15, 23, 42, 0.25); }
:where(html.claro) .paso-pill { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.14); }
:where(html.claro) .paso-pill .bolita { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .paso-pill.activo .bolita { background: rgba(15, 23, 42, 0.090); }
:where(html.claro) .linea-paso { background: rgba(15, 23, 42, 0.090); }
:where(html.claro) .titulo-paso { color: #1f2335; }
:where(html.claro) .sub-v { color: #1f2335; }
:where(html.claro) .tarjeta-v { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .tarjeta-v h4 { color: #1f2335; }
:where(html.claro) .motivo { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.14); }
:where(html.claro) #mapaCliente { background: #ffffff; }
:where(html.claro) .cobertura.si { color: #0e944f; }
:where(html.claro) .cobertura.si b { color: #148e5e; }
:where(html.claro) .cobertura.no { color: #a3000c; }
:where(html.claro) .cobertura.no b { color: #a00316; }
:where(html.claro) .cobertura.duda { color: #a08102; }
:where(html.claro) .cobertura.duda b { color: #a08102; }
:where(html.claro) .promo-texto { color: #a08102; }
:where(html.claro) .barra-avance { background: rgba(15, 23, 42, 0.090); }
:where(html.claro) .seccion-v.no-aplica { background: rgba(15, 23, 42, 0.037); border-color: rgba(15, 23, 42, 0.17); }
:where(html.claro) .aceptacion h4 { color: #1f2335; }
:where(html.claro) .pastillas-v button { background: rgba(15, 23, 42, 0.064); border: 1px solid rgba(15, 23, 42, 0.18); }
:where(html.claro) .tarjeta-referido { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.14); }
:where(html.claro) .cabeza-ref { color: #1f2335; }
:where(html.claro) .zona-captura img { background: #ffffff; }
:where(html.claro) .zona-captura .cambiar { background: rgba(255, 255, 255, 0.97); }
:where(html.claro) .checklist li.ok { color: #0e944f; }
:where(html.claro) .checklist li.mal { color: #a3000c; }
:where(html.claro) .checklist li.duda { color: #a08102; }
:where(html.claro) .enlace-paso { background: rgba(15, 23, 42, 0.090); }
:where(html.claro) .ficha div { background: rgba(15, 23, 42, 0.046); }
:where(html.claro) .ficha b { color: #1f2335; }
:where(html.claro) .editor-guiones h4 { color: #1f2335; }
:where(html.claro) .fila-guion { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .eleccion-referido button { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.15); }
:where(html.claro) .nota-referido { color: #a08102; }
:where(html.claro) .estado-ref.ok { color: #148e5e; }
:where(html.claro) .estado-ref.alerta { color: #a08102; }
:where(html.claro) .estado-ref.mal { color: #a00316; }
:where(html.claro) .pregunta-referido { color: #1f2335; }
:where(html.claro) .capa-mapa-cob { background: rgba(255, 255, 255, 0.97); }
:where(html.claro) .caja-mapa-cob { background: #ffffff; }
:where(html.claro) .cerrar-mapa-cob { border: 1px solid rgba(15, 23, 42, 0.18); }
:where(html.claro) .op-entrega { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.15); }
:where(html.claro) .op-entrega.no .estado-e { color: #9f041a; }
:where(html.claro) .pestanas-panel { border-bottom: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .pestanas-panel button:hover { color: #1f2335; }
:where(html.claro) .boton-icono { background: rgba(15, 23, 42, 0.055); border: 1px solid rgba(15, 23, 42, 0.17); }
:where(html.claro) .lista-opciones { background: #ffffff; border: 1px solid rgba(15, 23, 42, 0.17); }
:where(html.claro) .lista-opciones button:hover { color: #1f2335; }
:where(html.claro) .tarjeta-ind { background: rgba(15, 23, 42, 0.042); }
:where(html.claro) .tarjeta-ind.mal .valor-ind { color: #9f041a; }
:where(html.claro) .chip-ind { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .chip-ind b { color: #1f2335; }
:where(html.claro) .item-resumen { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .item-resumen b { color: #1f2335; }
:where(html.claro) .item-resumen.alerta b { color: #a08102; }
:where(html.claro) .contador-f { background: rgba(15, 23, 42, 0.090); }
:where(html.claro) .fila-aud { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .resumen-aud:hover { background: rgba(15, 23, 42, 0.037); }
:where(html.claro) .texto-aud b { color: #1f2335; }
:where(html.claro) .estado-aud.PENDIENTE { color: #a08102; }
:where(html.claro) .estado-aud.RESPONDIDA { color: #148e5e; }
:where(html.claro) .estado-aud.CERRADA { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .ok-txt { color: #148e5e; }
:where(html.claro) .mal-txt { color: #a00316; }
:where(html.claro) .burbuja-c.de-asesor { color: #0d9555; }
:where(html.claro) .bloque-form { border-top: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .contenido-form > b { color: #1f2335; }
:where(html.claro) .segmentado { background: rgba(15, 23, 42, 0.055); border: 1px solid rgba(15, 23, 42, 0.15); }
:where(html.claro) .botones-nps button { background: rgba(15, 23, 42, 0.055); border: 1px solid rgba(15, 23, 42, 0.17); }
:where(html.claro) .pie-form { border-top: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .pista-motivo-bk { background: rgba(15, 23, 42, 0.073); }
:where(html.claro) #vista-panel .ayuda-texto a, :where(html.claro) #vista-alertas .ayuda-texto a { color: #24039f; }
:where(html.claro) .cinta-sla { background: rgba(15, 23, 42, 0.042); border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .carril-sla header b { color: #1f2335; }
:where(html.claro) .tarjeta-sla { border: 1px solid rgba(15, 23, 42, 0.11); }
:where(html.claro) .modal-sla { background: rgba(15, 23, 42, 0.073); }
:where(html.claro) .caja-comision { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .caja-comision th, :where(html.claro) .caja-comision td { border-bottom: 1px solid rgba(15, 23, 42, 0.11); }
:where(html.claro) .caja-comision .rojo { color: #9f041a; }
:where(html.claro) .tabla-escala tr.tramo-actual td { color: #a08102; }
:where(html.claro) .rejilla-maqueta input[type=number] { border: 1px solid rgba(15, 23, 42, 0.18); }
:where(html.claro) .resultado-maqueta > div { background: rgba(15, 23, 42, 0.046); }
:where(html.claro) .resultado-maqueta .rojo { color: #9f041a; }
:where(html.claro) .resultado-maqueta .total-sim span, :where(html.claro) .resultado-maqueta .total-sim b { color: #1f2335; }
:where(html.claro) .barra-nivel { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .saldo-grande b { color: #a07b02; }
:where(html.claro) .premio { background: rgba(15, 23, 42, 0.042); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .costo-premio { color: #a07b02; }
:where(html.claro) .boton-canje:disabled { background: rgba(15, 23, 42, 0.064); }
:where(html.claro) .mini-barra { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .canje { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.11); }
:where(html.claro) .filtro-t, :where(html.claro) .rol-chip { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.15); }
:where(html.claro) .fila-premio { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .fila-premio input:not([type=checkbox]), :where(html.claro) .fila-monedas input, :where(html.claro) .form-anuncio input:not([type=checkbox]), :where(html.claro) .form-anuncio textarea { border: 1px solid rgba(15, 23, 42, 0.18); }
:where(html.claro) .quitar-premio { border: 1px solid rgba(15, 23, 42, 0.17); }
:where(html.claro) .quitar-premio:hover { color: #9f041a; }
:where(html.claro) .tarjeta-anuncio { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .buscar-p { border: 1px solid rgba(15, 23, 42, 0.18); }
:where(html.claro) .pild { background: rgba(15, 23, 42, 0.055); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .campo-ficha input { border: 1px solid rgba(15, 23, 42, 0.18); }
:where(html.claro) .pie-ficha { border-top: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .borrar.confirmar { color: #9f041a !important; }
:where(html.claro) .kpi-g { border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .meta-g { background: rgba(15, 23, 42, 0.082); }
:where(html.claro) .kpi-dia, :where(html.claro) .kpi-num { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .kpi-num.rojo b { color: #9b0721; }
:where(html.claro) .kpi-num.morado b { color: #34079b; }
:where(html.claro) .tabla-g th { background: rgba(15, 23, 42, 0.037); }
:where(html.claro) .tabla-g td { border-bottom: 1px solid rgba(15, 23, 42, 0.11); }
:where(html.claro) .tabla-g tr.fila-cero td:first-child b { color: #9f041a; }
:where(html.claro) .tabla-g tr.fila-total-g td { background: rgba(15, 23, 42, 0.055); }
:where(html.claro) .tabla-g .c-fase { color: #a00316; }
:where(html.claro) .rojo { color: #9b0721 !important; }
:where(html.claro) .var-g.baja { color: #9b0721; }
:where(html.claro) .origen-g.o-motorizado { color: #a04902; }
:where(html.claro) .origen-g.o-backoffice { color: #04499e; }
:where(html.claro) .origen-g.o-sistema { color: #51039f; }
:where(html.claro) .origen-g.o-cliente { color: #9f041a; }
:where(html.claro) .chip-hora { border: 1px solid rgba(15, 23, 42, 0.18); }
:where(html.claro) .pild.rojo b { color: #9b0721; }
:where(html.claro) .pista-prod { background: rgba(15, 23, 42, 0.064); }
:where(html.claro) .cabeza-kpis h3 { color: #04499e; }
:where(html.claro) .tabla-kpis th.c-cuota { color: #1f2335; }
:where(html.claro) .tabla-kpis th.c-cumpl { color: #1f2335; }
:where(html.claro) .fila-kpi:hover td { background: rgba(15, 23, 42, 0.037); }
:where(html.claro) .fila-semana td { background: rgba(15, 23, 42, 0.028); }
:where(html.claro) .chip-q { color: #1f2335; }
:where(html.claro) .area-g { border: 1px solid rgba(15, 23, 42, 0.18); }
:where(html.claro) .pestanas-r button { border: 1px solid rgba(15, 23, 42, 0.14); background: rgba(15, 23, 42, 0.042); }
:where(html.claro) .bloque-r { border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .nota-r a, :where(html.claro) .bloque-r a, :where(html.claro) .foco-r a { color: #2c069d; }
:where(html.claro) .franja-anillos { border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .pista-r { background: rgba(15, 23, 42, 0.064); }
:where(html.claro) .fila-lider { border-bottom: 1px dashed rgba(15, 23, 42, 0.12); }
:where(html.claro) .mini-prod div { background: rgba(15, 23, 42, 0.046); }
:where(html.claro) .tarjeta-bo { background: rgba(15, 23, 42, 0.037); }
:where(html.claro) .chips-origen button { border: 1px solid rgba(15, 23, 42, 0.15); }
:where(html.claro) .chips-origen button.activa { background: rgba(15, 23, 42, 0.082); border-color: rgba(15, 23, 42, 0.18); }
:where(html.claro) .meta-r { border: 1px solid rgba(15, 23, 42, 0.13); }
:where(html.claro) .datos-meta li { border-bottom: 1px dashed rgba(15, 23, 42, 0.12); }
:where(html.claro) .flecha-r.baja { color: #9b0721; }
:where(html.claro) .dato-dia { background: rgba(15, 23, 42, 0.046); border: 1px solid rgba(15, 23, 42, 0.12); }
:where(html.claro) .dato-dia.rojo b { color: #9f041a; }
:where(html.claro) .tile-asesor { background: rgba(15, 23, 42, 0.042); border: 1px solid rgba(15, 23, 42, 0.11); }
:where(html.claro) .carril-q .letra-q { color: #1f2335; }
:where(html.claro) .chip-asesor-q { background: rgba(15, 23, 42, 0.046); }
:where(html.claro) .fases-r > div { background: rgba(15, 23, 42, 0.046); }
:where(html.claro) .grupo-ojt { background: rgba(15, 23, 42, 0.042); }
/* Ajustes a mano */
html.claro h1, html.claro h2, html.claro h3 { text-shadow: none !important; }
html.claro .encabezado p, html.claro .encabezado p span { color: #5f6478 !important; }
html.claro .panel, html.claro .sidebar, html.claro .tarjeta-kpi, html.claro .tarjeta, html.claro .modal-orden { background: #ffffff !important; border-color: rgba(15, 23, 42, 0.09) !important; box-shadow: 0 10px 30px -18px rgba(15, 23, 42, 0.35) !important; }
html.claro .mini, html.claro input, html.claro select, html.claro textarea { background: #ffffff !important; color: #1f2335 !important; border-color: rgba(15, 23, 42, 0.18) !important; }
html.claro option { background: #ffffff !important; color: #1f2335; }
html.claro .capa-modal { background: rgba(15, 23, 42, 0.35) !important; }
html.claro table th { background: #f1f2f8 !important; color: #5f6478 !important; }
html.claro table td { border-color: rgba(15, 23, 42, 0.07) !important; }
html.claro [style*="color:#fff"], html.claro [style*="color: #fff"] { color: #1f2335 !important; }
html.claro .boton.secundario, html.claro .boton-icono { background: #ffffff !important; color: #1f2335 !important; border-color: rgba(15, 23, 42, 0.15) !important; }
html.claro .opcion { color: #3b3f55 !important; }
html.claro .opcion.activa, html.claro .opcion.activa * { color: #ffffff !important; }
html.claro .sidebar h1 { color: #4c1d95 !important; }
html.claro .etiqueta.ok { background: #dcfce7 !important; color: #166534 !important; }
html.claro .etiqueta.alerta { background: #fef3c7 !important; color: #92400e !important; }
html.claro .etiqueta.mal { background: #ffe4e6 !important; color: #be123c !important; }
html.claro .reloj { color: #6d28d9 !important; text-shadow: none !important; }
html.claro .valor-ind { color: #1f2335; } html.claro .tarjeta-ind { background: #f8f9fc !important; } html.claro .tarjeta-ind.ok .valor-ind { color: #059669; } html.claro .tarjeta-ind.mal .valor-ind { color: #e11d48; }
html.claro .burbuja-c.de-monitor { background: #f1f2f8; } html.claro .burbuja-c.de-asesor { background: #dcfce7; color: #14532d; }
html.claro .seccion-v, html.claro .speech { box-shadow: 0 6px 18px -12px rgba(15, 23, 42, 0.3); }
html.claro .tarjeta-plan header *, html.claro .boton, html.claro .boton * { color: #ffffff; }
html.claro .boton.secundario * { color: inherit; }
html.claro .activa, html.claro .activo, html.claro .elegido, html.claro .activa *, html.claro .paso-pill.activo * { color: #ffffff !important; }
html.claro .pestanas-panel button.activa { color: #4c1d95 !important; border-bottom-color: #7c3aed; }
html.claro .motivo.elegido { background: linear-gradient(135deg, #7c3aed, #2563eb) !important; }
html.claro .eleccion-referido button.elegido[data-ref="SI"] { background: #059669 !important; } html.claro .eleccion-referido button.elegido[data-ref="NO"] { background: #64748b !important; }
html.claro .asesor-val.elegido { background: #0ea5e9 !important; } html.claro .asesor-val.elegido small { color: #e0f2fe !important; }
html.claro .seccion-v.leida, html.claro .seccion-v.leida * { color: #1f2335 !important; } html.claro .seccion-v.leida .marcar-leida { color: #fff !important; }
html.claro .podio .numero, html.claro .podio [class*=escalon] { color: #ffffff; }
html.claro .estado-btn.elegido { color: #ffffff !important; }
html.claro .opcion.sub.activa { background: rgba(124, 58, 237, 0.12) !important; } html.claro .opcion.sub.activa, html.claro .opcion.sub.activa * { color: #4c1d95 !important; }
html.claro .chip-nivel:not(.nv-legendario) { color: color-mix(in srgb, var(--n2) 80%, #000) !important; background: color-mix(in srgb, var(--n1) 28%, #fff) !important; border-color: color-mix(in srgb, var(--n2) 45%, transparent) !important; }
html.claro .peldano b { color: color-mix(in srgb, var(--n2) 80%, #000); } html.claro .peldano { background: color-mix(in srgb, var(--n1) 14%, #fff); } html.claro .peldano.logrado::after { color: color-mix(in srgb, var(--n2) 80%, #000); }
html.claro .saldo-grande b, html.claro .costo-premio { color: #b45309 !important; text-shadow: none !important; } html.claro .saldo-tienda { background: linear-gradient(160deg, #fffbeb, #ffffff) !important; }
html.claro .premio, html.claro .canje, html.claro .tarjeta-anuncio, html.claro .fila-premio, html.claro .texto-anuncio, html.claro .pild { background: #ffffff; border-color: rgba(15, 23, 42, 0.1); box-shadow: 0 6px 18px -14px rgba(15, 23, 42, 0.35); }
html.claro .premio.alcanza { background: linear-gradient(170deg, #ecfdf5, #ffffff); border-color: #6ee7b7; }
html.claro .boton-canje:disabled { background: #f1f2f8; color: #6b7085; }
html.claro .filtro-t, html.claro .rol-chip { background: #ffffff; color: #3b3f55; border-color: rgba(15, 23, 42, 0.15); }
html.claro .filtro-t.activa, html.claro .rol-chip.elegido { background: #7c3aed !important; color: #ffffff !important; border-color: #7c3aed; }
html.claro .barra-nivel, html.claro .mini-barra { background: rgba(15, 23, 42, 0.08); }
html.claro .campo-ficha input, html.claro .buscar-p { background: #ffffff !important; color: #1f2335 !important; border-color: rgba(15, 23, 42, 0.18) !important; }
html.claro .modal-nivel h3 { -webkit-text-fill-color: transparent; }
html.claro .pie-ficha { border-top-color: rgba(15, 23, 42, 0.1); }
html.claro .cabeza-gestion { background: linear-gradient(135deg, #eef2ff, #f5f3ff) !important; border-bottom-color: rgba(15, 23, 42, 0.08) !important; } html.claro .codigo-gestion { color: #059669 !important; }
html.claro .tarjeta-gestion { border-left: 4px solid var(--c, #818cf8) !important; background: #ffffff !important; }
html.claro .kpi-g { border-left: 5px solid var(--c) !important; background: #ffffff !important; }
html.claro .chips-foco span { color: #b45309 !important; background: #fffbeb !important; }
html.claro .tarjeta-q { border: 1px solid color-mix(in srgb, var(--q) 40%, transparent) !important; }
html.claro .decision-bo { border: 2px solid #10b981 !important; } html.claro .decision-bo.es-caida { border-color: #f43f5e !important; }
html.claro .pie-gestion { background: rgba(255, 255, 255, 0.97) !important; }
html.claro .tabla-escala tr.tramo-actual td { background: #fef9c3 !important; color: #854d0e !important; }
html.claro .heroe-comision { background: linear-gradient(135deg, #ecfdf5, #eff6ff) !important; }
html.claro .kpi-num.resaltado { border: 1px solid #f59e0b !important; }
html.claro .bloque-r, html.claro .meta-r, html.claro .dato-dia, html.claro .franja-anillos { background: #ffffff !important; border-color: rgba(15, 23, 42, 0.08) !important; box-shadow: 0 10px 30px -22px rgba(15, 23, 42, 0.35); }
html.claro .anillo-r .pista { stroke: rgba(15, 23, 42, 0.08); } html.claro .pista-r { background: rgba(15, 23, 42, 0.07); }
html.claro .pestanas-r button { background: #ffffff; border-color: rgba(15, 23, 42, 0.1); color: #475069; } html.claro .pestanas-r button.activa { color: #ffffff !important; }
html.claro .carril-q { background: color-mix(in srgb, var(--q) 8%, #ffffff) !important; border: 1px solid color-mix(in srgb, var(--q) 35%, transparent) !important; }
html.claro .chip-asesor-q, html.claro .tile-asesor, html.claro .tarjeta-bo, html.claro .grupo-ojt, html.claro .mini-prod div, html.claro .fases-r > div { background: #f6f7fb !important; }
html.claro .tile-asesor.cero { background: #fff1f2 !important; border-color: #fda4af !important; }
html.claro .segmentos-r span { color: rgba(0, 0, 0, 0.65) !important; }