body {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    background-color: #f1f5f9;
}

/* Barra Header con acento Azul Corporativo ETB */
.pbi-header {
    background-color: #f8fafc;
    border-bottom: 4px solid #0083a8;
}

.card-shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
}

#map {
    height: 380px;
    width: 100%;
    border-radius: 0.5rem;
    z-index: 10;
}

/* Estilos para los pines SVG en Leaflet */
.custom-map-pin {
    background: transparent !important;
    border: none !important;
}

/* Scrollbar estilizado */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Transición suave para la barra de progreso */
.progress-bar-fill {
    transition: width 0.3s ease-in-out;
}

/* ============================================================
   AJUSTE DE PANTALLA COMPLETA DIRECTO SOBRE EL MAPA
   ============================================================ */
#map:fullscreen,
#map:-webkit-full-screen,
#map:-moz-full-screen {
    width: 100vw !important;
    height: 100vh !important;
    border-radius: 0 !important;
}