ar-poncho 2.1.61 → 2.1.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/css/poncho-map.css +46 -34
  2. package/dist/css/poncho.css +46 -34
  3. package/dist/css/poncho.min.css +46 -34
  4. package/dist/js/poncho.js +395 -93
  5. package/dist/js/poncho.min.js +2 -2
  6. package/package.json +1 -1
package/dist/css/poncho-map.css CHANGED
@@ -334,7 +334,7 @@ html {
334
334
 
335
335
  .poncho-map {
336
336
  --pm-slider-width: 326px;
337
- --pm-tools-width: 250px;
337
+ --pm-tools-width: 300px;
338
338
  --pm-color-primary: var(--primary, #0072bb);
339
339
  --pm-map-background:white;
340
340
  --pm-color-base: var(--black, #333);
@@ -485,7 +485,8 @@ html {
485
485
  padding: 0;
486
486
  border: none;
487
487
  }
488
- .poncho-map *:focus, .poncho-map .focus-element:focus {
488
+ .poncho-map *:focus,
489
+ .poncho-map .focus-element:focus {
489
490
  border-radius: 3px;
490
491
  box-sizing: border-box;
491
492
  box-shadow: 0 0 8px var(--cielo, #039be5) !important;
@@ -516,7 +517,10 @@ html {
516
517
  position: absolute;
517
518
  bottom: var(--pm-slider-distance);
518
519
  left: var(--pm-slider-distance);
519
- z-index: 900;
520
+ z-index: 998;
521
+ }
522
+ .poncho-map .pm-tools:has([data-toggle=true]):has(:focus) {
523
+ z-index: 1000;
520
524
  }
521
525
  .poncho-map .pm-toggle {
522
526
  display: none;
@@ -524,6 +528,7 @@ html {
524
528
  width: var(--pm-tools-width);
525
529
  bottom: 49px;
526
530
  }
531
+ .poncho-map [data-toggle=true]:focus,
527
532
  .poncho-map [data-toggle=true]:focus > .pm-toggle,
528
533
  .poncho-map [data-toggle=true]:focus-within > .pm-toggle {
529
534
  display: block;
@@ -1064,6 +1069,15 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
1064
1069
  }
1065
1070
 
1066
1071
  /* BRUTAL MODIFIERS :) */
1072
+ .poncho-map .small {
1073
+ font-size: 75%;
1074
+ }
1075
+ .poncho-map .d-block {
1076
+ display: block;
1077
+ }
1078
+ .poncho-map .d-none {
1079
+ display: none;
1080
+ }
1067
1081
  .poncho-map .sr-only {
1068
1082
  position: absolute;
1069
1083
  width: 1px;
@@ -1074,16 +1088,8 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
1074
1088
  clip: rect(0, 0, 0, 0);
1075
1089
  border: 0;
1076
1090
  }
1077
- .poncho-map.hide-attribution .leaflet-control-attribution {
1078
- position: absolute !important;
1079
- left: -9999em !important;
1080
- top: -9999em !important;
1081
- }
1082
1091
  .poncho-map .leaflet-control-attribution {
1083
- opacity: 0.8;
1084
- }
1085
- .poncho-map .leaflet-control-attribution .leaflet-attribution-flag {
1086
- display: none !important;
1092
+ opacity: 0.9;
1087
1093
  }
1088
1094
  .poncho-map .leaflet-tile-pane img {
1089
1095
  border-radius: 0px !important;
@@ -1092,7 +1098,9 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
1092
1098
 
1093
1099
  @media (max-width: 575.98px) {
1094
1100
  .poncho-map .leaflet-control-attribution {
1095
- display: none !important;
1101
+ position: absolute !important;
1102
+ left: -9999em !important;
1103
+ top: -9999em !important;
1096
1104
  }
1097
1105
  }
1098
1106
  .poncho-map {
@@ -1120,57 +1128,61 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
1120
1128
  filter: grayscale(1) invert(1) brightness(2);
1121
1129
  transition: filter 0.1s;
1122
1130
  }
1123
- .poncho-map.map-sepia .leaflet-tile-pane {
1124
- filter: sepia(0.5) saturate(0.24) contrast(1);
1125
- transition: filter 0.1s;
1126
- }
1127
- .poncho-map.map-blue .leaflet-tile-pane {
1128
- filter: sepia(1) hue-rotate(326deg) invert(1) brightness(8) saturate(0.45) grayscale(0.5) opacity(0.75);
1129
- transition: filter 0.1s;
1130
- }
1131
1131
  .poncho-map.map-transparent {
1132
1132
  --pm-map-background: transparent;
1133
1133
  }
1134
1134
  .poncho-map.map-transparent .leaflet-tile-pane {
1135
1135
  opacity: 0 !important;
1136
1136
  }
1137
- .poncho-map.ui-dark, .poncho-map.ui-blue {
1138
- --pm-color-primary: var(--celeste-argentina, skyblue);
1137
+ .poncho-map.ui-dark {
1138
+ --pm-color-primary: var(--arg-cielo, skyblue);
1139
1139
  --pm-color-base: #eaeaea;
1140
1140
  --pm-slider-background: #343232;
1141
- --pm-slider-border-color: #626161;
1142
- --pm-slider-border-color: color-mix(in srgb, #626161 80%, white);
1141
+ --pm-slider-border-color: color-mix(in srgb, #626161 40%, white);
1143
1142
  --pm-slider-border-width: 1px;
1144
1143
  --pm-scrollbar-handle: #eaeaea;
1145
- --pm-scrollbar-background: rgb(0, 0, 0, .15);
1144
+ --pm-scrollbar-background: rgb(0, 0, 0, 0.15);
1146
1145
  --pm-hover-background: #252424;
1147
1146
  --pm-hover-color: white;
1148
1147
  --pm-active-color: #343232;
1149
1148
  --pm-active-background: var(--pm-color-primary);
1150
1149
  }
1151
1150
  .poncho-map.ui-contrast {
1152
- --pm-color-primary: #68CEF3;
1153
- --pm-color-base: #eaeaea;
1151
+ --pm-color-primary:var(--arg-azul-200, skyblue);
1152
+ --pm-color-base: white;
1154
1153
  --pm-slider-background: #222;
1155
1154
  --pm-slider-border-color: white;
1156
1155
  --pm-slider-border-width: 2.5px;
1157
1156
  --pm-active-color: var(--pm-slider-background);
1158
1157
  --pm-hover-background: var(--pm-color-base);
1159
1158
  --pm-hover-color: var(--pm-slider-background);
1160
- --pm-active-color: #343232;
1159
+ --pm-active-color: #111;
1161
1160
  --pm-active-background: var(--pm-color-primary);
1162
1161
  }
1163
1162
  .poncho-map.ui-relax {
1164
1163
  --pm-color-primary: color-mix(in srgb, var(--primary) 80%, black);
1165
1164
  --pm-color-base: #5a5a5a;
1166
- --pm-slider-background: color-mix(in srgb, var(--verde-cemento) 15%, white);
1165
+ --pm-slider-background: color-mix(
1166
+ in srgb,
1167
+ var(--verde-cemento) 15%,
1168
+ white
1169
+ );
1167
1170
  --pm-slider-border: 1px solid #ddd;
1168
- --pm-slider-border-color: color-mix(in srgb, var(--verde-cemento) 80%, white);
1171
+ --pm-slider-border-color: color-mix(
1172
+ in srgb,
1173
+ var(--verde-cemento) 80%,
1174
+ white
1175
+ );
1169
1176
  }
1170
- .poncho-map.map-default.ui-default [data-theme=default], .poncho-map.map-sepia.ui-sepia [data-theme=sepia], .poncho-map.map-relax.ui-relax [data-theme=relax], .poncho-map.map-grayscale.ui-grayscale [data-theme=grayscale], .poncho-map.map-blue.ui-blue [data-theme=blue], .poncho-map.ui-contrast.map-contrast [data-theme=contrast], .poncho-map.map-dark.ui-dark [data-theme=dark] {
1177
+ .poncho-map.map-default.ui-default [data-theme=default], .poncho-map.map-relax.ui-relax [data-theme=relax], .poncho-map.map-grayscale.ui-grayscale [data-theme=grayscale], .poncho-map.ui-contrast.map-contrast [data-theme=contrast], .poncho-map.map-dark.ui-dark [data-theme=dark], .poncho-map.layer-osm [data-theme=layer-osm], .poncho-map.layer-satelital [data-theme=layer-satelital] {
1171
1178
  background: var(--pm-active-background);
1172
1179
  color: var(--pm-active-color);
1173
1180
  }
1181
+ .poncho-map .pm-item-link:disabled {
1182
+ opacity: 0.45;
1183
+ cursor: not-allowed !important;
1184
+ font-style: italic;
1185
+ }
1174
1186
 
1175
1187
  .poncho-map.ui-dark .content-container, .poncho-map.ui-contrast .content-container, .poncho-map.ui-dark .content-container > *, .poncho-map.ui-contrast .content-container > * {
1176
1188
  color: inherit;
@@ -1202,10 +1214,10 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
1202
1214
  color: var(--arg-negro-200) !important;
1203
1215
  }
1204
1216
  .poncho-map.poncho-map.ui-contrast a, .poncho-map.poncho-map.ui-dark a {
1205
- color: #9AD7F5 !important;
1217
+ color: var(--arg-azul-100, #9ad7f5) !important;
1206
1218
  }
1207
1219
  .poncho-map.poncho-map.ui-dark a:visited, .poncho-map.poncho-map.ui-contrast a:visited {
1208
- color: #BEB5D8 !important;
1220
+ color: #D3CEE5 !important;
1209
1221
  }
1210
1222
 
1211
1223
  .poncho-map * > .pmi {
package/dist/css/poncho.css CHANGED
@@ -11095,7 +11095,7 @@ Las clases "dato-nro" y "dato-eje" corresponde a los formatos markdown definidos
11095
11095
 
11096
11096
  .poncho-map {
11097
11097
  --pm-slider-width: 326px;
11098
- --pm-tools-width: 250px;
11098
+ --pm-tools-width: 300px;
11099
11099
  --pm-color-primary: var(--primary, #0072bb);
11100
11100
  --pm-map-background:white;
11101
11101
  --pm-color-base: var(--black, #333);
@@ -11246,7 +11246,8 @@ Las clases "dato-nro" y "dato-eje" corresponde a los formatos markdown definidos
11246
11246
  padding: 0;
11247
11247
  border: none;
11248
11248
  }
11249
- .poncho-map *:focus, .poncho-map .focus-element:focus {
11249
+ .poncho-map *:focus,
11250
+ .poncho-map .focus-element:focus {
11250
11251
  border-radius: 3px;
11251
11252
  box-sizing: border-box;
11252
11253
  box-shadow: 0 0 8px var(--cielo, #039be5) !important;
@@ -11277,7 +11278,10 @@ Las clases "dato-nro" y "dato-eje" corresponde a los formatos markdown definidos
11277
11278
  position: absolute;
11278
11279
  bottom: var(--pm-slider-distance);
11279
11280
  left: var(--pm-slider-distance);
11280
- z-index: 900;
11281
+ z-index: 998;
11282
+ }
11283
+ .poncho-map .pm-tools:has([data-toggle=true]):has(:focus) {
11284
+ z-index: 1000;
11281
11285
  }
11282
11286
  .poncho-map .pm-toggle {
11283
11287
  display: none;
@@ -11285,6 +11289,7 @@ Las clases "dato-nro" y "dato-eje" corresponde a los formatos markdown definidos
11285
11289
  width: var(--pm-tools-width);
11286
11290
  bottom: 49px;
11287
11291
  }
11292
+ .poncho-map [data-toggle=true]:focus,
11288
11293
  .poncho-map [data-toggle=true]:focus > .pm-toggle,
11289
11294
  .poncho-map [data-toggle=true]:focus-within > .pm-toggle {
11290
11295
  display: block;
@@ -11825,6 +11830,15 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
11825
11830
  }
11826
11831
 
11827
11832
  /* BRUTAL MODIFIERS :) */
11833
+ .poncho-map .small {
11834
+ font-size: 75%;
11835
+ }
11836
+ .poncho-map .d-block {
11837
+ display: block;
11838
+ }
11839
+ .poncho-map .d-none {
11840
+ display: none;
11841
+ }
11828
11842
  .poncho-map .sr-only {
11829
11843
  position: absolute;
11830
11844
  width: 1px;
@@ -11835,16 +11849,8 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
11835
11849
  clip: rect(0, 0, 0, 0);
11836
11850
  border: 0;
11837
11851
  }
11838
- .poncho-map.hide-attribution .leaflet-control-attribution {
11839
- position: absolute !important;
11840
- left: -9999em !important;
11841
- top: -9999em !important;
11842
- }
11843
11852
  .poncho-map .leaflet-control-attribution {
11844
- opacity: 0.8;
11845
- }
11846
- .poncho-map .leaflet-control-attribution .leaflet-attribution-flag {
11847
- display: none !important;
11853
+ opacity: 0.9;
11848
11854
  }
11849
11855
  .poncho-map .leaflet-tile-pane img {
11850
11856
  border-radius: 0px !important;
@@ -11853,7 +11859,9 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
11853
11859
 
11854
11860
  @media (max-width: 575.98px) {
11855
11861
  .poncho-map .leaflet-control-attribution {
11856
- display: none !important;
11862
+ position: absolute !important;
11863
+ left: -9999em !important;
11864
+ top: -9999em !important;
11857
11865
  }
11858
11866
  }
11859
11867
  .poncho-map {
@@ -11881,57 +11889,61 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
11881
11889
  filter: grayscale(1) invert(1) brightness(2);
11882
11890
  transition: filter 0.1s;
11883
11891
  }
11884
- .poncho-map.map-sepia .leaflet-tile-pane {
11885
- filter: sepia(0.5) saturate(0.24) contrast(1);
11886
- transition: filter 0.1s;
11887
- }
11888
- .poncho-map.map-blue .leaflet-tile-pane {
11889
- filter: sepia(1) hue-rotate(326deg) invert(1) brightness(8) saturate(0.45) grayscale(0.5) opacity(0.75);
11890
- transition: filter 0.1s;
11891
- }
11892
11892
  .poncho-map.map-transparent {
11893
11893
  --pm-map-background: transparent;
11894
11894
  }
11895
11895
  .poncho-map.map-transparent .leaflet-tile-pane {
11896
11896
  opacity: 0 !important;
11897
11897
  }
11898
- .poncho-map.ui-dark, .poncho-map.ui-blue {
11899
- --pm-color-primary: var(--celeste-argentina, skyblue);
11898
+ .poncho-map.ui-dark {
11899
+ --pm-color-primary: var(--arg-cielo, skyblue);
11900
11900
  --pm-color-base: #eaeaea;
11901
11901
  --pm-slider-background: #343232;
11902
- --pm-slider-border-color: #626161;
11903
- --pm-slider-border-color: color-mix(in srgb, #626161 80%, white);
11902
+ --pm-slider-border-color: color-mix(in srgb, #626161 40%, white);
11904
11903
  --pm-slider-border-width: 1px;
11905
11904
  --pm-scrollbar-handle: #eaeaea;
11906
- --pm-scrollbar-background: rgb(0, 0, 0, .15);
11905
+ --pm-scrollbar-background: rgb(0, 0, 0, 0.15);
11907
11906
  --pm-hover-background: #252424;
11908
11907
  --pm-hover-color: white;
11909
11908
  --pm-active-color: #343232;
11910
11909
  --pm-active-background: var(--pm-color-primary);
11911
11910
  }
11912
11911
  .poncho-map.ui-contrast {
11913
- --pm-color-primary: #68CEF3;
11914
- --pm-color-base: #eaeaea;
11912
+ --pm-color-primary:var(--arg-azul-200, skyblue);
11913
+ --pm-color-base: white;
11915
11914
  --pm-slider-background: #222;
11916
11915
  --pm-slider-border-color: white;
11917
11916
  --pm-slider-border-width: 2.5px;
11918
11917
  --pm-active-color: var(--pm-slider-background);
11919
11918
  --pm-hover-background: var(--pm-color-base);
11920
11919
  --pm-hover-color: var(--pm-slider-background);
11921
- --pm-active-color: #343232;
11920
+ --pm-active-color: #111;
11922
11921
  --pm-active-background: var(--pm-color-primary);
11923
11922
  }
11924
11923
  .poncho-map.ui-relax {
11925
11924
  --pm-color-primary: color-mix(in srgb, var(--primary) 80%, black);
11926
11925
  --pm-color-base: #5a5a5a;
11927
- --pm-slider-background: color-mix(in srgb, var(--verde-cemento) 15%, white);
11926
+ --pm-slider-background: color-mix(
11927
+ in srgb,
11928
+ var(--verde-cemento) 15%,
11929
+ white
11930
+ );
11928
11931
  --pm-slider-border: 1px solid #ddd;
11929
- --pm-slider-border-color: color-mix(in srgb, var(--verde-cemento) 80%, white);
11932
+ --pm-slider-border-color: color-mix(
11933
+ in srgb,
11934
+ var(--verde-cemento) 80%,
11935
+ white
11936
+ );
11930
11937
  }
11931
- .poncho-map.map-default.ui-default [data-theme=default], .poncho-map.map-sepia.ui-sepia [data-theme=sepia], .poncho-map.map-relax.ui-relax [data-theme=relax], .poncho-map.map-grayscale.ui-grayscale [data-theme=grayscale], .poncho-map.map-blue.ui-blue [data-theme=blue], .poncho-map.ui-contrast.map-contrast [data-theme=contrast], .poncho-map.map-dark.ui-dark [data-theme=dark] {
11938
+ .poncho-map.map-default.ui-default [data-theme=default], .poncho-map.map-relax.ui-relax [data-theme=relax], .poncho-map.map-grayscale.ui-grayscale [data-theme=grayscale], .poncho-map.ui-contrast.map-contrast [data-theme=contrast], .poncho-map.map-dark.ui-dark [data-theme=dark], .poncho-map.layer-osm [data-theme=layer-osm], .poncho-map.layer-satelital [data-theme=layer-satelital] {
11932
11939
  background: var(--pm-active-background);
11933
11940
  color: var(--pm-active-color);
11934
11941
  }
11942
+ .poncho-map .pm-item-link:disabled {
11943
+ opacity: 0.45;
11944
+ cursor: not-allowed !important;
11945
+ font-style: italic;
11946
+ }
11935
11947
 
11936
11948
  .poncho-map.ui-dark .content-container, .poncho-map.ui-contrast .content-container, .poncho-map.ui-dark .content-container > *, .poncho-map.ui-contrast .content-container > * {
11937
11949
  color: inherit;
@@ -11963,10 +11975,10 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
11963
11975
  color: var(--arg-negro-200) !important;
11964
11976
  }
11965
11977
  .poncho-map.poncho-map.ui-contrast a, .poncho-map.poncho-map.ui-dark a {
11966
- color: #9AD7F5 !important;
11978
+ color: var(--arg-azul-100, #9ad7f5) !important;
11967
11979
  }
11968
11980
  .poncho-map.poncho-map.ui-dark a:visited, .poncho-map.poncho-map.ui-contrast a:visited {
11969
- color: #BEB5D8 !important;
11981
+ color: #D3CEE5 !important;
11970
11982
  }
11971
11983
 
11972
11984
  .poncho-map * > .pmi {
package/dist/css/poncho.min.css CHANGED
@@ -11095,7 +11095,7 @@ Las clases "dato-nro" y "dato-eje" corresponde a los formatos markdown definidos
11095
11095
 
11096
11096
  .poncho-map {
11097
11097
  --pm-slider-width: 326px;
11098
- --pm-tools-width: 250px;
11098
+ --pm-tools-width: 300px;
11099
11099
  --pm-color-primary: var(--primary, #0072bb);
11100
11100
  --pm-map-background:white;
11101
11101
  --pm-color-base: var(--black, #333);
@@ -11246,7 +11246,8 @@ Las clases "dato-nro" y "dato-eje" corresponde a los formatos markdown definidos
11246
11246
  padding: 0;
11247
11247
  border: none;
11248
11248
  }
11249
- .poncho-map *:focus, .poncho-map .focus-element:focus {
11249
+ .poncho-map *:focus,
11250
+ .poncho-map .focus-element:focus {
11250
11251
  border-radius: 3px;
11251
11252
  box-sizing: border-box;
11252
11253
  box-shadow: 0 0 8px var(--cielo, #039be5) !important;
@@ -11277,7 +11278,10 @@ Las clases "dato-nro" y "dato-eje" corresponde a los formatos markdown definidos
11277
11278
  position: absolute;
11278
11279
  bottom: var(--pm-slider-distance);
11279
11280
  left: var(--pm-slider-distance);
11280
- z-index: 900;
11281
+ z-index: 998;
11282
+ }
11283
+ .poncho-map .pm-tools:has([data-toggle=true]):has(:focus) {
11284
+ z-index: 1000;
11281
11285
  }
11282
11286
  .poncho-map .pm-toggle {
11283
11287
  display: none;
@@ -11285,6 +11289,7 @@ Las clases "dato-nro" y "dato-eje" corresponde a los formatos markdown definidos
11285
11289
  width: var(--pm-tools-width);
11286
11290
  bottom: 49px;
11287
11291
  }
11292
+ .poncho-map [data-toggle=true]:focus,
11288
11293
  .poncho-map [data-toggle=true]:focus > .pm-toggle,
11289
11294
  .poncho-map [data-toggle=true]:focus-within > .pm-toggle {
11290
11295
  display: block;
@@ -11825,6 +11830,15 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
11825
11830
  }
11826
11831
 
11827
11832
  /* BRUTAL MODIFIERS :) */
11833
+ .poncho-map .small {
11834
+ font-size: 75%;
11835
+ }
11836
+ .poncho-map .d-block {
11837
+ display: block;
11838
+ }
11839
+ .poncho-map .d-none {
11840
+ display: none;
11841
+ }
11828
11842
  .poncho-map .sr-only {
11829
11843
  position: absolute;
11830
11844
  width: 1px;
@@ -11835,16 +11849,8 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
11835
11849
  clip: rect(0, 0, 0, 0);
11836
11850
  border: 0;
11837
11851
  }
11838
- .poncho-map.hide-attribution .leaflet-control-attribution {
11839
- position: absolute !important;
11840
- left: -9999em !important;
11841
- top: -9999em !important;
11842
- }
11843
11852
  .poncho-map .leaflet-control-attribution {
11844
- opacity: 0.8;
11845
- }
11846
- .poncho-map .leaflet-control-attribution .leaflet-attribution-flag {
11847
- display: none !important;
11853
+ opacity: 0.9;
11848
11854
  }
11849
11855
  .poncho-map .leaflet-tile-pane img {
11850
11856
  border-radius: 0px !important;
@@ -11853,7 +11859,9 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
11853
11859
 
11854
11860
  @media (max-width: 575.98px) {
11855
11861
  .poncho-map .leaflet-control-attribution {
11856
- display: none !important;
11862
+ position: absolute !important;
11863
+ left: -9999em !important;
11864
+ top: -9999em !important;
11857
11865
  }
11858
11866
  }
11859
11867
  .poncho-map {
@@ -11881,57 +11889,61 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
11881
11889
  filter: grayscale(1) invert(1) brightness(2);
11882
11890
  transition: filter 0.1s;
11883
11891
  }
11884
- .poncho-map.map-sepia .leaflet-tile-pane {
11885
- filter: sepia(0.5) saturate(0.24) contrast(1);
11886
- transition: filter 0.1s;
11887
- }
11888
- .poncho-map.map-blue .leaflet-tile-pane {
11889
- filter: sepia(1) hue-rotate(326deg) invert(1) brightness(8) saturate(0.45) grayscale(0.5) opacity(0.75);
11890
- transition: filter 0.1s;
11891
- }
11892
11892
  .poncho-map.map-transparent {
11893
11893
  --pm-map-background: transparent;
11894
11894
  }
11895
11895
  .poncho-map.map-transparent .leaflet-tile-pane {
11896
11896
  opacity: 0 !important;
11897
11897
  }
11898
- .poncho-map.ui-dark, .poncho-map.ui-blue {
11899
- --pm-color-primary: var(--celeste-argentina, skyblue);
11898
+ .poncho-map.ui-dark {
11899
+ --pm-color-primary: var(--arg-cielo, skyblue);
11900
11900
  --pm-color-base: #eaeaea;
11901
11901
  --pm-slider-background: #343232;
11902
- --pm-slider-border-color: #626161;
11903
- --pm-slider-border-color: color-mix(in srgb, #626161 80%, white);
11902
+ --pm-slider-border-color: color-mix(in srgb, #626161 40%, white);
11904
11903
  --pm-slider-border-width: 1px;
11905
11904
  --pm-scrollbar-handle: #eaeaea;
11906
- --pm-scrollbar-background: rgb(0, 0, 0, .15);
11905
+ --pm-scrollbar-background: rgb(0, 0, 0, 0.15);
11907
11906
  --pm-hover-background: #252424;
11908
11907
  --pm-hover-color: white;
11909
11908
  --pm-active-color: #343232;
11910
11909
  --pm-active-background: var(--pm-color-primary);
11911
11910
  }
11912
11911
  .poncho-map.ui-contrast {
11913
- --pm-color-primary: #68CEF3;
11914
- --pm-color-base: #eaeaea;
11912
+ --pm-color-primary:var(--arg-azul-200, skyblue);
11913
+ --pm-color-base: white;
11915
11914
  --pm-slider-background: #222;
11916
11915
  --pm-slider-border-color: white;
11917
11916
  --pm-slider-border-width: 2.5px;
11918
11917
  --pm-active-color: var(--pm-slider-background);
11919
11918
  --pm-hover-background: var(--pm-color-base);
11920
11919
  --pm-hover-color: var(--pm-slider-background);
11921
- --pm-active-color: #343232;
11920
+ --pm-active-color: #111;
11922
11921
  --pm-active-background: var(--pm-color-primary);
11923
11922
  }
11924
11923
  .poncho-map.ui-relax {
11925
11924
  --pm-color-primary: color-mix(in srgb, var(--primary) 80%, black);
11926
11925
  --pm-color-base: #5a5a5a;
11927
- --pm-slider-background: color-mix(in srgb, var(--verde-cemento) 15%, white);
11926
+ --pm-slider-background: color-mix(
11927
+ in srgb,
11928
+ var(--verde-cemento) 15%,
11929
+ white
11930
+ );
11928
11931
  --pm-slider-border: 1px solid #ddd;
11929
- --pm-slider-border-color: color-mix(in srgb, var(--verde-cemento) 80%, white);
11932
+ --pm-slider-border-color: color-mix(
11933
+ in srgb,
11934
+ var(--verde-cemento) 80%,
11935
+ white
11936
+ );
11930
11937
  }
11931
- .poncho-map.map-default.ui-default [data-theme=default], .poncho-map.map-sepia.ui-sepia [data-theme=sepia], .poncho-map.map-relax.ui-relax [data-theme=relax], .poncho-map.map-grayscale.ui-grayscale [data-theme=grayscale], .poncho-map.map-blue.ui-blue [data-theme=blue], .poncho-map.ui-contrast.map-contrast [data-theme=contrast], .poncho-map.map-dark.ui-dark [data-theme=dark] {
11938
+ .poncho-map.map-default.ui-default [data-theme=default], .poncho-map.map-relax.ui-relax [data-theme=relax], .poncho-map.map-grayscale.ui-grayscale [data-theme=grayscale], .poncho-map.ui-contrast.map-contrast [data-theme=contrast], .poncho-map.map-dark.ui-dark [data-theme=dark], .poncho-map.layer-osm [data-theme=layer-osm], .poncho-map.layer-satelital [data-theme=layer-satelital] {
11932
11939
  background: var(--pm-active-background);
11933
11940
  color: var(--pm-active-color);
11934
11941
  }
11942
+ .poncho-map .pm-item-link:disabled {
11943
+ opacity: 0.45;
11944
+ cursor: not-allowed !important;
11945
+ font-style: italic;
11946
+ }
11935
11947
 
11936
11948
  .poncho-map.ui-dark .content-container, .poncho-map.ui-contrast .content-container, .poncho-map.ui-dark .content-container > *, .poncho-map.ui-contrast .content-container > * {
11937
11949
  color: inherit;
@@ -11963,10 +11975,10 @@ input[type=search].js-poncho-map-search__input::-webkit-search-cancel-button {
11963
11975
  color: var(--arg-negro-200) !important;
11964
11976
  }
11965
11977
  .poncho-map.poncho-map.ui-contrast a, .poncho-map.poncho-map.ui-dark a {
11966
- color: #9AD7F5 !important;
11978
+ color: var(--arg-azul-100, #9ad7f5) !important;
11967
11979
  }
11968
11980
  .poncho-map.poncho-map.ui-dark a:visited, .poncho-map.poncho-map.ui-contrast a:visited {
11969
- color: #BEB5D8 !important;
11981
+ color: #D3CEE5 !important;
11970
11982
  }
11971
11983
 
11972
11984
  .poncho-map * > .pmi {