@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v25-latin-300.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin-500.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v25-latin-600.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700.woff2') format('woff2');
  font-display: swap;
}

:root {
  --fontPrimary: #FFFFFF;
  --fontSecondary: #000000;
  --fontTertiary: #B2B2B2;
  --backgroundPrimary: #141416;
  --backgroundSecondary: #1E1E1E;
  --backgroundTertiary: #232323;
  --backgroundQuaternary: #222222;
  --backgroundQuinario: #303030;
  --backgroundSenari: #000B18;
  --colorPrimary: #E2B639;
  --hrColorPrimary: #242424;
  --hrColorSecondary: #292929;
  --hrColorTertiary: #666666;
  --hrColorQuaternary: #353535;
  --hrColorQuinario: #777777;
  --greenPriceColor: #27D100;
  --redPriceColor: #ef4040;
  --shortLogo: url('../images/square_logo.svg')
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

body a {
  display: unset;
  padding: unset;
}
body img {
  max-width:unset;
}

body::-webkit-scrollbar,
.chatBody::-webkit-scrollbar,
.selectBox::-webkit-scrollbar, .customScroll::-webkit-scrollbar {
  width: 12px;
}

body::-webkit-scrollbar-track,
.chatBody::-webkit-scrollbar-track,
.selectBox::-webkit-scrollbar-track, .customScroll::-webkit-scrollbar-track {
  background: var(--backgroundPrimary);
}

body::-webkit-scrollbar-thumb,
.chatBody::-webkit-scrollbar-thumb,
.selectBox::-webkit-scrollbar-thumb, .customScroll::-webkit-scrollbar-thumb {
  background-color: var(--colorPrimary);
  border-radius: 20px;
  border: 3px solid var(--backgroundPrimary);
}
.customScroll.dark::-webkit-scrollbar-thumb {
  background-color: var(--hrColorSecondary);
}

body {
  font-family: 'Montserrat', sans-serif;
  background-color: var(--backgroundPrimary);
  min-width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  color: var(--fontPrimary);
  font-weight: 300;
  font-size: 17px;
  line-height: 1.35;
  overflow-x: hidden;
}

div:not(.smartbanner *) {
  display: flex;
}

a {
  text-decoration: none;
  color: var(--fontPrimary);
}

a.register {
  padding: 15px 40px;
  background: var(--colorPrimary);
  border-radius: 4px;
  align-self: start;
  font-weight: 500;
  cursor: pointer;
  color: #000000;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

header {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 3;
}

header>.mainHeader {
  width: 100%;
  display: flex;
  height: 80px;
  background-color: var(--backgroundPrimary);
  justify-content: center;
  border: 1px solid var(--backgroundQuinario);
}
  
header>.mainHeader>.container {
  width: 100%;
  max-width: 1640px;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px 10px;
  flex-wrap: nowrap;
}

header>.headerApplied>.appliedContent.menuMobile {
  transition: 0.17s ;
}
header>.headerApplied>.appliedContent.forYouMenu {
  transition: 0.17s ;
}
header>.headerApplied>.appliedContent.forCompanyMenu {
  transition: 0.17s ;
}
header>.headerApplied>.appliedContent.InstitutionalMenu {
  transition: 0.17s ;
}
header>.headerApplied>.appliedContent.helpMenu {
  transition: 0.17s ;
}

header>.mainHeader>.container>a.logo {
  display: flex;
  align-items: center;
}

header>.mainHeader>.container>.menuNav {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: clamp(0.613rem, -3.437rem + 5.275vi, 3.30rem);
}

header>.mainHeader>.container>.menuNav>.menuNav-item>a,
header>.mainHeader>.container>.menuNav>.menuNav-item>label,
header>.mainHeader>.container>.buttons>a {
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
}

header>.mainHeader>.container>.menuNav>.menuNav-item>a,
header>.mainHeader>.container>.menuNav>.menuNav-item>label {
  padding-left: 0px;
  height: 79px;
  line-height: 79px;
}

header>.mainHeader>.container>.menuNav>.menuNav-item>a {
  padding-right: 10px;
}

header > .mainHeader > .container > .menuNav > .menuNav-item{
  position: relative;
  -webkit-touch-callout: none; /* iPhone OS, Safari */
  -webkit-user-select: none; /* Chrome, Safari 3 */
  -khtml-user-select: none; /* Safari 2 */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  user-select: none; /* Possível implementação no futuro */
}

header > .mainHeader > .container > .menuNav > .menuNav-item.expand > label > .goBack {
  pointer-events: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: flex;
}

header > input#forYou:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.expand > label[for = "forYou"] > .goBack,
header > input#forCompany:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.expand > label[for = "forCompany"] > .goBack,
header > input#Institutional:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.expand > label[for = "Institutional"] > .goBack,
header > input#help:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.expand > label[for = "help"] > .goBack {
   pointer-events: all; color: var(--colorPrimary);
}

header > input#hidden:not(:checked) ~ .blurredScreen {
  transition: 0.4s;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  z-index: 3;
  cursor: pointer;
}

header > input#forYou:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.forYou.expand>label>.goBack::after,
header > input#forCompany:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.forCompany.expand>label>.goBack::after,
header > input#Institutional:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.Institutional.expand>label>.goBack::after,
header > input#help:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.help.expand>label>.goBack::after {
  transform: rotate(-180deg) translatey(1.5%);
}

header > input#hidden:not(:checked) ~ input#forYou:not(:checked) ~ .mainHeader > .container > .menuNav > .menuNav-item.forYou.expand>label>.goBack::after,
header > input#hidden:not(:checked) ~ input#forCompany:not(:checked) ~ .mainHeader > .container > .menuNav > .menuNav-item.forCompany.expand>label>.goBack::after,
header > input#hidden:not(:checked) ~ input#Institutional:not(:checked) ~ .mainHeader > .container > .menuNav > .menuNav-item.Institutional.expand>label>.goBack::after,
header > input#hidden:not(:checked) ~ input#help:not(:checked) ~ .mainHeader > .container > .menuNav > .menuNav-item.help.expand>label>.goBack::after {
  transform: rotate(0deg) translatey(0%);
}

header > input#forYou:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.forYou.expand::before,
header > input#forCompany:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.forCompany.expand::before,
header > input#Institutional:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.Institutional.expand::before,
header > input#help:checked ~ .mainHeader > .container > .menuNav > .menuNav-item.help.expand::before {
  width: calc(100% - 10px);
}

header > input#forYou:checked ~ .headerApplied > .appliedContent.forYouMenu {
  transition: 0.2s;
  opacity: 1;
  height: 500px;
}
header > input#forCompany:checked ~ .headerApplied > .appliedContent.forCompanyMenu {
  transition: 0.2s;
  opacity: 1;
  height: 270px;
}
header > input#Institutional:checked ~ .headerApplied > .appliedContent.InstitutionalMenu {
  transition: 0.2s;
  opacity: 1;
  height: 350px;
}
header > input#help:checked ~ .headerApplied > .appliedContent.helpMenu {
  transition: 0.2s;
  opacity: 1;
  height: 175px;
}

header > .mainHeader > .container > .menuMobileReturn {
  align-items: center;
  margin-left: 20px;
  rotate: 90deg;
  display: none;
}

