/* ==========================================================
   KC METEO — WEATHER FIELDS v1
   ========================================================== */


/* Raster continuo */

.leaflet-pane.leaflet-kcWeatherField-pane {
  pointer-events: none;
}


/* Valores de temperatura tipo Windy */

.kc-field-temperature-label {
  background: transparent !important;
  border: 0 !important;
}

.kc-field-temperature-label span {
  display: block;

  width: 42px;

  color: #fff;

  font-size: 13px;
  font-weight: 700;

  text-align: center;

  line-height: 24px;

  text-shadow:
    0 1px 2px #000,
    0 0 3px #000,
    0 0 6px rgba(0,0,0,.75);
}


/* Picker */

.kc-field-picker {
  background: transparent !important;
  border: 0 !important;
}

.kc-field-picker span {
  width: 34px;
  height: 34px;

  display: grid;
  place-items: center;

  border:
    2px solid rgba(255,255,255,.94);

  border-radius: 50%;

  background:
    rgba(5,20,28,.56);

  color: #fff;

  font-size: 22px;
  font-weight: 400;

  box-shadow:
    0 2px 8px rgba(0,0,0,.38);
}


/* Escala meteorológica */

.weather-field-legend {
  position: absolute;

  right: 20px;
  bottom: 148px;

  z-index: 1450;

  width: 270px;

  padding:
    7px
    9px;

  border:
    1px solid rgba(255,255,255,.15);

  border-radius: 9px;

  background:
    rgba(5,20,28,.87);

  color: #f3f8fa;

  box-shadow:
    0 5px 18px rgba(0,0,0,.28);

  backdrop-filter:
    blur(5px);
}


.weather-field-legend-title {
  margin-bottom: 5px;

  font-size: 9px;
  font-weight: 700;
}


.weather-field-gradient {
  height: 8px;

  border-radius: 4px;

  border:
    1px solid rgba(255,255,255,.18);
}


.weather-field-scale {
  margin-top: 3px;

  display: flex;
  justify-content: space-between;

  color: #c9d7dc;

  font-size: 7px;
}


.weather-field-derived {
  margin-top: 3px;

  color: #8298a1;

  font-size: 6px;

  text-align: right;
}


@media (max-width: 900px) {

  .weather-field-legend {
    right: 12px;
    bottom: 126px;

    width: 220px;
  }

}


/* ==========================================================
   KC METEO — WIND PARTICLES v2
   ========================================================== */

.kc-wind-particles {
  position: absolute;

  left: 0;
  top: 0;

  width: 100%;
  height: 100%;

  z-index: 460;

  pointer-events: none;
}



/* ==========================================================
   KC METEO — WIND PARTICLES v2.1
   ========================================================== */

.kc-wind-particles {
  z-index: 650 !important;

  opacity: .96;

  mix-blend-mode: normal;

  pointer-events: none !important;
}



/* ==========================================================
   KC METEO — TEMPERATURE v2
   ========================================================== */

.kc-field-temperature-label {
  z-index: 780 !important;
}

.kc-field-temperature-label span {
  width: 44px;

  color: rgba(255,255,255,.98);

  font-size: 13px;
  font-weight: 700;

  line-height: 24px;

  text-align: center;

  text-shadow:
    0 1px 1px rgba(0,0,0,.95),
    0 0 3px rgba(0,0,0,.95),
    0 0 7px rgba(0,0,0,.72);

  letter-spacing: -.15px;
}