[data-mec-location-id] {
    cursor: pointer;
}

[data-mec-location-id].cemad-mapa-zona-activa {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.contenedor-mapa .mec-mapa-interactivo {
    width: 100%;
}

.contenedor-mapa .mec-mapa-canvas {
    position: relative;
    width: 100%;
}

.contenedor-mapa .mec-mapa-canvas img {
    display: block;
    width: 100%;
    height: auto;
}

.contenedor-mapa .mec-zona {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0.2rem 0.35rem;
    /* border: 2px dashed #faa41c; */
    background: rgba(15, 84, 167, 0.18);
    color: black;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    border-radius: 8px;
    cursor: pointer;
}

.contenedor-mapa .mec-zona:hover {
    background: rgba(15, 84, 167, 0.28);
}

.contenedor-mapa .mec-zona:hover::after {
    content: 'Ver eventos';
    /* position: absolute; */
    /* bottom: -20px; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* background: rgba(15, 84, 167, 0.9); */
    color: black;
    padding: 2px 6px;
    /* border-radius: 3px; */
    font-size: 11px;
    white-space: nowrap;
    z-index: 10;
}


/* Ajusta estas coordenadas para cada zona del mapa */
.contenedor-mapa .zona-madrid {
    top: 37%;
    left: 47%;
    width: 14%;
    height: 12%;
}

.contenedor-mapa .zona-toledo {
    top: 54%;
    left: 38%;
    width: 21%;
    height: 15%;
}

.mec-event-list-classic .cemad-generated-location-detail {
    display: block !important;
}

.cemad-mapa-evento-oculto {
    display: none !important;
}

.mec-skin-list-events-container {
    transition: opacity 0.2s ease;
}

.cemad-mapa-cargando .mec-skin-list-events-container {
    opacity: 0.45;
}

.mec-event-list-classic .mec-event-detail {
    float: left !important;
}