header > .mainHeader > .container > .menuNav > .menuNav-item.expand>label>.goBack::after {
  transition: transform 0.18s linear, color 0s;
  padding-left: 10px;
  padding-right: 10px;
  content: url('data:image/svg+xml;utf8,<svg version="1.1" width="15" fill="%23E2B639" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 12 7" style="enable-background:new 0 0 12 7;" xml:space="preserve"><path stroke="%23141416" stroke-width="0.7" class="st0" d="M12,0.8c0-0.2,0-0.3-0.1-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5,0c-0.2,0-0.3,0.1-0.4,0.3L6,5.1 L1.5,0.3C1.5,0.2,1.4,0.2,1.3,0.1C1.2,0.1,1.1,0,1,0C0.8,0,0.7,0,0.6,0c-0.1,0-0.2,0.1-0.3,0.2S0.1,0.3,0.1,0.4C0,0.5,0,0.6,0,0.7 C0,0.9,0,1,0.1,1.1c0,0.1,0.1,0.2,0.2,0.3l5.1,5.4C5.4,6.8,5.5,6.9,5.7,7C5.8,7,5.9,7,6,7C6.1,7,6.3,7,6.4,7c0.1,0,0.2-0.1,0.3-0.2 l5.1-5.4C11.9,1.2,12,1,12,0.8L12,0.8z"/></svg>');
  display: flex;
}

header > .mainHeader > .container > .menuNav > .menuNav-item::before {
  position: absolute;
  content: '';
  left: 0;
  top: 53px;
  width: 0%;
  height: 1px;
  border-radius: 5px;
  background-color: var(--colorPrimary);
  transition: 0.1s;
}

header > .mainHeader > .container > .menuNav > .menuNav-item.expand::before {
  width: 0px;
}

header > .mainHeader > .container > .menuNav > .menuNav-item.expand:hover::before {
  transition: 0.1s;
  width: calc(100% - 35px);
}

header > .mainHeader > .container > .menuNav > .menuNav-item:first-child:hover::before {
  width: calc(100% - 10px);
}

header > .mainHeader > .container > .menuNav > .menuNav-item:hover::before {
  width: 100%;
}

header>.mainHeader>.container>.buttons {
  align-items: center;
  gap: 20px;
  margin-right: 10px;
  flex-wrap: nowrap;
  transition: 0.2s ease-in;
  max-width: 311px;
}

header>.mainHeader>.container>.buttons:has(a.dashboard){
  gap: 10px;
}

header>.mainHeader>.container>.buttons>a.login,
header>.mainHeader>.container>.buttons>a.register {
  position: relative;
  border-radius: 3px;
  padding: 11px 22px;
  border: 1px solid var(--colorPrimary);
  z-index: 4;
  font-weight: 400;
  align-self: center;
}

header>.mainHeader>.container>.buttons>a.dashboard,
header>.mainHeader>.container>.buttons>a.sair{
  border-radius: 3px;
  padding: 9px 20px;
  align-self: center;
  font-weight: 500;
  background: var(--colorPrimary);
}
header>.mainHeader>.container>.buttons>a.sair{
  border: 1px solid #909090;
  color: #909090;
  background: transparent;
}
header>.mainHeader>.container>.buttons>img,
header>.mainHeader>.container>.buttons>div.noAvatar {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: var(--colorPrimary);
  font-size: 28px;
  justify-content: center;
  line-height: 40px;
  font-weight: 500;
  min-width: 40px;
}

header>.mainHeader>.container>.buttons>img.hidden,
header>.mainHeader>.container>.buttons>div.noAvatar.hidden,
header>.mainHeader>.container>.buttons>.dashboard.hidden,
header>.mainHeader>.container>.buttons>.sair.hidden,
header>.mainHeader>.container>.buttons>p.hidden{
  display: none;
}

header>.mainHeader>.container>.buttons>a.login:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  background-color: var(--colorPrimary);
  transition: all 0.2s ease;
  z-index: -1;
}

header>.mainHeader>.container>.buttons>a.register{
  background: var(--colorPrimary);
  color: var(--fontSecondary);
}

header>.mainHeader>.container>.buttons>a.login:hover {
  transition: 0.1s;
  color: var(--fontSecondary);
}
header>.mainHeader>.container>.buttons>a.login:hover::after {
  left: 0;
  width: 100%;
}

header>.mainHeader>.container>.buttons>.language {
  height: 100%;
}

header>.mainHeader>.container>.buttons>.language>.language-container {
  left: 78%;
  top: 79px;
  position: absolute;
  max-height: 0px;
  overflow: hidden;
  transition: 0.1s;
  border-radius: 6px;
  z-index: 5;
  transform: translate(-100%, 0px);
  flex-direction: column;
}

header>.mainHeader>.container>.buttons>.language>.language-container>.language-list {
  width: 310px;
  background: var(--backgroundTertiary);
  transition: 0.1s;
  display: flex;
  flex-direction: column;
  max-height: 250px;
  overflow-y: scroll;
}

header>.mainHeader>.container>.buttons>.language>.language-container>.language-list::-webkit-scrollbar,
.chatBody::-webkit-scrollbar,
.selectBox::-webkit-scrollbar, .customScroll::-webkit-scrollbar {
  width: 12px;
}

header>.mainHeader>.container>.buttons>.language>.language-container>.language-list::-webkit-scrollbar-track,
.chatBody::-webkit-scrollbar-track,
.selectBox::-webkit-scrollbar-track, .customScroll::-webkit-scrollbar-track {
  background: var(--backgroundTertiary);
}

header>.mainHeader>.container>.buttons>.language>.language-container>.language-list::-webkit-scrollbar-thumb,
.chatBody::-webkit-scrollbar-thumb,
.selectBox::-webkit-scrollbar-thumb, .customScroll::-webkit-scrollbar-thumb {
  background-color: var(--colorPrimary);
  border-radius: 20px;
  border: 3px solid var(--backgroundTertiary);
}

header>.mainHeader>.container>.buttons>.language>.iconAtive {
  padding: 10px;
  margin: auto;
}

header>.mainHeader>.container>.buttons>.language>.language-container>.search {
  padding: 15px;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--backgroundQuinario);
  background: var(--backgroundTertiary);
}

header>.mainHeader>.container>.buttons>.language>.language-container>.search>.search-input {
  width: 100%;
  font-size: 16px;
}

header>.mainHeader>.container>.buttons>.language::after{
  transition: 0.2s;
  margin: auto;
  margin-left: 2px;
  content: url('data:image/svg+xml;utf8,<svg version="1.1" height="11" width="11" fill="%23888888" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 12 7" style="enable-background:new 0 0 12 7;" xml:space="preserve"><path stroke="%23888888" stroke-width="0.5" class="st0" d="M12,0.8c0-0.2,0-0.3-0.1-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5,0c-0.2,0-0.3,0.1-0.4,0.3L6,5.1 L1.5,0.3C1.5,0.2,1.4,0.2,1.3,0.1C1.2,0.1,1.1,0,1,0C0.8,0,0.7,0,0.6,0c-0.1,0-0.2,0.1-0.3,0.2S0.1,0.3,0.1,0.4C0,0.5,0,0.6,0,0.7 C0,0.9,0,1,0.1,1.1c0,0.1,0.1,0.2,0.2,0.3l5.1,5.4C5.4,6.8,5.5,6.9,5.7,7C5.8,7,5.9,7,6,7C6.1,7,6.3,7,6.4,7c0.1,0,0.2-0.1,0.3-0.2 l5.1-5.4C11.9,1.2,12,1,12,0.8L12,0.8z"/></svg>');
}

header>.mainHeader>.container>.buttons>.language:hover::after{
  transform: rotate(-180deg) translate(0px, 4px);
}

header>.mainHeader>.container>.buttons>.language:hover>.language-container{
  max-height: 400px;
}

#lang:checked ~ .mainHeader>.container>.buttons>.language{
  pointer-events: all;
  display: flex;
}
#lang:checked ~ .mainHeader>.container>.buttons>.language>.language-container{
  max-height: 400px !important;
  position: fixed;
  top: 0;
  left: 0 !important;
  transform: inherit;
  width: 100vw;
  height: 100%;
  max-height: 4000px !important;
  background: var(--backgroundTertiary);
}

#lang:checked ~ .mainHeader>.container>.buttons>.language>.language-container>.language-list{
  width: 100%;
}

