/* FONTES */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* VARIÁVEIS */
:root {
  --red:                #EE3B25;
  --blue:               #1C69B3;
  --green:              #00AF7B;
  --green-light:        #32BA46;
  --gray:               #707070;
  --gray-light:         #EFEEEE;
  --gray-lighter:       #C6C6C6;
  --gray-medium:        #888B8D;

  --black:              #000000;
  --black-alpha:        rgba(0,0,0,0.4);
  --white:              #FFFFFF;
  --dummy:              #FFCC00;
}


/* GERAL */
html, body { height: auto; width: 100%; border: none; margin: 0; padding: 0; font-family: "Work Sans", sans-serif; font-weight: 400; font-size: 10px; color: var(--black); overflow-x: hidden; }
a { text-decoration: none; display: block; }
a:hover, a:active, a:focus, button:hover, button:active, button:focus, input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus  { outline: 0; border: none; text-decoration: none; }
::selection { color: var(--white); background-color: var(--red); }
* { box-sizing: border-box; }

.container { width: 100%; max-width: 1360px; padding: 0 40px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; align-self: stretch; position: relative; }

/* NAV */
nav { position: fixed; top: 0; left: 0; width: 100%;  z-index: 10; }
nav .container { max-width: 100%; gap: 0; }
nav .holder { width: 100%; padding: 25px 30px; display: flex; justify-content: space-between; align-items: center; gap: 20px; background: var(--blue); border-radius: 0 0 25px 25px; transition: all 0.5s ease; }

nav .menu { display: flex; justify-content: space-between; align-items: center; flex: 1; gap: 10px; }
nav .menu .bt a { font-size: 1.4em; font-weight: 500; text-align: center; color: var(--white); padding: 10px; position: relative; }
nav .menu .bt a:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: var(--green); transition: all 0.5s ease; }
nav .menu .bt a:hover:before { left: 0; width: 100%; }
nav .menu .bt-cta { margin-left: 20px; }
nav .menu .bt-cta a { font-size: 1.8em; font-weight: 500; white-space: nowrap; color: var(--white); padding: 0 30px; height: 70px; display: flex; justify-content: center; align-items: center; background: var(--green); border-radius: 35px; position: relative; transition: all 0.3s ease; }
nav .menu .bt-cta a:hover { box-shadow: 0 5px 10px var(--black-alpha); transform: translate(0, -3px); }

nav.sticky .holder { box-shadow: 0px 0px 10px var(--black-alpha); }

nav .bt-menu { display: none; position: absolute; top: 8px; right: 20px; z-index: 2; transition: all 0.5s ease; }
nav .bt-menu a { text-decoration: none; position: relative; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; }
nav .bt-menu .bar { width: 20px; height: 2px; border-radius: 2px; background: var(--white); }
nav .bt-menu .bar-1 { transform: rotate(0); position: absolute; top: 17px; left: 14px; transition: all 0.2s ease; }
nav .bt-menu .bar-2 { opacity: 1; transition: all 0.2s ease; }
nav .bt-menu .bar-3 { transform: rotate(0); position: absolute; top: 29px; left: 14px; transition: all 0.2s ease; }
nav.open .bt-menu .bar-1 { transform: rotate(45deg); transform-origin: 50% 50%; transition: all 0.2s ease; width: 21px; height: 3px; top: 23px; left: 13px; }
nav.open .bt-menu .bar-2 { opacity: 0; }
nav.open .bt-menu .bar-3 { transform: rotate(-45deg); transform-origin: 50% 50%; transition: all 0.2s ease; width: 21px; height: 3px; top: 23px; left: 13px; }

aside { position: fixed; bottom: 50px; right: 60px; z-index: 9; }
aside .bt-whatsapp a { display: flex; justify-content: center; align-items: center; height: 92px; padding: 0 15px; background: var(--green-light); border-radius: 46px; transition: all 0.3s ease; }
aside .bt-whatsapp a .hld-info { position: relative; overflow: hidden; width: 0; height: 48px; transition: all 0.5s ease; }
aside .bt-whatsapp a .info { flex: 1; font-size: 2.4em; font-weight: 500; width: 207px; color: var(--white); line-height: 1; text-align: center; position: absolute; left: 0; top: 0; }
aside .bt-whatsapp a:hover { box-shadow: 0 5px 10px var(--black-alpha); transform: translate(0, -3px); }
aside .bt-whatsapp a:hover .hld-info { width: 207px; }
aside.trava { position: absolute; }

main .banner { height: 100dvh; background-repeat: no-repeat; background-position: right bottom; background-color: var(--blue); background-size: auto calc(100% - 120px); background-attachment: fixed; }
main .banner .container { height: 100%; display: flex; justify-content: center; align-items: flex-start; padding-top: 120px; }
main .banner .logo { margin-bottom: 65px; width: 70%; }
main .banner .logo img { max-width: 100%; }
main .banner .txt { font-size: 3.5em; font-weight: 500; color: var(--white); }
main .banner .txt strong { font-weight: 700; color: var(--green); }
main .banner .bt-scroll { position: absolute; left: 50%; bottom: 40px; transform: translate(-50%); z-index: 2; }
main .banner .bt-scroll a { display: block; position: relative; }
main .banner .bt-scroll a:before { content: ''; width: 40px; height: 40px; position: absolute; left: 0; top: 0; transition: all 0.3s ease; }
main .banner .bt-scroll a img { margin: 0 0 10px 0; transition: all 0.3s ease; }
main .banner .bt-scroll a:hover img { margin: 0; }
main .banner .bt-scroll a:hover:before { top: -10px; }


