*, *::before, *::after {
    box-sizing: border-box;
}
body {
    margin: 0;
    background-color: #eeeeee;
}
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #e7e7e736;
}
::-webkit-scrollbar-thumb {
    background-color: #bbbbbe79;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #8d8d8dd2;
}


.titulo {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.parrafo {
    font-size: 1.1rem;
    margin-bottom: 9px;

    & a {
        text-decoration: none;
        color: #0567d8;
        font-weight: 400;

        &:hover {
            color: #2f90ff;
        }
    }
}

.boton-primary{
    text-decoration: none;
    background-color: #1550a8 !important;
    color: #fff;
    padding: 12px;
    font-size: 0.9rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;

    & i{
        margin-left: 2px;
    }

    &:hover {
        background-color: #2065ce !important;
    }

    &:disabled{
        cursor: not-allowed;
        background-color: #afafaf !important;
    }
}

.boton-danger{
    text-decoration: none;
    background-color: #c90a0a !important;
    color: #fff;
    padding: 12px;
    font-size: 0.9rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;

    & i{
        margin-left: 2px;
    }

    &:hover {
        background-color: #e20c0c !important;
    }

    &:disabled{
        cursor: not-allowed;
        background-color: #afafaf !important;
    }
}

.degradado {
    background: linear-gradient(#00000099, #00000000 15%,  #00000000 85%, #000000bb);

    & img {
        mix-blend-mode: multiply;
        filter: brightness(1.2);
        filter: contrast(1.1);
        filter: saturate(1.3);
    }
}

.d-none{
    display: none !important;
}