#lang:checked ~ .mainHeader>.container>.buttons>.language>.language-container>.return{
  display: flex !important;
}

header>.mainHeader>.container>.buttons>.language>.language-container>.language-list>.language-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  padding: 15px;
  cursor: pointer;
}

header>.mainHeader>.container>.buttons>.language>.language-container>.language-list>.language-option:hover {
  background: var(--backgroundQuinario);
}

header>.mainHeader>.container>.buttons>.language>.language-container>.language-list>.language-option>.language-name {
  font-size: 16px;
  font-weight: 500;
}

header>.mainHeader>.container>.buttons>.language>.language-container>.language-list>.language-option>.language-shortName {
  font-size: 14px;
  color: var(--fontTertiary);
  margin-left: auto;
}

header>.headerApplied{
  transition: 0.4s;
  border-bottom: 0px solid var(--colorPrimary);
  overflow: hidden;
  flex-direction: column;
  background: var(--backgroundPrimary);
  z-index: 4;
}

header>.headerApplied>.appliedContent {
  height: 0px;
  opacity: 0;
  width: calc(100vw - 12px);
  position: relative;
  top: 0px;
  overflow: hidden;
  padding: 0px clamp(0.0005rem, -11.2375rem + 18.125vi, 9.375rem);
  flex-direction: column;
}

header>.headerApplied>.appliedContent>.appliedContent-title {
  display: flex;
  padding: 30px clamp(0.0025rem, -8.4375rem + 11.875vi, 6.25rem) 10px clamp(0.0025rem, -8.4375rem + 11.875vi, 6.25rem);
  width: 100%;
  justify-content: center;
  font-weight: 500;
  color: var(--fontTertiary);
  border-bottom: 2px solid var(--hrColorQuaternary);
  gap: 15px;
}

header>.headerApplied>.appliedContent>.appliedContent-title>p{
  width: calc(100% / 3);
}
header>.headerApplied>.appliedContent>.appliedContent-title>p:last-child{
  display: none;
}

header>.headerApplied>.appliedContent>.appliedContent-links {
  justify-content: center;
  height: 600px;
  padding: 0px clamp(0.0025rem, -8.4375rem + 11.875vi, 6.25rem);
  gap: 15px;
}

header>.headerApplied>.appliedContent>.appliedContent-links>.box-links {
  height: 100%;
  width: calc(100% / 3);
  flex-direction: column;
  padding: 20px 0px 20px 0px;
}

header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link {
  display: flex;
  flex-direction: row;
  gap: 12px;
  max-width: 430px;
  padding: 7px;
  border-radius: 8px;
  cursor: pointer;
  align-items: center;
}

header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link:hover{
  background-color: var(--backgroundTertiary);
}

header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link>.link-img {
  min-width: 65px;
  height: 65px;
  border: 2px solid var(--backgroundQuinario);
  border-radius: 40px 8px 40px 40px;
  justify-content: center;
  align-items: center;
  transform: rotate(3deg) translateX(-10px);
  transition: 0.17s ease;
}

header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link:hover>.link-img{
  transform: rotate(0deg) translateX(0px);
}
header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link:hover>.link-img > svg {
  transform: rotate(0deg) translateX(0px);
}
header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link:hover>.link-img::before{
  transform: rotate(0deg) translateX(0px);
}

header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link>.link-img > svg {
  transform: rotate(-3deg) translateX(3px);
  transition: 0.17s ease-in;
}

header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link>.link-img::before {
  position: absolute;
  min-width: 65px;
  height: 65px;
  background: linear-gradient(-0.045turn, #ffffff20, #ffffff12, #ffffff02);
  border-radius: 40px 8px 40px 40px;
  display: flex;
  content: "";
  transform: rotate(-8deg) translateX(5px) translateY(5px);
  transition: 0.17s ease;
  -webkit-backdrop-filter:blur(1px);
  backdrop-filter:blur(1px);
}

header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link>.link-description {
  flex-direction: column;
  justify-content: center;
}

header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link>.link-description>span:last-child {
  font-size: 14px;
}

header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link>.link-description>span:first-child {
  font-size: 15.5px;
  font-weight: 600;
}

header>.headerApplied>.menuMobile>.mobileMenuNav {
  width: 100%;
  flex-direction: column;
}

header>.headerApplied>.menuMobile>.mobileMenuNav>a,
header>.headerApplied>.menuMobile>.mobileMenuNav>label {
  height: 70px;
  font-size: 18px;
  line-height: calc(70px);
  font-weight: 300;
  padding-left: 20px;
}

header>.headerApplied>.menuMobile>.mobileMenuNav>label::after {
  position: absolute;
  left: calc(100% - 35px);
  transform: rotate(-90deg);
  content: url('data:image/svg+xml;utf8,<svg version="1.1" width="15" fill="%23E2B639" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 12 7" style="enable-background:new 0 0 12 7;" xml:space="preserve"><path stroke="%23E2B639" stroke-width="0.5" class="st0" d="M12,0.8c0-0.2,0-0.3-0.1-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5,0c-0.2,0-0.3,0.1-0.4,0.3L6,5.1 L1.5,0.3C1.5,0.2,1.4,0.2,1.3,0.1C1.2,0.1,1.1,0,1,0C0.8,0,0.7,0,0.6,0c-0.1,0-0.2,0.1-0.3,0.2S0.1,0.3,0.1,0.4C0,0.5,0,0.6,0,0.7 C0,0.9,0,1,0.1,1.1c0,0.1,0.1,0.2,0.2,0.3l5.1,5.4C5.4,6.8,5.5,6.9,5.7,7C5.8,7,5.9,7,6,7C6.1,7,6.3,7,6.4,7c0.1,0,0.2-0.1,0.3-0.2 l5.1-5.4C11.9,1.2,12,1,12,0.8L12,0.8z"/></svg>');
}


header>input#forYou:checked ~ .headerApplied>.menuMobile>.mobileMenuNav>label::after {
  animation: arrowMobileMenu 0.2s ease-in forwards;
}

@keyframes arrowMobileMenu {
  0% {
    transform: translate(0px, 0px) rotate(-90deg);
  }

  45% {
    transform: translate(-15px, 0px) rotate(-90deg);
  }

  100% {
    transform: translate(50px, 0px) rotate(-90deg);
  }
}

header>.headerApplied>.menuMobile>.mobileMenuNav>label:active {
  background: var(--backgroundSecondary);
}

header>.notification {
  justify-content: flex-end;
  height: 40px;
  transition: 0.17s;
  background: var(--backgroundPrimary);
  border-bottom: 0px solid var(--colorPrimary);
  transition: border-bottom 0.2s ease-in-out 0.17s;
  overflow: hidden;
}

header>input#hidden:not(:checked) ~ .notification{
  height: 40px !important;
}

header>.notification>.notification-content {
  color: var(--fontSecondary);
  font-weight: 500;
  gap: 105px;
  align-items: center;
  width: 100%;
  justify-content: center;
  background: var(--colorPrimary);
  padding-right: 14px;
}

header>.notification::before{
  content: '';
  width: 0; 
  height: 0; 
  border-left: 0px solid transparent;
  border-bottom: 0px solid var(--colorPrimary);
}

header>.notification>.notification-content >.notification-link>a {
  color: var(--fontSecondary);
  font-weight: 500;
  line-height: 24px;
}
header>.notification>.notification-content >.notification-link>a>svg {
  transform: rotate(-90deg);
  transition: 0.2s ease;
  margin-left: 3px;
}

header>.notification>.notification-content >.notification-link{
  gap: 10px;
}

header>.notification>.notification-content >.notification-link>svg {
  transition: 0.4s;
}

header>.notification>.notification-content >.notification-link:hover>a>svg{
  transform: translate(15px, 0px) rotate(-90deg);
}