main .topo { height: 100dvh; background-image: url('../images/img_topo.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; position: relative; }
main .topo .bt-scroll { position: absolute; left: 50%; bottom: 10px; transform: translate(-50%); z-index: 3; }
main .topo .bt-scroll a { display: block; position: relative; }
main .topo .bt-scroll a:before { content: ''; width: 40px; height: 40px; position: absolute; left: 0; top: 0; transition: all 0.3s ease; }
main .topo .bt-scroll a img { margin: 0 0 10px 0; transition: all 0.3s ease; }
main .topo .bt-scroll a:hover img { margin: 0; }
main .topo .bt-scroll a:hover:before { top: -10px; }

main .topo-adesao { height: 520px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }

main .divisoria { position: relative; overflow: hidden; width: 100%; }
main .divisoria .container { flex-direction: row; justify-content: flex-start; position: relative; }

main .divisoria.div-1 { margin-top: -96px; }
main .divisoria.div-1 .container:before { content: ''; position: absolute; width: 100vw; height: 33px; background: var(--green); position: absolute; left: calc(-100vw - 15px); top: 0; z-index: 2; }
main .divisoria.div-1 .container:after { content: ''; position: absolute; width: 100vw; height: 214px; background: var(--green); position: absolute; left: 60px; bottom: 0; }
main .divisoria.div-1 .aux:before { content: ''; width: 100vw; height: 310px; background: var(--white); position: absolute; left: -100vw; top: 5px; }
main .divisoria.div-1 .shape { position: relative; width: 380px; height: 310px; margin-left: -300px; mask-image: url('../images/el_l_01.svg'); mask-size: auto 100%; mask-repeat: no-repeat; mask-position: center; background: var(--green); }
main .divisoria.div-1 .txt { position: absolute; left: 0; bottom: 0; width: 100%; height: 214px; display: flex; align-items: center; z-index: 2;  display: flex; padding-left: 40px; font-size: 5.2em; font-weight: 700; line-height: 1; color: var(--white);  }
main .divisoria.div-1 .txt .ico { position: relative; width: 56px; height: 41px; mask-image: url('../images/ico_arrow.svg'); mask-size: 56px; margin-top: 8px; margin-right: 20px; mask-repeat: no-repeat; mask-position: center; background: var(--white); transition: all 0.3s ease; }
main .divisoria.div-1 .txt a:hover .ico { margin-left: 10px; margin-right: 10px; }

main .divisoria.div-2 .container { padding: 0; }
main .divisoria.div-2 .container:before { content: ''; position: absolute; width: 100vw; height: 22px; background: var(--green); position: absolute; left: calc(-100vw + 250px); bottom: 0; z-index: 2; }
main .divisoria.div-2 .container:after { content: ''; position: absolute; width: 200%; height: 144px; background: var(--green); position: absolute; left: calc(clamp(75px, 10vw, 175px) + 250px); top: 0; }
main .divisoria.div-2 .aux:before { content: ''; width: 100vw; height: 209px; background: var(--white); position: absolute; left: calc(-100vw + (clamp(75px, 10vw, 175px) + 150px)); top: 0; }
main .divisoria.div-2 .shape { position: relative; width: 256px; height: 209px; margin-left: clamp(75px, 10vw, 175px); mask-image: url('../images/el_r_01.svg'); mask-size: 100%; mask-repeat: no-repeat; mask-position: center; background: var(--green); }
main .divisoria.div-2 .txt { position: absolute; left: 0; top: 0; width: 100%; height: 144px;  margin-left: clamp(75px, 20vw, 345px); display: flex; align-items: center; z-index: 2; }
main .divisoria.div-2 .txt .hld { font-size: 3.2em; font-weight: 700; line-height: 1; text-transform: uppercase; color: var(--white);  }
main .divisoria.div-2 .txt .hld span { font-size: 1.625em; }
main .divisoria.div-2 .txt .ico { position: relative; width: 56px; height: 41px; mask-image: url('../images/ico_arrow.svg'); mask-size: 56px; margin-right: 20px; mask-repeat: no-repeat; mask-position: center; background: var(--blue); transition: all 0.3s ease; }

main .divisoria.div-2.interna .aux:before { content: ''; width: 100vw; height: 209px; background: url('../images/bg_linhas.svg') no-repeat center right 20px var(--blue); position: absolute; left: calc(-100vw + (clamp(75px, 10vw, 175px) + 150px)); top: 0; }

main .divisoria.div-3 { margin-top: -65px; }
main .divisoria.div-3 .cont-1 { z-index: 2; }
main .divisoria.div-3 .cont-1:before { content: ''; position: absolute; width: 200%; height: 145px; background: var(--green); position: absolute; right: 300px; bottom: 0; z-index: 2; }
main .divisoria.div-3 .cont-1:after { content: ''; position: absolute; width: 100vw; height: 22px; background: var(--green); position: absolute; right: calc(-100vw + 150px); top: 0; }
main .divisoria.div-3 .cont-1 .aux { width: 100vw; display: flex; justify-content: flex-end; margin-right: 100px; }
main .divisoria.div-3 .cont-1 .shape { position: relative; width: 256px; height: 210px; mask-image: url('../images/el_r_02.svg'); mask-size: auto 100%; mask-repeat: no-repeat; mask-position: center; background: var(--green); }
main .divisoria.div-3 .cont-1 .txt { position: absolute; left: 0; bottom: 0; width: 100vw; height: 145px; display: flex; align-items: center; z-index: 2; }
main .divisoria.div-3 .cont-1 .txt .hld { font-size: 3.2em; font-weight: 700; line-height: 1; text-transform: uppercase; color: var(--white);  }
main .divisoria.div-3 .cont-1 .txt .hld span { font-size: 1.625em; }
main .divisoria.div-3 .cont-1 .txt .ico { position: relative; width: 56px; height: 41px; mask-image: url('../images/ico_arrow.svg'); mask-size: 56px; margin-right: 20px; mask-repeat: no-repeat; mask-position: center; background: var(--blue); transition: all 0.3s ease; }
main .divisoria.div-3 .cont-2 { z-index: 1; }
main .divisoria.div-3 .cont-2 { margin-top: -160px; }
main .divisoria.div-3 .cont-2:before { content: ''; position: absolute; width: 200%; height: 145px; background: var(--red); position: absolute; right: 300px; bottom: 0; z-index: 2; }
main .divisoria.div-3 .cont-2:after { content: ''; position: absolute; width: 100vw; height: 22px; background: var(--red); position: absolute; right: calc(-100vw + 150px); top: 0; }
main .divisoria.div-3 .cont-2 .aux { width: 100vw; display: flex; justify-content: flex-end; margin-right: 100px; }
main .divisoria.div-3 .cont-2 .aux:before { content: ''; width: 100vw; height: 205px; background: var(--blue); position: absolute; right: calc(-100vw + 300px); top: 5px; }
main .divisoria.div-3 .cont-2 .shape { position: relative; width: 256px; height: 210px; margin-right: -40px; mask-image: url('../images/el_r_02.svg'); mask-size: auto 100%; mask-repeat: no-repeat; mask-position: center; background: var(--red); }
main .divisoria.div-3 .cont-2 .txt { position: absolute; left: 0; bottom: 0; width: 100vw; height: 50px; display: flex; align-items: center; z-index: 2; }
main .divisoria.div-3 .cont-2 .txt .hld { font-size: 3.2em; font-weight: 700; line-height: 1; color: var(--white);  }
main .divisoria.div-3 .cont-2 .txt .ico { position: relative; width: 75px; height: 41px; }

main .divisoria.div-3.white .cont-2 .aux:before { background: var(--white); top: -30px; }
main .divisoria.div-3.blue .cont-2 .aux:before { top: -30px; height: 240px; }
main .divisoria.div-3.green .cont-2 .aux:before { background: var(--green); top: -30px; height: 240px; }
main .divisoria.div-3.green .cont-1:before { background: var(--white); }
main .divisoria.div-3.green .cont-1:after { background: var(--white);  }
main .divisoria.div-3.green .cont-1 .shape { background: var(--white); }
main .divisoria.div-3.green .cont-1 .txt .hld { color: var(--blue);  }
main .divisoria.div-3.green .cont-1 .txt .ico { background: var(--green); }

main .divisoria.div-3.green.alt .cont-1 .shape { height: 177px; }
main .divisoria.div-3.green.alt .cont-1 .aux:before { content: ''; width: 100vw; height: 205px; background: var(--green); position: absolute; right: calc(-100vw + 300px); top: 5px; }
main .divisoria.div-3.green.alt .cont-1 .txt { height: 122px; padding-left: 40px; }
main .divisoria.div-3.green.alt .cont-1:before { height: 122px; }
main .divisoria.div-3.green.alt .cont-1:after { height: 18px; right: calc(-100vw + 200px); }

main .divisoria.div-4 { margin-top: -65px; z-index: 3; }
main .divisoria.div-4 .cont-1 { z-index: 2; }
main .divisoria.div-4 .cont-1:before { content: ''; position: absolute; width: 100vw; height: 22px; background: var(--blue); position: absolute; left: calc(-100vw - 15px); top: 0; z-index: 2; }
main .divisoria.div-4 .cont-1:after { content: ''; position: absolute; width: 200%; height: 145px; background: var(--blue); position: absolute; left: 60px; bottom: 0; }
main .divisoria.div-4 .cont-1 .aux { width: 100vw; display: flex; justify-content: flex-start; }
main .divisoria.div-4 .cont-1 .shape { position: relative; width: 256px; height: 210px; margin-left: -200px; mask-image: url('../images/el_l_01.svg'); mask-size: auto 100%; mask-repeat: no-repeat; mask-position: center; background: var(--blue); }
main .divisoria.div-4 .cont-1 .txt { position: absolute; left: 0; bottom: 0; width: 100vw; height: 145px; display: flex; align-items: center; z-index: 2; }
main .divisoria.div-4 .cont-1 .txt .hld { font-size: 3.2em; font-weight: 700; line-height: 1; text-transform: uppercase; color: var(--white);  }
main .divisoria.div-4 .cont-1 .txt .hld span { font-size: 1.625em; }
main .divisoria.div-4 .cont-1 .txt .ico { position: relative; width: 56px; height: 41px; mask-image: url('../images/ico_arrow.svg'); mask-size: 56px; margin-right: 20px; mask-repeat: no-repeat; mask-position: center; background: var(--green); transition: all 0.3s ease; }
main .divisoria.div-4 .cont-2 { z-index: 1; }
main .divisoria.div-4 .cont-2 { margin-top: -160px; }
main .divisoria.div-4 .cont-2:before { content: ''; position: absolute; width: 100vw; height: 22px; background: var(--red); position: absolute; left: calc(-100vw - 15px); top: 0; z-index: 2; }
main .divisoria.div-4 .cont-2:after { content: ''; position: absolute; width: 200%; height: 145px; background: var(--red); position: absolute; left: 20px; bottom: 0; }
main .divisoria.div-4 .cont-2 .aux { width: 100vw; display: flex; justify-content: flex-start; }
main .divisoria.div-4 .cont-2 .aux:before { content: ''; width: 100vw; height: 240px; background: var(--white); position: absolute; left: 0; top: -50px; }
main .divisoria.div-4 .cont-2 .aux:after { content: ''; width: 100vw; height: 30px; background: var(--green); position: absolute; left: -100vw; top: -30px; }
main .divisoria.div-4 .cont-2 .shape { position: relative; width: 256px; height: 210px; margin-left: -240px; mask-image: url('../images/el_l_01.svg'); mask-size: auto 100%; mask-repeat: no-repeat; mask-position: center; background: var(--red); }
main .divisoria.div-4 .cont-2 .txt { position: absolute; left: 0; bottom: 0; width: 100vw; height: 50px; display: flex; align-items: center; z-index: 2; }
main .divisoria.div-4 .cont-2 .txt .hld { font-size: 3.2em; font-weight: 700; line-height: 1; color: var(--white);  }
main .divisoria.div-4 .cont-2 .txt .ico { position: relative; width: 75px; height: 41px; }

main .divisoria.div-4.white .cont-2 .aux:before { top: 0; background: var(--white); left: calc(-100vw + 60px); }
main .divisoria.div-4.white .cont-2 .aux:after { background: var(--white); }

main .divisoria.div-5 { margin-top: -104px; }
main .divisoria.div-5 .container:before { content: ''; position: absolute; width: 200%; height: 72px; background: var(--green); position: absolute; right: 250px; bottom: 0; z-index: 2; }
main .divisoria.div-5 .container:after { content: ''; position: absolute; width: 100vw; height: 11px; background: var(--green); position: absolute; right: calc(-100vw + 200px); top: 0; }
main .divisoria.div-5 .aux { width: 100vw; display: flex; justify-content: flex-end; margin-right: 100px; }
main .divisoria.div-5 .aux:before { content: ''; width: 100vw; height: 205px; background: var(--blue); position: absolute; right: calc(-100vw + 250px); top: 5px; }
main .divisoria.div-5 .shape { position: relative; width: 256px; height: 104px; margin-right: -40px; mask-image: url('../images/el_r_02.svg'); mask-size: auto 100%; mask-repeat: no-repeat; mask-position: center; background: var(--green); }
main .divisoria.div-5 .txt { position: absolute; left: 0; bottom: 0; width: 100vw; height: 50px; display: flex; align-items: center; z-index: 2; }
main .divisoria.div-5 .txt .hld { font-size: 3.2em; font-weight: 700; line-height: 1; color: var(--white);  }
main .divisoria.div-5 .txt .ico { position: relative; width: 75px; height: 41px; }

main .divisoria.div-6 { margin-top: -520px; }
main .divisoria.div-6 .aux { width: 100vw; display: flex; justify-content: flex-end; }
main .divisoria.div-6 .aux:before { content: ''; width: 100vw; height: 55px; background: var(--green); position: absolute; right: 0; bottom: 0; }
main .divisoria.div-6 .shape { position: relative; width: 637px; height: 520px; margin-right: -250px; mask-image: url('../images/el_r_01.svg'); mask-size: 100%; mask-repeat: no-repeat; mask-position: center; background: var(--green); }

main .divisoria.div-7 { margin-top: -250px; }
main .divisoria.div-7 .aux { width: 100vw; display: flex; justify-content: flex-end; }
main .divisoria.div-7 .aux:after { content: ''; position: absolute; width: 100vw; height: 100vw; background: var(--blue); position: absolute; right: calc(-100vw + 400px); top: 1px; }
main .divisoria.div-7 .aux:before { content: ''; width: 100vw; height: 55px; background: var(--blue); position: absolute; right: 0; bottom: 0; }
main .divisoria.div-7 .shape { position: relative; width: 637px; height: 520px; margin-right: 14vw; mask-image: url('../images/el_r_01.svg'); mask-size: 100%; mask-repeat: no-repeat; mask-position: center; background: var(--blue); }

main .divisoria.div-8 { margin-top: -70px; }
main .divisoria.div-8 .aux { width: 100vw; display: flex; justify-content: flex-start; position: relative; z-index: 3; }
main .divisoria.div-8 .aux:after { content: ''; position: absolute; width: 100vw; height: 359px; background: var(--green); position: absolute; left: calc(20% + 300px); top: 0; }
main .divisoria.div-8 .aux:before { content: ''; width: 100vw; height: 55px; background: var(--green); position: absolute; left: calc(-50% - 100px); bottom: 0; }
main .divisoria.div-8 .shape { position: relative; width: 637px; height: 520px; margin-left: 20vw; mask-image: url('../images/el_r_01.svg'); mask-size: 100%; mask-repeat: no-repeat; mask-position: center; background: var(--green); z-index: 2; }
main .divisoria.div-8:before { content: ''; width: 100vw; height: 520px; background: var(--white); position: absolute; right: calc(-50% + 150px); top: 0; }
main .divisoria.div-8:after { content: ''; width: 100vw; height: 520px; background: var(--green); position: absolute; left: calc(20vw + 250px); top: 0; }
main .divisoria.div-8 .txt { position: absolute; left: 20vw; top: 180px; height: 170px; width: calc(80vw - 300px); max-width: 1220px; padding-left: 300px; display: flex; align-items: center; z-index: 4; }
main .divisoria.div-8 .txt .hld h1 { font-size: 4.2em; font-weight: 700; line-height: 1; white-space: nowrap; text-transform: uppercase; color: var(--white); margin: 0; }
main .divisoria.div-8 .txt .hld p { font-size: 1.8em; font-weight: 500; line-height: 1.333; color: var(--white); margin: 15px 0 0 0; }
main .divisoria.div-8 .txt .ico { position: relative; width: 56px; min-width: 56px; height: 41px; mask-image: url('../images/ico_arrow.svg'); mask-size: 56px; margin-right: 20px; margin-top: -60px; mask-repeat: no-repeat; mask-position: center; background: var(--blue); transition: all 0.3s ease; }

main .flipsnack { padding: 50px 0; overflow: hidden; }
main .flipsnack .container:before { content:''; width: calc(100% + 400px); height: 100%; background: url('../images/shape_bg_flipsnack.svg') no-repeat center; background-size: contain; position: absolute; left: -200px; top: 50%; transform: translate(0,-50%); }
main .flipsnack .holder { width: 100%; aspect-ratio: 128/79; background: var(--black); border-radius: 39px; overflow: hidden; position: relative; z-index: 2; }

main .planos { background: var(--blue); margin-top: -80px; }
main .planos.interna { padding-bottom: 55px; }
main .planos .aux { position: relative; }
main .planos .el { position: absolute; left: 0; top: 260px; width: 100dvw; height: 253px; }
main .planos .el:before { content: ''; position: absolute; width: 100%; height: 175px; background: var(--green); position: absolute; left: calc(-47% + 100px); bottom: 0; z-index: 2; }
main .planos .el:after { content: ''; position: absolute; width: 200%; height: 26px; background: var(--green); position: absolute; left: calc(47% + 100px); top: 0; }
main .planos .el .shape { position: relative; width: 313px; height: 253px; margin-left: 47%; mask-image: url('../images/el_r_02.svg'); mask-size: auto 100%; mask-repeat: no-repeat; mask-position: center; background: var(--green); }
main .planos .el .img { position: absolute; width: 40vw; aspect-ratio: 7/4; background: url('../images/el_plano.png') no-repeat bottom right; background-size: contain; right: 0; bottom: 253px; }
main .planos .container { flex-direction: row; align-items: unset; height: 100%; }
main .planos .img { width: 100%; margin: -130px 0 0 -22%; height: calc(100% + 130px); background: url('../images/img_plano.png') no-repeat left bottom; background-size: contain; position: absolute; z-index: 3; }
main .planos .hld { width: 100%; padding-left: calc(clamp(75px, 20vw, 345px) + 38px); padding-top: 15px; position: relative; z-index: 3; }
main .planos .hld .infos .txt { font-size: 1.8em; font-weight: 500; color: var(--white); padding: 50px 0; line-height: 1.4; }
main .planos .hld .infos .aux-box { display: flex; gap: 48px; padding-bottom: 110px; }
main .planos .hld .infos .aux-box .box { flex: 1; display: flex; flex-direction: column; align-items: center; }
main .planos .hld .infos .aux-box .box .plano { padding: 0 50px; height: 64px; background: var(--green); border-radius: 32px; font-size: 2.8em; font-weight: 700; color: var(--white); text-transform: uppercase; display: flex; justify-content: center; align-items: center; margin-bottom: -32px; position: relative; z-index: 2; }
main .planos .hld .infos .aux-box .box .info-box { width: 100%; padding: 80px 35px 40px 35px; background: var(--white); border-radius: 23px; flex: 1; display: flex; justify-content: space-between; flex-direction: column; }
main .planos .hld .infos .aux-box .box .info-box .itens { padding: 0 35px; display: flex; flex-direction: column; gap: 40px; }
main .planos .hld .infos .aux-box .box .info-box .itens .item { font-size: 1.9em; font-weight: 600; padding-left: 50px; background: url('../images/bull.svg') no-repeat left center; }
main .planos .hld .infos .aux-box .box .info-box .bt { margin-top: 80px; width: 100%; }
main .planos .hld .infos .aux-box .box .info-box .bt a { display: flex; justify-content: center; align-items: center; width: 100%; height: 84px; border-radius: 42px; background: var(--blue); font-size: 2.4em; color: var(--white); transition: all 0.3s ease; }
main .planos .hld .infos .aux-box .box .info-box .bt a:hover { box-shadow: 0 5px 10px var(--black-alpha); transform: translate(0, -3px); }

main .uniformes { background: var(--blue); }
main .uniformes .container { flex-direction: row; align-items: flex-start; gap: 40px; padding: 60px 0 90px 0; }
main .uniformes .txt { flex: 1; position: relative; color: var(--white); padding-left: 75px }
main .uniformes .txt p { font-size: 2.2em; margin: 0; line-height: 1.45; }
main .uniformes .txt h2 { font-size: 2.8em; margin: 40px 0 30px 0; }
main .uniformes .txt .box { border: solid 2px var(--green); border-radius: 37px; padding: 30px; font-size: 2.4em; display: inline-block; }
main .uniformes .txt .box ul { padding-left: 30px; margin-top: 30px; margin-bottom: 0; font-size: 1.166em; font-weight: 700; }
main .uniformes .img { flex: 1; position: relative; margin-top: -210px; }
main .uniformes .img img { width: 110%; position: relative; z-index: 2; }
main .uniformes .img:before { content:''; width: calc(100% + 180px); height: 100%; background: url('../images/shape_bg_uniformes.svg') no-repeat center; background-size: contain; position: absolute; left: -70px; top: 50%; transform: translate(0,-50%); }

main .posto-em-dia { position: relative; }
main .posto-em-dia:before { content: ''; position: absolute; left: 0; bottom: 15px; width: 100%; height: 50%; background: var(--white); z-index: 2; }
main .posto-em-dia .container { flex-direction: row; align-items: flex-start; gap: 40px; padding: 60px 0 90px 0; position: relative; z-index: 3; }
main .posto-em-dia .txt { width: 55%; position: relative; padding-left: 75px }
main .posto-em-dia .txt p { font-size: 2.2em; margin: 0; line-height: 1.45; }
main .posto-em-dia .txt .box { border: solid 2px var(--green); border-radius: 37px; padding: 30px; margin-top: 30px; font-size: 2.4em; display: inline-block; }
main .posto-em-dia .txt .box ul { padding-left: 0; list-style: none; margin: 0; display: flex; flex-direction: column; gap: 20px; }
main .posto-em-dia .txt .box ul li { display: flex; align-items: flex-start; gap: 20px; }
main .posto-em-dia .txt .box ul li img { width: 40px; margin-top: -5px; }
main .posto-em-dia .imgs { position: relative; flex: 1; margin-top: -80px; z-index: 2; }
main .posto-em-dia .imgs .img { aspect-ratio: 876/461; mask-image: url('../images/shape_foto.svg'); mask-size: 100%; mask-repeat: no-repeat; mask-position: center; background-repeat: no-repeat; background-position: center; background-size: cover; }
main .posto-em-dia .imgs .img-1 { width: 150%; margin-left: 25%; }
main .posto-em-dia .imgs .img-2 { width: 110%; margin-left: -5%; margin-top: -37%; }
main .posto-em-dia .imgs .info-legal { margin-top: 30px; color: var(--gray); }

main .desenvolvimento { background: var(--green); position: relative; }
main .desenvolvimento .container { flex-direction: row; justify-content: flex-end; gap: 40px; padding: 60px 0 90px 0; max-width: 100%; }
main .desenvolvimento .txt { width: 57.5%; position: relative; color: var(--white); }
main .desenvolvimento .txt p { font-size: 2.2em; margin: 0; font-weight: 500; line-height: 1.45; }
main .desenvolvimento .txt .box { border: solid 2px var(--green); border-radius: 37px; padding: 30px; margin-top: 30px; font-size: 2.4em; display: inline-block; }
main .desenvolvimento .txt .box ul { padding-left: 0; list-style: none; margin: 0; display: flex; flex-direction: column; gap: 20px; }
main .desenvolvimento .txt .box ul li { display: flex; align-items: flex-start; gap: 20px; }
main .desenvolvimento .txt .box ul li img { width: 40px; margin-top: -5px; }
main .desenvolvimento .img { position: absolute; top: -12vw; left: -40vw; width: 80%; aspect-ratio: 876/461; max-height: calc(100% + 12vw); min-height: 860px; mask-image: url('../images/shape_foto.svg'); mask-size: 100%; mask-repeat: no-repeat; mask-position: center; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2; }

main .desenvolvimento .hld-slider { margin: 50px 0 0 -300px; padding-bottom: 110px; position: relative; }
main .desenvolvimento .hld-slider:after { content: ''; position: absolute; right: 0; top: 0; width: 10vw; height: 100%; background: linear-gradient(to left,  rgba(0,175,123,1) 0%,rgba(0,175,123,0) 100%); z-index: 2; }
main .desenvolvimento .hld-slider .slider .slick-list { padding-left: 285px; padding-right: 10vw; }
main .desenvolvimento .hld-slider .slider .slick-track { display: flex !important; }
main .desenvolvimento .hld-slider .slider .slide { background: var(--white); padding: 50px 70px 50px 0; border-radius: 30px; display: flex; align-items: center; margin: 0 15px; height: inherit; }
main .desenvolvimento .hld-slider .slider .slide .chamada { flex: 1; color: var(--blue); font-size: 2.4em; font-weight: 500; display: flex; justify-content: center; align-items: center; flex-direction: column; }
main .desenvolvimento .hld-slider .slider .slide .chamada strong { font-size: 1.5em; font-weight: 700; }
main .desenvolvimento .hld-slider .slider .slide .itens { flex: 1; color: var(--gray); font-size: 1.6em; font-weight: 500; }
main .desenvolvimento .hld-slider .slider .slide .itens ul { padding-left: 0; list-style: none; margin: 0; display: flex; flex-direction: column; gap: 30px; }
main .desenvolvimento .hld-slider .slider .slide .itens ul li { display: flex; align-items: flex-start; gap: 20px; }
main .desenvolvimento .hld-slider .slider .slide .itens ul li img { width: 30px; height: 30px; margin-top: -5px; }
main .desenvolvimento .hld-slider .nav-slider { display: flex; justify-content: center; align-items: center; gap: 30px; width: 100%; padding-left: 285px; padding-right: 10vw; position: absolute; left: 0; bottom: 0; }
main .desenvolvimento .hld-slider .nav-slider .arrow { width: 82px; height: 82px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease; }
main .desenvolvimento .hld-slider .nav-slider .arrow:hover { transform: scale(1.1); }
main .desenvolvimento .hld-slider .nav-slider .arrow.right img { transform: scaleX(-1); }
main .desenvolvimento .hld-slider .nav-slider .arrow.slick-hidden { pointer-events: none; opacity: 0.5; }
main .desenvolvimento .hld-slider .nav-slider .arrow.slick-disabled { pointer-events: none; opacity: 0.5; }

main .eficiencia { position: relative; }
main .eficiencia .container { flex-direction: row; align-items: flex-start; gap: 40px; padding: 60px 0 90px 0; }
main .eficiencia .txt { width: 60%; position: relative; padding-left: 75px }
main .eficiencia .txt p { font-size: 2.2em; margin: 0; line-height: 1.45; }
main .eficiencia .txt .box { border: solid 2px var(--blue); border-radius: 37px; padding: 45px 0 71px 50px; margin-top: 30px; font-size: 1.8em; display: flex; gap: 70px; width: 150%; padding-right: 50%; }
main .eficiencia .txt .box ul { padding-left: 0; list-style: none; margin: 0; display: flex; flex-direction: column; gap: 30px; flex: 1; }
main .eficiencia .txt .box ul li { display: flex; align-items: flex-start; gap: 20px; }
main .eficiencia .txt .box ul li img { width: 40px; margin-top: -5px; }
main .eficiencia .txt .box .cta { position: absolute; left: 125px; bottom: -41px; } 
main .eficiencia .txt .box .cta a { height: 82px; padding: 0 40px; background: var(--blue); border-radius: 41px; font-size: 1.333em; font-weight: 700; color: var(--white); white-space: nowrap; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; }
main .eficiencia .txt .box .cta a:hover { box-shadow: 0 5px 10px var(--black-alpha); transform: translate(0, -3px); }
main .eficiencia .hld-img { position: absolute; right: -60%; top: 0; width: 100%; height: 100%; }
main .eficiencia .hld-img .img { height: 100%; aspect-ratio: 876/461; mask-image: url('../images/shape_foto.svg'); mask-size: 100%; mask-repeat: no-repeat; mask-position: center; background-repeat: no-repeat; background-position: center; background-size: cover; }
main .eficiencia .hld-img .cta { width: 298px; aspect-ratio: 876/461; mask-image: url('../images/shape_foto.svg'); mask-size: 100%; mask-repeat: no-repeat; mask-position: center; background: var(--green); display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 3.2em; color: var(--white); text-transform: uppercase; position: absolute; margin-top: 25px; z-index: 2; }

main .conectividade { background: var(--blue); }
main .conectividade .container { flex-direction: row; align-items: unset; gap: 30px; padding: 60px 0 120px 0; }
main .conectividade .txt { width: 60%; position: relative; color: var(--white); padding-left: 75px; }
main .conectividade .txt img { max-width: 100%; }
main .conectividade .txt p { font-size: 2.2em; margin: 30px 0; line-height: 1.45; }
main .conectividade .txt ul { padding-left: 0; list-style: none; margin: 0; display: flex; flex-direction: column; gap: 20px; flex: 1; }
main .conectividade .txt ul li { font-size: 1.9em; font-weight: 600; display: flex; align-items: center; gap: 20px; }
main .conectividade .txt ul li img { width: 28px; }
main .conectividade .txt .bt { margin-top: 30px; }
main .conectividade .txt .bt a { display: inline-flex; justify-content: center; align-items: center; height: 84px; border-radius: 42px; padding: 0 50px; background: var(--green); font-size: 2.4em; font-weight: 700; color: var(--white); transition: all 0.3s ease; }
main .conectividade .txt .bt a:hover { box-shadow: 0 5px 10px var(--black-alpha); transform: translate(0, -3px); }
main .conectividade .slider { position: relative; margin-top: -210px; width: 40%; pointer-events: none; }
main .conectividade .slider .mask { position: absolute; left: -8px; top: 0; width: 100%; height: 100%; z-index: 3; }
main .conectividade .slider .mask img { width: 74%; position: relative; z-index: 2; }
main .conectividade .slider:before { content:''; width: 100%; height: 100%; background: url('../images/shape_bg_conectividade.svg') no-repeat top right; background-size: contain; position: absolute; right: 20%; bottom: -120px; }
main .conectividade .slider .hld-slider { position: absolute; left: 5px; top: 12px; width: calc(70% - 10px); aspect-ratio: 362/684; background: var(--blue); border-radius: 50px; z-index: 2; overflow: hidden; pointer-events: all; }
main .conectividade .slider .hld-slider .slick-list { height: 100%; }
main .conectividade .slider .hld-slider .slick-track { height: 100%; }
main .conectividade .slider .hld-slider .slide { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%; }
main .conectividade .slider .hld-slider .slick-dots { position: absolute; left: 0; bottom: 15px; width: 100%; display: flex; justify-content: center; align-items: center; list-style: none; gap: 12px; padding: 0; margin: 0; }
main .conectividade .slider .hld-slider .slick-dots li button { font-size: 0; margin: 0; padding: 0; width: 16px; height: 16px; background: var(--white); border-radius: 50%; opacity: 0.25; border: none; cursor: pointer; }
main .conectividade .slider .hld-slider .slick-dots li.slick-active button { opacity: 1; pointer-events: none; }

main .comunicacao { background: var(--green); }
main .comunicacao .container { flex-direction: row; align-items: unset; flex-wrap: wrap; gap: 70px; padding: 60px 0; }
main .comunicacao .txt { width: 55%; position: relative; color: var(--white); }
main .comunicacao .txt img { max-width: 100%; }
main .comunicacao .txt p { font-size: 2.2em; margin: 30px 0; line-height: 1.45; }
main .comunicacao .txt ul { padding-left: 0; list-style: none; margin: 60px 0; display: flex; flex-direction: column; gap: 20px; flex: 1; }
main .comunicacao .txt ul li { font-size: 1.9em; font-weight: 600; display: flex; align-items: center; gap: 20px; }
main .comunicacao .txt ul li img { width: 28px; }
main .comunicacao .txt .cta { margin-top: 30px; }
main .comunicacao .txt .cta .hld { display: inline-flex; justify-content: center; align-items: center; height: 66px; border-radius: 20px; padding: 0 25px; font-size: 1.8em; font-weight: 500; color: var(--white); border: solid 2px var(--white); transition: all 0.3s ease; }
main .comunicacao .hld-img { flex: 1; }
main .comunicacao .hld-img .img { width: calc(100% + 200px); margin-left: -200px; aspect-ratio: 726/540; mask-image: url('../images/shape_foto_quadrada.svg'); mask-size: 100%; mask-repeat: no-repeat; mask-position: center; background-repeat: no-repeat; background-position: center; background-size: cover; }
main .comunicacao .bt { width: 100%; display: flex; justify-content: center; align-items: center; }
main .comunicacao .bt a { display: inline-flex; justify-content: center; align-items: center; height: 84px; border-radius: 42px; padding: 0 50px 0 40px; background: var(--blue); font-size: 2.4em; font-weight: 700; color: var(--white); transition: all 0.3s ease; }
main .comunicacao .bt a img { margin-right: 20px; margin-left: 10px; transition: all 0.3s ease; }
main .comunicacao .bt a:hover img { margin-left: 0; margin-right: 30px; }

main .gigante { background: var(--blue); padding: 90px 0; }
main .gigante .container { flex-direction: row; align-items: unset; }
main .gigante .infos { width: 55%; position: relative; color: var(--white); }
main .gigante .infos .aux-logo { display: flex; justify-content: flex-start; align-items: flex-start; }
main .gigante .infos .aux-logo .logo img { max-width: 100%; }
main .gigante .infos .aux-logo .txt { font-size: 2em; font-weight: 500; color: var(--white); white-space: nowrap; }
main .gigante .infos .aux-logo .txt strong { font-weight: 700; color: var(--green); }
main .gigante .infos .txt p { font-size: 2.4em; margin: 30px 0; line-height: 1.45; font-weight: 500; }
main .gigante .infos .bt { width: 100%; }
main .gigante .infos .bt a { display: inline-flex; justify-content: center; align-items: center; height: 142px; border-radius: 38px; padding: 0 40px 0 50px; border: solid 2px var(--white); font-size: 2.8em; font-weight: 900; color: var(--white); text-transform: uppercase; transition: all 0.3s ease; }
main .gigante .infos .bt a img { margin-left: 20px; margin-right: 10px; transition: all 0.3s ease; }
main .gigante .infos .bt a:hover img { margin-left: 30px; margin-right: 0; }
main .gigante .hld-img { flex: 1; margin-top: -90px; }
main .gigante .hld-img .img { width: auto; height: calc(100% + 90px); aspect-ratio: 1042/647; margin-right: -200px; background-repeat: no-repeat; background-position: center; background-size: cover; }
main .gigante .boxes { width: 100%; display: flex; padding: 40px 0; margin-top: 180px; gap: 100px; background: url('../images/shape_bg_uniformes.svg') no-repeat center; background-size: 75% auto; }
main .gigante .boxes .box { padding: 50px 30px; flex: 1; border: solid 2px var(--white); background: var(--blue); border-radius: 38px; display: flex; align-items: center; flex-direction: column; }
main .gigante .boxes .box .ico { width: 130px; height: 130px; border-radius: 50%; background: var(--green); display: flex; justify-content: center; align-items: center; }
main .gigante .boxes .box .info { text-align: center; color: var(--white); margin-top: 30px; }
main .gigante .boxes .box .info h2 { margin: 0 0 30px 0; font-size: 3em; }
main .gigante .boxes .box .info p { margin: 0; font-size: 1.8em; font-weight: 500; }

main .beneficios { padding: 50px 0 20px 0; }
main .beneficios .container { align-items: flex-start; }
main .beneficios .infos { width: 60%; }
main .beneficios h2 { font-size: 4.5em; color: var(--blue); text-transform: uppercase; line-height: 1; margin: 0; }
main .beneficios h2 strong { font-size: 1.644em; font-weight: 800; }
main .beneficios p { font-size: 2.4em; font-weight: 500; }

main .beneficios-slider .container { align-items: flex-start; }
main .beneficios-slider .holder { background: var(--blue); padding-bottom: 120px; }
main .beneficios-slider .holder .hld-slider { margin-top: -275px; margin-left: calc((((100vw - 1360px) / 2) + 40px) * (-1)); width: 100vw; padding-bottom: 40px; position: relative; }
main .beneficios-slider .holder .hld-slider .slider .slick-list { padding-right: 10vw; padding-left: calc(((100vw - 1360px) / 2) + 25px); }
main .beneficios-slider .holder .hld-slider .slider .slick-track { display: flex !important; padding-top: 15px; }
main .beneficios-slider .holder .hld-slider .slider .slide { background: var(--green); border-radius: 30px; height: inherit; margin: 0 15px; }
main .beneficios-slider .holder .hld-slider .slider .slide .img { width: 100%; aspect-ratio: 398/419; margin-top: -15px; background-repeat: no-repeat; background-position: center; background-size: contain; }
main .beneficios-slider .holder .hld-slider .slider .slide .info { text-align: center; color: var(--white); padding: 40px 30px 50px 30px; }
main .beneficios-slider .holder .hld-slider .slider .slide .info h3 { font-size: 3.2em; font-weight: 700; margin: 0; }
main .beneficios-slider .holder .hld-slider .slider .slide .info p { font-size: 2.4em; font-weight: 500; margin: 15px 0 0 0; }
main .beneficios-slider .holder .nav-slider { display: flex; justify-content: center; align-items: center; gap: 30px; width: 100%; position: relative; padding-left: 100px; }
main .beneficios-slider .holder .nav-slider .arrow { width: 82px; height: 82px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease; }
main .beneficios-slider .holder .nav-slider .arrow:hover { transform: scale(1.1); }
main .beneficios-slider .holder .nav-slider .arrow.right img { transform: scaleX(-1); }
main .beneficios-slider .holder .nav-slider .arrow.slick-hidden { pointer-events: none; opacity: 0.5; }
main .beneficios-slider .holder .nav-slider .arrow.slick-disabled { pointer-events: none; opacity: 0.5; }

main .beneficios-slider .holder .nav-slider .bt { position: absolute; left: 0; }
main .beneficios-slider .holder .nav-slider .bt a { display: inline-flex; justify-content: center; align-items: center; height: 84px; border-radius: 42px; padding: 0 50px; background: var(--green); font-size: 2.4em; font-weight: 700; color: var(--white); transition: all 0.3s ease; }
main .beneficios-slider .holder .nav-slider .bt a:hover { box-shadow: 0 5px 10px var(--black-alpha); transform: translate(0, -3px); }

main .adesao { background: var(--green); padding: 150px 0; }
main .adesao .container { flex-direction: row; justify-content: center; align-items: unset; max-width: 100%; }
main .adesao .div { display: flex; justify-content: center; align-items: center; margin: 0 10px; }
main .adesao .card { padding: 50px 30px; flex: 1; max-width: 260px; border: solid 2px var(--white); border-radius: 38px; display: flex; align-items: center; flex-direction: column; }
main .adesao .card .ico { width: 130px; height: 130px; border-radius: 50%; background: var(--blue); display: flex; justify-content: center; align-items: center; }
main .adesao .card .info { text-align: center; color: var(--white); margin-top: 30px; font-size: 1.8em; font-weight: 500; }

main .holder-form { margin-top: -180px; position: relative; z-index: 4; padding-left: 10%; }
main .holder-form .container { flex-direction: row; gap: 16px; align-items: unset; background: url('../images/bg_form.png') no-repeat bottom right; padding-bottom: 85px; }
main .holder-form .fg { position: absolute; left: -100%; bottom: -87px; width: calc(100% + 120px); height: calc(100% + 120px); background: url('../images/img_form.png') no-repeat left bottom; background-size: contain; z-index: 2; pointer-events: none; }
main .holder-form .aux-box { width: 35%; border: solid 2px var(--green); background: var(--white); border-radius: 23px; position: relative; }
main .holder-form .aux-box .tag { position: absolute; height: 34px; padding: 0 32px; font-size: 1.6em; white-space: nowrap; color: var(--white); background: var(--blue); border-radius: 12px 12px 0 0; display: flex; justify-content: center; align-items: center; left: 50%; transform: translate(-50%); margin-top: -17px; }
main .holder-form .aux-box .box { flex: 1; display: flex; flex-direction: column; align-items: flex-start; height: 100%; padding: 15px 35px 40px 35px; }
main .holder-form .aux-box .box.alt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
main .holder-form .aux-box .box .info-box { width: 100%; flex: 1; display: flex; justify-content: space-between; flex-direction: column; }
main .holder-form .aux-box .box .info-box .op-plus { opacity: 0; }
main .holder-form .aux-box .box .info-box.plus .op-plus { opacity: 1; }
main .holder-form .aux-box .box .info-box .txt-plus { display: none; }
main .holder-form .aux-box .box .info-box.plus .txt-plus { display: block; }
main .holder-form .aux-box .box .info-box .plano { padding: 0 50px; height: 64px; margin-bottom: 30px; background: var(--green); white-space: nowrap; border: solid 2px var(--white); border-radius: 32px; font-size: 2.8em; font-weight: 700; color: var(--white); text-transform: uppercase; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; }
main .holder-form .aux-box .box .info-box .plano span { margin-left: 10px; }
main .holder-form .aux-box .box .info-box .itens { padding: 0 35px; display: flex; flex-direction: column; gap: 40px; }
main .holder-form .aux-box .box .info-box .itens .item { font-size: 1.9em; font-weight: 600; padding-left: 50px; background: url('../images/bull.svg') no-repeat left center; }
main .holder-form .aux-box .box .info-box .bt { margin-top: 40px; width: 100%; }
main .holder-form .aux-box .box .info-box .bt a { display: flex; justify-content: center; align-items: center; width: 100%; height: 84px; border-radius: 42px; background: var(--blue); font-size: 1.8em; color: var(--white); transition: all 0.3s ease; }
main .holder-form .aux-box .box .info-box .bt a img { margin-right: 30px; transition: all 0.3s ease; }
main .holder-form .aux-box .box .info-box .bt a:hover { box-shadow: 0 5px 10px var(--black-alpha); transform: translate(0, -3px); }
main .holder-form .aux-box .box .info-box .bt a:hover img { transform: rotate(-180deg); }
main .holder-form .form { width: 55%; border: solid 2px var(--green); border-radius: 23px; background: var(--white); padding: 50px 40px 10px 40px; }
main .holder-form .form.block { pointer-events: none; }
main .holder-form .form .chamada { font-size: 3.2em; font-weight: 700; text-transform: uppercase; color: var(--blue); margin: 0 0 25px 0; }
main .holder-form .form .row { display: flex; justify-content: center; align-items: center; gap: 30px; width: 100%; }
main .holder-form .form .row .hld-inp { flex: 1; margin-bottom: 30px; position: relative; }
main .holder-form .form .row .hld-inp.p { flex: 0.6; }
main .holder-form .form .row .hld-inp.inp-block { pointer-events: none; }
main .holder-form .form .row .hld-inp label { display: block; font-size: 1.6em; font-weight: 500; margin-bottom: 10px; line-height: 1; }
main .holder-form .form .row .hld-inp label span { color: var(--gray-medium); font-size: 0.75em; }
main .holder-form .form .row .hld-inp input[type="text"] { line-height: 52px; background: var(--gray-light); border: 1px solid var(--gray-light); border-radius: 8px; padding: 0 15px; font-size: 1.6em; width: 100%; }
main .holder-form .form .row .hld-inp input[type="tel"] { line-height: 52px; background: var(--gray-light); border: 1px solid var(--gray-light); border-radius: 8px; padding: 0 15px; font-size: 1.6em; width: 100%; }
main .holder-form .form .row .hld-inp input.error { border-color: var(--red); }
main .holder-form .form .row .hld-inp input.check { border-color: var(--green); }
main .holder-form .form .row .inp-checkbox { margin: 5px 0; display: flex; justify-content: flex-start; align-items: flex-start; }
main .holder-form .form .row .inp-checkbox label { position: relative; font-size: 1.2em; height: 32px; display: flex; align-items: center; color: var(--gray-lighter); cursor: pointer; padding-left: 44px; }
main .holder-form .form .row .inp-checkbox label a { color: var(--gray-lighter); font-weight: 700; text-decoration: underline; display: inline-flex; transition: all 0.3s ease; }
main .holder-form .form .row .inp-checkbox label a:hover { color: var(--green); text-decoration: underline; }
main .holder-form .form .row .inp-checkbox input[type=checkbox] { display: none; }
main .holder-form .form .row .inp-checkbox label:before { content: ''; display: block; width: 32px; height: 32px; position: absolute; left: 0; top: 0; border: solid 1px var(--gray-lighter); border-radius: 8px; cursor: pointer; }
main .holder-form .form .row .inp-checkbox input[type=checkbox]:checked + label:after { content: ''; width: 32px; height: 32px; position: absolute; left: 1px; top: 1px; border-radius: 6px; background: url('../images/bull_check.svg') no-repeat center; background-size: 125%; cursor: pointer; }
main .holder-form .form .row .inp-checkbox.error label:before { border-color: var(--red); }
main .holder-form .form .row .hld-inp input[type=submit] { font-size: 1.8em; font-weight: 700; white-space: nowrap; color: var(--white); border: none; padding: 0 30px; width: 258px; height: 62px; display: flex; justify-content: center; align-items: center; background: var(--blue); border-radius: 31px; position: relative; margin-top: 30px; transition: all 0.3s ease; }
main .holder-form .form .row .hld-inp input[type=submit].disabled { pointer-events: none; background: var(--gray); }
main .holder-form .form .row .hld-inp input[type=submit]:hover { box-shadow: 0 5px 10px var(--black-alpha); transform: translate(0, -3px); }

main .holder-form .form .row .hld-inp .loading { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; }
main .holder-form .form .row .hld-inp.sending input[type=submit] { pointer-events: none; background: var(--gray); }
main .holder-form .form .row .hld-inp.sending .loading { opacity: 1; }
main .holder-form .form .row .hld-inp.sending .loading .bouncingball { width:20px; height:20px; border-radius:100%; background:var(--green); animation: bounce 1s; transform: translateY(0px); animation-iteration-count: infinite; position:absolute; left: calc(100% - 50px); top: 0; z-index: 2; }
main .holder-form .form .row .hld-inp.sending .loading .bouncingball.ball-1 { margin-left: -40px; animation-delay: -0.1s; }
main .holder-form .form .row .hld-inp.sending .loading .bouncingball.ball-2 { margin-left: 0px; animation-delay: -0.2s; }
main .holder-form .form .row .hld-inp.sending .loading .bouncingball.ball-3 { margin-left: 40px; animation-delay: -0.3s; }

@keyframes bounce {
  0% {top: 20px; -webkit-animation-timing-function: ease-in; }
  40% {}
  50% {top: 100px; height: 20px; -webkit-animation-timing-function: ease-out; }
  55% {top: 120px; height: 10px; -webkit-animation-timing-function: ease-in;}
  65% {top: 80px; height: 20px; -webkit-animation-timing-function: ease-out;}
  95% {top: 20px; -webkit-animation-timing-function: ease-in; }
  100% {top: 20px; -webkit-animation-timing-function: ease-in; }
}

.modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; transition: all 0.5s ease; z-index: 99; }
.modal.on { opacity: 1; pointer-events: all; }
.modal .holder { background: var(--white); border-radius: 23px; padding: 30px; text-align: center; }
.modal .holder h3 { font-size: 2.4em; text-transform: uppercase; margin: 30px 0; }
.modal .holder p { font-size: 1.8em; font-weight: 500; color: var(--gray); }
.modal .bt-close { margin-top: 50px; }
.modal .bt-close a { display: inline-flex; justify-content: center; align-items: center; height: 62px; border-radius: 31px; padding: 0 80px; background: var(--blue); font-size: 2.4em; font-weight: 700; color: var(--white); transition: all 0.3s ease; }
.modal .bt-close a:hover { box-shadow: 0 5px 10px var(--black-alpha); transform: translate(0, -3px); }

footer { background: var(--black); padding: 70px 0 50px 0; border-top: solid 80px var(--blue); }
footer .container { max-width: 90%; }
footer h2 { font-size: 2.4em; font-weight: 700; color: var(--white); width: 100%; margin: 0; }
footer .menu { display: flex; width: 100%; gap: 40px; margin-top: 15px; }
footer .menu a { font-size: 1.4em; color: var(--white); height: 40px; padding-right: 5px; border-bottom: solid 1px var(--gray); display: flex; justify-content: flex-start; align-items: center; position: relative; transition: all 0.3s ease; }
footer .menu a:hover { color: var(--white); }
footer .menu a:before { content: ''; position: absolute; left: 50%; bottom: -1px; width: 0; height: 2px; background: var(--green); transition: all 0.5s ease; }
footer .menu a:hover:before { left: 0; width: 100%; }
footer .social { width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 8px; }
footer .social a { background: var(--blue); transition: all 0.3s ease; }
footer .social a .ico { mask-repeat: no-repeat; width: 46px; height: 46px; mask-position: center; background: var(--white); transition: all 0.3s ease; }
footer .social a.instagram .ico { mask-size: 25px; mask-image: url('../images/ico_instagram.svg'); }
footer .social a.facebook .ico { mask-size: 16px; mask-image: url('../images/ico_facebook.svg'); }
footer .social a.linkedin .ico { mask-size: 20px; mask-image: url('../images/ico_linkedin.svg'); }
footer .social a:hover { background: var(--green); }

/* MEDIA QUERY */
@media (min-width: 1366px) {
  /* XXL */
}

@media (max-width: 1365.98px) {
	/* XL */
  nav .menu { gap: 0; }
  nav .holder { padding: 25px 15px; gap: 10px; }
  nav .logo img { width: 200px; }

  main .divisoria.div-3 .cont-1 .txt .ico { margin-right: 10px; margin-left: 10px; }

  main .divisoria.div-4 .txt .ico { margin-right: 10px; margin-left: 10px; }
  main .divisoria.div-4 .cont-1 .txt .ico { margin-right: 10px; margin-left: 10px; }
  main .divisoria.div-4 .cont-2 .txt .ico { width: 60px; }

  main .divisoria.div-4[data-anchor="treinamento-360"] { margin-top: -30px; }

  main .divisoria.div-7 .aux:after { top: 0; }

  main .divisoria.div-8 .shape { margin-left: 0; }
  main .divisoria.div-8 .txt { padding-left: 0; width: 70%; }

  main .gigante .infos .txt p br { display: none; }
  main .beneficios .infos { width: 50%; }

  main .beneficios-slider .holder .hld-slider { margin-left: -40px; }
  main .beneficios-slider .holder .hld-slider .slider .slick-list { padding-left: 25px; }

  main .holder-form .aux-box .box .info-box .itens { padding: 0; }
  main .holder-form .fg { width: 80%; height: 80%; left: -60%; }
}

@media (max-width: 1239.98px) {
  /* LG */
  .container { padding: 0 15px; }

  nav .holder { padding: 15px; }
  nav .bt-menu { display: block; }
  nav .logo { position: relative; z-index: 3; }
  nav .aux { position: absolute; left: 15px; top: 0; width: calc(100% - 30px); height: 100%; background: var(--blue); border-radius: 0 0 25px 25px; z-index: 2; }
  nav .menu { position: fixed; top: -100dvh; left: 15px; width: calc(100% - 30px); height: calc(100dvh - 15px); border-radius: 0 0 25px 25px; overflow-y: auto; background: var(--blue); flex-direction: column; justify-content: flex-start; gap: 16px; padding: 88px 16px 16px 16px; transition: all 0.5s ease; }
  nav.sticky .menu { box-shadow: 0px 0px 10px var(--black-alpha); }
  nav .menu .bt a { font-size: 1.6em; color: var(--white); width: 100%; display: flex; justify-content: center; align-items: center; }
  nav .menu .bt-cta { margin-left: 0; margin-top: 30px; }
  nav.open .menu { top: 0; }

  aside { bottom: 15px; right: 15px; }
  aside .bt-whatsapp a { width: 70px; height: 70px; padding: 0; }
  aside .bt-whatsapp a img { width: 60%; margin: -3px -3px 0 0; }
  aside .bt-whatsapp a .hld-info { display: none; }

  main .divisoria.div-2 .shape { margin-left: 0; }
  main .divisoria.div-2 .container:before { left: -100vw; }
  main .divisoria.div-2 .container:after { left: 250px; }
  main .divisoria.div-2 .aux:before { left: calc(-100vw + 150px);  }
  main .divisoria.div-2.interna .aux:before { left: calc(-100vw + 150px); }

  main .divisoria.div-3 .cont-1 .txt .hld span { font-size: 1.2em; }

  main .divisoria.div-4.white .cont-2 .aux:before { display: none; }

  main .divisoria.div-5 .aux:before { right: calc(-100vw + 220px); }

  main .divisoria.div-7 { margin-top: 0; }
  main .divisoria.div-7 .aux { justify-content: flex-start; }
  main .divisoria.div-7 .aux:after { right: auto; left: 400px; }

  main .divisoria.div-8 .txt { top: 150px; }
  main .divisoria.div-8 .shape { margin-left: -50px; }

  main .holder-form { padding-left: 0; }
  main .holder-form .fg { display: none; }
  main .holder-form .aux-box .box { padding: 15px; }
  main .holder-form .form { width: auto; flex: 1; padding: 30px 25px 0 25px; }
  main .holder-form .form .chamada { margin-bottom: 55px; }
  main .holder-form .form .row .hld-inp { margin-bottom: 15px; }


  main .banner .container .logo { width: 50%; }
  main .banner .container .txt { font-size: 3em; }

  main .gigante { padding: 45px 0; }
  main .gigante .container { flex-direction: column; padding: 0 30px; }
  main .gigante .infos { width: 100%; }
  main .gigante .infos .aux-logo .logo img { max-width: 575px; }
  main .gigante .hld-img { margin-top: 0; }
  main .gigante .hld-img .img { height: 100%; }
  main .gigante .boxes { flex-direction: column; align-items: center; margin-top: 0; gap: 40px; background: none; position: relative; }
  main .gigante .boxes .box { width: 400px; max-width: 100%; position: relative; }
  main .gigante .boxes .box:before { content: url('../images/shape_bg_uniformes.svg'); position: absolute; bottom: -100px; }
  main .gigante .boxes .box:after { content: ''; position: absolute; left: -2px; top: -2px; width: 100%; height: 100%; border: solid 2px var(--white); background: var(--blue); border-radius: 38px; z-index: 2; }
  main .gigante .boxes .box:last-child:before { display: none; }
  main .gigante .boxes .box .ico { position: relative; z-index: 3; }
  main .gigante .boxes .box .info { position: relative; z-index: 3; }

  main .planos .img { display: none; }
  main .planos .hld { padding-left: 0; }
  main .planos .hld .infos .txt { margin-top: 30px; }
  main .planos .hld .infos .txt br { display: none; }

  main .beneficios .infos { width: 100%; }
  main .beneficios-slider .holder .hld-slider { margin-top: -475px; margin-left: -15px; }
  main .beneficios-slider .holder .hld-slider .slider .slick-list { padding-left: 0; }

  main .adesao { padding: 50px 0; }
  main .adesao .container { flex-direction: column; align-items: center; }
  main .adesao .div { margin: 10px 0; }
  main .adesao .div img { transform: rotate(90deg); }

  main .uniformes .container { flex-direction: column; align-items: flex-end; padding: 30px 15px 70px 15px; }
  main .uniformes .txt { flex: unset; width: 100%; padding-left: 60px; }
  main .uniformes .txt p br { display: none; }
  main .uniformes .img { flex: unset; width: 50%; margin-top: -275px; }

  main .posto-em-dia .container { flex-direction: column; align-items: flex-end; padding: 30px 15px 30px 15px; }
  main .posto-em-dia .txt { width: 100%; padding-left: 60px; }
  main .posto-em-dia .txt p br { display: none; }
  main .posto-em-dia .imgs { flex: unset; width: 50%; margin-top: -175px; }

  main .desenvolvimento .container { flex-direction: column; padding: 30px 15px 30px 15px;  }
  main .desenvolvimento .txt { width: 100%; padding-left: 60px; }
  main .desenvolvimento .txt  p br { display: none; }
  main .desenvolvimento .img { display: none; }

  main .desenvolvimento .hld-slider { margin: 50px -15px 0 -75px; }
  main .desenvolvimento .hld-slider:before { content: ''; position: absolute; left: 0; top: 0; width: 10vw; height: 100%; background: linear-gradient(to right,  rgba(0,175,123,1) 0%,rgba(0,175,123,0) 100%); z-index: 2; }
  main .desenvolvimento .hld-slider .slider .slick-list { padding: 0 10vw; }
  main .desenvolvimento .hld-slider .nav-slider { padding-left: 10vw; }

  main .eficiencia .container { flex-direction: column; padding: 30px 15px 30px 15px; }
  main .eficiencia .txt { width: 100%; padding-left: 60px; }
  main .eficiencia .txt .box { width: 100%; padding: 45px 30px 71px 30px; gap: 40px; }
  main .eficiencia .hld-img { position: relative; right: -5%; top: auto; width: 100%; height: 100%; margin-top: 60px; }

  main .conectividade .container { flex-direction: column; }
  main .conectividade .txt { width: 100%; position: relative; color: var(--white); padding: 0 15px 0 60px; }
  main .conectividade .slider { margin-top: 30px; width: 100%; position: relative; }
  main .conectividade .slider .mask { left: 50%; width: 37.5%; transform: translate(-50%); }
  main .conectividade .slider .mask img { width: 100%; }
  main .conectividade .slider .hld-slider { position: relative; left: auto; top: auto; width: 35%; margin: 0 auto; border-radius: 40px; }

  main .comunicacao .container { flex-direction: column; padding: 0 15px 60px 15px; }
  main .comunicacao .txt { order: 1; width: 100%; padding-left: 60px; }
  main .comunicacao .hld-img { display: none; }
  main .comunicacao .bt { order: 3; }

}

@media (max-width: 991.98px) {
	/* MD */
  main .divisoria.div-3 .cont-1:before { right: 150px; }
  main .divisoria.div-3 .cont-1:after { right: calc(-100vw + 50px); }
  main .divisoria.div-3 .cont-1 .shape { margin-right: -20vw; }
  main .divisoria.div-3 .cont-1 .txt .hld span { font-size: 1em; }
  main .divisoria.div-3.green.alt .cont-1:after { right: calc(-100vw + 50px); }
  main .divisoria.div-3.green.alt .cont-1 .aux:before { right: calc(-100vw + 100px); }

  main .divisoria.div-3.white .cont-2 .aux:before { top: 15px; height: 200px; }
  main .divisoria.div-3.blue .cont-2 .aux:before { top: 15px; height: 200px; }
  main .divisoria.div-3.green .cont-2 .aux:before { top: 15px; height: 200px; }


  main .divisoria.div-7 .aux:after { right: calc(-100vw + 300px); }

  main .divisoria.div-8 { height: calc(100% + 70px); }
  main .divisoria.div-8 .aux:before { display: none; }
  main .divisoria.div-8 .aux:after { left: 150px; height: 100%; }
  main .divisoria.div-8 .shape { width: 500px; height: 400px; margin-left: -10vw; }
  main .divisoria.div-8 .txt { height: auto; padding: 30px 0; }
  main .divisoria.div-8 .txt .hld h1 { font-size: 3em; white-space: normal; }
  main .divisoria.div-8 .txt .hld p { font-size: 1.4em; }
  main .divisoria.div-8 .txt .ico { width: 36px; min-width: 36px; height: 21px; mask-size: 36px; margin-top: -70px; }

  main .divisoria.div-1 .txt { font-size: 4.5em; }
  main .divisoria.div-1 .txt .ico { width: 36px; min-width: 36px; height: 21px; margin-top: 16px; mask-size: 36px; }
  main .divisoria.div-2 .txt .ico { width: 36px; min-width: 36px; height: 21px; mask-size: 36px; }
  main .divisoria.div-3 .cont-1 .txt .ico { width: 36px; min-width: 36px; height: 21px; mask-size: 36px; }
  main .divisoria.div-3 .cont-2 .txt .ico { width: 55px; }
  main .divisoria.div-4 .cont-1 .txt .ico { width: 36px; min-width: 36px; height: 21px; mask-size: 36px; }
  main .divisoria.div-4 .cont-2 .txt .ico { width: 40px; }
  main .divisoria.div-5 .txt .ico { width: 55px; }
  main .divisoria.div-8 .txt .ico { width: 36px; min-width: 36px; height: 21px; mask-size: 36px; }


  main .banner { background-size: auto 75%; }
  main .banner .container { justify-content: flex-start; padding-left: 40px; }

  main .comunicacao .txt { padding-left: 40px; }
  main .eficiencia .txt { padding-left: 40px; }
  main .uniformes .txt { padding-left: 40px; }
  main .posto-em-dia .txt { padding-left: 40px; }
  main .desenvolvimento .txt { padding-left: 40px; }
  main .conectividade .txt { padding: 0 15px 0 40px; }

  main .desenvolvimento .hld-slider { padding-bottom: 50px; margin: 50px -15px 0 -50px; }
  main .desenvolvimento .hld-slider .nav-slider { display: none; }
  main .desenvolvimento .hld-slider .slider .slick-list { padding-left: 40px; }

  main .uniformes .img { margin-top: -200px; }

  main .posto-em-dia .txt .box { font-size: 2em; }

  main .topo { background-image: url('../images/img_topo_mobile.jpg'); }

  main .topo-adesao { height: auto; }

  main .gigante .infos .aux-logo .logo { flex: 1; }
  main .gigante .infos .aux-logo .logo img { width: 100%; max-width: 100%; }

  main .beneficios h2 { font-size: 3em; }

  main .beneficios-slider .holder .nav-slider .arrow { display: none; }
  main .beneficios-slider .holder .nav-slider .bt { margin-top: 70px; }

  main .holder-form { margin-top: -30px; }
  main .holder-form .container { flex-direction: column; }
  main .holder-form .aux-box { width: 100%; }
  
  main .planos .hld .infos .aux-box .box .info-box .itens { padding: 0; }
  main .planos .hld .infos .aux-box .box .plano { white-space: nowrap; }
}
  

@media (max-width: 767.98px) {
	/* XS */
  main .divisoria.div-2 .txt .hld { font-size: 2.8em; }
  main .divisoria.div-2 .txt .ico { width: 36px; min-width: 36px; height: 21px; mask-size: 36px; }

  main .divisoria.div-3 .cont-1 .txt .ico { width: 36px; min-width: 36px; height: 21px; mask-size: 36px; }
  main .divisoria.div-3 .cont-1:before { right: 170px; }
  main .divisoria.div-3 .cont-2 .txt .hld { font-size: 2.4em; }
  main .divisoria.div-3.green .cont-1 .shape { margin-right: -25vw; }
  main .divisoria.div-3.green .cont-1:before { right: 130px; }
  main .divisoria.div-3.green.alt .cont-1 .txt { width: 80%; }
  main .divisoria.div-3.green.alt .cont-1 .aux:before { right: auto; left: calc(100% - 13vw); }

  main .divisoria.div-5 .container:before { right: 150px; }
  main .divisoria.div-5 .container:after { right: calc(-100vw + 100px); }
  main .divisoria.div-5 .aux { margin-right: 0; }
  main .divisoria.div-5 .aux::before { right: calc(-100vw + 130px); }

  main .divisoria.div-4 .cont-2 .txt .hld { font-size: 2.8em; }
  main .desenvolvimento .txt p { font-size: 1.8em; }

  main .divisoria.div-7 .shape { height: 71.5vw; }
  main .divisoria.div-7 .aux:after { height: 70.85vw; top: auto; bottom: 0; }
  main .divisoria.div-7 .aux:before { height: 60px; }

  main .banner { background-size: auto 60%; }

  main .uniformes .txt p { font-size: 1.8em; }
  main .uniformes .txt .box { font-size: 1.8em; }
  main .uniformes .img { margin-top: -100px; }

  main .posto-em-dia .txt p { font-size: 1.8em; }
  main .posto-em-dia .imgs { margin-top: -75px; }

/*  main .conectividade .slider .mask { width: calc(35% + 5px); }*/

  main .desenvolvimento .hld-slider .slider .slide { flex-direction: column; padding: 30px; }
  main .desenvolvimento .hld-slider .slider .slide .itens { width: 100%; }
  main .desenvolvimento .hld-slider .slider .slide .chamada { width: 100%; margin-bottom: 30px; }
  main .desenvolvimento .hld-slider .slider .slide .chamada .aux { width: 100%; padding-left: 50px; }
  main .desenvolvimento .hld-slider .slider .slide .chamada .aux strong br { display: none; }

  main .eficiencia .txt .box { flex-direction: column; gap: 30px; }
  main .eficiencia .txt .box .cta { left: calc(50% + 20px); transform: translate(-50%); }

  main .gigante .infos .aux-logo { flex-direction: column; gap: 10px; }
  main .gigante .infos .txt p { font-size: 1.8em; }
  main .gigante .infos .bt a { height: auto; padding: 15px 15px 15px 30px; font-size: 2em;  }

  main .beneficios p { font-size: 1.8em; }

  main .beneficios-slider .holder .hld-slider { margin-top: -435px; }

  main .planos .hld .infos .aux-box { flex-direction: column; }

  main .holder-form .form .chamada { font-size: 2.4em; }
  main .holder-form .form .row { flex-direction: column; gap: 0; }
  main .holder-form .form .row .hld-inp { width: 100%; margin-bottom: 30px; }


  main .flipsnack .container { padding: 0; }
  main .flipsnack .holder { border-radius: 0; }

  .modal .holder { max-width: calc(100% - 30px); }
  .modal .holder p br { display: none; }

  footer h2 { text-align: center; }
  footer .menu { flex-direction: column; gap: 0; margin-bottom: 30px; align-items: center; }
  footer .menu .col { display: flex; flex-direction: column; align-items: center; }
  footer .social { justify-content: center; }
}

@media (max-width: 670px) {
  main .divisoria.div-3.green.alt .cont-1 .aux:before { right: auto; left: calc(100% - 23vw); 
  main .conectividade .slider .hld-slider { border-radius: 30px; }
}

@media (max-width: 575.98px) {
  /* XXS */
  main .divisoria.div-2 .shape { margin-left: -155px; }
  main .divisoria.div-2 .container:after { left: 100px; }
  main .divisoria.div-2 .aux:before { display: none;}
  main .divisoria.div-2 .txt { margin-left: 15px; }
  main .divisoria.div-2 .txt .hld { font-size: 2em; }

  main .divisoria.div-3 .cont-1 .shape { right: -200px; }
  main .divisoria.div-3 .cont-1:before { right: 50px; }
  main .divisoria.div-3 .cont-1:after { display: none; }
  main .divisoria.div-3 .cont-2 .shape { right: -180px; }
  main .divisoria.div-3 .cont-2:before { right: 50px; }
  main .divisoria.div-3 .cont-2:after { display: none; }

  main .divisoria.div-8:before { display: none; }
  main .divisoria.div-8:after { left: 0; height: 150px; top: auto; bottom: 0; }
  main .divisoria.div-8 .shape { width: 550px; height: 450px; margin-left: -180px; }
  main .divisoria.div-8 .txt { width: 100%; padding: 30px 15px 0 15px; left: 0; }
  main .divisoria.div-8 .txt .ico { display: none; }

  main .gigante .container { padding: 0 15px; }
  main .gigante .infos .bt a { font-size: 1.6em; }

  main .planos .hld .infos .aux-box .box .info-box { padding: 75px 15px 25px 15px; }
  main .planos .hld .infos .aux-box .box .plano { font-size: 2em; }

  main .gigante .boxes .box .info p br { display: none; }
  main .planos .hld .infos .aux-box .box .info-box .bt a { height: 70px; border-radius: 35px;  font-size: 2em; }
  main .beneficios-slider .holder .nav-slider .bt a { height: 70px; border-radius: 35px;  font-size: 2em; }

  main .beneficios-slider .divisoria { display: none; }
  main .beneficios-slider .holder .hld-slider { margin-top: 15px; }

  main .divisoria.div-3.green .cont-1:before { right: 0; }
  main .divisoria.div-3.green.alt .cont-1 .txt { width: 100%; padding: 0 15px; }
  main .divisoria.div-3.green .cont-1 .txt .ico { margin-left: 0; }
  main .divisoria.div-3.green .cont-1 .txt .hld { font-size: 2.8em; }
  main .divisoria.div-3.green.alt .cont-1 .aux:before { display: none; }

  main .beneficios h2 { font-size: 2.4em; }

  main .beneficios-slider .holder .hld-slider .slider .slide .info h3 { font-size: 2.4em; }
  main .beneficios-slider .holder .hld-slider .slider .slide .info p { font-size: 1.8em }

  main .holder-form .form { padding: 20px 15px 0 15px; }
  main .holder-form .aux-box .box .info-box .bt a { height: 70px; border-radius: 35px; font-size: 1.6em; }
  main .holder-form .aux-box .box .info-box .bt a img { margin-right: 15px; }
  main .holder-form .aux-box .box .info-box .plano { font-size: 2em; }
  main .holder-form .form .chamada { font-size: 2em; }

/*  main .banner { background-size: auto 45%; }*/
  main .banner .container { padding-left: 15px; }
  main .banner .container .logo { width: 100%; margin-bottom: 30px; }

  main .divisoria.div-1 .txt { font-size: 3.4em; padding-left: 15px; }

  main .divisoria.div-3 .cont-1 .txt .hld { font-size: 2.4em; }
  main .divisoria.div-3 .cont-2 .txt .hld { font-size: 2em; }

  main .uniformes .txt h2 { font-size: 2.4em; }
  main .uniformes .img { margin-top: -30px; width: 85%; }

  main .posto-em-dia .txt .box { font-size: 1.8em; padding: 30px 15px; margin-left: -40px; }
  main .posto-em-dia .txt .box ul li img { width: 30px; margin-top: 0; }

  main .posto-em-dia .imgs { margin-top: 0; width: 85%; }

  main .divisoria.div-4 .cont-1 .txt .hld { font-size: 2em; }
  main .divisoria.div-4 .cont-2 .txt .hld { font-size: 2em; }

  main .desenvolvimento .hld-slider .slider .slick-list { padding-left: 0; padding-right: 0; }
  main .desenvolvimento .hld-slider { padding-bottom: 50px; margin: 50px -15px 0 -55px; }
  main .desenvolvimento .hld-slider .slider .slide { padding: 15px; }

  main .desenvolvimento .hld-slider .slider .slide .chamada .aux { padding-left: 0; text-align: center; }
  main .desenvolvimento .hld-slider .slider .slide .chamada { font-size: 2em; }
  main .desenvolvimento .hld-slider:after { content: ''; position: absolute; right: 0; top: 0; width: 15px; height: 100%; background: linear-gradient(to right,  rgba(0,175,123,0) 0%,rgba(0,175,123,1) 100%); z-index: 2; }
  main .desenvolvimento .hld-slider:before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 100%; background: linear-gradient(to left,  rgba(0,175,123,0) 0%,rgba(0,175,123,1) 100%); z-index: 2; }

  main .divisoria.div-4 .cont-2 .txt .ico { width: 0; }

  main .eficiencia .txt .box { padding: 30px 15px 60px 15px; margin-left: -40px; width: calc(100% + 40px); }
  main .eficiencia .txt .box ul li img  { width: 30px; margin-top: 0; }

  main .eficiencia .txt .box .cta { left: 50%; height: 70px; padding: 0 20px; border-radius: 35px; font-size: 1em; }

  main .eficiencia .hld-img .cta { width: 180px; font-size: 2em; margin-top: 0; }

  main .conectividade .txt p { font-size: 1.8em; }

  main .conectividade .txt .bt a { height: 70px; padding: 0 20px; border-radius: 35px; font-size: 2em; }

  main .conectividade .slider .hld-slider { width: 90%; }
  main .conectividade .slider .mask { width: 96.5%; }
  main .conectividade .slider:before { display: none; }
  main .conectividade .slider .hld-slider { border-radius: 50px; }

  main .comunicacao .txt p { font-size: 1.8em; }
  main .comunicacao .txt .cta .hld { height: auto; padding: 30px; }

  main .comunicacao .bt a  { height: 70px; padding: 0 20px; border-radius: 35px; font-size: 2em; }
  main .comunicacao .bt a img { width: 20px; }
}