* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  /*-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;*/
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  text-align: center;
  background-color: #ffffff;
  font-family: NunitoSans;
  color: #696969;
  --champagne: #c9a74d;
  --darkgrey: #282828;
  --mediumgrey1: #8a91a6;
  --mediumgrey2: #a9a9aa;
  --lightgrey0: #edece3;
  --lightgrey1: #c5c4bb;
  --lightgrey2: #f0f3f5;
  --green1: #8a91a6;
  --green1: #5c7c39;
  --green2: #de7d3b;
  --green3: #9ebd43;
  --maroon1: #de7d3b;
  --lightblue: #b8e2f2;
  --mediumblue: #0050aa;
  --alert: #aa2800;
}

* {
  outline: 0 !important;
  margin: 0;
  padding: 0;
}

a,
a:hover,
a:active,
a:focus {
  outline: none;
}

a,
a:hover,
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
  outline: none;
  outline: 0;
}

input::-moz-focus-inner {
  border: 0;
}

@font-face {
  font-family: "NunitoSans";
  src: url("/assets/fonts/NunitoSans_10pt-Light.woff2") format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NunitoSans";
  src: url("/assets/fonts/NunitoSans_10pt-Regular.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NunitoSans";
  src: url("/assets/fonts/NunitoSans_10pt-Medium.woff2") format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NunitoSans";
  src: url("/assets/fonts/NunitoSans_10pt-SemiBold.woff2") format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NunitoSans";
  src: url("/assets/fonts/NunitoSans_10pt-Bold.woff2") format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@media screen and (min-width:1281px){
  html {font-size: 16px;}
}

@media screen and (max-width:1280px){
  html {font-size: 15px;}
}


#menu {display: flex;width: 100%;height: 9.375rem;z-index:15;justify-content:space-between;padding: 3.125rem 5%;/*border: 1px solid yellow;*/}
.menu-home {position: fixed;top: 0;left: 0;}
#menu .logo {background-image: url('/assets/image/logo-black.svg');width:9.6254rem;height:3.125rem;background-size:contain;background-repeat:no-repeat;}
#menu .logo a {display:block;width:100%;height:100%;}
#menu .menu-top {/*border:1px solid violet;*/width: max-content;align-items: center;height: 100%;}
#menu .menu-top ul {list-style: none;text-transform: uppercase;font-size:0.9375rem;}
#menu .menu-top ul span, #menu .menu-top ul a {color:inherit;font-weight: 700;text-decoration: none;}
#menu .menu-top>ul>li {display: inline-block;position: relative;padding:0 1rem;height: 3.125rem;line-height: 3.125rem;}
#menu .menu-top span.menu-down {font-size: 1.35rem;position: relative;bottom: 0.45rem;padding: 0 0 0 0.25rem;}
#menu .menu-top ul.submenu {position: absolute;top:100%;left: 50%;display:none;border: 1px solid #ffffff;background: #ffffff;box-shadow: 0 0 13px 1px #f2f2f2;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 100;}
#menu .menu-top li:hover >ul.submenu {display:block;}
#menu .menu-top ul.submenu li {border-bottom: 1px solid #f2f2f2;}
#menu .menu-top ul.submenu li:hover {background: #f2f2f2;}
#menu .menu-top ul.submenu li a {line-height: 1.2;color: #696969;width: 100%;display: block;padding: 18px 18px 16px;}
#menu .menu-top .sociais {display: flex;/*! padding: 0 15rem; */}
#menu .menu-top .sociais img {display: block;width: 0.9375rem;height: 0.9375rem;object-fit: contain;margin:0 0.5rem;}

.inicial #menu {background-color:transparent;}
.inicial #menu .logo {filter:invert(100%);}
.inicial #menu.menu-home:hover {background-color:rgba(0,0,0,0.2);backdrop-filter: blur(16px);}
.inicial #menu .menu-top>ul>li {color: #ffffff;}
.inicial #menu .menu-top .sociais img {filter: invert(100%);}

.final #menu.menu-home {background-color:#ffffff;box-shadow: 0 0 2px 3px rgba(0,0,0,0.15);}
.final #menu .logo {filter: invert(53%) sepia(97%) saturate(1431%) hue-rotate(138deg) brightness(96%) contrast(89%);}
.final #menu .menu-top>ul>li {color: #696969;}
.final #menu .menu-top .sociais img {filter: invert(49%) sepia(14%) saturate(0%) hue-rotate(142deg) brightness(79%) contrast(87%);}

#menu.menu-interno {max-width:1050px;width: 90%;margin:0 auto;padding:3.125rem 0;position:relative;}
#menu.menu-interno .logo {filter: invert(53%) sepia(97%) saturate(1431%) hue-rotate(138deg) brightness(96%) contrast(89%);}
#menu.menu-interno .menu-top>ul>li {color: #696969;}
#menu.menu-interno .menu-top .sociais img {filter: invert(49%) sepia(14%) saturate(0%) hue-rotate(142deg) brightness(79%) contrast(87%);}

@media screen and (min-width:650px){
  .menu-mobile,.bt-menu-mobile {display: none;}
}

@media screen and (max-width:649px){
	#menu {justify-content: center;}
	#menu .menu-top {display: none;}
	#menu .bt-menu-mobile {width:22px;height:18px;position:absolute;top:50%;left:25px;transform:translateY(-50%);display:flex;flex-direction: column;justify-content: space-between;cursor:pointer;}
	#menu.closed .menu-mobile {display: none;}
	#menu.open .menu-mobile {display: flex;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: #0ebbbc;z-index: 10000000;justify-content: center;align-items: center;flex-direction: column;}
	#menu .bt-menu-mobile > div {width: 100%;height: 4px;border-radius: 1px}
/*	#menu.closed .bt-menu-mobile .l1,#menu.closed .bt-menu-mobile .l2,#menu.closed .bt-menu-mobile .l3 {background-color: #ffffff;width: 100%;height: 4px;border-radius: 1px}*/
	.inicial #menu.closed.menu-home .bt-menu-mobile > div {background-color: #ffffff;}
	.final #menu.closed.menu-home .bt-menu-mobile > div,#menu.closed.menu-interno .bt-menu-mobile > div {background-color: #0ebbbc;}
	#menu .menu-mobile .bt-close {position:absolute;width: 21px;height: 21px;left: 5%;top: 50px;cursor:pointer;}
	#menu .menu-mobile .bt-close:before{content: '';position: absolute;display: block;height: 5px;background-color: #ffffff;width: 100%;border-radius: 0.07rem;top:50%;transform:translateY(-50%) rotateZ(45deg);}
	#menu .menu-mobile .bt-close:after{content: '';position: absolute;display: block;height: 5px;background-color: #ffffff;width: 100%;border-radius: 0.07rem;top:50%;transform:translateY(-50%) rotateZ(-45deg);}
	#menu.open .menu-mobile p {font-size:2.4rem;font-weight: 300;padding: 0 0 1rem 0;letter-spacing: 0.05em;}
	#menu.open .menu-mobile ul {list-style: none;color: #ffffff;}
	#menu.open .menu-mobile li {padding:0.51rem 0;}
	#menu.open .menu-mobile li a {color:inherit;text-decoration: none;text-transform: uppercase;font-size: 1.1rem;font-weight: 300;letter-spacing: .1em;}
}

#introducao {max-width: 1050px;width: 90%;margin: 0 auto;}
#introducao h1 {font-weight: 300;font-size:3.4375rem;/*line-height: 8rem;*/padding:1.7rem 1rem;}
#introducao h1 span {font-weight: 400;background: -webkit-linear-gradient(45deg, #82acd9, #0ebbbc);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline;}
#introducao p {font-size:1.1875rem;line-height:2.375rem;padding: 0 10%;letter-spacing: 0.0178125rem;max-width:1050px;}
#introducao .divider {height: 4.6875rem;width: 1px;display: inline-block;background: #0ebbbc;margin-top: 50px;position: relative;top: -5px;}

#experience {background: #f2f2f2;margin: 7rem 0 0 0;}
#experience .cardholder {width:90%;margin: 0 auto;display: flex;flex-wrap: wrap;}
#experience .cardholder .card {margin: -5rem 0 5rem 0;background-position:center center;background-size:cover;overflow: hidden;position:relative;}
#experience .cardholder .card:before {
	background: rgba(130,172,217,1);
	background: -moz-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(130,172,217,1)), color-stop(100%, rgba(7,188,188,1)));
	background: -webkit-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: -o-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	opacity: 0;
	z-index: 2;content: "";bottom: 0;top: 0;right: 0;left: 0;position: absolute;
}
#experience .cardholder .card:hover:before {opacity: 0.7;}