header > input#hidden:not(:checked) ~ .notification {
  border-bottom: 4px solid var(--colorPrimary);
  transition:0.15s;
}

header > input#hamburger-menu:checked ~ .notification {
  border: 0px;
}

header > input#hidden:not(:checked) ~ .notification::before{
  transform: translate(0px, 0px);
  border-left: 40px solid transparent;
  border-bottom: 40px solid var(--colorPrimary);
}

header > input#hamburger-menu:checked ~ .notification::before {
  border: 0px;
}

header > input#hidden:not(:checked) ~ .notification>.notification-content {
  width: 850px;
  transition: 0.15s ease 0.2s;
}

header > input#hamburger-menu:checked ~ .notification>.notification-content {
  width: 100%;
}

header > input#hamburger-menu:checked ~ .blurredScreen {
  display: none;
}

header>.mainHeader>.container>.buttons>label[for="hamburger-menu"] {
  height: 80px;
  display: none;
}

header>.mainHeader>.container>.buttons>label[for="hamburger-menu"] .ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

header>.mainHeader>.container>.buttons>label[for="hamburger-menu"] .line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #E2B639;
  stroke-width:5.5;
  stroke-linecap:round;
}

header>.mainHeader>.container>.buttons>label[for="hamburger-menu"] .ham8 .top {
  stroke-dasharray: 40 160;
}

header>.mainHeader>.container>.buttons>label[for="hamburger-menu"] .ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}

header>.mainHeader>.container>.buttons>label[for="hamburger-menu"] .ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}

header>input#hidden:not(:checked) ~ .mainHeader>.container>.buttons>label[for="hamburger-menu"] .ham8 .bottom {
  stroke-dashoffset: -64px;
}
header>input#hidden:not(:checked) ~ .mainHeader>.container>.buttons>label[for="hamburger-menu"] .ham8 .middle {
  transform: rotate(90deg);
}
header>input#hidden:not(:checked) ~ .mainHeader>.container>.buttons>label[for="hamburger-menu"] .ham8 .top {
  stroke-dashoffset: -64px;
}
header>input#hidden:not(:checked) ~ .mainHeader>.container>.buttons>label[for="hamburger-menu"] .hamRotate {
  transform: rotate(45deg);
}

header>.headerApplied>.appliedContent.menuMobile {
  justify-content: space-between;
}

header>.headerApplied>.appliedContent.menuMobile>.buttonsMobile {
  flex-direction: column;
  gap: 10px;
  margin-bottom: 100px;
  display: none;
}

header>.headerApplied>.appliedContent.menuMobile>.buttonsMobile>a.login,
header>.headerApplied>.appliedContent.menuMobile>.buttonsMobile>a.register{
  height: 40px;
  border-radius: 3px;
  border: 1px solid var(--colorPrimary);
  margin: 0px 20px;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  padding: 0px;
  align-self: auto;
}

header>.headerApplied>.appliedContent.menuMobile>.buttonsMobile>a.login.userLoged{
  background-color: var(--colorPrimary);
  border: none;
  font-weight: 500;
}

header>.headerApplied>.appliedContent.menuMobile>.buttonsMobile>a.register.userLoged{
  background-color: transparent;
  border: 1px solid #909090;
  color: #909090;
  font-weight: 400;
}

header>.headerApplied>.appliedContent.menuMobile>.buttonsMobile>a.register{
  color: var(--fontSecondary);
  background-color: var(--colorPrimary);
}

main {
  margin-top: 160px;
  height: 100%;
  width: 100%;
}

p a[href]{
  color:var(--colorPrimary);
  font-weight:500;
}

h1 {
  font-weight: 500;
  font-size: 45px;
  z-index: 1;
}

h1.smaller {
  font-size: 47px;
}

h1.smaller>span.brbtc {
  color: var(--colorPrimary);
}

h1>span.mobile {
  display: none;
}

h1>span.mobile>span {
  color: var(--colorPrimary);
}

section {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 100px;
}

