/* Estilos correspondientes a: botón para cambiar tesela con imagen satelital a OpenStreetMap; botón para mostrar límites entre municipios */
.switch-tesela-contenedor, .limites-municipios{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.9);
    padding: 3px 8px;
    border-radius: 20px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.3);
    z-index: 1001;
    transition: background 0.3s;
}

.switch-tesela-contenedor{
    bottom: 40px;
}

.limites-municipios {
    top: 10px;
}

.popupMapasDisponibles {
    display: none;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.9);
    padding: 4px 10px;
    z-index: 1001;
    position: absolute;
    gap: 10px;
    border-radius: 5px;
}

@media screen and (max-width: 600px) {
    .limites-municipios{
        top: auto;
        bottom: 40px;
    }

    .switch-tesela-contenedor{
        bottom: 90px;
    }

    .popupMapasDisponibles {
        bottom: 120px;
    }
}

.switch-tesela-contenedor:hover, .limites-municipios:hover {
    background: #009aae;
    color: white;
    cursor: pointer;
}

.contenedorRestriccionesGenerales{
    overflow-y: hidden !important; /* Evita el desplazamiento vertical en el contenedor de restricciones generales */
}

/* Bloque consulta disponibilidad OpenStreetMap */
#spinnerConsultaDisponibilidadOpenStreetMap{
    position: absolute;
    top: 40%;
    left: 22%;
    font-size: 15px;
}
/* -- Fin bloque consulta disponibilidad OpenStreetMap */

.leaflet-control-layers{
    padding: 6px 10px 6px 6px; /* Padding para el contenedor de las restricciones */
}

/* Se superpone el panel derecho de las restricciones por encima del resto de elementos tales como la marca de agua del mapa */
.leaflet-top.leaflet-right{
    z-index: 1001;
}