html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; /*font-size: 100%;*/ font-size: clamp(14px, 100%, 1.66em); font-family: 'Inter', "Arial", "sans-serif"; font-weight: 400; font-style: normal; vertical-align: baseline; box-sizing: border-box} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table {border-collapse: collapse; border-spacing: 0}
body {background: #f9f9f9}
.site, header, .miolo, footer {display: block; width: 100%}


/* TOPO */
header {background: url("imgs/fundo-topo.jpg") top center no-repeat #183d75; background-size: cover; height: 320px; padding-top: 30px}
header .site {display: grid; grid-template-areas: "logo menu" "titulo titulo"}
h1 {grid-area: logo; width: 650px; position: relative; z-index: 8001}
	h1 img {width: 100%; min-width: 120px; max-width: 650px}
nav {grid-area: menu; display: flex; flex-grow: 1; gap: 1em; margin-top: 50px; text-align: center; background: #000; height: 45px; padding-top: 15px; position: relative; right: -20px}
	nav a {flex-grow: 1; flex-shrink: 1; padding: 0 10px; letter-spacing: 1px; color: #fff; font-weight: bold}
	nav a:hover, .menuOn {color: #29a2ff}
.titulo {grid-area: titulo; padding-top: 60px}



/* SANDUBA */
.no-scroll {overflow: hidden}
.open-main-nav {position: absolute; top: 74px; right: 20px; padding-top: 25px; background: none; border: 0; z-index: 8000;
display: none}
.open-main-nav:focus {outline: none}
.burger {display: block; width: 30px; height: 4px; margin: 0 auto; background: #fff; transition: all .275s}
.burger:after, .burger:before {content: ''; display: block; height: 100%; background: #fff; transition: all .275s}
.burger:after {transform: translateY(-12px)}
.burger:before {transform: translateY(-16px)}
/* Aberto e Fechado */
.is-open .burger {transform: skew(5deg) translateY(-8px) rotate(-42deg)}
.is-open .burger:before {transform: translateY(0px) skew(-10deg) rotate(75deg)}
.is-open .burger:after {transform: translateY(-12px) translateX(10px) skew(-20deg); opacity: 0}
/* Legenda */
.burger-text {display: block; font-size: .8em; letter-spacing: 1px; margin-top: .5em; color: #fff}
/* Menu com sanduba */
.main-nav.is-open {opacity: 1; z-index: 100; visibility: visible}
.main-nav::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100vh; transform-origin: 0; transform: translateY(-120%); transition: all .275s .1s; background: #183d75}
.main-nav.is-open::before {transform: translateY(0)}


/* RODAPÉ */
footer {}
.rResumo {background: #f2f2f2; padding: 40px 0; border-bottom: solid 6px #347fd6}
	.rResumo .site {display: grid; grid-template-columns: 1fr 1fr}
.rLogos {display: grid; grid-template-columns: 1fr 1fr 1fr; background: #fff; text-align: center}
	.rRealizacao, .rParcerias, .rParticipacoes {padding: 40px 0; color: #999}
	.rRealizacao span, .rParcerias span, .rParticipacoes span {display: block; padding-bottom: 20px; color: #999; text-decoration: underline}
.rAzul {background: #183d75; padding: 40px 0}
	.rAzul .site {display: grid; grid-template-columns: 1fr 1fr}
		.rLogo img {width: 100%; min-width: 120px; max-width: 535px; margin-right: 15px}
		.rMenu {display: flex; flex-grow: 1; gap: 10px; margin-top: 45px; text-align: right}
			.rLinkMenu {flex-grow: 1; flex-shrink: 1; color: #fff; padding: 5px 10px}
			.rLinkMenu:hover {color: #29a2ff}
.rLobe {background: #347fd6}
	.rLobe .site {padding: 10px 30px; text-align: right; font-size: 0.8em; letter-spacing: 1px}


/* PÁGINAS */
.site {max-width: 1920px; padding: 0 20px; margin: auto}

.espaco {height: 60px}

.block {display: block}
.w100 {width: 100%}
.full100 {width: 100%; height: 100%}
.posA {position: absolute}
.posR {position: relative}

.botao, .botao2 {display: block; font-weight: bold; color: #fff; text-decoration: none; text-align: center; font-size: 1.125em; letter-spacing: 1px; position: relative;}
.botao strong, .botao2 strong {position: relative; display: block; border-radius: 10px; padding: 30px 50px 25px 50px}
.botao strong {background: rgb(225,112,81) linear-gradient(155deg, rgba(225,112,81,1) 0%, rgba(170,48,17,1) 70%)}
.botao2 strong {background: rgb(200,200,200) linear-gradient(155deg, rgba(220,220,220,1) 0%, rgba(180,180,180,1) 70%); color: #555}
.botao:hover strong {background: rgb(106,166,183) linear-gradient(155deg, rgba(106,166,183,1) 0%, rgba(41,106,123,1) 70%)} 
.botao2:hover strong {background: rgb(220,220,220) linear-gradient(155deg, rgba(200,200,200,1) 0%, rgba(100,100,100,1) 70%); color: #fff}
.botao::before, .botao2::before {content: ''; background: none; width: 80%; height: 50%; position: absolute; top: 55%; left: 10%}
.botao:hover::before, .botao2::before {background: #000; filter: blur(10px); -webkit-filter: blur(10px)}

.ocultaMobile {}


/* FORMATAÇÃO */
a {text-decoration: none}

.tamPP {font-size: 0.7em}
.tamP {font-size: 0.875em}
.tam1 {font-size: 1em}
.tam2 {font-size: 1.125em}
.tam3 {font-size: 1.5em}
.tam4 {font-size: 2em}
.tam5 {font-size: 2.25em}
.tam6 {font-size: 2.5em}
.tam7 {font-size: 3em} /*.tam7 {font-size: clamp(24px, 2.5vw, 6em);}*/
.tam8 {font-size: 4.5em}

.lineN {line-height: 1em}
.lineA {line-height: 1.2em}
.lineA2 {line-height: 1.5em}

.black { font-weight: bold /* font-family: "Arial Black" */ }
.bold {font-weight: bold}
.px1 {letter-spacing: 1px}
.alinC {text-align: center}
.corBranco {color: #fff}
.corPreto {color: #000}
.corAzul1 {color: #183d75}
.corAzul2 {color: #1066b0}






/* ACIMA É 1920px (30% DOS DESKTOPS) - ABAIXO COLOCAR AJUSTES PARA 1366px (22%) - DEPOIS VEM 1536px (ULTRAWIDES COM 13%) - DEPOIS 1280px (4%) */

@media (min-width: 1281px) {
	/* Estilos para desktops grandes */
	
}

@media (max-width: 1280px) {
	/* Estilos para desktops pequenos ou laptops */
	h1 {width: 450px}
	nav {margin-top: 30px}
}

@media (max-width: 1024px) {
	/* Estilos para tablets */
	nav {right: 0px}
	
	/* SANDUBA . INI */
	.open-main-nav {display: block; top: 55px}
	.main-nav {display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin-top: 0; opacity: 0; z-index: -1; visibility: hidden; transition: all .375s}
	.main-nav a:first-child {margin-top: 200px}
	.main-nav a {display: block; height: auto; padding: 30px; border-bottom: solid 7px transparent}
	/* Apparition effect on links */
	.main-nav a { opacity: 0; transform: translateY(-10px) }
	.main-nav.is-open a { opacity: 1; transform: translateY(0) }
	.main-nav a:nth-child(1) { transition: all 275ms 175ms }
	.main-nav a:nth-child(2) { transition: all 275ms 225ms }
	.main-nav a:nth-child(3) { transition: all 275ms 275ms }
	.main-nav a:nth-child(4) { transition: all 275ms 325ms }
	.main-nav a:nth-child(5) { transition: all 275ms 375ms }
	.main-nav a:nth-child(6) { transition: all 275ms 425ms }
	.main-nav a:nth-child(7) { transition: all 275ms 475ms }
	.main-nav a:nth-child(8) { transition: all 275ms 525ms }
	
	/* nav {display: none} AQUI JÁ TRANSFORMA O MENU NA VERSÃO MOBILE COM SANDUICHE E TUDO. OU FAZ UMA VERSÃO DESK DE ABRE E FECHA */
}

@media (max-width: 768px) {
	/* Estilos para celulares em paisagem e tablets pequenos */
}

@media (max-width: 600px) {
	/* Estilos específicos para dispositivos móveis */
	.site {padding: 0 6px}
	.ocultaMobile {display: none}
	.espaco {height: 30px}
	header .site {grid-template-columns: 1fr auto}
	h1 {width: 75%; margin-top: 20px}
	.open-main-nav {padding-top: 26px}
	.titulo h2 {padding-top: 50px}
	.rLogos {grid-template-columns: 1fr}
	.rParcerias {padding: 0}
	.rParticipacoes img {width: 100%}
	.rResumo .site {grid-template-columns: 1fr; gap: 1.5em}
	.rAzul .site {grid-template-columns: 1fr}
	.rMenu {display: block; text-align: left}
	.rLinkMenu {display: inline-block; padding: 10px 20px 10px 0}
	.rLobe .site {padding: 10px}
}