section>.container {
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

b {
  font-weight: 500;
}

h2 {
  font-size: 30px;
  font-weight: 500;
  /* max-width: 550px; */
  margin-bottom: 30px;
  text-align: center;
}

input {
  font-family: 'Montserrat',sans-serif;
  border: none;
  background-color: transparent;
  color: var(--fontPrimary);
}

b.brbtc {
  color: var(--colorPrimary);
}

span.brbtc {
  color: var(--colorPrimary);
}

.googlePlayIcon .st0, .appleStoreIcon .st0 {
  fill:#FFFFFF;
}

section.news>.container {
  gap: 20px;
}

section.news>.container>h2{
  font-weight: 500;
  width: 400px;
  text-align: start;
  align-self: start;
}

section.news>.container>.box-news{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  align-items: end;
}

section.news>.container>.box-news>a {
  width: 250px;
  height: 150px;
  align-items: end;
  cursor: pointer;
}

section.news>.container>.box-news>a>.info {
  --color: var(--colorPrimary);
  --colorShadow: var(--colorPrimary);
  --colorShadow2: var(--colorPrimary);
  transition: all 0.3s, box-shadow 0.4s;
  width: 190px;
  height: 110px;
  background: var(--color);
  border-radius: 8px;
  position: relative;
  margin-left: 30px;
  box-shadow: -2px 2px 4px var(--colorShadow), -2px 2px 4px var(--colorShadow), 3px -3px 6px var(--colorShadow2), 3px -3px 6px var(--colorShadow2), 3px -3px 6px var(--colorShadow2);
}

section.news>.container>.box-news>a>.info::after {
  transition: 0.15s ;
}

section.news>.container>.box-news>a>.info.estadao {
  --color: linear-gradient(15deg, #1A9EFE, #1A9EFE, #1E4CF1, #1E4CF1, #1E4CF1);
  --colorShadow: #1A9EFE;
  --colorShadow2: #0d2375;
}

section.news>.container>.box-news>a>.info.exame {
  --color: linear-gradient(22deg, #FE1A1A, #FE1A1A, #FE1A1A, #880000, #880000);
  --colorShadow: #FE1A1A;
  --colorShadow2: #880000;
}

section.news>.container>.box-news>a>.info.veja {
  --color: linear-gradient(22deg,#FF3D3D, #FF3D3D);
  --colorShadow: #FF3D3D;
  --colorShadow2: #FF3D3D;
}

section.news>.container>.box-news>a>.info.camara {
  --color: linear-gradient(22deg,#077CD0, #00972A);
  --colorShadow: #077CD0;
  --colorShadow2: #00972A;
}

section.news>.container>.box-news>a>.info::after{
  content: "";
  transition: 0.22s ease;
  padding: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 120px;
  background: linear-gradient(-0.045turn, #ffffff55, #ffffff30, #ffffff18, #ffffff09, #ffffff18, #ffffff20, #ffffff35);
  box-shadow: 4px 4px 10px rgba(29, 29, 29, 0.822);
  position: absolute;
  top: -25px;
  left: -25px;
  border-radius: 10px;
  -webkit-backdrop-filter: brightness(65%) blur(6px);
  backdrop-filter: brightness(65%) blur(6px);
  pointer-events: none;
  border-bottom: 1px solid #0000001e;
  border-right: 1px solid #0000001e;
}
section.news>.container>.box-news>a>.info.estadao::after{
  content: url('../images/estadao.svg');
}
section.news>.container>.box-news>a>.info.exame::after{
  content: url('../images/exame.svg');
}
section.news>.container>.box-news>a>.info.camara::after{
  content: url('../images/camara.svg');
}
section.news>.container>.box-news>a>.info.veja::after{
  content: url('../images/veja.svg');
}

section.news>.container>.box-news>a.estadao:hover > .info,
section.news>.container>.box-news>a.exame:hover > .info,
section.news>.container>.box-news>a.camara:hover > .info,
section.news>.container>.box-news>a.veja:hover > .info{
  box-shadow: 0px 0px 0px transparent;
  width: 200px;
  height: 120px;
  border-radius: 8px;
}
section.news>.container>.box-news>a.estadao:hover > .info::after,
section.news>.container>.box-news>a.exame:hover > .info::after,
section.news>.container>.box-news>a.camara:hover > .info::after,
section.news>.container>.box-news>a.veja:hover > .info::after {
  top: 0;
  left: 0;
  -webkit-backdrop-filter: brightness(100%) blur(0px);
  backdrop-filter: brightness(100%) blur(0px);
  border-radius: 8px 8px 11px 8px;
}

section.faq>.container>.questions {
  flex-direction: column;
  width: 100%;
  max-width: 800px;
}

section.faq>.container>.questions>.item {
  background-color: var(--backgroundTertiary);
  padding: 20px 30px;
  flex-direction: column;
  border-radius: 5px;
  margin-top: 20px;
}

section.faq>.container>.questions>.item .question>p {
  font-weight: 500;
  font-size: 20px;
  padding-right:20px;
}

section.faq>.container>.questions>.item .question {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

section.faq>.container>.questions>.item .answer>p {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--hrColorSecondary);
}

section.faq>.container>.questions>.item .answer {
  max-height: 0px;
  overflow: hidden;
  transition:all .3s ease-in-out;
}

section.faq>.container>.questions>.item input:checked~.answer {
  max-height:300px;
}

section.faq>.container>.questions>.item .question::after {
  content: url('data:image/svg+xml;utf8,<svg width="16" height="16" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 330 330" style="enable-background:new 0 0 330 330;" xml:space="preserve"><path fill="%23E2B639" id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"/></svg>');
  position: absolute;
  right: 0px;
  top: calc(50% - 8px);
  height: 16px;
  width: 16px;
}

section.faq>.container>.questions>.item input:checked~.question::after {
  transform: rotateX(180deg);
}

section.ready {
  height: 240px;
  color: var(--fontSecondary);
  position:relative;
  overflow:hidden;
  background-image: url('../images/bgLazy.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

section.ready::before {
  transition:.3s all ease-in-out;
  opacity:0.4;
  background: var(--colorPrimary);
  position:absolute;
  right:0px;
  bottom:0px;
  width:100%;
  height:100%;
  content:'';
  z-index:-1;
}

section.ready.visible::before {
  opacity:1;
}

.whiteButton {
  display: flex;
  font-size: 17px;
  border-radius: 3px;
  padding: 15px 25px 15px 25px;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  background-color: var(--fontPrimary);
  color: var(--fontSecondary);
}

section.ready>.container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 100%;
  gap:60px;
  transition:all .5s ease-in-out;
}
section.ready.visible>.container {
  gap:0px;
}

section.ready>.container>div {
  margin: 0px 20px;
}

section.ready>.container>.left {
  flex-direction: column;
  max-width: 400px;
}

section.ready>.container>.left h2 {
  text-align: left;
  margin-bottom: 15px;
}


section.ready>.container>.left h2:last-child {
  font-size:26px;
  line-height:1.4;
}


section.contactUs > .container > .left {
  align-items: center;
}

section.contactUs > .container > .left > img {
  max-width: 70%;
}

section.contactUs > .container > .right {
  flex-direction: column;
  max-width: 50%;
}

section.contactUs > .container > .right h2 {
  max-width: unset;
  text-align: left;
}

section.contactUs > .container > .right > .card {
  flex-direction: column;
  background-color: var(--backgroundTertiary);
  padding: 25px;
  text-align: left;
  border-radius: 8px;
  max-width: 500px;
}
section.contactUs > .container > .right > .card p {
  color: var(--fontQuaternary);
  margin-bottom: 5px;
  font-size: small;
}

section.contactUs > .container > .right > .card input {
  margin-bottom: 35px;
  border-bottom: 2px var(--hrColorTertiary) solid;;
  padding: 10px 5px;
  font-size: 19px;
  min-width: 100%;
}


section.contactUs form button {
  background-color: var(--colorPrimary);
  color: var(--fontSecondary);
  font-weight: 500;
  border: none;
  font-size: 17px;
  border-radius: 3px;
  padding:  10px 25px;
  width: 100%;
  height: 45px;
  text-align: center;
  text-decoration: none;
}

.button-flipper {
transition: 0.4s cubic-bezier(0.775, 0.07, 0.575, 0.995);
transform-style: preserve-3d;
align-items:center;
justify-content:center;
}

.button-flipper.flip-button {
transform: rotateX(180deg);
}

.button-flipper .front-button {
backface-visibility: hidden;
z-index: 2;
transform: rotateX(0deg);
position: absolute;
cursor:pointer;
}

.button-flipper .back-button {
backface-visibility: hidden;
transform: rotateX(-180deg);
position: relative;
}

footer {
  width: 100%;
  display: flex;
  justify-content: center;
  background: var(--backgroundSenari);
  border-top: 1px solid var(--hrColorPrimary);
  padding-top: 60px;
}

footer .simple-container {
  position: relative;
  display: flex;
  height: 50px;
  width: 100%;
  justify-content: center;
  align-items: center;
}

footer .simple-container::after  {
  content: '';
  display: flex;
  width:50px;
  height: 50px;
  background-image: var(--shortLogo);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

footer>.container {
  max-width: 1280px;
  /* justify-content: space-between; */
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  gap:1em;
}

footer>.container>.company {
  flex-direction: column;
  align-items: flex-start;
}

footer>.container>.company .cnpj {
  margin-top: 30px;
  flex-direction: column;
}

footer>.container>.company .address {
  margin-top: 20px;
  flex-direction: column;
}

footer>.container>.company .associate {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
}

footer>.container>.company .associate > .logos {
  margin-top: 5px;
  align-items: center;
  gap: 20px;
}

footer>.container>.company .associate > .logos > img:first-child {
  margin-top: 2.5px;
}

footer>.container>.company .cnpj>p:first-child,
footer>.container>.company .address>p:first-child,
footer>.container>.company .app>p:first-child,
footer>.container>.company .associate>p:first-child   {
  font-weight: 500;
}

footer>.container>.company .cnpj>p:nth-child(2),
footer>.container>.company .address>p:nth-child(2) {
  color: var(--fontTertiary);
  font-size: 14px;
  margin-top: 2px;
}

footer>.container>.company>.socials {
  margin-top: 25px;
}

footer>.container>.company>.socials>a {
  margin-right: 17px;
}

footer>.container>.company>.socials>a>.socialIcon {
  width: 28px;
  height: 28px;
}
footer>.container>.company>.socials>a:hover>.socialIcon .st0 {
  fill:var(--colorPrimary);
}
.socialIcon .st0 {
  fill:#FFFFFF;
}
.chatIcon svg .st1 {
  fill:#FFFFFF;
}
.chatIcon svg .st0 {
  fill:var(--colorPrimary);
}

footer>.container>.company>.app {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
}

footer>.container>.company>.app>p {
  font-weight: 400;
}

footer>.container>.company>.app>.logos {
  margin-top: 10px;
}

footer>.container>.company>.app>.logos>a:not(:nth-child(2)) {
  margin-right: 20px;
}

footer>.container>.company>.app>.logos>a>img, footer>.container>.company>.app>.logos>a>svg {
  width: 112px;
}

footer>.container>.menu {
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
  gap:35px;
}

footer>.container>.menu>div {
  flex-direction: column;
}

footer>.container>.menu>div>label {
  font-size: 20px;
  font-weight: 400;
}

footer>.container>.menu>div>a {
  margin-top: 20px;
  color: var(--fontTertiary);
  font-size:15px;
}

footer>.container>.menu>div>a:hover {
  color: var(--fontPrimary) !important;
}

footer>.container>.menu>div>label b {
  font-size:18px;
}


footer>.container>.bottom {
  width: 100%;
  justify-content: space-between;
  color: var(--fontTertiary);
  font-size: 14px;
  padding-top: 25px;
  border-top: 1px solid var(--hrColorPrimary);
  padding-bottom: 25px;
  order: 3;
}

footer>.container>.bottom>.right>span {
  margin: 0px 10px;
}

footer>.container>.bottom>.right>a {
  color: var(--fontTertiary);
}
@media (max-width: 2600px) {
  header>.mainHeader>.container>.buttons>.language>.language-container {
    left: calc(100% - clamp(1.8rem, -190rem + 135vi, 600rem));
  }
}
@media(max-width: 1400px) {
  header>.mainHeader>.container>.buttons>p {
    display: none;
  }
}
@media(max-width: 1280px) {

  header>.mainHeader>.container>.menuNav>.menuNav-item>a[href="/mercados"] {
    display: none;
  }

  section>.container,
  header>.container,
  footer>.container,
  .cookiesAgreement>.container {
    width: calc(100% - 40px) !important;
  }

  header>.mainHeader>.container>.buttons>a.register {
    display: none;
  }

  header > input#hidden:not(:checked) ~ .notification>.notification-content {
    width: 600px;
    gap: 32px;
    font-size: 15px;
    transition: 0.15s ease 0.2s;
  }

  header > input#hamburger-menu:checked ~ .notification>.notification-content {
    width: 100%;
  }

  section.contactUs > .container{
    min-width: 100%;
  }

  section.contactUs > .container > .left {
      display: none;
  }

  section.contactUs > .container > .right h2{
      text-align: center;
  }

  section.contactUs > .container > .right .card{
      min-width: 100%;
  }

  section.contactUs > .container > .right {
      align-items: center;
      max-width: 90%;
  }
}

@media(max-width: 1180px) {
  header>.mainHeader>.container>.buttons>img {
    display: none;
  }

  header {
    min-width:100vw;
  }

  header > input#hamburger-menu:checked ~ .notification>.notification-content {
    width: 100%;
  }

  h1 {
    font-size: 30px !important;
  }

}
@media(max-width: 1080px) {
  .BB8{
    z-index: -1 !important;
  }
  section.news>.container>.box-news {
    padding: 0px 100px;
    gap: 90px;
  }
  header>.mainHeader>.container>.buttons>img {
    display: flex;
  }

  body:has(header>input#hidden:not(:checked)) {
    overflow-y: hidden;
  }

  header>.notification>.notification-content >.notification-link>svg {
    width: 20px;
    height: 20px;
  }

  header>.notification>.notification-content {
    gap: 0px;
    justify-content: space-around;
    font-size: 14px;
  }

  header > input#hamburger-menu:checked ~ .notification>.notification-content {
    width: 100%;
  }

  header>.mainHeader>.container>.buttons>label[for="hamburger-menu"] {
    display: flex;
  }

  header>.mainHeader>.container>.buttons>.language>img {
    display: none;
  }
  header>.mainHeader>.container>.buttons>.language::after{
    display: none;
  }
  header>.mainHeader>.container>.buttons>.language {
    position: absolute;
    pointer-events: none;
    display: none;
  }

  header>.mainHeader>.container>.buttons>a.register {
    display: flex;
  }

  header>.mainHeader>.container>.menuNav {
    display: none;
  }

  header>input#hidden:not(:checked) ~ .headerApplied{
    flex-direction: row;
    height: calc(100vh - 80px);
  }
  header>input#hamburger-menu:checked ~ .headerApplied>.appliedContent{
    height: auto;
    width: 0px;
    padding: 0px;
  }
  header>input#hamburger-menu:checked ~ .headerApplied>.menuMobile{
    background: var(--backgroundPrimary);
    opacity: 1;
    width: 100%;
  }

  header>input#hamburger-menu:not(:checked) ~ input#hidden:not(:checked) ~ .mainHeader > .container > .menuMobileReturn{
    display: flex;
  }

  header>input#forYou:checked ~ .mainHeader > .container > a.logo {
    display: none;
  }
  header>input#forCompany:checked ~ .mainHeader > .container > a.logo {
    display: none;
  }
  header>input#Institutional:checked ~ .mainHeader > .container > a.logo {
    display: none;
  }
  header>input#help:checked ~ .mainHeader > .container > a.logo {
    display: none;
  }

  header>.headerApplied>.appliedContent.menuMobile {
    transition: 0s;
  }
  header>.headerApplied>.appliedContent.forYouMenu {
    transition: 0s;
  }
  header>.headerApplied>.appliedContent.forCompanyMenu {
    transition: 0s;
  }
  header>.headerApplied>.appliedContent.InstitutionalMenu {
    transition: 0s;
  }
  header>.headerApplied>.appliedContent.helpMenu {
    transition: 0s;
  }

  header>input#hidden:checked ~ .mainHeader>.container>.buttons>label[for="hamburger-menu"]>label[for="hidden"] {
    pointer-events: none;
  }

  header > input#forYou:checked ~ .headerApplied > .appliedContent.forYouMenu,
  header > input#forCompany:checked ~ .headerApplied > .appliedContent.forCompanyMenu,
  header > input#Institutional:checked ~ .headerApplied > .appliedContent.InstitutionalMenu,
  header > input#help:checked ~ .headerApplied > .appliedContent.helpMenu {
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 90px;
    padding: 0px 10px;
    overflow: hidden;
  }
}

