@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

html														{ border:0; margin:0px; padding:0px; width:100%; min-height:100%; overflow:auto; scroll-behavior: smooth; scroll-padding: var(--scroll-padding, 70px); }
body														{ border:0px; margin:0px; padding:0px; width:100%; min-height:100%; font-family:'Open Sans',sans-serif; font-weight:300; font-size:15px; background:#FFFFFF; top:0px !important; }
img, div, input, select, textarea							{ border:0; margin:0px; padding:0px; outline:0px; }
a															{ text-decoration:none; }
*															{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body > .skiptranslate > iframe.skiptranslate {
     display: none !important;
     visibility: hidden !important;
    }

body::-webkit-scrollbar										{ width:8px; }
body::-webkit-scrollbar-track								{ background:#000; }
body::-webkit-scrollbar-thumb								{ background:#333; }

.slick-dots													{ bottom:-15px !important; }
.slick-dots li												{ width:7px; height:10px; }
.slick-dots li button										{ width:7px; height:10px; }
.slick-dots li button:before								{ width:7px; height:10px; }

.centralizar													{ width:1400px; margin:0px auto; }
.ui-datepicker												{ font-size:12px !important; }
.swal2-container												{ z-index:91060 !important; }

.btvoltar													{ border:1px solid #FFF; border-radius:50px; padding:10px 30px; color:#FFF; float:right; cursor:pointer; }
.btvoltar:hover												{ background:#FFF; color:#000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.btprint														{ border:1px solid #FFF; border-radius:50px; padding:7px 20px; color:#FFF; float:right; cursor:pointer; font-size:20px; margin-right:10px; }
.btprint:hover												{ background:#FFF; color:#000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.messagebox_content h3										{ font-size:18px; margin:0px; padding:0px 0px 10px 0px; }

.mobile-menu													{ display:none; }

.paginacao													{ width:340px; margin:0px auto; height:100px; margin-top:30px; }
.paginacao-indice											{ margin:0px 120px; border:1px solid #CCC; padding:5px 0px; text-align:center; font-size:13px; color:#777; }
.paginacao-anterior-ativo									{ width:100px; float:left; font-size:15px; color:#23327d; padding:5px 0px; text-align:left; }
.paginacao-anterior-ativo:hover								{ text-decoration:underline; }
.paginacao-anterior-desativado								{ width:100px; float:left; font-size:15px; color:#777; padding:5px 0px; text-align:left; }
.paginacao-proximo-ativo									{ width:100px; float:right; font-size:15px; color:#23327d; padding:5px 0px; text-align:right; }
.paginacao-proximo-ativo:hover								{ text-decoration:underline; }
.paginacao-proximo-desativado								{ width:100px; float:right; font-size:15px; color:#777; padding:5px 0px; text-align:right; }

.erro404														{ padding:100px 0px; }
.erro404 h1													{ text-align:center; font-size:100px; color:#000; margin:0px; padding:0px; }
.erro404 p													{ text-align:center; font-size:24px; color:#333; }

.campo														{ margin-bottom:15px; float:left; width:100%; }
.campo label													{ display:block; padding:5px 2px; font-size:14px; font-weight:bold; color:#000; }
.campo input[type=password]									{ border:1px solid #CCC; border-radius:8px; background:#FFF; padding:15px 10px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 4px); margin:0px 2px; }
.campo input[type=text]										{ border:1px solid #CCC; border-radius:8px; background:#FFF; padding:15px 10px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 4px); margin:0px 2px; }
.campo input[type=email]									{ border:1px solid #CCC; border-radius:8px; background:#FFF; padding:15px 10px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 4px); margin:0px 2px; }
.campo input[type=tel]										{ border:1px solid #CCC; border-radius:8px; background:#FFF; padding:15px 10px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 4px); margin:0px 2px; }
.campo select												{ border:1px solid #CCC; border-radius:8px; background:#FFF; padding:5px 5px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 12px); height:50px; margin:0px 2px; }
.campo textarea												{ border:1px solid #CCC; border-radius:8px; background:#FFF; padding:15px 10px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 34px); margin:0px 2px; }

.campo button												{ border:0px; border-radius:8px; background:var(--cor3); color:#000; padding:15px 40px; float:none; margin:10px 0px 0px 0px; width:100%; display:block; font-size:16px; font-weight:bold; cursor:pointer; text-transform:uppercase; -webkit-appearance: none; }
.campo button:hover											{ background:var(--cor4); }

.campo-obs													{ font-size:13px; line-height:18px; }

.mensagem_obrigado											{ text-align:center; padding:80px 0px 180px 0px; }
.mensagem_obrigado h3										{ font-family:sans-serif; font-weight:700; font-size:42px; color:#ffc600; text-transform:uppercase; }
.mensagem_obrigado p										{ font-family:sans-serif; text-align:center; font-size:17px; color:#000; }

.slick-arrow													{ position:absolute !important; z-index:99 !important; top:50% !important; margin-top:20px; }
.slick-next													{ width:40px !important; height:40px !important; right:10px !important; }
.slick-prev													{ width:40px !important; height:40px !important; left:10px !important; }
.slick-next:before, .slick-prev:before						{ font-size:40px !important; }


.splash														{ position:fixed; top:0px; left:0px; width:100vw; height:100vh; background:center center no-repeat #ebebeb; background-size:cover; z-index:1; }
.splash-botao												{ background:var(--cor1); color:#FFF; position:fixed; left:calc(50% - 100px); bottom:20%; z-index:2; display:flex; align-items:center; justify-content:center; text-align:center; width:200px; height:60px; font-size:20px; font-weight:bold; text-transform:uppercase; cursor:pointer; }
.splash-botao:hover											{ background:var(--cor2); }

.login														{ position:fixed; top:0px; left:0px; width:100vw; height:100vh; background:center center no-repeat #ebebeb; background-size:cover; z-index:1; display:flex; align-items:center; justify-content:center; }
.login-caixa													{ width:400px; padding:40px; border-radius:10px; display:block; background:#FFF; -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); }
.login-caixa h1												{ font-size:26px; font-weight:bold; text-align:center; margin:0px; padding:0px; }
.login-caixa p												{ font-size:15px; text-align:center; margin:0px; padding:10px 0px 20px 0px; }
.login-caixa form											{ display:block; margin-bottom:20px; }
.login-caixa-botao											{ text-align:center; padding:10px 0px; color:#666; border-radius:5px; cursor:pointer; }
.login-caixa-botao:hover									{ background:#f3f3f3; }

.conteudo-logo1												{ position:absolute; left:10px; top:10px; width:80px; height:30px; background: left top no-repeat; background-size:contain; }
.conteudo-logo2												{ position:absolute; right:10px; top:10px; width:80px; height:30px; background: right top no-repeat; background-size:contain; }

.home-logo													{ width:calc(40% - 60px); float:left; }

.home-info													{ width:50%; float:right; padding-top:20px; }
.home-info-item												{ border:1px solid #DDD; border-radius:10px; padding:10px; margin:10px 0px; min-height:80px; background:#FFF; }
.home-info-item:hover										{ background:#eee; }
.home-info-item-icone										{ width:60px; height:60px; float:left; background:#CCC; border-radius:5px; display:flex; align-items:center; justify-content:center; font-size:24px; }
.home-info-item-icone-titulo								{ margin-left:70px; font-size:18px; font-weight:bold; padding:8px 0px 5px 0px; }
.home-info-item-icone-texto									{ margin-left:70px; color:#666; }

.home-premio													{ border:1px solid #DDD; border-radius:10px; background:#FFF; padding:20px; text-align:center; font-size:16px; line-height:24px; margin-bottom:20px; }
.home-premio-botao											{ width:300px; margin:20px auto 0px auto; border-radius:8px; padding:18px 0px; text-align:center; color:#000; background-color:var(--cor3); font-weight:bold; font-size:17px; }
.home-premio-botao:hover									{ background-color:var(--cor4); }

.agenda														{  }
.agenda-bloco1												{ width:calc(50% - 0px); float:left; }
.agenda-bloco1 h1											{ font-size:24px; margin:0px; padding:0px; }
.agenda-bloco1 p												{ font-size:16px; line-height: 25px; margin:0px; padding:10px 0px 30px 0px; }

.agenda-bloco2												{ width:calc(50% - 40px); float:right; }
.agenda-bloco2 h3											{  }
.agenda-bloco2-item											{ border:1px solid #DDD; background:#FFF; border-radius:10px; padding:15px; margin-bottom:5px; color:#666; }
.agenda-bloco2-item i										{ float:right; color:#f39c12; }
.agenda-bloco2-item:hover									{ background:var(--cor3); color:#000; }

.agenda-interna h1											{ font-size:24px; margin:0px; padding:0px 0px 30px 0px; }
.agenda-interna-info										{ border:1px solid #DDD; border-radius:10px; padding:30px; text-align:center; background:#FFF; font-size:18px; }
.agenda-interna-info h3										{ margin:0px; padding:0px 0px 10px 0px; font-size:20px; }
.agenda-interna-texto										{ font-size:16px; line-height:24px; }
.agenda-interna-botao										{ width:300px; margin:40px auto 0px auto; border-radius:8px; padding:18px 0px; text-align:center; color:#000; background-color:var(--cor3); font-weight:bold; font-size:17px; }
.agenda-interna-botao:hover									{ background-color:var(--cor4); }
.agenda-interna-obs											{ padding:20px 10px; text-align:center; color:#333; }

.ui-datepicker												{ font-size:15px !important; width: 320px; }
.ui-datepicker table										{ width: 100% !important; }
.ui-datepicker td a											{ padding: 10px; }
.ui-datepicker td span										{ padding: 10px; }
.dia-evento a												{ background: var(--cor4) !important; color: #fff !important; border-radius: 4px; }


.quiz-etapa1													{  }
.quiz-etapa1 h1												{ text-transform:uppercase; text-align:center; font-size:24px; margin:0px; padding:0px; }
.quiz-etapa1 h1 span										{ display:block; font-size:1.4em; }
.quiz-etapa1 p												{ text-align:center; font-size:16px; line-height:24px; }
.quiz-etapa1-topa											{ font-size:24px; font-weight:800; padding:30px 0px  0px  0px; text-align:center; }
.quiz-etapa1-botao											{ width:300px; margin:40px auto 0px auto; border-radius:8px; padding:18px 0px; text-align:center; color:#000; background-color:var(--cor3); font-weight:bold; font-size:17px; }
.quiz-etapa1-botao:hover									{ background-color:var(--cor4); }

.quiz-etapa2													{  }
.quiz-etapa2-bloco											{ display:none; }
.quiz-etapa2-bloco-contador									{ text-align:center; font-size:16px; padding-bottom:10px; }
.quiz-etapa2-bloco-pergunta									{ text-align:center; font-size:24px; font-weight:800; }
.quiz-etapa2-bloco-respostas								{ font-size:16px; line-height:19px; width:400px; margin:40px auto 10px auto; }
.quiz-etapa2-bloco-respostas label							{ display:block; margin:20px 0px; font-size:17px; line-height:22px; }
.quiz-etapa2-bloco-respostas label input					{ float:left; margin-top:5px; }
.quiz-etapa2-bloco-respostas label span						{ margin-left:25px; display:block; }
.quiz-etapa2-botao											{ width:300px; margin:40px auto 0px auto; border-radius:8px; padding:18px 0px; text-align:center; color:#000; background-color:var(--cor3); font-weight:bold; font-size:17px; }
.quiz-etapa2-botao:hover									{ background-color:var(--cor4); }

.quiz-etapa3													{  }
.quiz-etapa3-sobtitulo										{ text-align:center; font-size:16px; padding-bottom:10px; }
.quiz-etapa3-titulo											{ text-align:center; font-size:24px; font-weight:800; }
.quiz-etapa3-texto											{ text-align:center; font-size:16px; line-height:24px; padding:40px 0px; }
.quiz-etapa3-botoes											{ width:300px; margin:0px auto; }
.quiz-etapa3-botoes-item									{ text-align:center; color:#000; width:150px; float:left; padding:20px 0px; }
.quiz-etapa3-botoes-item i									{ font-size:32px; display:block; padding-bottom:15px; }
.quiz-etapa3-botoes-item:hover								{ color:#000; border-radius:10px; background:var(--cor3); }


.meus-dados													{ width:400px; margin:0px auto; }
.meus-dados h1												{ text-transform:uppercase; text-align:center; font-size:24px; margin:0px; padding:0px; padding-bottom:30px; }

.premios-etapa1												{  }
.premios-etapa1 h1											{ text-transform:uppercase; text-align:center; font-size:24px; margin:0px; padding:0px; }
.premios-etapa1 p											{ text-align:center; font-size:16px; line-height:24px; }

.premios-etapa1-lista										{ margin:30px -10px; }
.premios-etapa1-lista-item									{ width:calc(50% - 20px); margin:10px; float:left; aspect-ratio:4/3; background:#FFF; border-radius:10px; padding:20px; }
.premios-etapa1-lista-item div								{ background:center center no-repeat; background-size:contain; width:100%; height:100%; }

.premios-etapa1-aviso										{ width:300px; margin:40px auto 0px auto; border-radius:8px; padding:18px 0px; text-align:center; color:#FFF; background-color:#C00; font-weight:bold; font-size:17px; line-height:25px; }
.premios-etapa1-aviso:hover									{ background-color:#900; }

.premios-etapa2												{  }
.premios-etapa2-logo										{ height:150px; background:center center no-repeat; background-size:contain; }
.premios-etapa2-info										{ background:#FFF; border:1px solid #DDD; border-radius:10px; padding:30px 20px 20px 20px; text-align:center; margin-top:30px; }
.premios-etapa2-info h3										{ margin:0px; padding:0px 0px 0px 0px; font-size:24px; }
.premios-etapa2-info p										{ padding:10px 0px 20px 0px; margin:0px; }
.premios-etapa2-info-social									{  }
.premios-etapa2-info-social-item							{ font-size:20px; color:var(--cor2); display:inline-block; padding:10px; }
.premios-etapa2-texto										{ text-align:center; font-size:16px; line-height:24px; padding:20px 0px; }

.premios-etapa2-premio										{ border-radius:10px; padding:20px; background:var(--cor1); color:#FFF; text-align:center; font-size:16px; line-height:24px; }
.premios-etapa2-premio h3									{ margin:0px; padding:0px 0px 0px 0px; font-size:24px; }

.premios-etapa3												{  }
.premios-etapa3 h1											{ text-transform:uppercase; text-align:center; font-size:24px; margin:0px; padding:0px; }
.premios-etapa3 p											{ text-align:center; font-size:16px; line-height:24px; }
.premios-etapa3-premio										{ text-align:center; font-size:16px; line-height:24px; }
.premios-etapa3-premio h3									{ margin:0px; padding:0px 0px 0px 0px; font-size:24px; }
.premios-etapa3-premio img									{ width:240px; border-radius:10px; }

.premios-etapa4												{  }
.premios-etapa4 h1											{ text-transform:uppercase; text-align:center; font-size:24px; margin:0px; padding:0px; }
.premios-etapa4 p											{ text-align:center; font-size:16px; line-height:24px; }
.premios-etapa4-premio										{ text-align:center; font-size:16px; line-height:24px; }
.premios-etapa4-premio h4									{ margin:0px; padding:30px 0px 0px 0px; font-size:18px; }
.premios-etapa4-premio p									{ margin:0px; padding:0px; }


.sobre														{  }
.sobre h1													{ text-transform:uppercase; text-align:center; font-size:24px; margin:0px; padding:0px; }
.sobre p														{ text-align:center; font-size:16px; line-height:24px; }

.sobre-caracteristicas										{ margin-top:30px; }
.sobre-caracteristicas-item									{ border:1px solid #DDD; border-radius:10px; padding:20px; background:#FFF; text-align:left; margin-top:10px; }
.sobre-caracteristicas-item-titulo							{ font-size:24px; font-weight:800; padding:10px 0px 0px 0px; }
.sobre-caracteristicas-item-texto							{ text-align:left; }
.sobre-caracteristicas-item-texto p							{ text-align:left; font-size:15px; }
.sobre-caracteristicas-item-galeria							{ margin:5px -5px -5px -5px; }
.sobre-caracteristicas-item-galeria-item					{ aspect-ratio:4/3; background:center center no-repeat; background-size:cover; border-radius:6px; margin:5px; }


@media (min-width: 900px) {
	
	.menu														{ position:fixed; left:0px; top:0px; width:300px; height:100vh; z-index:2; background:var(--cor1); }
	.menu-logo													{ height:80px; background:center center no-repeat; background-size:contain; margin:20px; margin-bottom:40px; }
	.menu-icones													{  }
	.menu-icones-item											{ padding:10px; height:60px; background:#FFFFFF22; margin:5px 10px; border-radius:8px; color:#FFF; }
	.menu-icones-item i											{ display:flex; float:left; width:40px; height:40px; border-radius:6px; align-items:center; justify-content:center; font-size:20px; background:#00000022; }
	.menu-icones-item span										{ display:flex; margin-left:55px; align-items:center; justify-content:flex-start; margin-top:10px; }
	.menu-icones-item:hover										{ background:var(--cor3); color:#000; }
	
	.conteudo													{ position:fixed; left:300px; top:0px; width:calc(100vw - 300px); overflow:scroll; height:100vh; z-index:2; background:#F3F3F3; padding-top:40px; }
	
	.caixa														{ padding:60px; max-width:900px; margin:0px auto; }
	
	.login-caixa													{ max-height:90%; overflow:scroll; }

}

@media (max-width: 900px) {

	.splash-botao											{ bottom:0px; padding-bottom:30px; height:90px }

	.login-caixa												{ width:100vw; height:100vh; border-radius:0px; overflow:scroll; }
	
	.caixa													{ padding-bottom:60px;  background:#f3f3f3; }
	.campo													{ width:100% !important; }
	
	.menu													{ position:fixed; left:0px; top:auto; bottom:0px; width:100vw; height:60px; z-index:2; background:var(--cor1); }
	.menu-logo												{ height:40px; float:right; background:center center no-repeat; background-size:contain; margin:10px; width:80px; }
	.menu-icones												{ float:left; }
	.menu-icones-item										{ padding:10px 2px; float:left; }
	.menu-icones-item i										{ display:flex; margin:0px auto; width:50px; height:40px; border-radius:8px; align-items:center; justify-content:center; color:#FFF; font-size:24px; background:transparent; }
	.menu-icones-item span									{ display:none; }
	
	.home-logo												{ width:200px; float:none; margin:30px auto; display:block; }
	.home-info												{ width:auto; float:none; padding:0px 20px 20px 20px; }
	
	.ui-datepicker											{ font-size:14px !important; width: 300px; margin:0px auto }
	.agenda-bloco1											{ width:auto; float:none; padding:30px; }
	.agenda-bloco2											{ width:auto; float:none; padding:30px; padding-top:0px; }
	
	.agenda-interna											{ padding:30px; }
	.agenda-interna-botao									{ width:100%; }
	
	.quiz-etapa1												{ padding:30px; }
	.quiz-etapa2												{ padding:30px; }
	.quiz-etapa2-bloco-respostas							{ width:300px; }
	.quiz-etapa3												{ padding:30px; }
	
	.meus-dados													{ width:auto; padding:30px; }
	
	.conteudo												{ min-height:100vh; background:#F3F3F3; padding-top:30px; }
	
	.premios-etapa1											{ padding:30px; }
	.premios-etapa2											{ padding:30px; }
	.premios-etapa3											{ padding:30px; }
	.premios-etapa4											{ padding:30px; }
	
	.sobre													{ padding:30px; }
	
	
}

@media (max-width: 375px) {
	.menu-icones-item										{ padding:10px 2px; float:left; }
	.menu-icones-item i										{ display:flex; margin:0px auto; width:46px; height:40px; border-radius:8px; align-items:center; justify-content:center; color:#FFF; font-size:24px; background:transparent; }	
	
	
	.ui-datepicker											{ font-size:12px !important; width: 300px; margin:0px auto }
	.agenda-bloco1											{ width:auto; float:none; padding:30px; }
	.agenda-bloco2											{ width:auto; float:none; padding:30px; padding-top:0px; }
}

@media (max-width: 320px) {
	.menu-icones-item										{ padding:10px 2px; float:left; }
	.menu-icones-item i										{ display:flex; margin:0px auto; width:40px; height:40px; border-radius:8px; align-items:center; justify-content:center; color:#FFF; font-size:24px; background:transparent; }	
	
	.ui-datepicker											{ font-size:12px !important; width: 300px; }
	.agenda-bloco1											{ width:auto; float:none; padding:10px; }
	.agenda-bloco2											{ width:auto; float:none; padding:10px; }
	.agenda-interna											{ padding:10px; }
	
	.quiz-etapa1												{ padding:10px; }
	.quiz-etapa2												{ padding:10px; }
	.quiz-etapa3												{ padding:10px; }
	.meus-dados													{ width:auto; padding:10px; }
	
	.premios-etapa1											{ padding:10px; }
	.premios-etapa2											{ padding:10px; }
	.premios-etapa3											{ padding:10px; }
	.premios-etapa4											{ padding:10px; }
	.sobre													{ padding:10px; }
}