:root {
    /* Roxo */
    --color-purple-1: #17113D;
    --color-purple-2: #4835A7;
    --color-purple-3: #5C44D5;
    --color-purple-4: #7356F2;
    --color-purple-5: #8C6BFF;
    --color-purple-6: #A682FF;
    --color-purple-7: #BE9BFF;
    --color-purple-8: #D4B7FF;
    --color-purple-9: #E7D3FF;
    --color-purple-10: #F8F0FF;

    /* Positivo */
    --color-positive-1: #05422A;
    --color-positive-2: #045738;
    --color-positive-3: #106C48;
    --color-positive-4: #26815A;
    --color-positive-5: #3F966E;
    --color-positive-6: #5DAA84;
    --color-positive-7: #7DBE9D;
    --color-positive-8: #A0D1B7;
    --color-positive-9: #C5E4D3;
    --color-positive-10: #DEFDEB;

    /* Negativo */
    --color-negative-1: #780508;
    --color-negative-2: #9B020D;
    --color-negative-3: #BD1116;
    --color-negative-4: #DA2B24;
    --color-negative-5: #F34738;
    --color-negative-6: #FF6652;
    --color-negative-7: #FF8770;
    --color-negative-8: #FFA994;
    --color-negative-9: #FFCBBD;
    --color-negative-10: #FFE8E0;

    /* Escala de cinza */
    --color-gray-1: #141414;
    --color-gray-2: #393939;
    --color-gray-3: #4B4B4B;
    --color-gray-4: #5E5E5E;
    --color-gray-5: #727272;
    --color-gray-6: #868686;
    --color-gray-7: #9B9B9B;
    --color-gray-8: #B0B0B0;
    --color-gray-9: #C6C6C6;
    --color-gray-10: #DDDDDD;
    --color-gray-11: #FDFCFC;

    /* Tons de verde */
    --color-green-1: #004345;
    --color-green-2: #00585A;
    --color-green-3: #006D70;
    --color-green-4: #008385;
    --color-green-5: #009899;
    --color-green-6: #1AACAD;
    --color-green-7: #5BC0C0;
    --color-green-8: #8BD3D2;
    --color-green-9: #BAE5E4;
    --color-green-10: #E8F6F6;

    /* Tons de roxo azulado */
    --color-blue-purple-1: #172E8E;
    --color-blue-purple-2: #1B3DBA;
    --color-blue-purple-3: #2D4DDF;
    --color-blue-purple-4: #4860FD;
    --color-blue-purple-5: #6874FF;
    --color-blue-purple-6: #888AFF;
    --color-blue-purple-7: #A8A1FF;
    --color-blue-purple-8: #C5BBFF;
    --color-blue-purple-9: #DFD5FF;
    --color-blue-purple-10: #F5F1FF;

    /* Tons de azul */
    --color-blue-1: #003E6F;
    --color-blue-2: #005291;
    --color-blue-3: #0066AF;
    --color-blue-4: #007ACA;
    --color-blue-5: #008EDF;
    --color-blue-6: #31A2EF;
    --color-blue-7: #6BB7F9;
    --color-blue-8: #99CBFF;
    --color-blue-9: #C4E0FF;
    --color-blue-10: #ECF4FF;

    /* Tons de rosa */
    --color-pink-1: #510398;
    --color-pink-2: #6A00C6;
    --color-pink-3: #830BEE;
    --color-pink-4: #9D28FF;
    --color-pink-5: #B545FF;
    --color-pink-6: #CC65FF;
    --color-pink-7: #DF86FF;
    --color-pink-8: #EFA8FF;
    --color-pink-9: #F9CBFF;
    --color-pink-10: #FEEEFF;

}

html,
body {
    height: 100%;
}

/* Utilitários: u- */

/* Pesos para fontes */
.u-fw-100 {
    font-weight: 100;
}

.u-fw-200 {
    font-weight: 200;
}

.u-fw-300 {
    font-weight: 300;
}

.u-fw-400 {
    font-weight: 400;
}

.u-fw-500 {
    font-weight: 500;
}

.u-fw-600 {
    font-weight: 600;
}

.u-fw-700 {
    font-weight: 700;
}

