:root {

  --ed-rojo: #D0021B;
  --ed-negro: #1a1a1a;
  --ed-amarillo: #ECDC19;
  --ed-azul: #4A90E2;

  --ed-azul-principal: #005695;

  --ed-gris-900: #333333;
  --ed-gris-700: #4a4a4a;
  --ed-gris-500: #939393;
  --ed-gris-300: #c5c5c5;
  --ed-gris-200: #dedede;
  --ed-gris-100: #eaeaea;

  --ed-texto: #1a1a1a;
  --ed-texto-suave: #4a4a4a;

  --ed-radio: 4px;

  --ed-fuente: 'Encode Sans', 'Helvetica Neue', Arial, sans-serif;
  --ed-fuente-titulo: 'Sanomat-Bold', Georgia, 'Times New Roman', serif;
}

.ed-rectos { --ed-radio: 0px; }

.ed-chart,
.ed-chart *,
.ed-chart *::before,
.ed-chart *::after {
  box-sizing: border-box;
}

.ed-chart {
  font-family: var(--ed-fuente);
  color: var(--ed-texto);
  line-height: 1.4;
  margin: 24px 0;

  text-align: left;

  clear: left;
}

.ed-titulo {
  font-family: var(--ed-fuente);
  font-weight: 700;
  color: var(--ed-negro);
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 4px;
}

.ed-titulo.ed-display,
.ed-display .ed-titulo {
  font-family: var(--ed-fuente-titulo);
}
.ed-subtitulo {
  font-family: var(--ed-fuente);
  color: var(--ed-texto-suave);
  font-size: 14px;
  margin: 0 0 16px;
}
.ed-fuente {
  font-family: var(--ed-fuente);
  color: var(--ed-gris-500);
  font-size: 12px;
  margin-top: 8px;
}

.ed-chart .ed-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.ed-chart .ed-svg text { font-family: var(--ed-fuente); }
.ed-chart .ed-eje text { font-size: 14px; fill: var(--ed-gris-500); }
.ed-chart .ed-eje path { stroke-width: 0; }
.ed-chart .ed-eje line { stroke: var(--ed-gris-500); stroke-width: 1; }
.ed-chart .ed-eje-grid line { stroke: var(--ed-gris-300); stroke-width: 0.5; stroke-dasharray: 3; }

.ed-chart .ed-halo {
  stroke: #fff;
  stroke-width: 3px;
  stroke-opacity: 0.9;
  paint-order: stroke;
}

.ed-chart .ed-highlight-layer rect,
.ed-chart .ed-highlight-layer circle,
.ed-chart .ed-highlight-layer path {
  fill: none;
  stroke: var(--ed-negro);
  stroke-width: 2px;
}

.ed-leyenda { font-family: var(--ed-fuente); color: var(--ed-texto); margin: 8px 0; }

.ed-leyenda-titulo {
  font-size: 11px; text-transform: uppercase; letter-spacing: 0.02em;
  color: var(--ed-gris-700); margin-bottom: 6px;
}

.ed-leyenda-escala { display: flex; }
.ed-leyenda-bloque { flex: 1 1 auto; height: 10px; }
.ed-leyenda-labels { display: flex; justify-content: space-between; margin-top: 4px; }
.ed-leyenda-label { font-size: 12px; color: var(--ed-gris-500); }