@media(max-width: 940px) {
  section.news>.container>.box-news {
    padding: 20px;
    gap: 49px;
  }

  header>.notification>.notification-content >.notification-link>a {
    text-decoration: underline;
  }

  header>.notification>.notification-content >.notification-link>svg {
    display: none;
  }

  header>.notification>.notification-content {
    gap: 0px;
    justify-content: space-around;
    font-size: 14px;
  }

  header > input#hamburger-menu:checked ~ .notification>.notification-content {
    width: 100%;
  }

}

@media(max-width: 800px) {
  header>.headerApplied>.appliedContent>.appliedContent-links::-webkit-scrollbar,
  .chatBody::-webkit-scrollbar,
  .selectBox::-webkit-scrollbar, .customScroll::-webkit-scrollbar {
    width: 10px;
  }

  header>.headerApplied>.appliedContent>.appliedContent-links::-webkit-scrollbar-track,
  .chatBody::-webkit-scrollbar-track,
  .selectBox::-webkit-scrollbar-track, .customScroll::-webkit-scrollbar-track {
    background: var(--backgroundPrimary);
  }

  header>.headerApplied>.appliedContent>.appliedContent-links::-webkit-scrollbar-thumb,
  .chatBody::-webkit-scrollbar-thumb,
  .selectBox::-webkit-scrollbar-thumb, .customScroll::-webkit-scrollbar-thumb {
    background-color: var(--colorPrimary);
    border-radius: 20px;
    border: 3px solid var(--backgroundPrimary);
  }
  header>.headerApplied>.appliedContent>.appliedContent-links {
    flex-direction: column;
    gap: 0px;
    padding: 0px;
    height: 70vh;
    overflow-y: scroll;
    align-items: center;
    justify-content: start;
  }
  header>.headerApplied>.appliedContent>.appliedContent-links>.box-links {
    width: 100%;
    display: flex;
    gap: 10px;
    height: auto;
    padding: 0px;
  }
  header>.headerApplied>.appliedContent>.appliedContent-links>.box-links>.link {
    min-width: 300px;
    max-width: 100%;
    width: 100%;
  }
  header>.headerApplied>.appliedContent>.appliedContent-title{
    gap: 0;
    margin-bottom: 10px;
  }
  header>.headerApplied>.appliedContent>.appliedContent-title>p {
    display: none;
    width: auto;
    font-size: 14px;
  }
  header>.headerApplied>.appliedContent>.appliedContent-title>p:last-child{
    display: flex;
  }

  .chatContainer {
    right: 0px;
  }

  .chatContainer .chatWindow {
    width: 100%;
  }

  .cookiesAgreement {
    padding:10px 0px !important;
  }

  .cookiesAgreement>.container {
    flex-direction: column;
    justify-content: space-around !important;
  }

  .cookiesAgreement>.container .text>p {
    text-align:center;
    font-size:11px !important;
  }

  footer>.container>.menu>div>a {
    display: none;
  }

  footer>.container>.menu {
    margin-left: 0px;
    order: 1;
    flex-direction: column;
    position: relative;
  }

  footer>.container>.menu>div>label {
    padding-bottom: 5px;
  }

  footer>.container>.menu>div>label::after {
    content: url('data:image/svg+xml;utf8,<svg version="1.1" width="15" fill="%23FFFFFF" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 12 7" style="enable-background:new 0 0 12 7;" xml:space="preserve"><path stroke="%23141416" stroke-width="0" d="M12,0.8c0-0.2,0-0.3-0.1-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5,0c-0.2,0-0.3,0.1-0.4,0.3L6,5.1 L1.5,0.3C1.5,0.2,1.4,0.2,1.3,0.1C1.2,0.1,1.1,0,1,0C0.8,0,0.7,0,0.6,0c-0.1,0-0.2,0.1-0.3,0.2S0.1,0.3,0.1,0.4C0,0.5,0,0.6,0,0.7 C0,0.9,0,1,0.1,1.1c0,0.1,0.1,0.2,0.2,0.3l5.1,5.4C5.4,6.8,5.5,6.9,5.7,7C5.8,7,5.9,7,6,7C6.1,7,6.3,7,6.4,7c0.1,0,0.2-0.1,0.3-0.2 l5.1-5.4C11.9,1.2,12,1,12,0.8L12,0.8z"/></svg>');
    position: absolute;
    font-size: 35px;
    line-height: 18px;
    font-weight: 500;
    left: calc(100% - 30px);
    transition: 0.2s;
  }

  footer>.container>input#serv:checked ~ div.menu>div.serv>label::after,
  footer>.container>input#ferr:checked ~ div.menu>div.ferr>label::after,
  footer>.container>input#apre:checked ~ div.menu>div.apre>label::after,
  footer>.container>input#sobr:checked ~ div.menu>div.sobr>label::after {
    transform: rotate(180deg);
    margin-top: 5px;
  }

  footer>.container>input#serv:checked ~ div.menu>div.serv>a,
  footer>.container>input#ferr:checked ~ div.menu>div.ferr>a,
  footer>.container>input#apre:checked ~ div.menu>div.apre>a,
  footer>.container>input#sobr:checked ~ div.menu>div.sobr>a {
    display: flex;
    animation: toAppear 0.3s linear 0.1s forwards;
  }

  @keyframes toAppear {
    0%{
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  footer>.container>.company {
    order: 2;
    align-items: center;
    margin-top: 20px;
  }

  footer>.container>.company p {
    text-align: center;
  }

  footer>.container {
    flex-direction: column;
  }

  footer>.container>.bottom {
    flex-direction: column;
    align-items: center;
  }

  footer>.container>.bottom>.right {
    margin-bottom: 20px;
    order: -1;
  }

  footer>.container>.company>.app {
    align-items: center;
  }
}

@media(max-width: 640px) {
  header>.mainHeader>.container>.buttons>label[for="hamburger-menu"] {
    margin-right: -20px;
  }
  header>.mainHeader>.container>.buttons{
    gap: 10px;
  }
  header>.mainHeader>.container>.buttons>a.dashboard,
  header>.mainHeader>.container>.buttons>a.sair{
    display: none;
  }

  section.news>.container>.box-news {
    padding: 0px;
    gap: 30px;
    flex-direction: column;
  }

  section.news>.container>.box-news>a:nth-child(odd) {
    align-self: start;
  }

  section.news>.container>.box-news>a>.info{
    width: 270px;
  }
  section.news>.container>.box-news>a>.info::after{
    width: 270px;
  }
  section.news>.container>.box-news>a {
    width: 300px;
  }

  section.news>.container>.box-news>a.estadao:hover > .info,
  section.news>.container>.box-news>a.exame:hover > .info,
  section.news>.container>.box-news>a.camara:hover > .info,
  section.news>.container>.box-news>a.veja:hover > .info {
    width: 265px;
  }

  header>.headerApplied>.appliedContent.menuMobile>.buttonsMobile {
    display: flex;
  }

  header>.notification>.notification-content {
    justify-content: space-between;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 20px;
  }

  header > input#hamburger-menu:checked ~ .notification>.notification-content {
    width: 100%;
  }

  header>.mainHeader>.container>.buttons>a.register {
    display: none;
  }

  header>.mainHeader>.container>.buttons>a.login {
    display: none;
  }

  h1 {
    font-size: 45px;
  }

  .chatContainer .chatWindow {
    width: 100vw !important;
  }

  .chatContainer {
    right: 0px !important;
  }
}

