/* Estilo para todos los scrollbars en la página */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.0);
    /* Fondo transparente */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 0, 0, 0.5);
    /* Rojo opaco */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 0, 0, 0.7);
    /* Rojo más oscuro al pasar el ratón */
}

::-webkit-scrollbar-corner {
    background: rgba(255, 255, 255, 0.0);
    /* Fondo transparente en la esquina */
}

/* Para Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 0, 0, 0.5) rgba(255, 255, 255, 0.0);
}

.background-svg {
    background-image: url('../images/ffflux.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}