.u-fw-bold {
    font-weight: bold;
}

/* Fontes Ubuntu com diferentes pesos */

.u-ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.u-ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.u-ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.u-ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.u-border {
    border-bottom: 1px solid var(--color-green-6);
}

/*  */
.u-h1 {
    font-size: 40px;
    font-weight: 700;
}

.u-h2 {
    font-size: 32px;
    font-weight: 600;
}

.u-h3 {
    font-size: 28px;
    font-weight: 500;
}

.u-h4 {
    font-size: 24px;
    font-weight: 500;
}

.u-h5 {
    font-size: 20px;
    font-weight: 400;
}

.u-h5--bold {
    font-size: 20px;
    font-weight: bold;
}

.u-h6 {
    font-size: 16px;
    font-weight: 400;
}

.u-h6--bold {
    font-size: 16px;
    font-weight: bold;
}

.u-h7 {
    font-size: 12px;
    font-weight: 400;
}


.c-menu {
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.menu__wrapper {
    flex-grow: 1;

}

.menu__item--flex {
    display: flex;
    gap: 25px;
}

.c-menu__container {
    display: flex;
    align-items: center;
    list-style: none;
    font-size: 16px;
    /* justify-content: center; */
}

.c-menu__item {}

.c-menu__link {
    color: var(--color-green-6);
    list-style: none;
    text-decoration: none !important;
}

.c-menu__brand__link {
    padding: 0 120px;
}

.container__left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.c-container__left__about {
    text-align: center;
}

.container__left {
    background-color: var(--color-purple-1);
    height: 100vh;
    max-width: 100%;
    box-sizing: border-box;
}

.container__left__h1 {
    font-size: 4em;
    color: var(--color-green-6);
    text-align: center;
}

.c-container__left__footer {
    color: var(--color-green-6);
    display: flex;
    justify-content: center;
    align-items: end;
    background-image: url('../images/bars.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    width: 100%;
}

.card__politica-privacidade {
    display: flex;
    flex-direction: row !important;
    width: 50%;
    padding: 20px;
    margin: 0 auto;
    position: absolute !important;
    bottom: 10%;
    left: 4%;
    border-radius: 10px !important;
}

.card__text {
    padding: 0;
    margin: 0;
}

.card__act {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.card__act button {
    background-color: var(--color-blue-purple-2);
    color: #fff;
}

.container__right,
.container__right .container,
.container__right .container .row {
    height: 100%
}

.container__right__bg {
    height: 100%;
    background:
        linear-gradient(to bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0)70%),
        url('../images/imagemLogin.jpg');
    background-position: -100px -410px;
    background-repeat: no-repeat;
    background-size: 1800px 1300px;
}

.container__form {
    flex-grow: 1;
    background-color: var(--color-gray-11);
    align-self: center;
}

.img_buttons {
    margin-top: 44px;
    margin-bottom: 21px;
}

.container__form__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.img_buttons--small {
    background-color: var(--color-gray-11) !important;
    border: 0.5px solid var(--color-blue-purple-2) !important;
    padding: 8px 20px !important;
    border-radius: 5px !important;
}

.is-selected {
    background-color: var(--color-blue-10) !important;
}

.form {
    width: 100%;
}

.form__item {
    width: 70%;
}

.form__btn--large {
    background-color: var(--color-blue-purple-2) !important;
    color: var(--color-gray-11) !important;
    padding: 10px 16px !important;
    border-radius: 5px !important;
    width: 200px;
    margin-top: 53px;
}

.form__input {
    display: flex;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form__input--senha {
    border: none;
    outline: none;
    width: 100%;
}

.form__input:hover {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.container__right__mobile{
    color: var(--color-purple-1);
    background-color: var(--color-purple-1);
}

@media (max-width: 1024px) {
    .c-menu__brand__link {
        padding: 0 30px 0 10px;
    }

    .c-menu__container {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .col-7 {
        display: none;
    }

    .container__form {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background:
            linear-gradient(to bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0)70%),
            url('../images/imagemLogin.jpg');
        background-position: -100px -410px;
        background-repeat: no-repeat;
        background-size: 1800px 1300px;
    }

}