.chatContainer .sendMessage .st0 {
  fill: none;
  stroke: var(--colorPrimary);
  stroke-width: 22;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.chatContainer .chatIcon[data-messages]::before {
  position: absolute;
  height: 26px;
  width: 26px;
  background-color: var(--colorPrimary);
  border-radius: 13px;
  top: -11px;
  right: -11px;
  content: '';
}

.chatContainer .chatIcon[data-messages]::after {
  content: attr(data-messages);
  color: var(--white);
  font-size: 14px;
  top: -7px;
  right: -2px;
  position: absolute;
}

.chatContainer .imageUploadContainer {
  position: relative;
  margin: auto;
}

.chatContainer .imageUploadContainer .removeImage {
  position: absolute;
  right: -10px;
  top: -10px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.chatContainer .chatBody>div img {
  max-width: 200px;
}

.chatContainer .imageUpload {
  max-height: 80px;
}

.chatContainer .imageUpload[src*="#"],
.chatContainer .imageUpload[src*="#"]~.removeImage {
  display: none;
}

.chatContainer .chatIcon {
  height: 30px;
  width: 30px;
  padding: 18px;
  border-radius: 20px;
  background-color: var(--backgroundTertiary);
  border: 1px solid var(--hrColorSecondary);
  bottom: 30px;
  position: relative;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 15px 0px #000000;
  box-shadow: 0px 0px 15px 0px #000000;
}

.chatContainer #showChat:checked~.chatIcon {
  display: none;
}

.chatBody .operator:not(.typing)::after,
.chatBody .client::after {
  position: absolute;
  color: var(--fontTertiary);
  font-size: 11px;
  bottom: -15px;
  content: attr(data-time);
}

.chatBody .operator:not(.typing)::after {
  left: 0px;
}

.chatBody .client::after {
  right: 0px;
}

.chatContainer:not(.attended) .operator .column>span:nth-child(1),
.chatContainer:not(.attended) .operator .column>span:nth-child(2) {
  display: none;
}

.chatContainer .operator .column>span:nth-child(3) {
  display: none;
}

.chatContainer:not(.attended) .operator .column>span:nth-child(3) {
  display: flex;
}

.chatWindow .typing {
  display: none;
  padding: 7px 10px 7px 10px !important;
  width: 34px;
  order: 1;
}

.chatContainer.isTyping .chatWindow .typing {
  display: flex;
}

.chatWindow .inputContainer .attachment,
.chatWindow .inputContainer .sendMessage {
  height: 22px;
  width: 22px;
  cursor: pointer;
  margin: auto;
}

.chatContainer:not(.attended) .inputContainer .attachment {
  display: none;
}

.chatWindow .inputContainer .sendMessage {
  padding: 0px;
  background: transparent;
  border: none;
}

.chatWindow .inputContainer>.formRow {
  width: 100%;
  min-height: 33px;
}

.chatWindow .inputContainer .input {
  flex: 1;
  padding: 0px 10px 0px 10px;
  min-height: 100%;
}

.chatWindow .inputContainer .input input::placeholder {
  color: #505050;
}

.chatWindow .inputContainer .input input {
  width: 100%;
  border-radius: 15px;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #303030;
  border: none;
  color: var(--fontPrimary);
  padding: 0px 10px 0px 10px;
}

.chatWindow .chatHeader .rightContainer>div,
.chatWindow .chatHeader .rightContainer>label {
  height: 29px;
  width: 29px;
  padding: 5px;
  margin-left: 10px;
  cursor: pointer;
}

.chatWindow .chatHeader .rightContainer>div:hover,
.chatWindow .chatHeader .rightContainer>label:hover,
.chatWindow .inputContainer .attachment:hover,
.chatWindow .inputContainer .sendMessage:hover {
  opacity: 0.75;
}

.fontawesomeSvg path {
  fill: var(--colorPrimary);
}

.chatContainer {
  position: fixed;
  right: 28px;
  bottom: 0px;
  z-index: 2;
}

.chatContainer .chatWindow {
  height: 500px;
  width: 390px;
  background-color: var(--backgroundPrimary);
  flex-direction: column;
  border: 1px solid var(--hrColorSecondary);
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: none;
}

.chatContainer #showChat:checked~.chatWindow {
  display: flex;
}

