/*
 * Este archivo CSS tiene el único propósito de ocultar el panel de instrucciones
 * de Leaflet Routing Machine que aparece en la esquina superior derecha.
 */

/* Selector específico para el panel de instrucciones de Leaflet Routing */
.leaflet-top.leaflet-right .leaflet-routing-container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -9999 !important;
}

/* Ocultar instrucciones de ruta usando una clase específica para el mapa */
.hide-routing-instructions + .leaflet-control-container .leaflet-top.leaflet-right .leaflet-routing-container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -9999 !important;
}

/* Usar enfoque global para eliminar el panel en todos los mapas */
html body .leaflet-control-container .leaflet-routing-container.leaflet-control {
    display: none !important;
}