/* ========================================================= 
   FIX OVERFLOW - Configuración Final de Scroll
   Complemento minimal para general.css
========================================================= */

/* Scrollbar personalizada - webkit browsers */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(229, 9, 20, 0.5);
    border-radius: 5px;
    transition: background 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(229, 9, 20, 0.8);
}

/* Firefox scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(229, 9, 20, 0.5) transparent;
}

/* Tablas con scroll horizontal */
.tabla-scroll {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}

/* Modo claro - ajustar scrollbar */
[data-tema="claro"] ::-webkit-scrollbar-thumb {
    background: rgba(229, 9, 20, 0.4);
}

[data-tema="claro"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(229, 9, 20, 0.6);
}

/* Mobile: Ajustes responsivos */
@media (max-width: 768px) {
    .contenedor-login {
        height: auto;
        min-height: 100vh;
    }

    .panel-izquierdo,
    .panel-derecho {
        width: 100%;
        height: auto;
        min-height: 50vh;
    }
}