/* Box Topo */
.boxTopo{width: 100%;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='832' height='378' fill='none' viewBox='0 0 832 378'%3E%3Cg fill='%23231f20' opacity='.06'%3E%3Cpath d='M212.746 84.094a486.003 486.003 0 0 0-136.15 663.791 486 486 0 0 0 181.77 167.509 486 486 0 0 0 240.656 56.432A486.003 486.003 0 0 0 972 486.596l-50.496-.061a435.506 435.506 0 0 1-639.487 384.244A435.5 435.5 0 0 1 51.15 509.864a435.5 435.5 0 0 1 189.987-384.011z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath d='M805.193 334.997a353.108 353.108 0 1 0-602.901 361.232l41.144-30.488a301.88 301.88 0 0 1-53.519-238.725 301.9 301.9 0 0 1 140.917-199.991 301.9 301.9 0 0 1 242.813-29.924 301.9 301.9 0 0 1 185.257 159.794z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath d='M267.68 486A218.32 218.32 0 1 0 486 267.68v51.19c33.055 0 65.368 9.802 92.852 28.167a167.125 167.125 0 0 1 71.067 171.568 167.14 167.14 0 0 1-45.74 85.574A167.133 167.133 0 0 1 318.87 486z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat right bottom #E6E6E6;background-size: 972px 384px;background-position-x: calc(100% + 73px);}
    .boxTopo .centro{width: 100%; max-width: 1428px; padding: 184px 20px 116px; margin: 0px auto;}
        .boxTopo .centro h2{font: 700 56px/52px "Crimson Pro"; letter-spacing: -0.02em; color: #231f20;margin-bottom: 16px;}
        .boxTopo .centro p{width: 100%; max-width: 666px; font-size: 17px; font-weight: 400; line-height: 28px; letter-spacing: -0.01em; color: #231F20;}

/* Box Contatos */
.boxNavegacao{background: #FFF;}
    .boxNavegacao .centro{width: 100%;max-width: 1428px;padding: 1px 20px 195px;margin: 0px auto 0px;}

        .boxNavegacao .centro nav{width: calc(100% + 40px);margin: -47px -20px 55px;}
            .boxNavegacao .centro nav ul{display: flex;gap: 8px;overflow-x: auto;scrollbar-width: thin;padding: 0px 20px;}
                .boxNavegacao .centro nav ul li.ativo a{background: #231f20 !important;pointer-events: none;color: #fff;}
                .boxNavegacao .centro nav ul li.ativo a b{color: #fff;}

                .boxNavegacao .centro nav ul li{width: max-content;}
                    .boxNavegacao .centro nav ul li a:link,
                    .boxNavegacao .centro nav ul li a:active,
                    .boxNavegacao .centro nav ul li a:visited{display: block;width: max-content;background: #FFF;border-radius: 20px 20px 0px 0px;padding: 14px 25px 22px;transition: all 0.5s ease;}
                        .boxNavegacao .centro nav ul li a b{display: block; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: -0.02em; color: #231f20; transition: all 0.5s ease;}
                    /* Hover */
                    .boxNavegacao .centro nav ul li a:hover{background: #231F20;}
                        .boxNavegacao .centro nav ul li a:hover b{color: #FFF;}

            .conteudoFormulario h2{font: 600 36px/40px 'Crimson Pro';color: #231F20;margin-bottom: 30px;}

/* MOBILE */
/* Box Topo */
._320 .boxTopo{}
    ._320 .boxTopo .centro{padding: 92px 20px 76px;}
        ._320 .boxTopo .centro h2{font-size: 32px;line-height: 34px;margin-bottom: 12px;}
        ._320 .boxTopo .centro p{font-size: 15px;line-height: 25px;}

/* Box Contatos */
._320 .boxNavegacao{}
    ._320 .boxNavegacao .centro{padding: 1px 20px 40px;}

        ._320 .boxNavegacao .centro nav{width: calc(100% + 40px);margin: -37px -20px 20px;}
            ._320 .boxNavegacao .centro nav ul{width: 100%; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 0px 20px; scroll-behavior: smooth; position: relative;}
                ._320 .boxNavegacao .centro nav ul li{}
                    ._320 .boxNavegacao .centro nav ul li a:link,
                    ._320 .boxNavegacao .centro nav ul li a:active,
                    ._320 .boxNavegacao .centro nav ul li a:visited{width: max-content;border-radius: 14px 14px 0px 0px;padding: 10px 20px 16px;}
                        .boxNavegacao .centro nav ul li a b{font-size: 14px;line-height: 20px;}
                    /* Hover */
                    ._320 .boxNavegacao .centro nav ul li a:hover{}
                        ._320 .boxNavegacao .centro nav ul li a:hover b{}

        ._320 .boxNavegacao .centro div.conteudoFormulario{flex-direction: column;}

            ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo{max-width: initial;}
                ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante{max-width: initial;position: initial;}
                ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo:has(div.bannerContato) div.conteudoFlutuante{padding-bottom: 20px}
                    ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante h2{font-size: 26px;line-height: 32px;}
                        ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante h2::after{width: 100%;margin: 10px 0px;}
                    ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante p{max-width: initial;font-size: 14px;line-height: 20px;}
                        ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante p b{}
                /* Contato Distribuidora */
                ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.bannerContato{width: 100%;padding: 20px 20px 12px;}
                    ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.bannerContato span{}
                        ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.bannerContato span b{display: inline-block;}
                    ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.bannerContato a:link,
                    ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.bannerContato a:active,
                    ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.bannerContato a:visited{}
                        ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.bannerContato a::before{}
                        ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.bannerContato a::after{}
                        ._320 .boxNavegacao .centro div.conteudoFormulario div.conteudo div.bannerContato a b{}