#experience .cardholder .card:after {z-index: 1;content: "";bottom: 0px;top: 0px;right: 0px;left: 0px;
	background: transparent;
	background: linear-gradient(to bottom, transparent 0%, #444 100%);
	opacity: .8;
	position: absolute;
	box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.5);
}
#experience .cardholder .card-camps {background-image: url('/assets/image/card_camps.webp');}
#experience .cardholder .card-highschool {background-image: url('/assets/image/card_highschool.webp');}
#experience .cardholder .card-idioma {background-image: url('/assets/image/card_idioma.webp');}
#experience .cardholder .card-familia {background-image: url('/assets/image/card_familia.webp');}
#experience .cardholder .card-profissional {background-image: url('/assets/image/card_profissional.webp');}
#experience .cardholder .card-sabatico {background-image: url('/assets/image/card_sabatico.webp');}

#experience .cardholder .card .txt {position: absolute;color:#ffffff;bottom:10%;left:50%;transform: translateX(-50%);z-index: 3;}
#experience .cardholder .card .txt h2 {font-weight:300;width:max-content;margin:0 auto;font-size: 2rem;}
#experience .cardholder .card .txt .forward {font-size: 0rem;line-height: 0rem;letter-spacing: -1px;transition: all 0.5s;}
#experience .cardholder .card:hover .txt .forward {font-size: 2.75rem;line-height: 2.75rem;transition: all 0.5s;}

