/* Box Topo */
.boxTopo{}
	.boxTopo .centro{width: 100%;max-width: 1640px;padding: 62px 20px 0px;margin: 0px auto;}
		.boxTopo .centro h2{margin-bottom: 22px;}
			.boxTopo .centro h2 b{}
		.boxTopo .centro p{line-height: 21px;letter-spacing: -0.02em;margin-bottom: 21px;}

/* Box Compromisso */ 
.boxCompromisso{}
	.boxCompromisso .centro{width: 100%;max-width: 1540px;padding: 140px 20px 138px 50px;margin: 0px auto;position: relative;overflow-y: clip;}
		._1000 .boxCompromisso .centro::before{content: "";width: 24px;height: 24px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 24'%3E%3Cpath fill='%23DADDDE' d='M22.4 12.5C23.8 9 24.8 4.2 25 0 17.7 0 10.9 1.2 6 4.1c-8 3.7-8 15.9.4 19.2 8 2.9 13.5-3.2 16-10.8Zm-9-9.6c3.2-.8 6.5-1.2 9.9-1.2a45.8 45.8 0 0 1-2.4 10c-2.3 0-4.7-.1-7-.3h-.2l5-4.6c.2-.9-.8-1.3-1.4-.6l-4.5 4.1.2-7v-.2l.3-.2ZM8.1 4.7c1.1-.4 2.2-1 3.3-1.3 0 1.3 0 2.6-.2 3.9 0 1.4 0 3-.2 4.4 0 .1 0 .2-.2.3l-3.3 3c.1-3.3.1-6.7.4-10 0-.2 0-.3.2-.3Zm-1.8 1c-.2 3.6-.2 7.3-.5 10.8v.2L3.2 19C0 14.7 1.6 8.4 6.4 5.8Zm11.4 12.5c-3.3 4.5-9.2 5.7-13.5 1.9 1-.7 1.7-1.6 2.6-2.3l.3-.2 10.5.4c.2 0 .2.1 0 .3Zm2.7-5c-.4 1.2-1 2.2-1.6 3.2 0 .2-.1.2-.3.2l-10-.4 3.5-3.1.3-.2 8 .2h.2v.2Z'/%3E%3C/svg%3E") no-repeat;position: absolute;top: 152px;left: 12px;}
		._1000 .boxCompromisso .centro::after{content: ""; width: 2px; height: 500px; background: #E4E7E8; position: absolute; left: 20px; top: 184px;}
		.boxCompromisso .centro span.subtitulo{width: 100%;max-width: 830px;display: block;font-size: 14px;font-weight: 700;line-height: 14px;letter-spacing: 0.08em;text-transform: uppercase;color: #178D45;margin: 0px auto 10px;}
		.boxCompromisso .centro h2{width: 100%; max-width: 1233px; font-size: 40px; font-weight: 400; line-height: 48px; letter-spacing: -0.02em; color: #0D0D0D; margin: 0px auto 34px ;}
			.boxCompromisso .centro h2 b{font-weight: 700;}
		.boxCompromisso .centro p{width: 100%; max-width: 1233px; font-size: 18px; font-weight: 300; line-height: 32px; letter-spacing: 0.01em; color: #70797A; margin: 0px auto 0 ;}

/* Box Curso */
.boxCurso{background: #F2F4F5;}
	.boxCurso .centro{width: 100%;max-width: 1640px;padding: 134px 20px 144px;margin: 0px auto;position: relative;}
		.boxCurso .centro::before{content: ""; width: 65px; height: 79px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 65 79'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23fff' d='M20 0c3.3 0 6.4 1.9 8 4.9l4.3 8.3 4.8-8.7A9.1 9.1 0 0 1 45 0h11c5 0 9.1 4.1 9.1 9.2 0 1.7-.4 3.8-1.3 5.2l-9.2 15.7c.3 3.4.2 6.6-.1 10a22.8 22.8 0 0 1-8.6 16.1v9.6c0 5-4 9.2-9.1 9.2h-9c-5.1 0-9.2-4.1-9.2-9.2v-9.2c0-1.2.3-2.5.8-3.7-3.4-4-4.8-9.3-4.4-14.4L1.2 14.3C.4 12.9 0 10.8 0 9.3 0 4 4 0 9.1 0H20Z'/%3E%3C/g%3E%3Cpath fill='%23003D40' d='M29.5 26 20.1 8H9v.5l14.2 25c1.6-3 3.8-5.4 6.3-7.6M32.2 52.5c-.8 0-1.2-.2-2-.5L28 56.6V66h9.3V52.4c-1.7.4-3.4.5-5.1.1ZM39.5 19.5c1.1-.6 2.4-1 3.5-1.7l1.4-.5c.4 0 .7.2 1 .4 0 .5.3 1 .4 1.4l1.5 6L57 8.5V8H45.8l-6.3 11.5Z'/%3E%3Cpath fill='%230EAB4B' d='m45.8 34.2-9.2 3.5-.3.2L34 43l11.5-4c.2-.1.3-.2.3-.4 0-1.4.3-2.8.3-4.3v-.1h-.2M45 41l-12 4.2-.4.4c-.6 1.2-1 2.4-1.7 3.6l-.1.1c5.2 2 11-.4 13.2-5.3.5-.9.8-1.9 1.2-2.9L45 41ZM28 30.6c1.3 4 2.8 7.8 4.2 11.6l2.4-5v-.7L33 31.7l-1.6-4.4-3.1 3c-.2 0-.2.2-.2.3M29.2 48.6a287.8 287.8 0 0 0 1.8-4c-1.3-4.2-3-8.2-4.4-12.3-4.2 5-3.2 13 2.6 16.3M33 26.5c1 2.7 1.8 5.4 2.9 8l3.2-6.7c.3-1 1.7-1 1.9 0-1 2.5-2.3 4.9-3.4 7.3v.2l8.2-3a54.1 54.1 0 0 0-2-12.4 51.2 51.2 0 0 0-10.9 6.3v.3'/%3E%3Cdefs%3E%3Cfilter id='a' width='65' height='79' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0.239216 0 0 0 0 0.25098 0 0 0 0.15 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_3691_22'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_3691_22' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat; position: absolute; top: -13px; left: 50%; transform: translateX(-50%);}
		
        .boxCurso .centro .bannerCurso{display: flex;align-items: center; justify-content: flex-end; width: 100%;background: #1C2319; padding: 39px 49px; overflow: clip;position: relative;border-radius: 40px;}
            ._1000 .boxCurso .centro .bannerCurso .fundo{display: block;width: 1128px; height: 100%; right: 470px; position: absolute;z-index: 1;background-image: url("../img/bg-curso1.webp");background-repeat: no-repeat; background-size: cover; background-position: top right;}
            ._1000 .boxCurso .centro .bannerCurso .conteudo{width: 100%;display: flex; flex-direction: column; align-items: flex-start; max-width: 718px;border-radius: 30px;background: linear-gradient(180deg, #446533 0%, rgba(68, 101, 51, 0.80) 47.87%, rgba(68, 101, 51, 0.00) 95.74%); padding: 35px 36px 14px 45px;position: relative;z-index: 2;}
                .boxCurso .centro .bannerCurso .conteudo h2{color: #FFF;font-size: 29px;font-weight: 800;line-height: 32px;letter-spacing: -0.03em;margin-bottom: 10px;}
                    .boxCurso .centro .bannerCurso .conteudo h2 b{font-weight: 800; color: #FDBD39;}
                .boxCurso .centro .bannerCurso .conteudo p{width: 100%; max-width: 596px; color: #FFF;font-size: 15px;font-weight: 500;line-height: 26px;letter-spacing: -0.02em;margin-bottom: 28px;}
                    .boxCurso .centro .bannerCurso .conteudo p b{font-weight: 700;}

                .boxCurso .centro .bannerCurso .conteudo .botoes{display: flex;width: 100%; max-width: 627px; justify-content: space-between;align-items: center;}
                    .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga:active,
                    .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga:link,
                    .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga:visited{display: flex; gap:23px;align-items: center; justify-content: center;border-radius: 60px;outline: 3px solid #FDBD39;outline-offset: -3px; background: #2F5F22; height: 52px; transition: all 0.5s ease;padding: 0 27px 0 32px;}
                        .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga b{color: #FFF;font-size: 16px;font-weight: 800;line-height: 32px;transition: all 0.5s ease;text-transform: uppercase;}
                        .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga .icone{display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 100%;background: #FDBD39;transition: all 0.5s ease;}
                            .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga .icone svg{width: 12px; height: 12px;}
                                .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga .icone svg path{fill: #2F5F22;transition: all 0.5s ease;}
                   ._1000 .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga:hover{background: #1C2319; outline-color: #0EAB4B; box-shadow: 0px -16px 28px -16px #0EAB4B inset;}
                       ._1000 .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga:hover .icone {background: #0eab4a;}
                       ._1000 .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga:hover .icone svg path{fill:#1C2319;}

                    .boxCurso .centro .bannerCurso .conteudo .botoes > span{color: #FFF;font-size: 14px;font-weight: 700;line-height: 26px;}

                    .boxCurso .centro .bannerCurso .conteudo .botoes .logo{width: 113px;height: 40px;}
                        .boxCurso .centro .bannerCurso .conteudo .botoes .logo img{user-select: none; pointer-events: none;width: 100%; height: 100%; object-fit: contain;}


.boxCompromisso, .boxCurso{zoom:1;transition: all 0.5s ease;}

@media (min-width: 1000px) and (max-width: 1800px) {
    .boxTopo .centro{padding-left: 66px;} }

@media (min-width: 1000px) and (max-width: 1370px){
    .boxTopo {max-height: 615px;}
        .boxTopo .centro{transform: scale(0.85);padding-top: 0;}
            .boxTopo .centro h2 { padding-top: 128px;}
     .boxCompromisso, .boxCurso{zoom:0.9;}
}

@media (min-width: 1000px) and (max-width: 1260px){
    .boxCompromisso, .boxCurso{zoom:0.85;}
}

/* MOBILE */
/* Box Topo */
._320 .boxTopo{height: 280px;}
	._320 .boxTopo .centro{padding-top: 65px;}
		._320 .boxTopo .centro h2{}
			._320 .boxTopo .centro h2 b{}
		._320 .boxTopo .centro p{max-width: 320px; margin: 0 auto;}

/* Box Compromisso */
._320 .boxCompromisso{position: relative;}
	._320 .boxCompromisso::before{content: "";width: 100%;height: 132px;background: linear-gradient(180deg, #0032071f 0%, #10101000 100%);position: absolute;top: 0px;left: 0px;pointer-events: none;}
	._320 .boxCompromisso .centro{padding: 73px 20px 60px;}
		._320 ._1000 .boxCompromisso .centro::before{}
		._320 ._1000 .boxCompromisso .centro::after{}
		._320 .boxCompromisso .centro span.subtitulo{}
		._320 .boxCompromisso .centro h2{width: 100%;max-width: 320px;font-size: 24px;line-height: 32px;text-align: center;margin-bottom: 24px;}
			._320 .boxCompromisso .centro h2 b{}
		._320 .boxCompromisso .centro p{font-size: 16px;line-height: 28px;text-align: center;}

/* Box Curso */
._320 .boxCurso{}
	._320 .boxCurso .centro{padding: 60px 10px;}
		._320 .boxCurso .centro::before{width: 55px;height: 69px;}
        ._320 .boxCurso .centro .bannerCurso{width: 100%; max-width: 400px; margin: 0 auto; padding: 0; border-radius: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
            ._320 .boxCurso .centro .bannerCurso .fundo{display: block; width: 100%; height: 88px; background: url("../img/bg-cursoMobile.webp") no-repeat; background-size: cover; background-position: center bottom;}
            ._320 .boxCurso .centro .bannerCurso .conteudo{width: 100%;display: flex; flex-direction: column; align-items: center; background: linear-gradient(180deg, #446533 0%, #334E28 100%);padding: 16px 16px 20px;}
                ._320 .boxCurso .centro .bannerCurso .conteudo h2{font-size: 20px; line-height: 24px; text-align: center;width: 100%; max-width: 320px;}
                    ._320 .boxCurso .centro .bannerCurso .conteudo h2 b{}
                ._320 .boxCurso .centro .bannerCurso .conteudo p{font-size: 14px; line-height: 22px; text-align: center; margin: 0 auto 18px; max-width: 330px;}
                    ._320 .boxCurso .centro .bannerCurso .conteudo p b{}

                ._320 .boxCurso .centro .bannerCurso .conteudo .botoes{flex-direction: column; gap: 5px;}

                    ._320 .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga:active,
                    ._320 .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga:link,
                    ._320 .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga:visited{outline: initial;background: #1C2319; height: auto;padding: 6px 7px 6px 18px; gap:13px;justify-content: space-between;}
                        ._320 .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga b{font-size: 14px;line-height: 17px;    padding-bottom: 1px;}
                        ._320 .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga .icone{width: 24px;height: 24px;}
                            ._320 .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga .icone svg{width: 10px; height: 10px;}
                            ._320 .boxCurso .centro .bannerCurso .conteudo .botoes a.queroVaga .icone svg path{fill:#1C2319;}

                    ._320 .boxCurso .centro .bannerCurso .conteudo .botoes > span{font-size: 10px; line-height: 12px;}

                    ._320 .boxCurso .centro .bannerCurso .conteudo .botoes .logo{display: none !important;}
                        ._320 .boxCurso .centro .bannerCurso .conteudo .botoes .logo img{}