@import "auxlm.css";
@import "owl.css";
@import "fancybox.css";
@import "animate.css";
@import "font-awesome/css/all.min.css";


/* ==========================================================================
   Site
   ========================================================================== */

html { font-size: 10px; }
body { font-family: Roboto, Arial, Helvetica, sans-serif; background: #fb8a00; font-size: 1rem; line-height: 1.4em; color: #fff; }

a { color: inherit; outline: none !important; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }
a:active,
a:focus { color: inherit; text-decoration: none; }
a, button, input { outline: none !important; }

ul, li { display: block; list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; display: block; font-weight: inherit; font-size: inherit; line-height: inherit; }

p { margin: 0 0 1.4em 0; line-height: 1.4em; }
p:last-child { margin-bottom: 0 !important; }

/* *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* use if not include bootstrap */
/* background: linear-gradient(to right, #ffffff 0%,#000000 100%); */


.container, .container-fluid { position: relative; z-index: 10; }

.relative { position: relative; }

#wrapper { position: relative; width: 100%; max-width: 4000px; margin: auto; overflow: hidden; }


.cond { font-family: "Roboto Condensed", sans-serif; }

.btn1 { font-size: 3rem; font-weight: normal; color: #fff !important; line-height: 1.067em; padding: 0.5em 1.5em; display: inline-block; text-align: center; border-radius: 0.5em; border: none; background: #666; }
.btn1:hover { filter: brightness(1.1); }
.btn1:active { transform: scale(0.9); }

.btn1.btn1-alto { padding: 0.867em 1.5em; border-radius: 1.4em; }

.btn-verde { background: #132e7d; }
.btn-reds { color: #fff !important; background: rgb(116 27 27) !important; }
.btn-rosa { background: #fb8a00; }
.btn-branco { background: #fff; color: #132e7d; }
.btn-rainbow { background: linear-gradient(to right, #132e7d 0%,#B72ECF 100%); }

.azul { color: #132e7d !important; }
.branco { color: #fff !important; }
.rosa { color: #ffffff !important; }


.subtitulo1 { font-weight: 300; line-height: 1em; text-transform: uppercase; margin: 0 0 0.3em 0; font-size: 5rem; font-family: "Roboto Condensed", sans-serif;  }
.subtitulo2 { font-weight: 300; line-height: 1.3em; text-transform: uppercase; margin: 0 0 0.3em 0; font-size: 3rem; font-family: "Roboto Condensed", sans-serif; }

.titulo1 { font-family: "Roboto Condensed", sans-serif; font-weight: bold; line-height: 1.06em; text-transform: uppercase; font-size: 7rem; }
.fonte-2 {
    font-size: 5rem !important;
}
.titulo-1 { font-family: "Roboto Condensed", sans-serif; font-weight: bold; line-height: 1.06em; text-transform: uppercase; font-size: 7rem; }



.texto { font-size: 3rem; line-height: 1.25em; }


body { overflow: hidden; }
body.loaded { overflow: auto; }

#loading { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(34,44,55,0.9); z-index: 8000; transition: all 0.2s; }
#loading svg { position: absolute; width: 83.47px; height: 93.41px; display: block; left: calc( 50% - 42px ); top: calc( 50% - 47px ); animation: carregando 1s ease-in-out infinite; }
@keyframes carregando {
	0% { transform: scaleX(0); }
	50% { transform: scaleX(-1); }
	100% { transform: scaleX(0); }
}
.loaded #loading { opacity: 0; visibility: hidden; pointer-events: none; }


/* Seção com o fundo Gradiente solicitado */
.stats-section {
    background: linear-gradient(180deg, #FF8600 0%, #FC4E00 100%);
    padding: 60px 0;
    font-family: sans-serif;
}

/* Estilo dos cards de contadores */
.counter-card {
    text-align: center;
    color: #ffffff;
    padding: 20px;
}

.counter-card .ico {
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}

.counter-card .nome {
    font-size: 16px;
    font-weight: 500;
    opacity: 0.9;
}


@media screen and (max-width: 767px) {
    .stat-container {
        width: 100% !important;
        float: none !important;
        margin-bottom: 35px; /* Espaço entre um contador e outro no mobile */
    }

    .stat-container:last-child {
        margin-bottom: 0; /* Remove a margem do último elemento */
    }
    
    .counter-card .ico {
        font-size: 40px; /* Reduz levemente o tamanho do número no mobile */
    }
}

.bg {
    background: url(../img/bg1.avif);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#header { position: relative; z-index: 100; padding: 4.8em 0 12em 0; }
#header .header1 { margin: 0 auto 3em auto; max-width: 115rem; position: relative; z-index: 1100; }
#header .header1 .logo { }
#header .header1 .logo img { display: block; height: 10em; margin: auto; }
#header .header1 .adobe { padding-left: 3rem; }
#header .header1 .adobe img { display: block; height: 6.5em; }
#header .header1 .churras { padding-left: 3rem; }
#header .header1 .churras img { display: block; height: 10.5em; }
#header .header2 { position: relative; z-index: 1099; }
#header .header2 > .tcol { position: relative; z-index: 10; }
#header .header2 .col1 { width: 1%; z-index: 1000; pointer-events: none; }
#header .header2 .hero { font-size: 1rem; width: 79em; height: 77.6em; position: relative; }
#header .header2 .hero img { display: block; position: absolute; }
#header .header2 .hero .t {width: 70.1em; height: auto; left: 5em; top: 0em; z-index: 100; animation: flutuando 4s ease-in-out infinite; }
#header .header2 .hero .l { width: 85.3em; height: auto; z-index: 50; top: -5em; left: -6em; }
#header .header2 .hero .promocional { width: 49.2em !important; max-width: 60%; height: auto; z-index: 190; top: 40em; left: 13.5em; }
#header .header2 .hero .s { width: 65.4em; height: auto; z-index: 175; top: 43em; left: 3.5em; }
#header .header2 .hero .sj { position: absolute; z-index: 180; left: 6em; top: 44em; }
#header .header2 .hero .sj .subtitulo1 { font-size: 7em; margin: 0; letter-spacing: -0.02em; }
#header .header2 .hero .sj .titulo1 { font-size: 14em; line-height: 0.9em; letter-spacing: 0.02em; }

@keyframes flutuando {
	0% { transform: translatey(0px); }
	50% { transform: translatey(-3em); }
	100% { transform: translatey(0px); }
}

#header .header2 .col2 { }
#header .header2 .col2 .subtitulo1 { font-size: 3.2em; }
#header .header2 .col2 h3 { font-size: 5.4em; }

.box-form { background: #fff; border: solid 2px #fff; border-radius: 2em; padding: 4.7em; overflow: hidden; margin: 0 auto 5em auto; width: 100%; max-width: 62em; }
.box-form .grupo { position: relative; }
.box-form .grupo + .grupo  { margin: 4.3em 0 0 0; }
.box-form .campo { font-size: 2.1em; font-weight: normal; line-height: 1.476em; padding: 0.5em 1.1em; border-radius: 0.5em; background: #cfced6; color: #000; border: none; display: block; width: 100%; }
.box-form .campo:focus { background: #93919D; }

#header .header2 .col2 .s { width: 100%; max-width: 14.5em; }


#floater { position: fixed; background: #132e7d; left: 0; bottom: -9em; width: 100%; z-index: 5000; transition: all 0.5s; border-top:3px solid #fb8a00; }
.mostra-floater #floater { bottom: 0; }
#floater .tbl { height: 8.5em; }
#floater .logo img { display: block; height: 5.5em; width: auto; margin: auto; }
#floater .btn1 { font-size: 2.1em; padding-left: 1.5em; padding-right: 1.5em; background: #fb8a00; }



.main { position: relative; z-index: 10; }

.diag { position: relative; z-index: 1; width: 100%; height: 13.5vw; overflow: hidden; background: linear-gradient(to bottom left, #fb8a00, #fb8a00 50%, #132e7d 50%, #132e7d); max-height: 30rem; }
.diag-2 { position: relative; z-index: 1; width: 100%; height: 13.5vw; overflow: hidden; background: linear-gradient(to bottom left, #fb8a00, #fb8a00 50%, #132e7d 50%, #132e7d); max-height: 30rem; }



.main > .diag { position: absolute; z-index: 1; left: 0; top: 0; }
.main.mg-diag-top { margin-top: -6.75vw; }


#ganhe-ate { padding: 5rem 0 11rem 0; z-index: 20; }
#ganhe-ate .controle { position: relative; }
#ganhe-ate .controle img { position: absolute; left: 0; top: -5em; width: 119.4em; height: auto; }


#estrutura { padding: 13rem 0 6rem 0; background: #132e7d; z-index: 10; }

#estrutura .video { position: relative; width: 100%; padding: 56.3% 0 0 0; }
#estrutura .video iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#estrutura .box-estrutura { font-size: 3rem; line-height: 1.25em; font-weight: normal; margin: 0 0 0.8em 0; max-width: 21.6em; }
#estrutura .box-estrutura img { display: block; width: 2.833em; }

#estrutura .estrutura-mobile .owl-dots { padding: 1em 0 2em 0; text-align: center; }
#estrutura .estrutura-mobile .owl-dots .owl-dot { display: inline-block; width: 2.8em; height: 1.8em; background: #fff; border-radius: 0.9em; margin: 0 0.7em; transition: all 0.2s;}
#estrutura .estrutura-mobile .owl-dots .owl-dot.active { width: 5.4em; background: #132e7d; }


#capdig { background: linear-gradient(rgba(251, 138, 0, 0.9), rgb(251 138 0 / 6%)), url(https://agenciaprizor.com.br/age/img/logo.svg) center center no-repeat fixed, #fb8a00; background-size: 97rem auto; padding: 22rem 0 0 0; z-index: 20; }
#capdig:after { content: ""; position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 75%; background: linear-gradient(to bottom, rgba(24, 24, 44, 0) 0%, rgb(193 106 0) 100%); }
#capdig .diag { background: linear-gradient(to bottom left, #132e7d, #132e7d 50%, transparent 50%, transparent); }
#capdig .seta { position: absolute; pointer-events: none; display: block; z-index: 2; }
#capdig .seta img { display: block; width: 100%; }
#capdig .seta.seta1 { width: 39.5em; left: -22em; top: -28em; }
#capdig .seta.seta2 { width: 14em; right: -7em; top: 2em; filter: blur(5px); }
#capdig .texto { position: relative; z-index: 10; }
#capdig .divisao { position: relative; z-index: 1; }
#capdig .divisao .tbl { width: 1%; margin: auto; white-space: nowrap; }
#capdig .divisao .tbl .col1 { text-align: right; padding-right: 6.6em; position: relative; }
#capdig .divisao .tbl .col1:after { content: ""; position: absolute; right: 3.3em; top: 0; width: 2px; height: 100%; border-right: solid 1px rgba(255,255,255,0.5); border-left: solid 1px rgba(255,255,255,0.1); }
#capdig .divisao .tbl .col1 .subtitulo1 { font-size: 2.1em; }
#capdig .divisao .tbl .col1 .titulo1 { font-size: 14em; }
#capdig .divisao .tbl .col2 .subtitulo1 { font-size: 3.6em; }
#capdig .divisao .tbl .col2 .titulo1 { font-size: 6.2em; }
#capdig .divisao .seta.seta3 { width: 38em; left: -26em; top: -5em; filter: blur(5px); }
#capdig .divisao .seta.seta4 { width: 31em; right: -21em; top: -22em; }

#capdig .dep-header { position: relative; z-index: 10; height: 90em; pointer-events: none; }
#capdig .dep-header .astronauta { position: absolute; z-index: 100; width: 110.2em; display: block; top: -8em; left: -35em; animation: flutuando 4s ease-in-out infinite; }
#capdig .dep-header .linha-azul { position: absolute; z-index: 2; width: 81em; display: block; top: 10em; left: 20em; }
#capdig .dep-header .linha-branca { position: absolute; z-index: 1; width: 61em; display: block; top: 7em; left: 70em; opacity: 0.7; }
#capdig .dep-header .titulo { position: absolute; z-index: 200; top: 37em; right: 14em; }

#capdig .depoimentos { position: relative; padding: 0 14em; }
#capdig .depoimentos .depoimento { width: 100%; padding: 56.3% 0 0 0; position: relative; }
#capdig .depoimentos .depoimento iframe,
#capdig .depoimentos .depoimento video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
#capdig .depoimentos .depoimento video { object-fit: cover; }
#capdig .depoimentos .depoimento .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; z-index: 10; cursor: pointer; }
#capdig .depoimentos .active .depoimento .overlay { display: none; }
#capdig .depoimentos .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; height: 1px; top: calc( ( 100% - 8.8em ) / 2 ); }
#capdig .depoimentos .owl-nav button { font-size: 6em; line-height: 1em; position: absolute; top: -0.5em; opacity: 0.7; }
#capdig .depoimentos .owl-nav button:hover { opacity: 1; }
#capdig .depoimentos .owl-nav button:active { transform: scale(0.9); }
#capdig .depoimentos .owl-nav .owl-prev { left: -1.4em; }
#capdig .depoimentos .owl-nav .owl-next { right: -1.4em; }
#capdig .depoimentos .owl-dots { padding: 5em 0 2em 0; text-align: center; }
#capdig .depoimentos .owl-dots .owl-dot { display: inline-block; width: 2.8em; height: 1.8em; background: #fff; border-radius: 0.9em; margin: 0 1.1em; transition: all 0.2s; opacity: 0.8; }
#capdig .depoimentos .owl-dots .owl-dot:hover { opacity: 1; }
#capdig .depoimentos .owl-dots .owl-dot.active { width: 5.4em; background: #132e7d; opacity: 1; }


#ferramentas { padding: 22rem 0 12.5em 0; background: #132e7d; }
#ferramentas .diag { background: linear-gradient(to bottom left, rgba(24,24,44,1) , rgba(24,24,44,1)  50%, transparent 50%, transparent); }
#ferramentas .ferramentas { overflow: hidden; }
#ferramentas .ferramentas li { float: left; text-align: center; margin: 0 0 9em 0; padding: 0 1em; }
#ferramentas .ferramentas li .ico { margin: 0 0 1.5em 0; }
#ferramentas .ferramentas li .ico img { display: block;  margin: auto; height: 12.5em; }
#ferramentas .ferramentas li .nome { font-size: 2.8em; line-height: 1.2em; }

@media (min-width: 1200px) {
	#ferramentas .ferramentas li { width: 20%; }
	#ferramentas .ferramentas li:nth-child(5n+1) { clear: both; }
}
@media (max-width: 1199px) and (min-width: 992px) {
	#ferramentas .ferramentas li { width: 25%; }
	#ferramentas .ferramentas li:nth-child(4n+1) { clear: both; }
}
@media (max-width: 991px) and (min-width: 768px) {
	#ferramentas .ferramentas li { width: 33.33%; }
	#ferramentas .ferramentas li:nth-child(3n+1) { clear: both; }


.diag-2 {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 13.5vw;
    overflow: hidden;
    max-height: 30rem;
    background: linear-gradient(to bottom left, #132e7d 50%, #132e7d, #fb8a00, #fb8a00 50%);
}

}
@media (max-width: 767px) {
	#ferramentas .ferramentas li { width: 50%; }
	#ferramentas .ferramentas li:nth-child(2n+1) { clear: both; }

	.rodape-fx {
		display: flex;
	}

	.azul-mobile {
		 background: #132e7d !important;
	}

	.bt-assinar {
		background-color: #d35400 !important;
	}

	.age-form-msg {
	    padding: 8px 10px;
	    border-radius: 13px;
	    font-size: 14px;
	    line-height: 1.6em;
	    font-weight: 600;
	    text-align: center;
	}

	.bg {
	    background: none !important;
	}

	body {
	    background: url(../img/bg1.avif);
	    background-size: 100%;
	}

	#floater .btn1 {
		 font-size: 1.5em;
		 padding-left: 1.5em;
		 padding-right: 1.5em;
		 background: #fb8a00;
	}

	.centro {
		text-align: center;
	}

	.marg-t-b {
		margin-top: 1em;
		margin-bottom: 1em !important;
	}

	.bt-azul {
		background: #132e7d !important;
	}


	.lar-mobile {
		 background: #fb8a00 !important;
	}

.title-box {
    font-size: 17px;
    font-weight: 700;
    color: #333333;
    margin-top: 0;
    margin-bottom: 10px;
}
.diag-2 {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 13.5vw;
    overflow: hidden;
    max-height: 30rem;
    background: linear-gradient(to bottom left, #132e7d 50%, #132e7d, #fb8a00, #fb8a00 50%);
}

}


#galeria { background: #1D2232; background-size: 97rem auto; padding: 30rem 0 6rem 0; z-index: 40; }
#galeria .diag { background: linear-gradient(to bottom left, #132e7d, #132e7d 50%, transparent 50%, transparent); }
#galeria .galeria { overflow: hidden; width: calc( 100% + 2em ); margin-left: -1em; position: relative; z-index: 1; }
#galeria .galeria .foto { float: left; width: 33.333%; padding: 1em; height: 45em; }
#galeria .galeria .foto a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 1em; transition: all 0.2s; background: #9E4141; filter: brightness(0.9); }
#galeria .galeria .foto a:hover { filter: brightness(1); }
#galeria .galeria .foto a img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

#galeria .galeria .foto:nth-child(1),
#galeria .galeria .foto:nth-child(7) { width: 66.666%; }
#galeria .galeria .foto:nth-child(3),
#galeria .galeria .foto:nth-child(4),
#galeria .galeria .foto:nth-child(5) { height: 65em; }

#galeria .personagem { position: absolute; width: 124.2em; right: -65em; top: -42em; z-index: 1000; background: #f00; pointer-events: none; }
#galeria .personagem .base { position: relative; transition: all 0.3s; }
#galeria .personagem img { position: absolute; left: 0; top: 0; display: block; }
#galeria .personagem img.rei { width: 100%; z-index: 10; animation: flutuando 4s ease-in-out infinite; }
#galeria .personagem img.coroa { z-index: 100; animation: coroa-flutuando 4s ease-in-out infinite; }

.g2h #galeria .personagem .base { transform: translateX(40em); }

@keyframes coroa-flutuando {
	0% { transform: translatey(4em); }
	50% { transform: translatey(-5.5em); }
	100% { transform: translatey(4em); }
}

#galeria .galeria-mobile .foto { }
#galeria .galeria-mobile .foto a { display: block; width: 100%; padding-bottom: 60% 0 0 0; position: relative; }
#galeria .galeria-mobile .foto a img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
#galeria .galeria-mobile .owl-dots { padding: 1em 0 2em 0; text-align: center; }
#galeria .galeria-mobile .owl-dots .owl-dot { display: inline-block; width: 2em; height: 1.1em; background: #fff; border-radius: 0.9em; margin: 0 0.4em; transition: all 0.2s;}
#galeria .galeria-mobile .owl-dots .owl-dot.active { width: 4em; background: #132e7d; }



#footer { position: relative; z-index: 100; height: 9.5em; background: #1D2232; }




/* ==========================================================================
   Resposive
   ========================================================================== */

@media (min-width: 1200px) {
	.container { width: 100%; max-width: 1450px; }
	
}

@media (max-width: 1450px) {
	html { font-size: 9px; }
	#header .header2 .col2 .subtitulo1 { font-size: 3em; }
	#header .header2 .col2 .titulo1 { font-size: 3.8em; }
	#ferramentas .ferramentas { font-size: 0.9em; }
}

@media (max-width: 1199px) {
	html { font-size: 7.5px; }
	.titulo1 { font-size: 8rem; }
	.titulo-1 { font-size: 5rem; }
	#header .header2 .hero { font-size: 0.85rem; }
	.box-form { padding: 3em; }
}

@media (max-width: 991px) {
	html { font-size: 6px; }
	.titulo1 { font-size: 6.5rem; }
	#header .header2 .hero { font-size: 0.75rem; }

		#header .header2 .hero .promocional {
	    width: 65.2em !important;
	    max-width: 90%;
	    height: auto;
	    z-index: 190;
	    top: 43em;
	    left: 5.5em;
	}

.diag-2 {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 13.5vw;
    overflow: hidden;
    max-height: 30rem;
    background: linear-gradient(to bottom left, #132e7d 50%, #132e7d, #fb8a00, #fb8a00 50%);
}


	
}

@media (max-width: 767px) {
	html { font-size: 7px; }

		#header .header2 .hero .promocional {
	    width: 65.2em !important;
	    max-width: 90%;
	    height: auto;
	    z-index: 190;
	    top: 43em;
	    left: 5.5em;
	}

	.rodape-fx {
		display: flex;
	}

	body {
	    background: url(../img/bg1.avif);
	    background-size: 100%;
	}

	.bg {
	    background: none !important;
	}

	.azul-mobile {
		 background: #132e7d !important;
	}

	.age-form-msg {
	    padding: 8px 10px;
	    border-radius: 13px;
	    font-size: 14px;
	    line-height: 1.6em;
	    font-weight: 600;
	    text-align: center;
	}


		#floater .btn1 {
		 font-size: 1.5em;
		 padding-left: 1.5em;
		 padding-right: 1.5em;
		 background: #fb8a00;
	}


	.centro {
		text-align: center;
	}

	.marg-t-b {
		margin-top: 1em;
		margin-bottom: 1em !important;
	}


	.bt-azul {
		background: #132e7d !important;
	}

	.lar-mobile {
		 background: #fb8a00 !important;
	}

	.preencha {
		text-align: center;
		font-size: 18px;
		margin-bottom: 2px;
	}

	.title-box {
	    font-size: 18px;
	    font-weight: 700;
	    color: #333333;
	    margin-top: 0;
	    margin-bottom: 10px;
	}


.diag-2 {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 13.5vw;
    overflow: hidden;
    max-height: 30rem;
    background: linear-gradient(to bottom left, #132e7d 50%, #132e7d, #fb8a00, #fb8a00 50%);
}

	.subtitulo1 { font-size: 25px; }
	.titulo1 { font-size: 29px; }
	.texto { font-size: 16px; }
	.btn1 { font-size: 16px; border-radius: 30px; }
	.btn1.btn1-alto {         border-radius: 10px;
        width: 100%;
        background: #132e7d;
        font-weight: bold; }

	#header { padding-bottom: 30px; }
	#header .header1 .logo img { height: auto; max-height: 50px; max-width: 100%; }
	#header .header2 .hero { font-size: 1vw; }
	#header .header2 .hero .sj { background: url(../img/adobe.svg) 1em bottom no-repeat; background-size: auto 6em; }
	.box-form { padding: 20px 14px; margin-bottom: 3em; }
	.box-form .grupo + .grupo { margin-top: 20px; }

	#ganhe-ate { padding-bottom: 0px; }
	#ganhe-ate .controle { margin: 30px 0 0 0; }
	#ganhe-ate .controle img { position: relative; left: auto; top: auto; width: 100%;  }

	#estrutura { padding-top: 0px; }

	#ferramentas .ferramentas { font-size: 0.8em; }
	#header .header2 .hero { margin: 0 auto 20px auto; }

	#estrutura .estrutura-mobile { position: relative; padding: 10px 30px; }
	#estrutura .estrutura-mobile .owl-nav { position: absolute; left: 0; top: 30%; height: 1px; width: 100%; }
	#estrutura .estrutura-mobile .owl-nav button { position: absolute; font-size: 40px; line-height: 1em; top: -0.5em; }
	#estrutura .estrutura-mobile .owl-nav button.owl-prev { left: -30px; }
	#estrutura .estrutura-mobile .owl-nav button.owl-next { right: -30px; }
	#estrutura .box-estrutura { font-size: 16px; margin: 0; text-align: center; max-width: none; }
	#estrutura .box-estrutura img { display: block; width: auto; height: 110px; max-width: 100%; margin: auto; margin-bottom: 10px; }
	#estrutura .box-estrutura .tcol:last-child { min-height: 6em; padding-bottom: 1em; }

	#capdig { padding-top: 75px; background-image: none; }
	#capdig .seta { display: none; }
	#capdig .dep-header { font-size: 1vw; margin-top: 40px; margin-bottom: 60px; }
	#capdig .depoimentos { padding: 0 40px; }
	#capdig .depoimentos .owl-nav .owl-prev { left: -35px; }
	#capdig .depoimentos .owl-nav .owl-next { right: -35px; }
	#capdig .depoimentos .owl-dots .owl-dot { margin: 0 0.7em; }

	#ferramentas { padding-top: 75px;  }

	#galeria { padding-top: 75px; background: #9E4141; }
	#galeria .personagem { display: none; }
	#galeria .galeria-mobile { position: relative; padding: 0 40px; }
	#galeria .galeria-mobile .foto { display: block; }
	#galeria .galeria-mobile .foto a { display: block; position: relative; padding: 130% 0 0 0; }
	#galeria .galeria-mobile .foto a img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
	#galeria .galeria-mobile .owl-nav { position: absolute; left: 0; top: 50%; height: 1px; width: 100%; }
	#galeria .galeria-mobile .owl-nav button { position: absolute; font-size: 40px; line-height: 1em; top: -0.5em; }
	#galeria .galeria-mobile .owl-nav button.owl-prev { left: -30px; }
	#galeria .galeria-mobile .owl-nav button.owl-next { right: -30px; }

	#mobile-form { padding: 75px 0 40px 0; background: #132e7d; }
	#mobile-form .diag { background: linear-gradient(to bottom left, #fb8a00, #fb8a00 50%, transparent 50%, transparent); }

	#floater .logo img { height: 21px; }
	#floater .tbl { height: auto; padding: 7px 0; }

	#footer { background: #132e7d; }
}

@media (max-width: 575px) {
	#header .header2 .hero .promocional {
    width: 65.2em !important;
    max-width: 90%;
    height: auto;
    z-index: 190;
    top: 43em;
    left: 5.5em;
}


.diag-2 {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 13.5vw;
    overflow: hidden;
    max-height: 30rem;
    background: linear-gradient(to bottom left, #132e7d 50%, #132e7d, #fb8a00, #fb8a00 50%);
}

	#capdig { padding-top: 60px; }
	#capdig .divisao .tbl { font-size: 0.85rem; }
	#capdig .dep-header .titulo { right: 4em; }
	#capdig .dep-header .astronauta { left: -45em; }
	
	#ferramentas { padding-top: 60px; padding-bottom: 50px; }
	#galeria { padding-top: 60px;  }
}

@media (max-width: 400px) {
		#header .header2 .hero .promocional {
		    width: 65.2em !important;
		    max-width: 90%;
		    height: auto;
		    z-index: 190;
		    top: 43em;
		    left: 5.5em;
		}

	
	#capdig .divisao .tbl { font-size: 0.65rem; }
	
}