@font-face {
    font-family: 'Saans Bold';
    src: url('/fonts/SaansBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Saans Bold Italic';
    src: url('/fonts/SaansBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Saans Heavy';
    src: url('/fonts/SaansHeavy.ttf') format('truetype');
}

@font-face {
    font-family: 'Saans Heavy Italic';
    src: url('/fonts/SaansHeavyItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Saans Light';
    src: url('/fonts/SaansLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Saans Light Italic';
    src: url('/fonts/SaansLightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Saans Medium';
    src: url('/fonts/SaansMedium.ttf') format('truetype');
}

@font-face {
    font-family: 'Saans Medium Italic';
    src: url('/fonts/SaansMediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Saans Regular';
    src: url('/fonts/SaansRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'Saans Regular Italic';
    src: url('/fonts/SaansRegularItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Saans SemiBold';
    src: url('/fonts/SaansSemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Saans SemiBold Italic';
    src: url('/fonts/SaansSemiBoldItalic.ttf') format('truetype');
}



/*CAMBIO MARCA*/

.form-control {
    border-radius: 1rem;
}

.input-group-text {
    border-radius: 1rem;
    background-color: #0C0C0C;
    color: white;
    border: 1px solid black;
}

a {
    color: #A44DFF;
}

    a:hover {
        color: #7d39c4;
    }


.btn {
    border-radius: 2rem;
}

.btn-primary {
    color: #fff;
    background-color: black;
    border-color: #E3E3E3;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #1c1b1b;
        border-color: #E3E3E3;
    }

    .btn-primary:focus {
        color: #fff;
        background-color: #1c1b1b;
        border-color: #E3E3E3;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem black;
    }

    .btn-primary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #1c1b1b;
        border-color: #E3E3E3;
    }


.btn-success {
    color: #fff;
    background-color: black;
    border-color: #E3E3E3;
}

    .btn-success:hover {
        color: #fff;
        background-color: #1c1b1b;
        border-color: #E3E3E3;
    }

    .btn-success:focus {
        color: #fff;
        background-color: #1c1b1b;
        border-color: #E3E3E3;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem black;
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #1c1b1b;
        border-color: #E3E3E3;
    }

    .btn-success:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #1c1b1b;
        border-color: #E3E3E3;
    }

.btn-default {
    color: #fff;
    background-color: #a44dff;
    border-color: #a44dff;
}

    .btn-default:hover {
        color: #fff;
        background-color: #a44dff;
        border-color: #a44dff;
    }

    .btn-default:focus {
        color: #fff;
        background-color: #a44dff;
        border-color: #a44dff;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #a44dff;
    }

    .btn-default:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #a44dff;
        border-color: #a44dff;
    }


.btn-beige {
    color: #fff;
    background-color: #a44dff;
    border-color: #a44dff;
}

    .btn-beige:hover {
        color: #fff;
        background-color: #a44dff;
        border-color: #a44dff;
    }

    .btn-beige:focus {
        color: #fff;
        background-color: #a44dff;
        border-color: #a44dff;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #a44dff;
    }

    .btn-beige:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #a44dff;
        border-color: #a44dff;
    }


.card-primary:not(.card-outline) > .card-header {
    color: #fff;
    background-color: black;
}

.form-control:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #a44dff;
}

.btn-secondary {
    color: #fff;
    background-color: #a44dff;
    border-color: #a44dff;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #a44dff;
        border-color: #a44dff;
    }

    .btn-secondary:focus {
        color: #fff;
        background-color: #a44dff;
        border-color: #a44dff;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #a44dff;
    }

    .btn-secondary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #a44dff;
        border-color: #a44dff;
    }