/* /assets/css/map-viewer.css */
/* --- ARCHIVO NUEVO CREADO POR JUAN ALBERTO --- */
/* Estilos para el visor de mapas en la página pública del evento. */

#evento-mapa-interactivo {
    margin-bottom: 2.5rem;
}

#evento-mapa-interactivo h2 {
    font-size: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

#map-viewer-wrapper {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden;
    background-color: var(--surface-hover-color);
    box-shadow: var(--shadow-sm);
    position: relative;
    /* --- INICIO DE CORRECCIÓN --- */
    /* Se establece una relación de aspecto fija para consistencia con el editor. */
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto; /* La altura se ajustará para mantener la proporción. */
    /* --- FIN DE CORRECCIÓN --- */
}

#map-viewer-wrapper .canvas-container {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0;
    left: 0;
}
/* --- INICIO DE LA MODIFICACIÓN --- */
#map-viewer-wrapper .sector-seleccionado {
    --sector-seleccionado-glow-color: rgba(20, 184, 166, 0.9);
}
/* --- FIN DE LA MODIFICACIÓN --- */