:root {
    --Primario: #004aad;
    --PrimarioClaro: #a2caff;
    --SecundarioRojo: #d13633;
    --SecundarioAmarrillo: #ecad43;
    --Blanco: #FFF;
    --Gris: #535353;
    --Negro: #000;

    --FuentePrincipal: 'Montserrat', sans-serif;
    --FuenteSecundaria: ;

    --PrimarioA40: rgba(0, 75, 173, 0.4);
    --SecundarioRojoA40: rgba(209, 54, 51, 0.4);

    --navbar-size: 50px;
    --icon-size: 25px;
}

/*scroll */
::-webkit-scrollbar {
    width: 12px;
    background-color: var(--Secundario);
    border-left: 2px solid var(--Primario);
}

::-webkit-scrollbar-thumb:before {
    content: "↑";
    color: var(--Primario);
    font-size: 12px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--Primario);
    border-radius: 20px;
}

::-webkit-scrollbar-thumb {
    transition: background-color 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--Primario);
}


@media (max-width: 768px) {
    .row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
}