@media all and (min-width: 920px) {
	#experience .cardholder {max-width:1050px;}
	#experience .cardholder .card {width: 33.3333333333%;padding-bottom: 33.3333333333%;}
	#experience .cardholder .card .txt {font-size:1.75rem;}
}

@media all and (min-width: 501px) and (max-width: 919px) {
	#experience .cardholder {max-width:520px;}
	#experience .cardholder .card {width: 50%;padding-bottom: 50%;}
	#experience .cardholder .card .txt {font-size:1.5rem;}
}

@media all and (max-width: 500px) {
	#experience .cardholder {max-width:420px;}
	#experience .cardholder .card {width: 100%;padding-bottom: 100%;}
	#experience .cardholder .card .txt {font-size:8vw;}
}

#footer {background-color:#696969;padding: 4.6875rem 0;color: #f2f2f2;}
#footer .top {max-width:1050px;width: 90%;margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
#footer .top ul {list-style: none;}
#footer .top ul li {text-transform: uppercase;font-size: 0.8rem;font-weight: 600;}
#footer .top ul li a {color:inherit;text-decoration:none;}
#footer .top .sociais {display: flex;height: max-content;}
#footer .top .sociais img {object-fit: contain;display: block;filter: invert(100%);}
#footer .spacer {max-width:1050px;width: 90%;margin: 2.3125rem auto;background-color:#999999;height:1px;}
#footer .bottom {display: flex;max-width:1050px;width: 90%;margin: 0 auto;justify-content: space-between;font-size:0.7rem;}
#footer .bottom .copyright {text-transform: uppercase;}
#footer .bottom .politicas a {color:inherit;text-transform: uppercase;text-decoration: none;}
#footer .bottom .sign a img {filter:invert(1);}

@media screen and (min-width:769px){
	#footer .top ul li {display: inline-block;padding: 0 1rem;}
	#footer .top ul li:first-child {padding-left: 0;}
	#footer .top .sociais img {width: 0.9375rem;height: 0.9375rem;margin:0 0.5rem;}
	#footer .bottom .break {display:inline;}
	#footer .bottom .break:before {content: ' ';font-size:0.85rem;}
	#footer .bottom .politicas span.break:before{content: ' | ';font-size:0.85rem;}
}

@media screen and (max-width:768px){
	#footer .top {flex-direction:column;}
	#footer .top ul li {display: block;padding: 0.75rem 0;}
	#footer .top .sociais {padding:1rem 0;}
	#footer .top .sociais img {width: 1.1rem;height: 1.1rem;margin:0 0.85rem;}
	#footer .bottom {flex-direction:column;}
	#footer .bottom .copyright {padding-bottom: 1.25rem;}
/*	#footer .bottom .copyright .break {display:block;}*/
	#footer .bottom .politicas {padding:0 0 1rem 0;}
	#footer .bottom span.break {display:block;}
}

/* toaster */
body .toast {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: rgba(138, 145, 166, 0.9);
  z-index:9999;
}
body .toast .box {
  background: #fff;
  border-radius: 0.5rem;
  max-width: 85%;
  overflow: hidden;
}

body .toast .box .title {
  font-size: 1.3rem;
  font-weight: 600;
  background: #0ebbbc;
  color: var(--color-invert);
  padding: 0.5rem 1rem;
  font-family: NunitoSans;
}
body .toast.alert .box .title {
  background: #bb3535;
}

body .toast .box .message {
  padding: 1rem;
  font-size: 1rem;
  font-family: NunitoSans;
}

body .toast .box .closeToast {
  border: none;
  border-radius: 0.5rem;
  padding: 0.7rem 2rem;
  margin: 0 auto 1rem;
  font-size: 1.2rem;
  box-shadow: 1px 1px 5px #cccccc;
  background: #0ebbbc;
  color: var(--color-invert);
  transition: 250ms;
  cursor: pointer;
}
body .toast.alert .box .closeToast {
	background: var(--mediumgrey2);
}
body .toast .box .closeToast:hover,
body .toast .box .closeToast:active {
	background: #0ebbbc;
}
body .toast.alert .box .closeToast:hover,
body .toast.alert .box .closeToast:active {
	background: var(--mediumgrey1);
}