.chatContainer .operator .column {
  margin-left: 10px;
}

.chatContainer .operator .column .operatorName {
  font-size: 15px;
}

.chatContainer .operator .column .smallLabel {
  font-size: 12px;
}

.chatContainer .chatWindow .chatHeader {
  background-color: var(--backgroundTertiary);
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--hrColorSecondary);
}

.chatContainer .chatWindow .chatHeader .operator {
  align-items: center;
}

.chatContainer .chatWindow .chatBody,
.chatContainer .chatWindow .chatHeader,
.chatContainer .chatWindow .inputContainer {
  width: 100%;
}

.chatContainer .chatWindow .chatBody {
  padding: 0px 10px 10px 15px;
  overflow: auto;
}

.chatContainer .chatWindow .chatHeader {
  padding: 20px 25px 20px 25px;
}

.chatContainer .chatWindow .chatBody {
  flex: 1;
}

.chatContainer .chatWindow .inputContainer {
  height: 64px;
  align-items: center;
  border-top: 1px solid var(--hrColorSecondary);
  padding: 15px 25px 15px 25px !important;
  flex-direction: column;
  align-items: center;
  transition: all .2s ease-in-out !important;
  justify-content: flex-end;
  overflow: hidden;
}

.chatWindow .chatBody {
  flex-direction: column;
}

.chatWindow .chatBody>div {
  margin: 10px 0px 10px 0px;
}

.chatWindow .chatBody .operator {
  background-color: var(--hrColorSecondary);
  padding: 13px;
  font-size: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  max-width: 60%;
  align-self: flex-start;
  position: relative;
}

.chatWindow .chatBody .client {
  background-color: #505050;
  padding: 13px;
  font-size: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  max-width: 60%;
  align-self: flex-end;
  position: relative;
  align-items: flex-end;
  flex-direction: column;
}

.defaultIcon {
  background-color: var(--colorPrimary);
  width: 35px;
  height: 35px;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

.smallLabel {
  color: var(--fontTertiary);
}

.column {
  flex-direction: column;
}

.chatBody .finished {
  margin: 24px auto !important;
  font-size: 12px;
  background-color: var(--backgroundTertiary);
  width: 80%;
  text-align: center;
  border-radius: 5px;
  padding: 10px 5px;
  color: var(--fontTertiary);
}

.cookiesAgreement {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  justify-content: center;
  background-color: var(--backgroundSenari);
  z-index: 9;
  -webkit-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.5);
  padding:30px 0px;
}

body .cookiesAgreement {
  display:none;
}

body[cookies-accepted="false"] .cookiesAgreement {
  display:flex;
}

.cookiesAgreement>.container {
  width: 100%;
  max-width: 1280px;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  gap:10px;
}

.cookiesAgreement>.container .text {
  flex-direction:column;
}

.cookiesAgreement>.container .text>p {
  max-width: 700px;
  font-size: 12px;
}

.cookiesAgreement>.container>.acceptCookies {
  font-size: 12px;
  border-radius: 3px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  background-color: var(--colorPrimary);
  border: 1px solid var(--colorPrimary);
  color: var(--fontSecondary);
  cursor: pointer;
  white-space: nowrap;
}
.cookiesAgreement a {
  text-decoration:underline;
  color:var(--fontPrimary);
}
.nowrap {
  white-space: nowrap;
}

body>.chatIcon {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  transition: all .1s ease-in-out;
  z-index: 1;
}

body>.chatIcon:hover {
  scale: 1.05;
  transform: rotateZ(-5deg);
}

body>.chatIcon>svg {
  height: 100%;
  width: 100%;
}

/*UTIL*/
/*bubbleB8*/
.BB8{
  position: absolute;
  left: 0;
  top: 0;
  width: max-content;
}

.BB8.floatB8{
  position: absolute;
  left: 0;
  top: 100%;
  animation: float8 15s cubic-bezier(0.68,-0.35,0.27,1.35) alternate infinite;
  width: max-content;
}

.bubbleB8{
  position: relative;
}

div.main{
  --varWidth: 350px; /*altere esse valor no seu css*/
  display: flex;
  width: calc(var(--varWidth) + calc(var(--varWidth) / 4));
  height: calc(var(--varWidth) / 2);
  gap: calc(var(--varWidth) / 4);
}

div.main>div.bubble {
  width: 100%;
  height: 100%;
  border: 2px solid var(--colorPrimary);
  transform: rotate(46deg);
  border-radius: 100% 20px 100% 100%;
}

div.main.glass {
  position: absolute;
  top: 0;
  left:0;
  transform: rotate(-12deg);
}

div.main.glass>div.bubble {
  width: 100%;
  height: 100%;
  background: linear-gradient(0.450turn, #ffffff02, #ffffff04, #ffffff07, #ffffff09, #ffffff17, #ffffff30, #ffffff45);
  border: none;
  transform: rotate(46deg);
  -webkit-backdrop-filter: brightness(80%) blur(3px);
  backdrop-filter: brightness(80%) blur(3px);
}

div.main.glass>div.bubble.man {
    background: linear-gradient(-0.05turn, #ffffff02, #ffffff04, #ffffff07, #ffffff09, #ffffff17, #ffffff30, #ffffff45);
}

div.main>div.bubble.man {
  border-radius: 100% 100% 100% 20px;
}
/*
bubbleB8 corpo

<div class="bubbleB8">  
  <div class="main border">
    <div class="bubble"></div>
    <div class="bubble man"></div>
  </div>
  <div class="main glass">
    <div class="bubble"></div>
    <div class="bubble man"></div>
  </div>
</div>
*/

/*decoração de texto 8*/
.text8 {
  position: relative;
}
.text8:after {
  position: absolute;
  left: calc(100% - 20px);
  top: calc(100% - 55px);
  content: "";
  display: flex;
  width: 35px;
  height: 35px;
  background: var(--colorPrimary);
  border-radius: 100% 100% 100% 20%;  
  transform: translate(0px, 0px) rotate(20deg);
  z-index: -1;
}
.text8:before {
  position: absolute;
  left: calc(100% - 65px);
  top: calc(100% - 35px);
  content: "";
  display: flex;
  width: 35px;
  height: 35px;
  background: var(--colorPrimary);
  border-radius: 100% 20% 100% 100%;  
  transform: translate(0px, 0px) rotate(20deg);
  z-index: -1;
}

/* escolha a posição
.text8:before, .text8:after {
  transform: rotate(20deg) translate(!px, !px);
}
/*