@font-face {
    font-family: 'UniNeueRegular';
    src: url('/fonts/UniNeueRegular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    /*Paleta de cores*/
    --color-primary: #006ed1;
    --color-secondary: #26539c;
    --color-azul-marinho-valia: #26539c;
    --color-dark-grey: #100f2c;
    --color-off-white: #d8e5d3;
    --color-dark: #393939;
    --color-texto-escuro: #333333;
    --color-gray: #817f7f;
    --color-white: #fff;
    --color-azul-adesoes: #006ed1;
    --color-azul-valia: #1db4ff;
    --color-laranja-adesoes: #f27324;
    --color-gray-dark: #949494;
    --color-peb-preto: #303030;
    /*Variáveis de layout e componentes*/
    --body-bg-color: transparent;
    --color-button: #26539c;
    --color-button-hover: #006ed1;
    --color-botao-formulario-ativo: #f27324;
    --color-botao-formulario-inativo: #d7e4d2;
    --color-tooltip-background: var(--color-azul-adesoes);
    /*Fontes*/
    --font-family: 'UniNeueRegular', sans-serif;
    --font-family-secondary: 'UniNeueRegular', sans-serif;
    --font-size: 12px;
    /*Espaçamentos e tamanhos*/
    --header-height: 52px;
    --btn-padding: 0.6rem 2rem;
    --card-padding: 1rem;
    --content-padding: 0 50px;
    --transition-5s: ease-in 0.5s;
    --transition-3s: ease-in 0.3s;
}

a.valia-link,
a.valia-link-white {
    text-decoration: underline;
    transition: 0.5s;
}

.question-number,
.v-application,
body,
button.a-link,
button.button-outline-gray,
button.button-primary-bg-white,
html {
    font-family: var(--font-family) !important;
}

.v-application,
body,
html {
    font-size: var(--font-size) !important;
}

.v-container {
    padding: 12px !important;
}
.h5,
h5 {
    font-size: 1.25rem;
    line-height: 1.4;
}
.input-caps input,
.input-caps select {
    text-transform: uppercase;
}

.action-button {
    font-size: 1.4rem !important;
    width: 240px;
    height: 58px;
    border-radius: 10px !important;
}

.action-button a {
    color: var(--color-dark) !important;
}

.modal-button {
    font-size: 1.2rem !important;
}
.button-text-white {
    color: var(--color-white) !important;
    text-decoration: none;
}

.txt-uppercase {
    text-transform: uppercase !important;
}

.vamos-descobrir-perfil {
    z-index: 2;
}
.pointer {
    cursor: pointer;
}
.no-wrap {
    white-space: nowrap;
}
.fs-60px {
    font-size: 3.75rem;
}
.fs-36px {
    font-size: 2.25rem;
}
.fs-32px {
    font-size: 2rem;
}
.fs-28px {
    font-size: 1.75rem;
}
.fs-26px {
    font-size: 1.625rem !important;
}
.fs-24px {
    font-size: 1.5rem !important;
}
.fs-22px {
    font-size: 1.375rem;
}
.fs-20px {
    font-size: 1.25rem;
}
.fs-18px {
    font-size: 1.125rem !important;
}
.fs-16px {
    font-size: 1rem;
}
.fs-13px {
    font-size: 0.8125rem;
}
.line-height-42 {
    line-height: 42px;
}
.margin-bottom-46 {
    margin-bottom: 46px;
}
.margin-bottom-42 {
    margin-bottom: 42px;
}
.margin-bottom-28 {
    margin-bottom: 28px;
}
.margin-top-20 {
    margin-top: 20px;
}
.question-number {
    font-weight: 700;
    font-size: 1.25rem !important;
    color: var(--color-dark);
    margin-right: 1rem;
    margin-top: 0.55rem;
}
.valia-tooltip,
a.valia-link,
a.valia-link-white {
    font-size: 20px;
    cursor: pointer;
    font-weight: 400;
}
.fw-700 {
    font-weight: 700;
}
.fw-600 {
    font-weight: 600;
}
.fw-500 {
    font-weight: 500;
}
.fw-400,
.valia-tooltip,
a.valia-link {
    font-weight: 400;
}
.color-gray {
    color: var(--color-gray) !important;
}
.color-dark {
    color: var(--color-dark) !important;
}
.color-texto-escuro {
    color: var(--color-texto-escuro) !important;
}
.color-white {
    color: var(--color-white) !important;
}
.color-primary {
    color: var(--color-primary) !important;
}
.color-gray-dark {
    color: var(--color-gray-dark) !important;
}
.color-peb-preto {
    color: var(--color-peb-preto) !important;
}

.div-warning {
        background-color: rgba(254, 196, 127, 0.25);
        min-height: 44px;
        padding: 10px;
        margin-bottom: 10px;
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.keep-text-same-line {
    display: flex;
    justify-content: start;
    align-items: start;
}

.v-select__selection--comma .v-select__selection-text {
    color: var(--color-dark) !important;
}

.w-10 {
    width: 10%;
}
.w-20 {
    width: 20%;
}
.w-30 {
    width: 30%;
}
.w-40 {
    width: 40%;
}
.w-50 {
    width: 50%;
}
.w-60 {
    width: 60%;
}
.w-70 {
    width: 70%;
}
.w-80 {
    width: 80%;
}
.w-90 {
    width: 90%;
}
.height-58 {
    height: 58px !important;
}
.bg-image.bg-escolhas,
.w-100 {
    width: 100%;
}
.z-index-1 {
    z-index: 1;
}
.btn-250-width {
    max-width: 250px !important;
    width: 250px !important;
}
.btn-343-width {
    max-width: 343px !important;
    width: 343px !important;
}
.secondary-text {
    font-family: var(--font-family-secondary) !important;
    line-height: 29px;
    text-align: justify;
}
.terminando-img img {
    max-width: 498px;
    width: 100%;
    margin-bottom: 3rem;
    height: 85.31px;
    object-fit: contain;
}
.mr-button {
    margin-right: 2rem;
}
.padding-right {
    padding-right: 0.7rem;
}
.padding-left {
    padding-left: 0.7rem;
}
.modal-backdrop {
    z-index: -1 !important;
}
.modal {
    background: rgba(0, 0, 0, 0.5);
}
.progress-percentual {
    background: #c4c4c4;
    position: relative;
    padding: 0.4rem 1rem;
    display: flex;
    justify-content: flex-end;
    margin: 1.75rem 0;
}
.progress-fill {
    background: linear-gradient(270deg, #006ed2 12.28%, #09559f 67.26%);
    width: 60%;
    padding: 0.4rem 1rem;
    position: absolute;
    top: 0;
    left: 0;
}
a.valia-link {
    color: var(--color-primary);
}
a:hover.valia-link {
    text-decoration: none;
}
a.valia-link-white {
    font-weight: 400;
    color: var(--color-white) !important;
}
a:hover.valia-link-white {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
}
a.valia-link .v-icon,
a.valia-link i {
    color: var(--color-primary);
    text-decoration: none;
}
.valia-tooltip {
    color: var(--color-primary);
    position: relative;
    display: inline-block;
    text-decoration: underline;
    transition: var(--transition-5s);
}
.valia-tooltip-no-text-decoration:hover,
.valia-tooltip:hover {
    color: var(--color-button-hover);
    text-decoration: none;
}
.valia-tooltip .valia-tooltiptext,
.valia-tooltip-no-text-decoration .valia-tooltiptext {
    visibility: hidden;
    font-size: 1.125rem;
    width: 100%;
    background-color: var(--color-tooltip-background);
    color: #fff;
    border-radius: 6px;
    padding: 1rem;
    position: absolute;
    z-index: 1;
    margin: 0 1rem 1rem;
    transition: 0.5s;
}
.valia-tooltip-no-text-decoration:hover .valia-tooltiptext,
.valia-tooltip:hover .valia-tooltiptext {
    visibility: visible;
}
.valia-tooltip-no-text-decoration {
    color: var(--color-primary);
    position: relative;
    display: inline-block;
    transition: var(--transition-5s);
    cursor: pointer;
}
.v-text-field {
    padding-top: 5px !important;
    margin-top: 5px !important;
}
.content-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0.75rem 1.75rem;
}
.content-container.multiselect-container {
    min-height: calc(100vh - var(--header-height) - 24px - 100px);
    padding-top: 2rem;
    padding-bottom: 4rem;
}
.content-space-between {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.content-space-between-height {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: calc(100vh - var(--header-height) - 20vh);
}
button.button-primary-bg-white {
    border-radius: 0;
    color: var(--color-primary) !important;
}
a.button-primary-bg-primary,
button.button-primary-bg-primary {
    border-radius: 0;
    color: var(--color-white);
    background: var(--color-button);
    padding: 0.6rem 1.75rem;
    font-size: 1rem;
    font-weight: 500;
    transition: var(--transition-5s);
    display: flex;
    justify-content: center;
    align-items: center;
}
a.button-primary-bg-primary .v-icon,
a.button-primary-bg-primary i,
button.button-primary-bg-primary .v-icon,
button.button-primary-bg-primary i {
    color: var(--color-white);
    font-size: 1.5rem;
    font-weight: 500;
}
a.button-primary-bg-primary:hover,
button.button-primary-bg-primary:hover {
    background: var(--color-button-hover);
}
a.button-primary-bg-primary-white,
button.button-primary-bg-primary-white {
    border-radius: 0;
    color: var(--color-button);
    background: var(--color-white);
    padding: 0.6rem 1.75rem;
    font-size: 1rem;
    font-weight: 500;
    transition: var(--transition-5s);
}
a.button-primary-bg-primary-white:hover,
button.button-primary-bg-primary-white:hover {
    background: rgba(255, 255, 255, 0.8);
}
button.button-outline-gray {
    border-radius: 0;
    color: var(--color-gray) !important;
    background: var(--color-white) !important;
    border-color: var(--color-gray);
}
button.a-link {
    font-size: 1rem;
    text-decoration-line: underline;
    border: none;
    background-color: transparent !important;
    box-shadow: none;
    padding: 0 !important;
}
button.button-center {
    margin: 0 1.25rem;
}
.content-container button svg {
    width: 30px;
    height: 30px;
    margin-left: 1rem;
}
button.button-outline-arrow {
    border-radius: 4px;
    background: var(--color-white) !important;
    border: 3px solid var(--color-off-white);
    margin: 0 5px;
    transition: var(--transition-5s);
    width: 47.43px;
    height: 44.57px;
}

button.button-outline-arrow i {
    color: var(--color-off-white) !important;
}

button.button-outline-arrow:active,
button.button-outline-arrow:hover {
    opacity: 1;
    border: 3px solid var(--color-secondary);
    color: var(--color-secondary) !important;
}

button.button-outline-arrow:active i,
button.button-outline-arrow:hover i {
    opacity: 1;
    color: var(--color-secondary) !important;
    transition: var(--transition-5s);
}

button.valia-btn-link {
    color: #0872d2;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: var(--transition-3s);
}
button.valia-btn-link:hover {
    text-decoration: underline;
    color: var(--color-button-hover);
}
.input-filled {
    display: flex;
    margin: 1rem 0 15px;
}
.n-form {
    width: 100%;
    padding: 0;
}
.n-form .single-input {
    position: relative;
    margin: 0.5rem 0 0;
}
.n-form .single-input label {
    position: absolute;
    bottom: 5px;
    left: 0;
    color: #969696;
    cursor: text;
    transition: 0.5s ease-in-out;
}
.n-form .input,
.n-form-select select.form-select {
    padding: 5px;
    outline: 0;
    font-size: 16px;
    color: #505050;
    transition: 0.5s ease-in-out;
    width: 100%;
}
.n-form .input {
    border: 0;
    border-bottom: 1px solid #cde2f6;
}
.select-box .small,
.select-box p,
.select-box-disabled .small,
.select-box-disabled p {
    font-family: var(--font-family-secondary) !important;
    text-align: center;
    font-weight: 700;
    color: var(--color-primary);
}
.n-form .input:focus,
.n-form .input:valid {
    border-bottom: 1px solid var(--color-primary);
}
.n-form .input:focus ~ label,
.n-form .input:valid ~ label {
    transform: translateY(-24px);
    font-size: 12px;
    color: var(--color-primary);
}
.n-form-select select.form-select {
    border-radius: 0 !important;
    border: none;
    border-bottom: 2px solid #cde2f6 !important;
    margin: 2px 0 15px;
}
.multiselect-group .multiselect-row .multiselect,
.select-box {
    border: 1px solid #ececec;
    box-shadow: 4px 4px 20px 0px #00000026;
}
.multiselect-row .multiselect p,
.multiselect-row .multiselect span.letter {
    color: rgba(49, 50, 65, 0.8);
    font-weight: 600;
    font-size: 1.25rem;
}
.header {
    height: var(--header-height);
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--color-off-white) !important;
    width: 100%;
}
.header img {
    height: 26px;
    object-fit: scale-down;
}
.header .content-container {
    display: contents;
}
.header hr {
    margin: 0 2rem;
}
.bg-image {
    height: calc(100vh - var(--header-height) + 6px);
    position: fixed;
}
.bg-image.bg-escolhas img {
    height: 100%;
    object-fit: scale-down;
    float: right;
}
.bg-image.bg-login img {
    object-fit: cover;
    height: calc(100vh - var(--header-height));
    width: 100vw;
}
.content-contents,
.content-title {
    margin-bottom: 1rem;
    font-size: 28px;
    line-height: 46.4px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.content-title-tela-documentos {
    margin-bottom: 1rem;
    font-size: 28px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.content-buttons {
    margin-top: 2rem;
}
.login-logo {
    margin-bottom: 3rem;
}
.multiselect-group {
    display: flex;
    flex-direction: column;
}
.multiselect-group .multiselect-row {
    font-family: var(--font-family-secondary) !important;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.multiselect-group .multiselect-row .multiselect {
    display: flex;
    background: #fff;
    border-radius: 6px;
    padding: 1.3rem 1rem;
    margin-bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transition: var(--transition-3s);
}
.select-box,
.select-box-muted {
    flex-direction: column;
    padding: 3rem 1.37rem;
    display: flex;
}
.multiselect-row .multiselect span.letter {
    border: 1px solid rgba(49, 50, 65, 0.8);
    border-radius: 4px;
    padding: 0.4rem 0.7rem;
    margin-right: 1rem;
    transition: var(--transition-3s);
}
.multiselect-row .out-icon i,
.multiselect-row .out-icon v-icon {
    color: var(--color-primary);
    width: 2rem;
    display: block;
}
.multiselect-row .multiselect i,
.multiselect-row .multiselect v-icon {
    color: transparent;
    transition: var(--transition-3s);
}
.multiselect-row .multiselect.active i,
.multiselect-row .multiselect.active v-icon,
.multiselect-row .multiselect:hover i,
.multiselect-row .multiselect:hover v-icon {
    color: var(--color-primary);
}
.multiselect-row .multiselect.active,
.multiselect-row .multiselect:hover {
    cursor: pointer;
    border: 1px solid var(--color-primary);
}
.multiselect-row .multiselect.active span.letter,
.multiselect-row .multiselect:hover span.letter {
    background: var(--color-primary);
    color: #fff;
    border: 1px solid var(--color-primary);
}
.select-boxes-row {
    display: flex;
    margin-top: 6rem;
}
.select-box {
    border-radius: 10px !important;
    background: #fff;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: var(--transition-5s);
}
.select-box-muted {
    justify-content: center;
    align-items: center;
}
.select-box-disabled {
    border: 1px solid #ececec;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 4px 24px rgb(0 0 0 / 6%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3rem 1.37rem;
    transition: var(--transition-5s);
}
.btn-outile-primary-valia,
.btn.fill-after,
.btn.fill-after-w-100 {
    padding: 0.2rem 0.7rem;
    min-width: 100px;
    font-size: 1rem;
    transition: var(--transition-5s);
}
.select-box.active,
.select-box:hover {
    background: #fff;
    border: 1px solid var(--color-primary);
    border-radius: 10px;
}
.select-box p,
.select-box-disabled p {
    font-size: 18px;
    line-height: 25px;
    margin: 0;
}
.select-box .small,
.select-box-disabled .small {
    margin: 0;
}
.select-box.active .small,
.select-box.active p,
.select-box:hover .small,
.select-box:hover p {
    color: var(--color-primary);
    margin: 0;
}
.btn-more-less {
    position: fixed;
    top: calc(100vh - 50px);
    left: calc(50vw - 100px);
}
.btn.fill-after,
.btn.fill-after-w-100 {
    box-shadow: 4px 4px 20px 0px #00000026;
    border: 1px solid #d7e4d2;
    color: var(--color-peb-preto);
    font-weight: 700;
    border-radius: 10px;
}
.btn.fill-after-w-100:hover,
.btn.fill-after:hover {
    background: rgba(0, 0, 0, 0.05);
}
.btn-outile-primary-valia {
    background: #fff;
    border: 1px solid var(--color-button);
    color: var(--color-button) !important;
    font-weight: 600;
    border-radius: 1px;
    max-width: 235px;
}
.btn-outile-primary-valia:hover {
    border: 1px solid var(--color-button-hover);
    color: var(--color-button-hover) !important;
    background: rgba(0, 0, 0, 0.05);
}
.valia-item-description {
    position: sticky;
    top: var(--header-height);
    left: 0;
    background: var(--color-primary);
    color: #fff;
    font-weight: 600;
}
.valia-progress {
    width: 100%;
    height: 6px;
    background: var(--color-off-white) !important;
    z-index: 1;
}
.valia-progress .progress-width {
    width: 25%;
    height: 6px;
    background: var(--color-off-white) !important;
}
.v-progress-linear__background {
    background: var(--color-off-white) !important;
}
.login-logo img {
    margin: 1rem auto;
    width: 100%;
}
.inputs-group {
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.5rem;
}
.valia-label {
    font-size: 1.35rem;
    font-weight: 400;
    color: #6d6d6d;
}
.valia-label-input {
    font-size: 1.5rem;
    font-weight: 500;
    color: #6d6d6d;
    margin: 2px 0 20px;
}
@media (max-width: 575.98px) {
    .display-sm-none,
    .header {
        display: none;
    }
    .flex-column-mobile {
        display: flex;
        flex-direction: column;
    }
    .flex-column-mobile button {
        width: 100%;
        margin: 0.75rem;
    }
    .content-buttons {
        margin-bottom: 1rem;
    }
    .button-primary-bg-primary.mr-button {
        margin-right: 0.75rem;
    }
    .content-container {
        flex-direction: column;
        justify-content: flex-start;
        padding: 2rem 1rem 0;
    }
    .multiselect-container {
        padding-top: 7rem;
    }
    .logo-valia-mobile img {
        height: 40px;
        margin: 2rem 0;
    }
    .valia-tooltip .valia-tooltiptext,
    .valia-tooltip-no-text-decoration .valia-tooltiptext {
        right: 0;
        left: 0;
        width: 90%;
        position: fixed;
        margin: auto;
    }
    .select-boxes-row {
        flex-direction: column;
    }
    .select-boxes-row .select-box,
    .select-boxes-row .select-box-disabled {
        margin-bottom: 1.5rem;
    }
    .valia-item-description {
        padding: 1.5rem 1rem 1.5rem 2rem;
        width: 100%;
        top: 3px;
    }
    .bg-image.bg-login img {
        height: 100vh;
    }
    .content-small-2 {
        height: 100vh;
        display: flex;
        justify-content: center;
    }
    .login-logo img {
        margin: 1rem auto;
        width: 450px;
        display: flex;
        justify-content: center;
    }
    .padding-right {
        padding-right: 0;
    }
    .padding-left {
        padding-left: 0;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .btn-more-less,
    .content-container {
        width: calc(100vw - 24px);
    }
    .display-sm-none,
    .header {
        display: none;
    }
    .content-container {
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 2rem;
    }
    .multiselect-container {
        padding-top: 7rem;
    }
    .padding-div {
        padding: 0 0 0 1rem;
        width: 100%;
    }
    .logo-valia-mobile img {
        height: 40px;
        margin: 2rem 0;
    }
    .valia-tooltip .valia-tooltiptext,
    .valia-tooltip-no-text-decoration .valia-tooltiptext {
        right: 0;
        left: 0;
        width: 90%;
        position: fixed;
        margin: auto;
    }
    .select-boxes-row {
        flex-direction: column;
    }
    .select-boxes-row .select-box,
    .select-boxes-row .select-box-disabled {
        margin-bottom: 1.5rem;
    }
    .valia-item-description {
        padding: 1.5rem 1rem 1.5rem 2rem;
        width: 100%;
        top: 3px;
    }
    .bg-image.bg-login img {
        height: 100vh;
    }
    .content-small-2 {
        height: 100vh;
        display: flex;
        justify-content: center;
    }
    .login-logo img {
        margin: 1rem auto;
        width: 450px;
        display: flex;
        justify-content: center;
    }
    .flex-column-mobile {
        display: flex;
        flex-direction: column;
    }
    .flex-column-mobile button {
        width: 100%;
        margin: 0.75rem;
    }
    .content-buttons {
        margin-bottom: 1rem;
    }
    .button-primary-bg-primary.mr-button {
        margin-right: 0.75rem;
    }
    .padding-right {
        padding-right: 0;
    }
    .padding-left {
        padding-left: 0;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .btn-more-less,
    .content-container {
        width: calc(100vw - 24px);
    }
    .display-sm-none,
    .header {
        display: none;
    }
    .content-container {
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 2rem;
    }
    .multiselect-container {
        padding-top: 7rem;
    }
    .flex-column-mobile {
        display: flex;
        flex-direction: column;
    }
    .flex-column-mobile button {
        width: 100%;
        margin: 0.75rem;
    }
    .content-buttons {
        margin-bottom: 1rem;
    }
    .button-primary-bg-primary.mr-button {
        margin-right: 0.75rem;
    }
    .padding-div {
        padding: 0 0 0 1rem;
        width: 100%;
    }
    .logo-valia-mobile img {
        height: 40px;
        margin: 2rem 0;
    }
    .valia-tooltip .valia-tooltiptext,
    .valia-tooltip-no-text-decoration .valia-tooltiptext {
        right: 0;
        left: 0;
        width: 90%;
        position: fixed;
        margin: auto;
    }
    .select-boxes-row .select-box-disabled.select-box-1,
    .select-boxes-row .select-box.select-box-1 {
        margin-right: 1rem;
        max-width: 299px;
        width: 100%;
        height: 100px;
    }
    .select-boxes-row .select-box-disabled.select-box-2,
    .select-boxes-row .select-box.select-box-2 {
        margin-left: 1rem;
        max-width: 299px;
        height: 100px;
        width: 100%;
    }
    .valia-item-description {
        padding: 1.5rem 1rem 1.5rem 2rem;
        width: 100%;
        top: 3px;
    }
    .bg-image.bg-login img {
        height: 100vh;
    }
    .content-small-2 {
        height: 100vh;
        display: flex;
        justify-content: center;
    }
    .login-logo img {
        margin: 1rem auto;
        width: 450px;
        display: flex;
        justify-content: center;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .content-container {
        min-height: calc(91vh - var(--header-height));
        padding: 0 1.75rem;
    }
    .content-container-inicio-penalty {
        min-height: calc(88vh - var(--header-height));
    }
    .content-container.content-half {
        width: 48vw;
    }
    .content-half {
        width: 48vw;
    }
    .content-small {
        width: 29vw;
        margin: auto;
    }
    .content-small-2 {
        width: 26vw;
        margin: auto;
    }
    .flex-column-mobile {
        display: flex;
        flex-direction: column;
    }
    .flex-column-mobile button {
        width: 100%;
        margin: 0.75rem;
    }
    .padding-div {
        padding: 0 0 0 1rem;
        width: 100%;
    }
    .header {
        padding: 0 1rem;
    }
    .display-web-none {
        display: none;
    }
    .bg-image.bg-escolhas img {
        height: 100%;
        object-fit: cover;
        z-index: 0;
        float: right;
        max-width: 50vw;
    }
    .valia-tooltip .valia-tooltiptext,
    .valia-tooltip-no-text-decoration .valia-tooltiptext {
        width: 50vw;
    }
    .select-boxes-row .select-box-disabled.select-box-1,
    .select-boxes-row .select-box.select-box-1 {
        margin-right: 1.25rem;
        max-width: 299px;
        width: 100%;
        height: 100px;
    }
    .select-boxes-row .select-box-disabled.select-box-2,
    .select-boxes-row .select-box.select-box-2 {
        margin-left: 1.25rem;
        max-width: 299px;
        height: 100px;
        width: 100%;
    }
    .valia-item-description {
        padding: 1.5rem 1rem 1.5rem 2rem;
        width: 47vw;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .bg-image.bg-escolhas img {
        height: 100%;
        object-fit: cover;
        z-index: 0;
        float: right;
        max-width: 50vw;
    }
    .content-container {
        min-height: calc(91vh - var(--header-height));
        padding: 0 1.75rem 0 2.25rem;
    }
    .content-container.content-half {
        width: 49vw;
    }
    .content-half {
        width: 49vw;
    }
    .content-small {
        width: 29vw;
        margin: auto;
    }
    .content-small-2 {
        width: 26vw;
        margin: auto;
    }
    .padding-div {
        padding: 0 0 0 1rem;
        width: 100%;
    }
    .header {
        padding: 0 1rem 0 1.5rem;
    }
    .display-web-none {
        display: none;
    }
    .valia-tooltip .valia-tooltiptext,
    .valia-tooltip-no-text-decoration .valia-tooltiptext {
        width: 50vw;
    }
    .select-boxes-row .select-box-disabled.select-box-1,
    .select-boxes-row .select-box.select-box-1 {
        margin-right: 1.5rem;
        max-width: 299px;
        width: 100%;
        height: 100px;
    }
    .select-boxes-row .select-box-disabled.select-box-2,
    .select-boxes-row .select-box.select-box-2 {
        margin-left: 1.5rem;
        max-width: 299px;
        height: 100px;
        width: 100%;
    }
    .valia-item-description {
        padding: 1.5rem 1rem 1.5rem 2.5rem;
        width: 47vw;
    }
}
@media (min-width: 1400px) {
    .bg-image.bg-escolhas img {
        height: 100%;
        object-fit: cover;
        z-index: 0;
        float: right;
        max-width: 50vw;
    }
    .content-container {
        min-height: calc(91vh - var(--header-height));
        padding: 0 1.75rem 0 2.75rem;
    }
    .content-container.content-half {
        width: 48vw;
    }
    .content-half {
        width: 48vw;
    }
    .content-small {
        width: 29vw;
        margin: auto;
    }
    .content-small-2 {
        width: 26vw;
        margin: auto;
    }
    .padding-div {
        padding: 0 0 0 1rem;
        width: 100%;
    }
    .header {
        padding: 0 1rem 0 2rem;
    }
    .display-web-none {
        display: none;
    }
    .valia-tooltip .valia-tooltiptext,
    .valia-tooltip-no-text-decoration .valia-tooltiptext {
        width: 50vw;
    }
    .select-boxes-row .select-box-disabled.select-box-1,
    .select-boxes-row .select-box.select-box-1 {
        margin-right: 1.75rem;
        max-width: 299px;
        width: 100%;
        height: 100px;
    }
    .select-boxes-row .select-box-disabled.select-box-2,
    .select-boxes-row .select-box.select-box-2 {
        margin-left: 1.75rem;
        max-width: 299px;
        height: 100px;
        width: 100%;
    }
    .valia-item-description {
        padding: 1.5rem 1rem 1.5rem 3rem;
        width: 47vw;
    }
    .beneficiarios-input input {
        max-height: 1rem !important;
        font-size: 1rem !important;
        padding: 0 !important;
    }
    .beneficiarios-input .v-icon.v-icon {
        font-size: 1rem !important;
    }
    .beneficiarios-input .v-application--is-ltr .v-text-field .v-input__append-inner,
    .v-application--is-rtl .v-text-field .v-input__prepend-inner {
        height: 1.6rem !important;
    }
    .beneficiarios-input .v-text-field > .v-input__control > .v-input__slot {
        height: 1.9rem !important;
    }
    .beneficiarios-input .v-text-field input {
        font-weight: 500 !important;
    }
    .beneficiarios-input .v-text-field {
        padding-top: 0 !important;
        margin-top: 0.25rem !important;
    }
    .beneficiarios-input .theme--light.v-input,
    .theme--light.v-input input,
    .theme--light.v-input textarea {
        color: var(--color-gray) !important;
    }
    .a-r {
        display: flex;
        justify-content: flex-end;
    }
    .f-l {
        float: left;
    }
    .f-r {
        float: right;
    }    
}

.v-field__overlay {
    display: none !important; /* Esconde a sobreposição */
}

.v-field {
    padding-right: 0px !important;
}

.v-text-field .v-field--no-label input,
.v-text-field .v-field--active input,
.v-field__input,
.v-text-field__prefix {
    padding: 8px 0px 8px 0px !important;
    max-height: 32px !important;
    min-height: 32px !important;
    /* color: var(--color-gray) !important; */
}

.v-text-field__prefix {
    padding-right: 4px !important;
}

.v-text-field__prefix,
.v-text-field__suffix {
    color: var(--color-dark) !important;
}

div[role='combobox'] .v-field__field .v-field__input {
    margin-bottom: 2px !important;
    padding-top: 4px !important;
}

.mdi-magnify,
.mdi-arrow-right-thin,
.mdi-chevron-up,
.mdi-information,
.mdi-check {
    font-size: 25px !important;
}

.mdi-magnify {
    margin-top: 15px;
    margin-left: 5px !important;
}

.mdi-check {
    margin-top: 5px;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
    opacity: 0;
}

.question-container {
    display: inline-block;
    position: relative;
}

.slide-up-enter-active {
    transition: all 0.25s ease-out;
}

.slide-up-leave-active {
    transition: all 0.25s ease-out;
}

.slide-up-enter-from,
.slide-up-leave {
    opacity: 0;
    transform: translateY(-230px);
}

.slide-up-leave-to,
.slide-up-enter {
    opacity: 0;
    transform: translateY(-230px);
}