/* Estilos*/
        body {
            font-family: 'Inter', sans-serif;
            overflow: hidden; 
        }
        #app-container {
            height: 100vh;
        }
        .sidebar {
            transition: transform 0.3s ease-in-out;
        }
        @media (max-width: 1023.98px) {
            .sidebar-hidden {
                transform: translateX(-100%);
            }
        }
        /* ontenedor de mapa */
        #map {
            width: 100%;
            height: 100%; 
            min-height: 400px;
            z-index: 1; 
            background-color: #f0f9ff;
        }
        /* Estilos informe modal */
        #reportModal, #analysisModal {
            transition: opacity 0.3s ease;
        }
        .modal-content {
            transition: transform 0.3s ease;
        }
        /* Scrollbar*/
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }
        
        /* Popup de Leaflet */
        .leaflet-popup-content-wrapper {
            border-radius: 8px;
        }
        .leaflet-popup-content {
            max-height: 200px;
            overflow-y: auto;
            margin: 14px;
            font-size: 13px;
        }
        .leaflet-popup-content b {
            color: #333;
        }
        /* mapas  croquis */
        #report-map-sketch, #report-map-sketch-comercial, #competitor-map-sketch {
             z-index: 50; 
        }

        /* --- CÓDIGO DE IMPRESIÓN --- */
        @media print {
            body > * {
                display: none;
            }
            
            /* Mostrar modal activo y contenido */
            .is-printing {
                display: block !important;
                position: static !important;
                width: 100% !important;
                max-width: 100% !important;
                max-height: none !important;
                box-shadow: none !important;
                transform: none !important;
                background-color: white !important;
                opacity: 1 !important;
                overflow: visible !important;
                background: none !important;
                padding: 0;
            }
            .is-printing .modal-content {
                display: block !important;
                position: static !important;
                width: 100% !important;
                max-width: 100% !important;
                max-height: none !important;
                box-shadow: none !important;
                transform: none !important;
                background-color: white !important;
                opacity: 1 !important;
                overflow: visible !important;
            }

            /*  mapas en impresión */
            #report-map-sketch, #report-map-sketch-comercial, #competitor-map-sketch {
                display: block !important;
                width: 100%;
                height: 200px; 
                overflow: hidden;
                border: 1px solid #ccc; 
                page-break-inside: avoid;
            }
            .leaflet-tile-container,
            .leaflet-pane,
            .leaflet-layer {
                display: block !important;
                visibility: visible !important;
            }
            
            .printable-table, .printable-section {
                page-break-inside: avoid;
            }
        
            .modal-print-hide {
                display: none !important;
            }
        }
        /* --- FIN DE CÓDIGO DE IMPRESIÓN --- */