#scrollama-container #scrolly {
       position: relative;
       background-color: #ffffff;

   }

   .sticked,
   #pagedoc {
       overflow: visible !important;
   }

   .comment-item {
       overflow: hidden;
   }

   #scrollama-container article {
       position: relative;
       padding: 0;
       margin: 0 auto;
       font-family: 'Encode Sans', sans-serif;
       width: 100%;
       z-index: 1;

   }

   #scrollama-container article.interactive-mode {
       pointer-events: none;
   }

   #scrollama-container figure {
       position: -webkit-sticky;
       position: sticky;
       left: 0;
       width: 100%;
       margin: 0;
       -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0);
       background-color: #ffffff;
   }

   #scrollama-container figure .parrafostep {
       text-align: left;
       position: absolute;
       top: 50%;
       left: 50%;
       -moz-transform: translate(-50%, -50%);
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       font-size: 16px;
       font-weight: 400;
       color: #fff;
       display: block
   }

   #scrollama-container .step {
       width: 320px;
       margin: 0 auto;
       padding: 10px 15px;
       line-height: 25px;
       border-bottom: 1px solid #ddd;
       opacity: 1;
       font-size: 13px;
       background-color: rgba(0, 0, 0, 1);
       margin-bottom: 800px;
       box-shadow: 0 3px 3px 1px rgba(0, 0, 0, .11);
       border: 1px solid #d0cccc;
       border-radius: 0px;
       line-height: 25px;
       color: #ffffff;
       text-align: left
   }

   #scrollama-container .step:last-child {
       margin-bottom: 0px;
       height: 100vh;
       opacity: 0;
       pointer-events: none;
   }

   #scrollama-container .step.is-active p {
       background-color: #ffffff;

   }

   #scrollama-container .step .parrafostep {
       text-align: left;
       font-size: 16px;
   }

   #figure-contenedor {
       position: relative;
   }

   .legend {
       width: 200px;
       height: 80px;
       position: absolute;
       bottom: 50px;
       left: 10px;
       z-index: 1;
       pointer-events: none;
       fill: white;
       font-size: 12px;
   }

   .legend .legendTitle {
       font-size: 13px;
       font-weight: 700;
   }

   #legend-extranjeros-censales {
       display: flex;
       justify-content: center;
       font-family: 'Encode Sans';

   }

   .div-legend-extranjeros-censales {
       padding: 5px;
       background-color: rgb(0, 0, 0, 0.6);
       border-radius: 5px;
   }



   @media only screen and (min-width: 600px) {
       #scrollama-container .step {
           width: 380px;
       }

   }

   .scroll-inicio {
       font-family: 'Encode Sans', sans-serif;
       font-size: 16px;
       font-weight: 700;
       color: black;
       text-align: center
   }


   /* MAPBOX */


   #map {
       position: relative;
       bottom: 0;
       width: 100%;
       flex-grow: 1;
       height: 100%;
   }

   #map:focus {
       outline: none;
   }

   button:focus {
       outline: none;
   }

   button,
   a {
       -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }

   .mapboxgl-canvas:focus {
       outline: none;
   }

   .geocoder {
       position: absolute;
       z-index: 2;
       top: 10px;
       left: 10px;
   }


   .mapboxgl-ctrl-geocoder {
       margin: 0 auto;
       width: 260px !important;
       font-family: 'Encode Sans', sans-serif;
       text-align: left;
   }

   .mapboxgl-ctrl-geocoder--input {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif;
       margin: 0 auto;
       touch-action: none;
   }




   #mapbox-tooltip-contenedor h3 {
       margin-bottom: 5px;
       margin-top: 5px;
       font-size: 14px
   }

   #mapbox-tooltip-contenedor .columna-datos {
       text-align: right;
       padding-bottom: 0px;
       padding-top: 0px;
       border-bottom: 1px solid #ddd;

   }

   #mapbox-tooltip-contenedor .primeracolumna {
       border-bottom: 1px solid #ddd;
       padding-bottom: 0px;
       padding-top: 0px;
   }

   #mapbox-tooltip-contenedor p {
       font-size: 12px
   }

   .mapbox-popup-contenedor {
       opacity: 1;
       font-family: 'Encode Sans', sans-serif;
       width: 300px;
       max-width: 300px !important;
       text-align: left;
       pointer-events: none;

   }

   .mapboxgl-popup-anchor-right {
       left: -15px
   }

   .mapboxgl-popup-anchor-bottom-right {
       left: -15px
   }

   .mapboxgl-popup-anchor-top-right {
       left: -15px
   }

   .mapboxgl-popup-anchor-bottom {
       top: -15px
   }

   .mapboxgl-popup-anchor-top {
       top: 20px;
   }

   .mapboxgl-popup-anchor-left {
       left: 15px
   }

   .mapboxgl-popup-anchor-bottom-left {
       left: 15px
   }

   .mapboxgl-popup-anchor-top-left {
       left: 15px
   }

   .mapboxgl-popup-close-button {
       font-size: 30px;
       background-color: #e0e0e0;
       border-radius: 35px;
       width: 35px;
       height: 35px;
       margin: 4px;
       padding: 8px;
       padding-top: 0;
       line-height: 1;
       color: #000000 !important;
   }

   .mapboxgl-popup-content {
       box-shadow: 0 2px 2px 0 #ccc;
       border-radius: 0px;
       border: 1px solid #ccc;
       width: 100%
   }

   .mapboxgl-popup-tip {
       display: none
   }



   .return-peninsula-button {
       z-index: 1;
       position: absolute;
       display: block;
       width: 50px;
       font-family: 'Encode Sans', sans-serif;
       border-radius: 10px;
       margin-left: 10px;
       box-shadow: 0 0 0 2px rgba(0, 0, 0, .2);
       padding: 6px;
       outline: none;
       border: 0;
       box-sizing: border-box;
       background-color: #ffffff;
       cursor: pointer;
       font-size: 12px;
       right: 10px;
       top: 80px
   }


   .buttons-container-filter {
       font-family: 'Encode Sans', sans-serif;
       color: black;
       font-size: 14px;
       display: flex;
       vertical-align: middle;
       justify-content: center;
       gap: 0px 0px;
       position: absolute;
       top: 55px;
       left: 10px;
       z-index: 1;
       width: 260px
   }

   .button-hide-sections {
       font-family: 'Encode Sans', sans-serif;
       font-size: 14px;
       background: rgba(0, 0, 0, 0.6);
       border: 2px solid #EEEDED;
       cursor: pointer;
       padding: 5px 10px;
       color: rgb(255, 255, 255, 0.4);
       flex-grow: 1;
   }

   .button-active {
       color: white;
       font-weight: 700
   }

   #map-loading {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100vh;
       background: #ffffff;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       z-index: 999999;
       /* Más alto que cualquier otro elemento */
       transition: opacity 0.5s ease;
   }

   #map-loading .spinner {
       width: 50px;
       height: 50px;
       border: 4px solid #c5c5c5;
       border-top: 4px solid #005695;
       border-radius: 50%;
       animation: spin 1s linear infinite;
   }

   @keyframes spin {
       0% {
           transform: rotate(0deg);
       }

       100% {
           transform: rotate(360deg);
       }
   }


   #continue-reading-button {
       position: absolute;
       bottom: 10px;
       left: 50%;
       transform: translateX(-50%);
       font-family: 'Encode Sans', sans-serif;
       font-size: 16px;
       background: rgba(0, 0, 0, 0.6);
       border: 2px solid #EEEDED;
       color: white;
       padding: 12px 24px;
       font-weight: 600;
       border-radius: 50px;
       cursor: pointer;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
       transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 10px;
       width: 220px;
       z-index: 2;
       pointer-events: all
   }


   #continue-reading-button:hover {
       color: #ffffff;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
   }


   #continue-reading-button .arrow-icon {
       display: inline-block;
       transition: transform 0.3s ease;
   }

   #continue-reading-button:hover .arrow-icon {
       transform: translateY(3px);
   }


   @media (max-width: 900px) {
       .mapboxgl-ctrl-geocoder--input {
           font-size: 16px
       }

       .mapboxgl-popup {
           width: calc(100% - 30px);
           position: fixed;
           max-width: 975px !important;
           transform: none !important;
           top: auto;
           bottom: 20px;
           left: 15px;
           top: auto;
           z-index: 999;
       }

       #mapbox-tooltip-contenedor h3 {
           margin-bottom: 5px;
           margin-top: 5px;
           font-size: 15px
       }


       #mapbox-tooltip-contenedor p {
           font-size: 13px
       }

       .mapboxgl-popup-content {
           width: 100%
       }

       #legend-extranjeros-censales {
           justify-content: center;
           margin-left: 10px;
       }

       .return-peninsula-button {
           top: 10px;
           right: 10px;
           margin-left: 0px
       }

       .buttons-container-filter {
           top: 70px
       }

       #continue-reading-button {
           font-size: 14px;
           padding: 6px 12px;
           gap: 5px;
           width: 170px;
           bottom: 50px;
           left: auto;
           right: 10px;
           width: 120px;
           align-items: center;
           transform: translateX(0%);
       }
   }

   .columna-datos-eldiarioes {
       text-align: right;
       padding-bottom: 0px;
       padding-top: 0px;
       border-bottom: 1px solid #ddd;
   }

   .primeracolumna-eldiarioes {
       border-bottom: 1px solid #ddd;
       padding-bottom: 0px;
       padding-top: 0px;
   }


   /* CSS CCAA COMPARATIVA */



   #contenedor-barras-deciles-resumen-provincias {
       width: 100%;
   }

   .deciles-resumen-provincias {
       width: 100%
   }

   .deciles-resumen-provincias text {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif
   }


   .deciles-resumen-provincias .eje-vertical-deciles-resumen-provincias line {

       stroke: #c5c5c5;
       stroke-dasharray: 3;
       stroke-width: 0.5;
   }

   .deciles-resumen-provincias .eje-vertical-deciles-resumen-provincias text {
       fill: #939393;
       font-size: 14px
   }


   .deciles-resumen-provincias .eje-vertical-deciles-resumen-provincias path {
       stroke-width: 0;
   }


   .deciles-resumen-provincias .eje-horizontal-deciles-resumen-provincias path {
       stroke-width: 0;
   }

   .deciles-resumen-provincias .eje-horizontal-deciles-resumen-provincias text {
       fill: #939393;
   }


   .deciles-resumen-provincias .eje-horizontal-deciles-resumen-provincias line {

       stroke: #939393;
       stroke-width: 1;
   }




   #contenedor-barras-deciles-resumen-provincias-scroll {
       width: 100%;
   }

   .deciles-resumen-provincias-scroll {
       width: 100%
   }

   .deciles-resumen-provincias-scroll text {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif
   }


   .deciles-resumen-provincias-scroll .eje-vertical-ccaa line {

       stroke: #c5c5c5;
       stroke-dasharray: 3;
       stroke-width: 0.5;
   }

   .deciles-resumen-provincias-scroll .eje-vertical-ccaa text {
       fill: #ffffff;
       font-size: 14px
   }


   .deciles-resumen-provincias-scroll .eje-vertical-ccaa path {
       stroke-width: 0;
   }


   .deciles-resumen-provincias-scroll .eje-horizontal path {
       stroke-width: 0;
   }

   .deciles-resumen-provincias-scroll .eje-horizontal text {
       fill: #939393;
   }


   .deciles-resumen-provincias-scroll .eje-horizontal line {

       stroke: #939393;
       stroke-width: 1;
   }







   #contenedor-barras-deciles-segregacion-provincias-scroll {
       width: 100%;
   }

   .deciles-segregacion-provincias-scroll {
       width: 100%
   }

   .deciles-segregacion-provincias-scroll text {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif
   }


   .deciles-segregacion-provincias-scroll .eje-vertical-ccaa line {

       stroke: #c5c5c5;
       stroke-dasharray: 3;
       stroke-width: 0.5;
   }

   .deciles-segregacion-provincias-scroll .eje-vertical-ccaa text {
       fill: #939393;
       font-size: 14px
   }


   .deciles-segregacion-provincias-scroll .eje-vertical-ccaa path {
       stroke-width: 0;
   }


   .deciles-segregacion-provincias-scroll .eje-horizontal-deciles-segregacion-provincias-scroll path {
       stroke-width: 1;
       stroke: #ffffff;

   }

   .deciles-segregacion-provincias-scroll .eje-horizontal-deciles-segregacion-provincias-scroll text {
       fill: #ffffff;
   }


   .deciles-segregacion-provincias-scroll .eje-horizontal-deciles-segregacion-provincias-scroll line {
       stroke: #939393;
       stroke-width: 1;
   }



   #grafico-deciles-noeur-areas-urbanas {
       width: 100%
   }

   #grafico-deciles-noeur-areas-urbanas text {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif
   }

   #grafico-deciles-noeur-areas-urbanas .nombre-variable {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif;
       color: #333333;
       font-weight: 700
   }

   #grafico-deciles-noeur-areas-urbanas .nombre-variable tspan {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif;
       font-weight: 400
   }


   #grafico-deciles-noeur-areas-urbanas .subtitulo-variable {
       font-size: 12px;
       font-family: 'Encode Sans', sans-serif;
       color: #c5c5c5;
       font-weight: 400
   }

   #grafico-deciles-noeur-areas-urbanas .eje-vertical-deciles-noeur-areas-urbanas line {

       stroke: #c5c5c5;
       stroke-dasharray: 3;
       stroke-width: 0.5;
   }

   #grafico-deciles-noeur-areas-urbanas .eje-vertical-deciles-noeur-areas-urbanas text {
       fill: #939393;

       stroke: white;
       stroke-width: 3px;
       paint-order: stroke;
       stroke-opacity: 0.5;
   }


   #grafico-deciles-noeur-areas-urbanas .eje-vertical-deciles-noeur-areas-urbanas path {
       stroke-width: 0;
   }


   #grafico-deciles-noeur-areas-urbanas .eje-horizontal-deciles-noeur-areas-urbanas path {
       stroke-width: 0;
   }

   #grafico-deciles-noeur-areas-urbanas .eje-horizontal-deciles-noeur-areas-urbanas text {
       fill: #939393;
   }


   #grafico-deciles-noeur-areas-urbanas .eje-horizontal-deciles-noeur-areas-urbanas line {

       stroke: #939393;
       stroke-width: 1;
   }





   #grafico-deciles-todos-areas-urbanas {
       width: 100%
   }

   #grafico-deciles-todos-areas-urbanas text {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif
   }

   #grafico-deciles-todos-areas-urbanas .nombre-variable {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif;
       color: #333333;
       font-weight: 700
   }

   #grafico-deciles-todos-areas-urbanas .nombre-variable tspan {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif;
       font-weight: 400
   }


   #grafico-deciles-todos-areas-urbanas .subtitulo-variable {
       font-size: 12px;
       font-family: 'Encode Sans', sans-serif;
       color: #c5c5c5;
       font-weight: 400
   }

   #grafico-deciles-todos-areas-urbanas .eje-vertical-deciles-todos-areas-urbanas line {

       stroke: #c5c5c5;
       stroke-dasharray: 3;
       stroke-width: 0.5;
   }

   #grafico-deciles-todos-areas-urbanas .eje-vertical-deciles-todos-areas-urbanas text {
       fill: #939393;

       stroke: white;
       stroke-width: 3px;
       paint-order: stroke;
       stroke-opacity: 0.5;
   }


   #grafico-deciles-todos-areas-urbanas .eje-vertical-deciles-todos-areas-urbanas path {
       stroke-width: 0;
   }


   #grafico-deciles-todos-areas-urbanas .eje-horizontal-deciles-todos-areas-urbanas path {
       stroke-width: 0;
   }

   #grafico-deciles-todos-areas-urbanas .eje-horizontal-deciles-todos-areas-urbanas text {
       fill: #939393;
   }


   #grafico-deciles-todos-areas-urbanas .eje-horizontal-deciles-todos-areas-urbanas line {

       stroke: #939393;
       stroke-width: 1;
   }




   #grafico-deciles-paises-origen {
       width: 100%
   }

   #grafico-deciles-paises-origen text {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif
   }

   #grafico-deciles-paises-origen .nombre-variable {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif;
       color: #333333;
       font-weight: 700
   }

   #grafico-deciles-paises-origen .nombre-variable tspan {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif;
       font-weight: 400
   }


   #grafico-deciles-paises-origen .subtitulo-variable {
       font-size: 12px;
       font-family: 'Encode Sans', sans-serif;
       color: #c5c5c5;
       font-weight: 400
   }

   #grafico-deciles-paises-origen .eje-vertical-deciles-paises-origen line {

       stroke: #c5c5c5;
       stroke-dasharray: 3;
       stroke-width: 0.5;
   }

   #grafico-deciles-paises-origen .eje-vertical-deciles-paises-origen text {
       fill: #939393;

       stroke: white;
       stroke-width: 3px;
       paint-order: stroke;
       stroke-opacity: 0.5;
   }


   #grafico-deciles-paises-origen .eje-vertical-deciles-paises-origen path {
       stroke-width: 0;
   }


   #grafico-deciles-paises-origen .eje-horizontal-deciles-paises-origen path {
       stroke-width: 1;
       stroke: #939393;

   }

   #grafico-deciles-paises-origen .eje-horizontal-deciles-paises-origen text {
       fill: #939393;
   }


   #grafico-deciles-paises-origen .eje-horizontal-deciles-paises-origen line {

       stroke: #939393;
       stroke-width: 1;
   }






   /* TABLA MUNICIPIOS */
   .tabla-areas-urbanas {
       font-family: 'Encode Sans', sans-serif;
       font-size: 12px !important;
   }

   .container-tabla-areas-urbanas {
       display: flex;
       flex-direction: column;
       flex-wrap: wrap;
   }

   .div-tabla-areas-urbanas {
       width: 100%;

   }

   .nombre-tabla-areas-urbanas {
       font-size: 16px;
       font-weight: 700;
       font-family: 'Encode Sans', sans-serif;
       margin-top: 30px;
       margin-bottom: 15px;
       color: #181818;
       text-align: left;
   }

   .tabla-areas-urbanas table {
       width: 100%;
       border-collapse: collapse;
       font-size: 12px !important;
       border-spacing: 2px;
       margin-top: 20px;
   }

   .tabla-areas-urbanas th {
       color: #444;
       font-weight: 400;
       font-size: 10px;
       text-transform: uppercase;
       cursor: s-resize;
       background-repeat: no-repeat;
       background-position: 3% center;
       vertical-align: bottom;
   }

   .tabla-areas-urbanas td,
   .tabla-areas-urbanas th {
       padding: 6px;
       border-bottom: 1px solid #ddd;
       text-align: left;
       line-height: 14px;
   }

   .tabla-areas-urbanas #var_min_12_23header {
       text-align: center
   }

   .tabla-areas-urbanas #colorheader {
       text-align: center
   }


   .tabla-areas-urbanas #gifoheader {
       text-align: center
   }


   .tabla-areas-urbanas #graficovaluesheader {
       text-align: center
   }


   .tabla-areas-urbanas #colorheader {
       display: none;
   }

   .tabla-areas-urbanas #demoraheader {
       width: 100px;
       text-align: center
   }

   .tabla-areas-urbanas #listaheader {
       text-align: center
   }


   .tabla-areas-urbanas #var2017header {
       text-align: center
   }

   .tabla-areas-urbanas #graficovalues {
       width: 30%
   }





   .search-areas-urbanas-contenedor {
       display: flex;
       justify-content: space-between;
       margin: 30px 10px 5px 10px
   }

   .search-areas-urbanas-contenedor input {
       width: 250px;
       border: 1px solid #cecece;
       height: 35px;
       padding: 5px;
       font-family: 'Encode Sans', sans-serif;
       font-size: 14px;
       background-color: transparent;
       color: #404040;
       color: rgba(0, 0, 0, 0.75);
       text-overflow: ellipsis;
       white-space: nowrap;
       box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
       overflow: hidden;
       border-radius: 0px
   }

   @media (max-width: 900px) {
       .search-areas-urbanas-contenedor input {
           font-size: 16px;
       }
   }

   #pagination-areas-urbanas {
       display: flex;
       align-items: center;
       margin-left: 15px;
       /* separa del input */
   }

   #pagination-areas-urbanas .pagination-btn {
       background-color: #ffffff;
       border: 1px solid #cecece;
       color: rgba(0, 0, 0, 0.75);
       height: 35px;
       width: 35px;
       border-radius: 0px;
       font-size: 14px;
       cursor: pointer;
       box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.2s;
   }

   #pagination-areas-urbanas .pagination-btn:hover:not(:disabled) {
       background-color: #f0f0f0;
   }

   #pagination-areas-urbanas .pagination-btn:disabled {
       opacity: 0.4;
       cursor: not-allowed;
   }

   #pagination-areas-urbanas .pagination-info {
       font-family: 'Encode Sans', sans-serif;
       font-size: 12px;
       color: rgba(0, 0, 0, 0.75);
       margin: 0 5px;
       white-space: nowrap;
   }

   .expand-btn {
       display: inline-block;
       width: 28px;
       height: 28px;
       line-height: 28px;
       border-radius: 50%;
       background-color: #ffffff;
       border: 1px solid #cecece;
       color: rgba(0, 0, 0, 0.75);
       color: #404040;
       font-weight: 300;
       cursor: pointer;
       user-select: none;
       transition: background 0.2s;
       text-align: center;
       font-size: 28px;
   }


   .expand-btn:hover {
       background-color: #c5c5c5;
   }


   .expanded-row td {
       background-color: #F5F5F5;
       /* ligeramente diferente */
       border-top: 2px solid #ddd;
       /* línea que conecta con la fila anterior */
       border-radius: 0 0 5px 5px;
       /* redondea solo abajo */
   }

   .expanded-row td {
       box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
   }






   .grafico-minichart-areas-urbanas text {
       font-size: 12px;
       font-family: 'Encode Sans', sans-serif
   }


   .grafico-minichart-areas-urbanas .eje-horizontal-grafico-minichart-areas-urbanas path {
       stroke-width: 1;
       stroke: #939393;

   }

   .grafico-minichart-areas-urbanas .eje-horizontal-grafico-minichart-areas-urbanas text {
       fill: #939393;
   }


   .grafico-minichart-areas-urbanas .eje-horizontal-grafico-minichart-areas-urbanas line {

       stroke: #939393;
       stroke-width: 1;
   }







   #contenedor-barras-edad-edificios {
       width: 100%;
   }

   .edad-edificios {
       width: 100%
   }

   .edad-edificios text {
       font-size: 14px;
       font-family: 'Encode Sans', sans-serif
   }


   .edad-edificios .eje-vertical line {

       stroke: #c5c5c5;
       stroke-dasharray: 3;
       stroke-width: 0.5;
   }

   .edad-edificios .eje-vertical text {
       fill: #939393;
       font-size: 14px
   }


   .edad-edificios .eje-vertical path {
       stroke-width: 0;
   }


   .edad-edificios .eje-horizontal path {
       stroke-width: 0;
   }

   .edad-edificios .eje-horizontal text {
       fill: #939393;
   }


   .edad-edificios .eje-horizontal line {
       stroke: #c5c5c5;
       stroke-dasharray: 3;
       stroke-width: 0.5;
   }