@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


* :not(svg, path, img,circle){margin: 0;padding: 0;color: var(--corPrimaria);font-family: 'Source Sans 3', sans-serif;}
:root{--corPrimaria: #344848;--branco: #FFFFFF;}
a {text-decoration: none;color: inherit;}
.button{width: 100%;background-color: var(--corPrimaria);color: var(--branco);padding: 10px 0px;border-radius: 5px;min-width: 53px;min-height: 23px;text-align: center;margin: auto;display: flex;justify-content: center;align-items: center;}
.division{display: flex;justify-content: center;align-items: center;min-height: 100svh;}
.content-main {min-height: 100svh;display: flex;justify-content: space-between;align-items: center;flex-direction: column;width: 40%;}
.division > .content-main  div.content-first {background: #fff;display: flex;justify-content: space-around;align-items: center;flex-direction: column;gap: 20px;min-height: calc(100svh - 72px);width: 100%;}
.division > .content-main  div.content-first .content{max-width: 400px;width: -webkit-fill-available;width: -moz-fill-available;width: fill-available;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 20px;padding:20px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);border-radius: 15px;}
.division > div.content-second {width: 60%;background-color: #f4f4f4;min-height: 100svh;background-image: url(../img/first-experience/fundo.svg);background-repeat: no-repeat;background-size: 60%;background-position: center;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 20px;}
.flex-start-center{display: flex;justify-content:left;align-items: center;gap: 5px;}
.flex-start-start{display: flex;justify-content: left;align-items: start;gap: 5px;}
.flex-column{display: flex;flex-direction: column;width: 100%;gap: 5px;}

.font-400{font-weight: 400;}
.font-700{font-weight: 700;}

/*Input Label que expande*/
.input-label{overflow: hidden;width: 100%;margin: 0;position: relative;}
.input-label::before {font-size: 13px;content: attr(data-label);margin-right: 10px;font-weight: 600;position: absolute;transition: all 200ms;text-align: left;padding-left: 16px;color: #CBCBCB;transform: translateY(14px);}
.input-label input ,  .input-label select {border-radius: 10px;border: 1px solid #C2C2C2;height: 38px;display: block;padding: 0 16px;padding-top: 5px;font-size:16px;mix-blend-mode: multiply; background: var(--branco);}
.input-label.active::before {margin-top: -10px;font-size: 10px;opacity: 0.8;font-weight: 400;color: var(--corPrimaria);}
.input-label.active input ,  .input-label.active select{font-weight: 600;}
.input-label input{width: calc(100% - 35px); width: -webkit-fill-available;font-size: 15px; }
.input-label select{position: relative; width: -webkit-fill-available;height: 42px;-webkit-appearance: none;background-image: url(https://api.iconify.design/eva/arrow-up-fill.svg?color=%23c2c2c2&rotate=180deg);background-repeat: no-repeat;background-position: right 10px center;}
.input-label{background: var(--branco);border-radius: 9px;}

.pular-division {color: var(--corPrimaria);font-size: 15px;font-style: normal;font-weight: 400;line-height: normal;width: calc(100% - 41px);width: -webkit-fill-available;width: -moz-fill-available;width: fill-available;text-align: right;padding-right: 40px;padding-left: 40px;display: flex;justify-content: space-between;align-items: center;padding-bottom: 20px;}
.form{display: flex;flex-direction: column;gap: 10px;width: 100%;}
.form , .form label{width: -webkit-fill-available;width: -moz-fill-available;width: fill-available;}
.form .switch-label{width: 100%;width: -webkit-fill-available;border-radius: 10px;border: 1px solid #C2C2C2;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 10px;}
.form .switch-label .content-input{display: flex;width: calc(100% - 36px);justify-content: space-between;align-items: center;height: 43px;padding: 0;border-bottom: solid 1px #D9D9D9;}
.form .switch-label .content-input:last-child{border: transparent;margin-bottom: 6px;}
.form .switch-label .content-input:first-child{margin-top: 6px;}

.input-label.list-label{border: transparent;border-bottom: solid 1px #D9D9D9;border-radius: 0px;width: calc(100% - 35px);}
.input-label.list-label:last-child{border-bottom: transparent;}
.input-label.list-label > input{border-color: transparent;}
.input-label.list-label > input:focus {outline: none;border-color: transparent;}


@media screen and (max-width: 1160px) {.content-main{    width: 60%;}.content-second{width: 60%;}.division > div.content-second {    display: none;}}
@media screen and (max-width: 820px) {.division > .content-main  div.content-first {width: 90%;}.content-main{width: 100%;}}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {input[type="checkbox"],input[type="radio"] {-webkit-appearance: none;-moz-appearance: none;}
input[type="checkbox"]:not(.input-switch):focus,input[type="radio"]:focus {border-color: #848484;}
input[type="checkbox"]:not(.input-switch) {flex-shrink: 0;border-radius: 0.25em;width: 1.375em;height: 1.375em;border: 1px solid #cdcdcd;transition: all 200ms;}
input[type="checkbox"]:not(.input-switch):checked {content: url("https://api.iconify.design/bx:bx-check.svg?color=%23ffffff&height=24");vertical-align: -0.125em;background: var(--corPrimaria);}
input[type="radio"] {flex-shrink: 0;width: 1.375em;height: 1.375em;border: 1px solid #cdcdcd;border-radius: 1rem;transition: all 200ms;}
input[type="radio"]:before {content: "";display: block;width: 1em;height: 1em;border-radius: 2em;background: transparent;margin: 0.125em;}
input[type="radio"]:checked:before {content: "";display: block;width: 0.5em;height: 0.5em;border-radius: 2em;background: #fff;margin: 0.375em;}
input[type="radio"]:checked {background: var(--corPrimaria);}
/* Ocultar o hover do placeholder */

.input-switch {width: 2.375em;height: 1.375em;border: 1px solid #cdcdcd;border-radius: 1rem;position: relative;background: #fff;}
.input-switch:before {content: "";display: block;width: 1em;height: 1em;background: #cdcdcd;border-radius: 2rem;position: absolute;top: 0.125em;left: 0.125em;transition: all 200ms;}
.input-switch:checked:before {background: #fff;transform: translate(1em, 0);box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);}
.input-switch:checked {background: var(--corPrimaria);}}

.toggle-password{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);cursor: pointer;display: flex;}
.btn-google{display: flex;justify-content: center;align-items: center;height: 40px;width: 100%;background: #fff;border: 1px solid #d9d9d9;border-radius: 6px;gap: 10px;}
.separador-form{display: flex;justify-content: center;align-items: center;gap: 10px;font-size: 12px;width: 100%;}
.separador-form strong{display: block;width: 100%;height: 1px;background: #d9d9d9;}
.separador-form span{white-space: nowrap;}
.margin-top60{margin-top: 60px;}
.input-grid-code{display: flex;align-items: center;justify-content: center;gap: 10px;}
.input-grid-code> input {width: 8px;border: 1px solid #d9d9d9;border-radius: 6px;padding: 10px 20px;}
.voltar-home{position: absolute;top: 10px;left: 10px;}
.text-politica a{border-bottom: solid 1px var(--corPrimaria);}
.table {width: 100%;border-collapse: collapse;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);text-align: left;}
.table td, .table th {padding: 0.75rem;vertical-align: top;border-top: 1px solid #dee2e6;}
.table thead th {vertical-align: bottom;}
.table thead th , .table tbody td {text-align: left;border: 1px solid #dee2e6;}
.table tbody + tbody {border-top: 2px solid #dee2e6;}
.content-second .impressao.colaborador {position: relative;}
.content-second .impressao.colaborador .textInstancia{position: absolute;top: 15.5%;left: 21.5%;font-size: 10px;}
.content-second .impressao.colaborador .textCpf{position: absolute;top: 56.5%;left: 59.5%;font-size: 8px;}
.content-second .impressao.colaborador .textPassword{position: absolute;top: 60.5%;left: 59.5%;font-size: 8px;}

.input-url{display: flex;justify-content: center;align-items: center;}
.input-url .input-label{overflow: visible;}
.input-url input {border-right: transparent;border-radius: 10px 0px 0px 10px;}
.input-url span {height: 43px;border: solid 1px #C2C2C2;border-radius: 0px 10px 10px 0px;display: flex;justify-content: center;align-items: center;padding: 0px 10px;}`

@media (max-width: 1352px) {
    .content-second .impressao.colaborador .textInstancia{font-size: 8px;}
    .content-second .impressao.colaborador .textCpf{font-size: 6px;}
    .content-second .impressao.colaborador .textPassword{font-size: 6px;}
    .input-url span{font-size: 12px; padding: 0px 5px;}
}

.position-video-mobile .video {position:relative;padding-top:56.25%; width: 80%;}
@media screen and (max-width: 1160px) {
    .position-video-mobile .video {position:relative;padding-top:56.25%; width: 100%;}
    .position-video-mobile {position: relative;right: 5px;bottom: 5px;z-index: 999;width: 80% !important;display: block !important;min-height: auto !important;}
    .division > .content-main div.content-first , .content-main {height: auto;min-height: auto;}
    .division {flex-direction: column;gap: 20px;}
}