.ed-leyenda-items { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.ed-leyenda-item { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.ed-leyenda-muestra { width: 12px; height: 12px; display: inline-block; flex: none; }
.ed-leyenda-texto { color: var(--ed-texto); }

.ed-cargando {
  position: absolute; inset: 0; z-index: 20;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, 0.7); transition: opacity 0.3s ease;
}
.ed-cargando-spinner {
  width: 34px; height: 34px; border-radius: 50%;

  border: 3px solid var(--ed-gris-200); border-top-color: var(--ed-azul-principal);
  animation: ed-spin 0.8s linear infinite;
}
@keyframes ed-spin { to { transform: rotate(360deg); } }

.chart-atlas-renta .ed-canvas-wrap { width: 100%; }

.chart-atlas-renta .label-decil,
.chart-atlas-renta .label-ccaa,
.chart-atlas-renta .label-pct,
.chart-atlas-renta .label-anotacion,
.chart-atlas-renta .label-eje-titulo {
  paint-order: stroke;
  stroke: #ffffff;
  stroke-width: 2px;
  pointer-events: none;
}

.chart-atlas-renta .label-decil-min { font-size: 12px; font-weight: 400; fill: var(--ed-negro); }
.chart-atlas-renta .label-decil-d   { font-size: 14px; font-weight: 700; fill: var(--ed-negro); }
.chart-atlas-renta .label-eje-titulo { font-size: 14px; font-weight: 700; }
.chart-atlas-renta .label-ccaa { font-size: 12px; font-weight: 400; fill: var(--ed-negro); }
.chart-atlas-renta .label-pct  { font-size: 11px; font-weight: 700; fill: var(--ed-negro); stroke-width: 5px; }

.chart-atlas-renta .label-ccaa.destacada { font-weight: 700; }
.chart-atlas-renta .ccaa-destacada { fill: none; stroke: var(--ed-negro); stroke-width: 1.5; pointer-events: none; }
.chart-atlas-renta .label-anotacion { font-size: 11px; font-weight: 400; }
.chart-atlas-renta .linea-anotacion { stroke: #000; stroke-width: 1; fill: none; }

.chart-atlas-renta .eje-horizontal text { fill: var(--ed-gris-500); }
.chart-atlas-renta .eje-horizontal path { stroke-width: 0; }

.chart-atlas-renta .eje-vertical text { fill: var(--ed-negro); font-weight: 400; }
.chart-atlas-renta .eje-vertical path { stroke-width: 0; }

.ed-tooltip .celda-etq,
.ed-tooltip .celda-dato { border-bottom: 1px solid #ddd; padding: 0; }
.ed-tooltip .celda-dato { text-align: right; }

.chart-atlas-renta button,
.chart-atlas-renta input { font-family: var(--ed-fuente); }

.chart-atlas-renta .ed-tabla-controles {
  display: flex; justify-content: space-between; align-items: center;
  gap: 8px; flex-wrap: nowrap; margin: 30px 0 5px 0;
}
.chart-atlas-renta .ed-tabla-buscar {
  flex: 0 1 250px; width: 250px; min-width: 0; height: 35px; padding: 5px 10px;
  border: 1px solid #cecece; border-radius: var(--ed-radio);
  font-family: var(--ed-fuente); font-size: 14px;
  background-color: #fff; color: rgba(0, 0, 0, 0.75);
  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
  box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
}
.chart-atlas-renta .ed-tabla-buscar:focus { outline: none; border-color: var(--ed-gris-500); }

.chart-atlas-renta .ed-tabla-pag { display: flex; align-items: center; flex: none; }

@media (max-width: 899px) {
  .chart-atlas-renta .ed-tabla-buscar { font-size: 16px; }
}
.chart-atlas-renta .ed-tabla-pag .pagination-btn {
  width: 35px; height: 35px; border: 1px solid #cecece; border-radius: var(--ed-radio);
  background-color: #ffffff; color: rgba(0, 0, 0, 0.75); font-size: 14px; cursor: pointer;
  display: flex; align-items: center; justify-content: center; transition: all 0.15s;
  box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
}
.chart-atlas-renta .ed-tabla-pag .pagination-btn:hover:not(:disabled) { background-color: var(--ed-gris-100); }
.chart-atlas-renta .ed-tabla-pag .pagination-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.chart-atlas-renta .ed-tabla-pag .pagination-info {
  font-family: var(--ed-fuente); font-size: 12px; color: rgba(0, 0, 0, 0.75);
  margin: 0 5px; white-space: nowrap;
}

.chart-atlas-renta .ed-tabla { width: 100%; border-collapse: collapse; font-size: 12px; border-spacing: 2px; }
.chart-atlas-renta .ed-tabla th {
  color: #444; font-weight: 400; font-size: 11px; text-transform: uppercase;
  vertical-align: bottom; line-height: 14px;
}
.chart-atlas-renta .ed-tabla td,
.chart-atlas-renta .ed-tabla th { padding: 6px; border-bottom: 1px solid #ddd; text-align: left; line-height: 14px; }

.chart-atlas-renta .expand-btn {
  display: inline-block; width: 28px; height: 28px; line-height: 28px; font-size: 28px;
  border-radius: 50%; background-color: #ffffff; border: 1px solid #cecece;
  color: #404040; font-weight: 300; text-align: center; cursor: pointer;
  user-select: none; transition: background 0.2s;
}
.chart-atlas-renta .expand-btn:hover { background-color: #c5c5c5; }

.chart-atlas-renta .expanded-row td {
  background-color: #F5F5F5; border-top: 2px solid #ddd;
  border-radius: 0 0 5px 5px; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
}

.chart-atlas-renta .exp-wrap {
  display: flex; flex-direction: row; flex-wrap: wrap;
  justify-content: space-around; align-items: end; gap: 0 20px; margin: 10px 0 15px;
}
.chart-atlas-renta .exp-texto { display: flex; flex-direction: column; padding: 10px; margin: 5px; max-width: 400px; width: 100%; font-size: 14px; }
.chart-atlas-renta .exp-titulo { font-size: 18px; font-weight: 700; color: #4A4A4A; margin-bottom: 5px; }
.chart-atlas-renta .exp-sub { margin: 0 0 10px; font-weight: 400; color: #686868; font-size: 11px; text-transform: uppercase; }
.chart-atlas-renta .exp-dato { margin: 10px 0 5px; color: #4A4A4A; }
.chart-atlas-renta .exp-rank { margin: 0 0 5px; color: #525252; }
.chart-atlas-renta .exp-sep { width: 110px; border-top: 1px solid #d5d5d5; margin: 10px 0; }
.chart-atlas-renta .exp-grafico { display: flex; flex-direction: column; padding: 10px 10px 0; margin: 5px; flex: 1 1 300px; max-width: 550px; border-top: 1px solid #cecece; }
.chart-atlas-renta .exp-grafico-desktop { border-top: 0; border-left: 1px solid #cecece; }
.chart-atlas-renta .exp-grafico-titulo { font-size: 14px; color: #4A4A4A; font-weight: 700; }

.chart-atlas-renta .grafico-minichart text { font-family: var(--ed-fuente); font-size: 12px; }
.chart-atlas-renta .grafico-minichart .mini-label { font-size: 11px; }
.chart-atlas-renta .grafico-minichart .eje-mini path { stroke-width: 0; }
.chart-atlas-renta .grafico-minichart .eje-mini text { fill: var(--ed-gris-500); }
.chart-atlas-renta .grafico-minichart .eje-mini line { stroke: var(--ed-gris-500); stroke-width: 1; }

.chart-atlas-renta .collage-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; width: 100%;
}
.chart-atlas-renta .collage-item { display: flex; flex-direction: column; align-items: center; }
.chart-atlas-renta .collage-marco {
  position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden;
  border: 1px solid #666;
}
.chart-atlas-renta .collage-marco img { width: 100%; height: 100%; object-fit: cover; display: block; }

.chart-atlas-renta .collage-mapa { position: absolute; inset: 0; }
.chart-atlas-renta .collage-mapa .maplibregl-canvas { cursor: default; }
.chart-atlas-renta .collage-anotacion {
  position: absolute; top: 1%; left: 1%; z-index: 2;
  background-color: rgba(255, 255, 255, 0.8); color: #000;
  font-size: 14px; font-weight: 700; padding: 2px;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.chart-atlas-renta .div-legend-renta-censales.ed-leyenda.collage-leyenda {
  height: auto; padding: 0; margin: 0 auto 16px; background: none;
}
@media (max-width: 768px) {
  .chart-atlas-renta .collage-grid { grid-template-columns: repeat(2, 1fr); }
}

.chart-atlas-renta .container-mapa-renta { position: relative; }
.chart-atlas-renta .mapa-renta {
  position: relative; overflow: hidden; width: 100%; border: 0;
  background-color: white; color: #000; line-height: normal;
}

.chart-atlas-renta .fuente-mapa-renta {
  text-align: left; color: var(--ed-gris-500); font-size: 12px; margin: 8px 0 12px;
  font-family: var(--ed-fuente);
}
.chart-atlas-renta .overlay-mapa-renta { top: 0; left: 0; width: 100%; height: 100%; position: absolute; }

.chart-atlas-renta .button-close-fullscreen-map {
  position: absolute; right: 10px; top: 270px; width: 29px; height: 29px; opacity: 1;
  background-color: #fff; border: 0; border-radius: 4px; display: none;
  box-shadow: 0 0 0 2px rgb(0 0 0 / 10%); cursor: pointer; padding: 0;
}
.chart-atlas-renta .button-close-fullscreen-map:before,
.chart-atlas-renta .button-close-fullscreen-map:after {
  position: absolute; left: 13.5px; top: 6px; content: ' '; height: 17px; width: 2px; background-color: #333;
}
.chart-atlas-renta .button-close-fullscreen-map:before { transform: rotate(45deg); }
.chart-atlas-renta .button-close-fullscreen-map:after { transform: rotate(-45deg); }
body.atlas-renta-lock-scroll { overflow: hidden; }

@media only screen and (max-width: 899px) {
  .chart-atlas-renta .mapa-renta { height: 600px; min-height: 600px; transition: height 0.5s ease-in; }
  .chart-atlas-renta .overlay-mapa-renta { display: block; }
  .chart-atlas-renta .fullscreenmap,
  .chart-atlas-renta .fullscreenmap .mapa-renta {
    position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;
    border: none; margin: 0; padding: 0; overflow: hidden; z-index: 9999; transition: height 0.5s ease-in;
  }
  .chart-atlas-renta .fullscreenmap .overlay-mapa-renta { display: none; }
  .chart-atlas-renta .fullscreenmap .button-close-fullscreen-map { z-index: 99999; display: block; position: fixed; }
}
@media only screen and (min-width: 900px) {
  .chart-atlas-renta .mapa-renta { height: 700px; }
  .chart-atlas-renta .overlay-mapa-renta { display: none; }
  .chart-atlas-renta .button-close-fullscreen-map { display: none; }
}

.chart-atlas-renta .mapa-renta p { font-size: 14px; margin-top: 5px; margin-bottom: 5px; }
.chart-atlas-renta .mapa-renta h3 { font-size: 16px; margin-top: 5px; margin-bottom: 5px; }

.chart-atlas-renta .mapa-mapbox { position: relative; bottom: 0; width: 100%; flex-grow: 1; height: 100%; }
.chart-atlas-renta .mapa-mapbox:focus,
.chart-atlas-renta .mapa-renta button:focus,
.chart-atlas-renta .mapboxgl-canvas:focus,
.chart-atlas-renta .maplibregl-canvas:focus { outline: none; }
.chart-atlas-renta .mapa-renta button,
.chart-atlas-renta .mapa-renta a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.chart-atlas-renta .mapbox-tooltip-contenedor h3 { margin-bottom: 5px; margin-top: 5px; font-size: 14px; }
.chart-atlas-renta .mapbox-tooltip-contenedor p { font-size: 12px; }

.chart-atlas-renta .mapbox-tooltip-contenedor .tt-cabecera {
  text-align: left; margin-top: 0; margin-bottom: 10px; font-weight: bold; border-bottom: 0.5px solid #c5c5c5;
}
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-codigo { font-size: 12px; font-weight: 400; }
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-poblacion {
  color: #4c4c4c; font-size: 12px; font-weight: 400; margin-top: 0; margin-bottom: 10px;
}
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-cajas { display: flex; gap: 0 10px; margin-top: 10px; }
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-caja {
  flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 10px;
  border: 1px dashed #c5c5c5; text-align: center;
}
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-caja-pie { font-size: 12px; font-weight: 400; }
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-caja-valor { font-size: 18px; font-weight: 700; }
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-etiqueta {
  margin-top: 15px; margin-bottom: 0; text-transform: uppercase; font-weight: 400; color: #686868; font-size: 11px;
}
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-barra {
  background-color: #c5c5c5; height: 12px; width: 100%; display: inline-block; font-size: 0;
}
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-marca {
  width: 3px; height: 12px; display: inline-block; background-color: black; position: relative;
}
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-barra-texto { line-height: 10px; margin: 0 0 10px; text-align: center; }
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-barra-texto.tt-ultima { margin-bottom: 0; }
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-sindatos {
  margin-top: 10px; border: 1px dashed #c5c5c5; padding: 15px; text-align: center;
}
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-sindatos-titulo {
  text-transform: uppercase; font-weight: 600; color: #686868; font-size: 11px;
}
.chart-atlas-renta .mapbox-tooltip-contenedor .tt-sindatos-texto { font-weight: 400; color: #999; font-size: 11px; margin-top: 4px; }

.chart-atlas-renta .mapbox-popup-contenedor {
  opacity: 1; font-family: 'Encode Sans', sans-serif; width: 280px; max-width: 300px !important;
  z-index: 100;
}

@media (min-width: 900px) {
  .chart-atlas-renta .mapbox-popup-contenedor { min-width: 280px; max-width: 280px !important; }
  .chart-atlas-renta .mapbox-popup-contenedor .mapboxgl-popup-content,
  .chart-atlas-renta .mapbox-popup-contenedor .maplibregl-popup-content {
    width: 280px; min-width: 280px; max-width: 280px; flex: 0 0 auto; box-sizing: border-box;
  }
}
.chart-atlas-renta .mapboxgl-popup-anchor-right,
.chart-atlas-renta .maplibregl-popup-anchor-right { left: -15px; }
.chart-atlas-renta .mapboxgl-popup-anchor-bottom-right,
.chart-atlas-renta .maplibregl-popup-anchor-bottom-right { left: -15px; }
.chart-atlas-renta .mapboxgl-popup-anchor-top-right,
.chart-atlas-renta .maplibregl-popup-anchor-top-right { left: -15px; }
.chart-atlas-renta .mapboxgl-popup-anchor-bottom,
.chart-atlas-renta .maplibregl-popup-anchor-bottom { top: -15px; }
.chart-atlas-renta .mapboxgl-popup-anchor-top,
.chart-atlas-renta .maplibregl-popup-anchor-top { top: 20px; }
.chart-atlas-renta .mapboxgl-popup-anchor-left,
.chart-atlas-renta .maplibregl-popup-anchor-left { left: 15px; }
.chart-atlas-renta .mapboxgl-popup-anchor-bottom-left,
.chart-atlas-renta .maplibregl-popup-anchor-bottom-left { left: 15px; }
.chart-atlas-renta .mapboxgl-popup-anchor-top-left,
.chart-atlas-renta .maplibregl-popup-anchor-top-left { left: 15px; }
.chart-atlas-renta .mapboxgl-popup-close-button,
.chart-atlas-renta .maplibregl-popup-close-button {
  font-size: 35px; background-color: #fff; border-radius: 35px; width: 35px !important; height: 35px !important;
  margin: 4px; line-height: 1; color: #000000 !important; border: 1px solid black;
  display: flex; justify-content: center; align-items: center; padding: 0px;
}
.chart-atlas-renta .mapboxgl-popup-content,
.chart-atlas-renta .maplibregl-popup-content { box-shadow: 0 2px 2px 0 #ccc; border-radius: 0px; border: 1px solid #ccc; }
.chart-atlas-renta .mapboxgl-popup-tip,
.chart-atlas-renta .maplibregl-popup-tip { display: none; }

.chart-atlas-renta .geocoder { position: relative; z-index: 99; width: 100%; margin-bottom: 10px; vertical-align: top; }
.chart-atlas-renta .mapboxgl-ctrl-geocoder { margin: 0 auto; width: 100% !important; font-family: 'Encode Sans', sans-serif; }
.chart-atlas-renta .mapboxgl-ctrl-geocoder--input {
  font-size: 14px; font-family: 'Encode Sans', sans-serif; margin: 0 auto; touch-action: none;
}

.chart-atlas-renta .container-menu-buttons { display: flex; flex-direction: column-reverse; height: calc(100%); }
.chart-atlas-renta .container-legend-buttons { position: absolute; height: 100%; width: 100%; }

.chart-atlas-renta .legend {
  width: 100%; height: 60px; margin: 10px 0px; position: absolute; bottom: 35px; z-index: 1; pointer-events: none;
}

.chart-atlas-renta .mapa-renta.motor-maplibre .legend { bottom: 9px; }

.chart-atlas-renta .return-peninsula-button {
  z-index: 1; position: absolute; display: none; width: 50px; font-family: var(--ed-fuente);
  border-radius: 4px; margin-left: 10px; box-shadow: 0 0 0 2px rgba(0, 0, 0, .1); padding: 6px;
  outline: none; border: 0; box-sizing: border-box; background-color: #ffffff; cursor: pointer;
  font-size: 12px; right: 10px; top: 80px;
}

.chart-atlas-renta .button-random-places-container {
  display: flex; flex-direction: row; gap: 7px; font-family: 'Encode Sans', sans-serif; z-index: 1;
  position: relative; overflow-x: scroll; margin-top: 5px; padding: 0px 0px;
  margin-right: -10px; width: calc(100% + 10px);
}
.chart-atlas-renta .button-random-places-container::-webkit-scrollbar { width: 0px; background: transparent; display: none; }
.chart-atlas-renta .button-random-places-div {
  text-align: center; font-size: 11px; color: #000000; text-shadow: 1px 1px 1px white; font-weight: 700;
}
.chart-atlas-renta .button-random-places {
  font-family: 'Encode Sans', sans-serif; background-color: rgba(0, 0, 0, 0); border: 1px solid #606060;
  padding: 7px 12px; cursor: pointer; border-radius: 6px; color: #606060; white-space: nowrap; font-size: 14px;
}
.chart-atlas-renta .div-ejemplos-random {
  font-family: 'Encode Sans', sans-serif; color: #606060; font-size: 14px; display: flex; vertical-align: middle;
  gap: 0px 5px; position: relative; z-index: 1; margin-bottom: 5px; margin-left: 20px; font-weight: 700;
  text-shadow: 1px 1px 6px white; flex: 0 0 100%; width: 260px; border-radius: 3px;
}
.chart-atlas-renta .container-geocoder-buttons-random {
  width: calc(100% - 20px); background: rgba(255, 255, 255, 0.80); margin: 10px; z-index: 2;
  display: flex; flex-direction: column; justify-content: center; position: absolute;
  padding: 10px; border-radius: 12px; border: 1px solid #FFF; backdrop-filter: blur(10.5px);
}

@media (min-width: 900px) {
  .chart-atlas-renta .container-menu-buttons { flex-direction: row; }
  .chart-atlas-renta .container-legend-buttons { display: flex; flex-direction: column; }
  .chart-atlas-renta .container-geocoder-buttons-random {

    box-sizing: content-box;
    width: 300px; margin: 10px; z-index: 2;    display: flex; flex-direction: column; justify-content: center;
    position: absolute; padding: 15px; border-radius: 12px; border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(10.5px);
  }

  .chart-atlas-renta .button-random-places-container {
    overflow: visible; width: 100%; flex-wrap: wrap; justify-content: center; padding: 0px; margin-right: 0px;
  }
  .chart-atlas-renta .div-ejemplos-random {
    color: #606060; text-shadow: none; margin-left: 0px; justify-content: center; width: 100%;
    background: none; border-radius: 3px;
  }
  .chart-atlas-renta .div-ejemplos-random img { display: none; }
  .chart-atlas-renta .div-ejemplos-random .ejemplos-random-mobile { display: none; }
  .chart-atlas-renta .legend-renta-censales { justify-content: start; margin-left: 10px; }
  .chart-atlas-renta .geocoder { width: 100%; }
  .chart-atlas-renta .mapa-mapbox { top: 0px; }
}

@keyframes atlas-tooltip-sube { from { bottom: -400px; } to { bottom: 20px; } }
@media (max-width: 899px) {
  .chart-atlas-renta .mapboxgl-ctrl-geocoder--input { font-size: 16px; }
  .chart-atlas-renta .mapboxgl-popup,
  .chart-atlas-renta .maplibregl-popup {
    width: calc(100% - 30px); position: fixed; max-width: 975px !important; transform: none !important;
    top: auto; bottom: 20px; left: 15px; z-index: 999;
  }
  .chart-atlas-renta .mapbox-tooltip-contenedor h3 { margin-bottom: 5px; margin-top: 5px; font-size: 15px; }
  .chart-atlas-renta .mapbox-tooltip-contenedor p { font-size: 13px; }
  .chart-atlas-renta .mapboxgl-popup-content,
  .chart-atlas-renta .maplibregl-popup-content { width: 100%; }

  .chart-atlas-renta .mapboxgl-popup,
  .chart-atlas-renta .maplibregl-popup { animation: atlas-tooltip-sube 0.3s ease-out; transition: bottom 0.25s ease-in; }
  .chart-atlas-renta .tooltip-saliendo { bottom: -400px !important; }

  .chart-atlas-renta .tooltip-cerrar {
    position: absolute; top: 0; right: 0; margin: 4px; width: 35px; height: 35px; padding: 0; z-index: 1;
    background-color: #fff; border: 1px solid black; border-radius: 35px;
    font-size: 35px; line-height: 1; color: #000; cursor: pointer;
    display: flex; justify-content: center; align-items: center;
  }
  .chart-atlas-renta .tooltip-cerrar + .mapbox-tooltip-contenedor h3 { padding-right: 44px; }
  .chart-atlas-renta .return-peninsula-button { top: 170px; right: 10px; margin-left: 0px; }
  .chart-atlas-renta .legend-renta-censales { justify-content: center; }
  .chart-atlas-renta .div-ejemplos-random .ejemplos-random-desktop { display: none; }
}

.chart-atlas-renta .legend-renta-censales { display: flex; }

.chart-atlas-renta .div-legend-renta-censales.ed-leyenda {
  width: 220px; height: 69px; margin: 0; padding: 3px 15px 0;
  background-color: rgb(255, 255, 255, 0.8); border-radius: 5px;
  font-family: 'Encode Sans', sans-serif; color: #000;
}
.chart-atlas-renta .div-legend-renta-censales .ed-leyenda-titulo {
  font-size: 12px; line-height: 15px; font-weight: 400; color: #000;
  text-transform: none; letter-spacing: 0; margin: 0 0 12px;
}
.chart-atlas-renta .div-legend-renta-censales .ed-leyenda-bloque { flex: 0 0 18px; width: 18px; height: 10px; }
.chart-atlas-renta .div-legend-renta-censales .ed-leyenda-labels { justify-content: flex-start; margin-top: 7px; }
.chart-atlas-renta .div-legend-renta-censales .ed-leyenda-label {
  flex: 0 0 18px; min-width: 0; display: flex; justify-content: center; white-space: nowrap;
  font-size: 12px; line-height: 14px; color: #000;
}