/* Asegura que el video respete el diseño de tus tarjetas */
lite-youtube {
    max-width: 100%;
    border-radius: 0.5rem;
}

/* --- ESTILOS DE SCROLL PERSONALIZADOS --- */
.custom-scroll, .rutas-scroll-area, .videos-scroll-area, .galeria-scroll-area, .panel-adaptable-scroll {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #facc15 #1f2937;
}

/* Webkit (Chrome/Safari) */
.custom-scroll::-webkit-scrollbar, 
.rutas-scroll-area::-webkit-scrollbar, 
.videos-scroll-area::-webkit-scrollbar,
.galeria-scroll-area::-webkit-scrollbar, 
.panel-adaptable-scroll::-webkit-scrollbar {
    width: 6px;
}

.custom-scroll::-webkit-scrollbar-thumb, 
.rutas-scroll-area::-webkit-scrollbar-thumb, 
.videos-scroll-area::-webkit-scrollbar-thumb, 
.galeria-scroll-area::-webkit-scrollbar-thumb,
.panel-adaptable-scroll::-webkit-scrollbar-thumb {
    background: #facc15;
    border-radius: 10px;
}

/* Alturas máximas */
.rutas-scroll-area { max-height: 480px; }
.videos-scroll-area { max-height: 750px; }
.galeria-scroll-area { max-height: 750px; }
.panel-adaptable-scroll { max-height: 500px; }
.max-h-contacto { max-height: 400px; }

.flex-item {
    flex: 1 1 300px;
    max-width: 400px;
}