/* tema_escuro_ajustes.css, GERADO por padronizador-paineis/pele-atlas/
   replicar_ferrovia.py. Não editar à mão.

   Rampa de DADO usada como superfície ou letra da INTERFACE não troca com o
   tema: no escuro o fundo continua claro e a letra clareia junto. Aqui cada
   uma dessas declarações ganha, SÓ NO ESCURO, o equivalente que troca. O tema
   claro não muda um byte, e o tokens.css continua idêntico ao da referência. */
[data-tema="escuro"] .combo-item:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .combo-item.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .chip:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .chip-sel.active{color:var(--texto-invertido)}
[data-tema="escuro"] .aloc-kpis .k .v{color:var(--texto)}
[data-tema="escuro"] .chip.active{color:var(--texto-invertido)}
[data-tema="escuro"] .aviso-ncm{color:var(--texto); background:color-mix(in srgb, var(--ambar-10) 14%, var(--superficie)); border:1px solid var(--borda)}
[data-tema="escuro"] .panel-header{background:linear-gradient(135deg,var(--superficie) 0%,color-mix(in srgb, var(--azul-10) 14%, var(--superficie)) 100%)}
[data-tema="escuro"] .pl .barra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .layout-saz .tab-scroll::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .layout-saz .tab-scroll::-webkit-scrollbar-thumb{border:2px solid var(--borda)}
[data-tema="escuro"] .layout-saz tbody tr.clicavel:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .faixa-barra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] /* botão de retorno vazio: âmbar quando ativo */ .chip-vazio.active{color:var(--texto-invertido)}
[data-tema="escuro"] /* chip do filtro de trecho: card flutuante no canto superior direito do mapa */ #trecho-ctrl{border:1px solid var(--borda)}
[data-tema="escuro"] #trecho-ctrl .tc-x{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
[data-tema="escuro"] #trecho-ctrl .tc-x:hover{background:color-mix(in srgb, var(--azul-30) 14%, var(--superficie))}
[data-tema="escuro"] .uf-filtro{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie)); border:1px solid var(--borda)}
[data-tema="escuro"] thead th{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] tbody td{border-bottom:1px solid var(--borda)}
[data-tema="escuro"] tbody tr:hover td{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] tbody tr.sel td{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
[data-tema="escuro"] .uf-tag{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .minibarra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] /* uma linha, sempre: nada aqui pode quebrar em duas */ .rodape-tab{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .btn-csv:hover{color:var(--texto)}
[data-tema="escuro"] .rank-scroll::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .ru-wrap::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .ru-row:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .ru-row.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .modo.active{color:var(--texto-invertido)}
[data-tema="escuro"] .panel-header .ajuda:hover,.panel-header .ajuda.on{color:var(--texto-invertido)}
[data-tema="escuro"] .rodo-btn.on{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .linha-selecao .pill{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie)); border:1px solid var(--borda)}
[data-tema="escuro"] .ctl-hidro.ativo{background:color-mix(in srgb, var(--teal-10) 14%, var(--superficie)); border-color:var(--borda)}
[data-tema="escuro"] .chip:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .chip.active{color:var(--texto-invertido)}
[data-tema="escuro"] .kpi .v{color:var(--texto)}
[data-tema="escuro"] .panel-header{background:linear-gradient(135deg,var(--superficie) 0%,color-mix(in srgb, var(--azul-10) 14%, var(--superficie)) 100%)}
[data-tema="escuro"] .rola::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .modo.active{color:var(--texto-invertido)}
[data-tema="escuro"] .ajuda:hover,.ajuda.on{color:var(--texto-invertido)}
[data-tema="escuro"] .ru-row:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .ru-row.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] thead th{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] tbody td{border-bottom:1px solid var(--borda)}
[data-tema="escuro"] tbody tr:hover td{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] tbody tr.sel td{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
[data-tema="escuro"] .uf-tag{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .minibarra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .spark div{background:color-mix(in srgb, var(--azul-30) 14%, var(--superficie))}
[data-tema="escuro"] .combo.sel .combo-gatilho{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .combo-item:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .combo-item.on{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .chip:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .chip.active{color:var(--texto-invertido)}
[data-tema="escuro"] .kpi .v{color:var(--texto)}
[data-tema="escuro"] .panel-header{background:linear-gradient(135deg,var(--superficie) 0%,color-mix(in srgb, var(--azul-10) 14%, var(--superficie)) 100%)}
[data-tema="escuro"] .rola::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .modo.active{color:var(--texto-invertido)}
[data-tema="escuro"] .ajuda:hover,.ajuda.on{color:var(--texto-invertido)}
[data-tema="escuro"] .ru-row:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .ru-row.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] thead th{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] tbody td{border-bottom:1px solid var(--borda)}
[data-tema="escuro"] tbody tr:hover td{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] tbody tr.sel td{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
[data-tema="escuro"] .uf-tag{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .minibarra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .spark div{background:color-mix(in srgb, var(--azul-30) 14%, var(--superficie))}
[data-tema="escuro"] .combo.sel .combo-gatilho{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .combo-item:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .combo-item.on{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] #tt .tt-mes{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] #tt .vf{color:var(--texto)}
[data-tema="escuro"] .chip:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .chip.active{color:var(--texto-invertido)}
[data-tema="escuro"] .kpi .v{color:var(--texto)}
[data-tema="escuro"] .panel-header{background:linear-gradient(135deg,var(--superficie) 0%,color-mix(in srgb, var(--azul-10) 14%, var(--superficie)) 100%)}
[data-tema="escuro"] .rola::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .modo.active{color:var(--texto-invertido)}
[data-tema="escuro"] .ajuda:hover,.ajuda.on{color:var(--texto-invertido)}
[data-tema="escuro"] .ru-row:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .ru-row.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] thead th{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] tbody td{border-bottom:1px solid var(--borda)}
[data-tema="escuro"] tbody tr:hover td{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] tbody tr.sel td{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
[data-tema="escuro"] .uf-tag{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .minibarra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .spark div{background:color-mix(in srgb, var(--azul-30) 14%, var(--superficie))}
[data-tema="escuro"] .combo.sel .combo-gatilho{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .combo-item:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .combo-item.on{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .leaflet-tile{filter: invert(1) hue-rotate(180deg) brightness(0.92) contrast(0.95) saturate(0.8)}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) .combo-item:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .combo-item.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .chip:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .chip-sel.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .aloc-kpis .k .v{color:var(--texto)}
  :root:not([data-tema="claro"]) .chip.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .aviso-ncm{color:var(--texto); background:color-mix(in srgb, var(--ambar-10) 14%, var(--superficie)); border:1px solid var(--borda)}
  :root:not([data-tema="claro"]) .panel-header{background:linear-gradient(135deg,var(--superficie) 0%,color-mix(in srgb, var(--azul-10) 14%, var(--superficie)) 100%)}
  :root:not([data-tema="claro"]) .pl .barra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .layout-saz .tab-scroll::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .layout-saz .tab-scroll::-webkit-scrollbar-thumb{border:2px solid var(--borda)}
  :root:not([data-tema="claro"]) .layout-saz tbody tr.clicavel:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .faixa-barra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) /* botão de retorno vazio: âmbar quando ativo */ .chip-vazio.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) /* chip do filtro de trecho: card flutuante no canto superior direito do mapa */ #trecho-ctrl{border:1px solid var(--borda)}
  :root:not([data-tema="claro"]) #trecho-ctrl .tc-x{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) #trecho-ctrl .tc-x:hover{background:color-mix(in srgb, var(--azul-30) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .uf-filtro{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie)); border:1px solid var(--borda)}
  :root:not([data-tema="claro"]) thead th{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) tbody td{border-bottom:1px solid var(--borda)}
  :root:not([data-tema="claro"]) tbody tr:hover td{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) tbody tr.sel td{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .uf-tag{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .minibarra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) /* uma linha, sempre: nada aqui pode quebrar em duas */ .rodape-tab{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .btn-csv:hover{color:var(--texto)}
  :root:not([data-tema="claro"]) .rank-scroll::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .ru-wrap::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .ru-row:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .ru-row.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .modo.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .panel-header .ajuda:hover,.panel-header .ajuda.on{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .rodo-btn.on{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .linha-selecao .pill{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie)); border:1px solid var(--borda)}
  :root:not([data-tema="claro"]) .ctl-hidro.ativo{background:color-mix(in srgb, var(--teal-10) 14%, var(--superficie)); border-color:var(--borda)}
  :root:not([data-tema="claro"]) .chip:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .chip.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .kpi .v{color:var(--texto)}
  :root:not([data-tema="claro"]) .panel-header{background:linear-gradient(135deg,var(--superficie) 0%,color-mix(in srgb, var(--azul-10) 14%, var(--superficie)) 100%)}
  :root:not([data-tema="claro"]) .rola::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .modo.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .ajuda:hover,.ajuda.on{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .ru-row:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .ru-row.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) thead th{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) tbody td{border-bottom:1px solid var(--borda)}
  :root:not([data-tema="claro"]) tbody tr:hover td{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) tbody tr.sel td{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .uf-tag{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .minibarra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .spark div{background:color-mix(in srgb, var(--azul-30) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .combo.sel .combo-gatilho{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .combo-item:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .combo-item.on{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .chip:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .chip.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .kpi .v{color:var(--texto)}
  :root:not([data-tema="claro"]) .panel-header{background:linear-gradient(135deg,var(--superficie) 0%,color-mix(in srgb, var(--azul-10) 14%, var(--superficie)) 100%)}
  :root:not([data-tema="claro"]) .rola::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .modo.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .ajuda:hover,.ajuda.on{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .ru-row:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .ru-row.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) thead th{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) tbody td{border-bottom:1px solid var(--borda)}
  :root:not([data-tema="claro"]) tbody tr:hover td{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) tbody tr.sel td{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .uf-tag{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .minibarra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .spark div{background:color-mix(in srgb, var(--azul-30) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .combo.sel .combo-gatilho{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .combo-item:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .combo-item.on{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) #tt .tt-mes{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) #tt .vf{color:var(--texto)}
  :root:not([data-tema="claro"]) .chip:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .chip.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .kpi .v{color:var(--texto)}
  :root:not([data-tema="claro"]) .panel-header{background:linear-gradient(135deg,var(--superficie) 0%,color-mix(in srgb, var(--azul-10) 14%, var(--superficie)) 100%)}
  :root:not([data-tema="claro"]) .rola::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .modo.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .ajuda:hover,.ajuda.on{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .ru-row:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .ru-row.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) thead th{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) tbody td{border-bottom:1px solid var(--borda)}
  :root:not([data-tema="claro"]) tbody tr:hover td{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) tbody tr.sel td{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .uf-tag{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .minibarra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .spark div{background:color-mix(in srgb, var(--azul-30) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .combo.sel .combo-gatilho{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .combo-item:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .combo-item.on{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .leaflet-tile{filter: invert(1) hue-rotate(180deg) brightness(0.92) contrast(0.95) saturate(0.8)}
}