* {
	-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: var(--darkgrey);
	font-family: Oswald;
	color: #ffffff;
	--darkgrey: #2c2c2c;
	--mediumgrey1: #8a91a6;
	--mediumgrey2: #a9a9aa;
	--lightgrey0: #ededed;
	--lightgrey1: #c5c4bb;
	--lightgrey2: #f0f3f5;
	--lightgrey3: #f2f2f2;
	--lightyellow: #fffbf2;
	--darkyellow:#baa218;
	--maroon0: #3e322a;

	--br-red: #da291c;
	--br-green: #07a058;
	--br-yellow: #e4c82a;

	--mediumblue: #0050aa;
	--alert: #aa2800;
	font-weight: 400;
	position: relative;
}

:root {
	counter-reset: headings;
}

* {
	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;
}

a {
	color: inherit;
	text-decoration: none;
}

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

p strong {
	font-weight: 700;
}

/*
@font-face {
	font-family: "Oswald";
	src: url("/assets/fonts/Oswald-ExtraLight.woff2") format("woff2");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Oswald";
	src: url("/assets/fonts/Oswald-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Oswald";
	src: url("/assets/fonts/Oswald-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
*/
@font-face {
	font-family: "Oswald";
	src: url("/assets/fonts/Oswald-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Oswald";
	src: url("/assets/fonts/Oswald-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Oswald";
	src: url("/assets/fonts/Oswald-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Source Sans 3";
	src: url("/assets/fonts/SourceSans3-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Source Sans 3";
	src: url("/assets/fonts/SourceSans3-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Source Sans 3";
	src: url("/assets/fonts/SourceSans3-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}





@media screen and (min-width:1550px) {
	html {font-size: 16px;}
	body {--titulo-h2:3rem;}
}

@media screen and (min-width:1281px) and (max-width:1549px) {
	html {font-size: 15px;}
	body {--titulo-h2:2.5rem;}
}

@media screen and (min-width:850px) and (max-width:1280px) {
	html {font-size: 14px;}
	body {--titulo-h2:2.25rem;}
}

@media screen and (max-width:849px) {
	html {font-size: 13px;}
	body {--titulo-h2:2rem;}
}

#header {width:100%;height:45vw;position:relative;min-height:400px;}
#header .banners {width: 100%;height: 100%;position: absolute;overflow:hidden;}
#header .banners #banner-strip {width: 100%;height: 400%;display:flex;flex-direction:column;position:relative;background-color: #000000;transition: transform 0.6s;}
#header .banners #banner-strip > div {width:100%;height: 45vw;background-size: cover;background-position: center 42%;min-height:400px;}

#header .banners #banner-strip .b1-bg {background-image: url('/assets/images/banner1.webp');}
#header .banners #banner-strip .b2-bg {background-image: url('/assets/images/banner2.webp');}
#header .banners #banner-strip .b3-bg {background-image: url('/assets/images/banner3.webp');}
#header .banners #banner-strip .b4-bg {background-image: url('/assets/images/banner4.webp');}

#header.s1 .banners #banner-strip {transform: translateY(-0%);}
#header.s2 .banners #banner-strip {transform: translateY(-25%);}
#header.s3 .banners #banner-strip {transform: translateY(-50%);}
#header.s4 .banners #banner-strip {transform: translateY(-75%);}

#header .banners #banner-strip:after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.45);min-height:400px;}
#controles {position: absolute;left: 0;width: 100%;display: flex;gap:2rem;justify-content:center;align-items:center;transform: translateY(50%);}
#controles .dot {width: 1rem;height: 1rem;border-radius: 50%;border:2px solid #ffffff;cursor:pointer;}
#controles .dot.ativo {background-color: #ffffff;}

#header #menu {position: relative;height: 100%;/*font-family: "Oswald";*//*z-index:5;*/}
#header #menu .main-menu {position: absolute;width: max-content;display: flex;align-items: center;justify-content: center;}
#header #menu .main-menu ul {list-style: none;}
#header #menu .main-menu ul li {text-transform: uppercase;font-weight:500;font-size:1.25rem}

#header #menu .frame {border: 2px solid #ffffff;position: absolute;}
#header #menu .frame .menu-coluna {position: absolute;left: 0;top:0;background-color: #ffffff;height: 100%;display:flex;flex-direction:column;align-items: center;justify-content: space-between;padding: 1rem 0;}
#header #menu .frame .menu-coluna .logo {background-image: url('/assets/images/logo_black.svg');background-size: contain;background-repeat: no-repeat;background-position: center top;}
#header #menu .frame .menu-coluna .icones {display:flex;flex-direction:column;gap:1rem;align-items:center;}
#header #menu .frame .menu-coluna .icones img {width: 2rem;height: 2rem;filter: invert(63%) sepia(61%) saturate(364%) hue-rotate(6deg) brightness(93%) contrast(94%);}
#header #menu .frame .menu-coluna .icones .spacer {display: block;width: .125rem;height: 2rem;background-color: #000000;}
#header #menu .frame .banner-conteudo {height: 100%;}
#header #menu .frame .banner-conteudo #banner-txt {font-weight: 700;text-transform: uppercase;text-align: left;top:50%;transform:translateY(-50%);position: absolute;width: 100%;}
#header #menu .frame .banner-conteudo #banner-txt .txt {position: absolute;top:0;left: 0;transform: translateY(-50%);transition:opacity 0.6s;opacity:0;}
#header #menu .frame .banner-conteudo #banner-bt {position: absolute;right: 5vw;bottom: 3.5vw;display: flex;align-items: center;justify-content: center;}
#header #menu .frame .banner-conteudo #banner-bt a {background-color: #ffffff;padding: 0vw 1.2vw 0.25vw 1.2vw;color:#000000;text-transform: uppercase;font-weight: 700;mix-blend-mode: screen;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem;}

#header.s1 #menu .frame .banner-conteudo #banner-txt .txt1 {opacity:1;}
#header.s2 #menu .frame .banner-conteudo #banner-txt .txt2 {opacity:1;}
#header.s3 #menu .frame .banner-conteudo #banner-txt .txt3 {opacity:1;}
#header.s4 #menu .frame .banner-conteudo #banner-txt .txt4 {opacity:1;}

@media screen and (min-width:650px){
	#header #menu {padding: 5vw;}
	#header #menu .main-menu {height:5vw;top:0;right:5vw;}
	#header #menu .frame .menu-coluna {width: 6rem;}
	#header #menu .frame .menu-coluna .logo {width: 5rem;height: 6rem;}
	#header #menu .main-menu ul li {display:inline-block;padding:1rem 0 1rem 2rem;}
	#header #menu .frame {left: 5vw;top:5vw;right: 5vw;bottom: 5vw;}
	#header #menu .frame .banner-conteudo #banner-txt {left: 9rem;font-size: 4.5vw;line-height:5.75vw;letter-spacing: 0.15vw;}
	#header #menu .frame .banner-conteudo #banner-bt a {font-size: 3vw;}
	#controles {bottom: 2.5vw;}

	.bg-menu-mobile {display:none;}
	#menu-mobile {display:none;}
}

@media screen and (max-width:649px){
	#header #menu {padding: 32px;}
	#header #menu .main-menu {position:fixed;top:36px;right:35px;background-color:rgba(0,0,0,0.75);z-index: 10000;overflow:hidden;}
	#header #menu .frame .menu-coluna {width: 5rem;}
	#header #menu .frame .menu-coluna .logo {width: 4rem;height: 5rem;}
	#header #menu .main-menu ul li {display:block;padding:0.75rem 1rem;}
	#header #menu .frame {left: 32px;top:32px;right:32px;bottom:32px;}
	#header #menu .frame .banner-conteudo #banner-txt {left: 7rem;font-size: 5vw;line-height:6.25vw;letter-spacing: 0.17vw;}
	#header #menu .frame .banner-conteudo #banner-bt a {font-size: 5vw;}
	#controles {bottom: 16px;}

	.bg-menu-mobile {position:fixed;height: 32px;width: 100vw;left: 0;top: 0;background-color: rgba(0,0,0,0.9);z-index:9000;transition: opacity 0.5s;}
	#menu.inicial .bg-menu-mobile {opacity:0;}
	#menu.final .bg-menu-mobile {opacity:1;}

	#menu-mobile {position:fixed;right: 32px;top: 0;width: 32px;height: 32px;z-index:9500;}
	#menu-mobile > div {background-color:#ffffff;}

	#menu.closed .main-menu {max-height:0;}
	#menu.open .main-menu {max-height:max-content;}

	#menu.closed #menu-mobile .l1 {position: absolute;width: 80%;height: 2px;left: 10%;top: 25%;transform: translateY(-50%);transition: transform 0.4s;transform-style: preserve-3D;}
	#menu.closed #menu-mobile .l2 {position: absolute;width: 80%;height: 2px;left: 10%;top: 50%;transform: translateY(-50%);transition: transform 0.4s;transform-style: preserve-3D;}
	#menu.closed #menu-mobile .l3 {position: absolute;width: 80%;height: 2px;left: 10%;top: 75%;transform: translateY(-50%);transition: transform 0.4s;transform-style: preserve-3D;}

	#menu.open #menu-mobile .l1 {position: absolute;width: 80%;height: 2px;left: 10%;top: 50%;transform: translateY(-50%) rotate(45deg);transition: transform 0.4s;transform-style: preserve-3D;}
	#menu.open #menu-mobile .l2 {position: absolute;width: 0%;height: 2px;left: 50%;top: 50%;transform: translateY(-50%);transition: transform 0.4s;transform-style: preserve-3D;  }
	#menu.open #menu-mobile .l3 {position: absolute;width: 80%;height: 2px;left: 10%;top: 50%;transform: translateY(-50%) rotate(-45deg);transition: transform 0.4s;transform-style: preserve-3D;}
}

#footer {background-color:var(--darkyellow);padding:3vw;}
#footer .content {display:grid;gap:2px;}
#footer .content >div {padding:2vw;border-radius:1rem;box-shadow: 0 0 0 2px #ffffff;display: flex;align-items: center;justify-content: center;}
#footer .content .menu-bottom {/*grid-row:span 2;*/grid-area:bloco1;}
#footer .content .menu-bottom ul {list-style: none;text-align: left;}
#footer .content .menu-bottom ul li {font-size:1.5rem}
#footer .content .menu-bottom ul li.spacer {padding-top:1.5rem}
#footer .content .horario {grid-area:bloco2;flex-direction:column;}
#footer .content .horario .titulo {font-size: 1.6rem;padding: 0 0 0.5rem 0;font-weight: 600;}
#footer .content .horario .info {font-size: 1.35rem}
#footer .content .redes {grid-area:bloco3;}
#footer .content .redes .icones {display: flex;width: 100%;justify-content: space-around;}
#footer .content .redes .icones img {width: 2rem;height: 2rem;filter: invert(100%);}
#footer .content .logo {grid-area:bloco4;background-color: #ffffff;grid-row:span 2;background-image: url('/assets/images/logo_black.svg');background-repeat: no-repeat;background-position: center center;background-size: auto 70%}

@media screen and (min-width:800px){
	#footer .content {grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;
grid-template-areas:
"bloco1 bloco2 bloco4"
"bloco1 bloco3 bloco4";}
}
@media screen and (max-width:799px){
		#footer .content {grid-template-columns: 1fr;grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-areas:
"bloco1"
"bloco1"
"bloco2"
"bloco3"
"bloco4"
"bloco4";}
}