body {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    /* or 18px */
}




.gradient-custom-2 {
    background: linear-gradient(110.49deg, #000000 12.18%, #464646 75%);
}



label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 130%;
    word-spacing: 4px;
    color: #F4F4F4;
}



.btn-custom {

    background: #1e212a;
    border: 3px solid #FFD0AE;
    box-shadow: 0px 0px 14px rgba(255, 224, 177, 0.6);
    border-radius: 50px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #FFD0AE;
    /*    box-shadow: 0px 0 2px 5px #ffd0ae;*/
}

    .btn-custom:hover,
    .btn-custom:focus,
    .btn-custom:active,
    .btn-custom.active {
        background: #0e111a;
        border: 3px solid #FFD0AE;
        box-shadow: 0px 0px 14px rgba(255, 224, 177, 0.6);
        color: #FFD0AE;
    }

    .btn-custom.disabled:hover,
    .btn-custom.disabled:focus,
    .btn-custom.disabled:active,
    .btn-custom.disabled.active,
    .btn-custom[disabled]:hover,
    .btn-custom[disabled]:focus,
    .btn-custom[disabled]:active,
    .btn-custom[disabled].active,
    fieldset[disabled] .btn-custom:hover,
    fieldset[disabled] .btn-custom:focus,
    fieldset[disabled] .btn-custom:active,
    fieldset[disabled] .btn-custom.active {
        background: #645D61;
        border: 3px solid #898989;
        box-shadow: 0px 0px 14px rgba(255, 224, 177, 0.6);
        color: #93989A;
    }


.btn.disabled, .btn:disabled, fieldset:disabled .btn {
/*    pointer-events: none;
    opacity: .65;*/
    background: #645D61;
    border: 3px solid #898989;
    box-shadow: 0px 0px 14px rgba(255, 224, 177, 0.6);
    color: #93989A;
}

.form-control {
    background: rgba(45, 48, 62, 0.6);
    /* Tono 2 */
    border: 1px solid #645D61;
    border-radius: 8px;
    /* Tono 2 */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #F4F4F4;
}

input::placeholder {
    /* Fondo */

    color: #F4F4F4 !important;
}


input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}


@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}

@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}

.card {
    background: #645D61
}

.card-header {
    padding: 1.5rem 1rem;
    background: #0e111a;
    opacity: 0.75;
}

.card-img-overlay {
    padding: 0px
}