/* ==========================================================================
   ESTILOS DE LA SECCIÓN DEL MAPA (FULL WIDTH)
   ========================================================================== */

.section-mapa-home {
    width: 100%;
    position: relative;
    overflow: hidden;
    line-height: 0; /* Evita espacios vacíos fantasmas en la parte inferior de la sección */
    box-sizing: border-box;
}

/* Forzado de ancho completo de pantalla (Breakout) */
.mapa-container {
    position: relative;
    width: 100vw;
    left: calc(-50vw + 50%);
    box-sizing: border-box;
}

.mapa-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    pointer-events: none; /* Evita que los usuarios arrastren la imagen por error */
}

/* ==========================================================================
   RESPONSIVE MÓVIL (Ajuste por si el mapa se reduce mucho en pantallas pequeñas)
   ========================================================================== */
@media screen and (max-width: 768px) {
    .mapa-container {
        width: 100%;
        left: auto;
    }
}

/* ==========================================================================
   RESET FULL WIDTH PARA DRAW ATTENTION (MAPA HOME)
   ========================================================================== */

.section-mapa-home {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.section-mapa-home .mapa-home-wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Forzar que el contenedor de Draw Attention no genere márgenes */
.section-mapa-home .hotspots-container,
.section-mapa-home .hotspots-interaction,
.section-mapa-home .hotspots-image-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Quitar el margin de 1em que se ve en el DevTools de tu captura */
.hotspots-interaction {
    margin: 0 !important;
}

/* Ajustar la imagen del mapa al 100% del ancho sin espacios verticales */
.section-mapa-home img.hotspots-image {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ocultar cualquier contenedor de texto o sidebar no deseado de Draw Attention */
.section-mapa-home .hotspots-placeholder,
.section-mapa-home .hotspots-text-container {
    display: none !important;
}