#ez-toc-container, .redes-sociais-flutuante, .ww-whats, .whatsapp-mseo{display: none !important;}
.section_wrapper{max-width: 100% !important; padding: 0 !important;}
.section_wrapper .the_content_wrapper{margin: 0;}
.section_wrapper .the_content_wrapper > p{margin: 0 !important;}

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

.modelo-marketing-digital-para-industrias *{margin: 0; padding: 0; box-sizing: border-box !important; /*font-family: "Nunito", Arial, Tahoma, sans-serif;*/ font-family: "Sora", sans-serif !important; font-weight: 300;}
.modelo-marketing-digital-para-industrias ul{list-style: none !important; margin: 0 !important;}
.modelo-marketing-digital-para-industrias p:empty{display: none !important;}
p:has(> a:only-child){margin-bottom: 0;}

/**/
#Header_wrapper{width: 100%; position: fixed; top: 0; left: 0; z-index: 10;}

#Top_bar .one.column{width: 100%; max-width: 1800px; margin: 0 auto 0; float: none;}
#Top_bar .logo{width: 160px; height: 90px; margin: 0; padding: 0 0 0 20px; display: flex; align-items: center;}
#Top_bar .logo a#logo{height: auto; margin: 0 !important; padding: 0;}
#Top_bar .logo a#logo img{width: 100% !important; height: auto !important;}
#Top_bar.fixed{box-shadow: 0 10px 30px rgb(255 255 255 / 20%);}

#Top_bar .top_bar_right{padding: 0 20px 0 0;}
#Top_bar .top_bar_right a{margin: 0 !important;}

#Subheader{background-color: #201d31 !important;}
#Subheader > .container{max-width: 1760px; padding: 0 20px;}
#Subheader > .container > .column{width: 100%; margin: 0 !important;}
#Subheader .breadcrumbs{margin: 0 !important;}
/**/

/**/
#banner-page{width: 100%; height: 800px; background-color: #222; padding: 0 150px; display: flex; flex-direction: column; justify-content: center; position: relative;}
#banner-page:after{width: 100%; height: 100%; content: ""; background-image: url(imagens-marketing-digital-para-industrias/imagens-marketing-digital-para-industrias-banner-desktop.webp); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1;}
#banner-page h1{width: 100%; max-width: 500px; font-size: 54px; font-weight: 600; line-height: 74px; color: #fff !important; text-shadow: 0 0 20px rgb(0 0 0 / 35%), 0 0 40px rgb(0 0 0 / 20%), 0 0 60px rgb(0 0 0 / 20%); margin-bottom: 25px; position: relative; z-index: 2;}
#banner-page h1 b{font-weight: 600;}
#banner-page a{width: 200px; height: 60px; border-radius: 60px; background: linear-gradient(60deg, #b49048, #f5d793 80%, #b49048); text-shadow: 0 0 20px #876b34, 0 0 30px #876b34, 0 0 40px #876b34; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 20px; font-weight: 500; text-decoration: none !important; z-index: 2;}
#banner-page a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b 80%, #8baf61); text-shadow: 0 0 20px #6e9145, 0 0 30px #6e9145, 0 0 40px #6e9145;}
#banner-page p{position: relative; z-index: 2;}
/**/


.conteudo-page{width: 100%;}

.sessao-conteudo{width: 100%; background-color: #000; background-image: url(imagens-marketing-digital-para-industrias/bg.webp); background-position: center; background-repeat: no-repeat; background-size: cover;}

.wrapp-sessao-conteudo{width: 100%; max-width: 1200px; margin: 0 auto 0; padding: 90px 10px 120px 10px;}

.two-col{width: 100%; display: flex; flex-direction: row; gap: 20px; margin-top: 120px; margin-bottom: 90px;}
.two-col.v2{margin-top: 30px; margin-bottom: 30px;}
.two-col div{width: 100%;}
.two-col div.img-right{text-align: right;}
.two-col div.img-left{text-align: left;}
.two-col div:first-child{}
.two-col div:last-child{}

.wrapp-sessao-conteudo h2{font-size: 34px; font-weight: 600; line-height: 60px; color: #fff; margin-bottom: 20px;}
.wrapp-sessao-conteudo h2.center{text-align: center;}
.wrapp-sessao-conteudo h2.break{text-align: center; margin-bottom: 20px;}
.wrapp-sessao-conteudo h2.break b{display: block; font-size: 26px; font-weight: 600; line-height: 32px;}
.wrapp-sessao-conteudo h2 b{font-weight: 600;}
.wrapp-sessao-conteudo h3{font-size: 32px; font-weight: 600; line-height: 52px; color: #fff; margin-bottom: 20px;}
.wrapp-sessao-conteudo h3 b{font-weight: 600;}
.wrapp-sessao-conteudo h3.center{text-align: center;}
.wrapp-sessao-conteudo h3.mb-small{margin-bottom: 5px;}
.wrapp-sessao-conteudo h4{}
.wrapp-sessao-conteudo h4 b{font-weight: 600;}
.wrapp-sessao-conteudo p{font-size: 20px; line-height: 34px; color: #fff; margin-bottom: 20px;}
.wrapp-sessao-conteudo p b{font-weight: 500;}
.wrapp-sessao-conteudo p:last-child{margin-bottom: 0;}
.wrapp-sessao-conteudo p.width{max-width: 1050px; margin: 0 auto 25px;}
.wrapp-sessao-conteudo p.center{text-align: center;}
.wrapp-sessao-conteudo p.justify{text-align: justify;}
.wrapp-sessao-conteudo p.sub-title{font-size: 22px; line-height: 34px; color: #fff; margin-bottom: 40px; text-align: center;}
.wrapp-sessao-conteudo .mensagem{width: 100%; border: 2px solid #d8b66c; border-radius: 100px; margin: 100px auto 0; padding: 30px 50px 30px 50px; text-align: center;}
.wrapp-sessao-conteudo a{width: 200px; height: 60px; margin-top: 40px; border-radius: 60px; background: linear-gradient(60deg, #b49048, #f5d793 80%, #b49048); text-shadow: 0 0 20px #876b34, 0 0 30px #876b34, 0 0 40px #876b34; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 20px; font-weight: 500; text-decoration: none !important;}
.wrapp-sessao-conteudo a.center{margin: 50px auto 40px;}
.wrapp-sessao-conteudo a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b 80%, #8baf61); text-shadow: 0 0 20px #6e9145, 0 0 30px #6e9145, 0 0 40px #6e9145;}
.wrapp-sessao-conteudo img{border-radius: 25px; box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);}
.wrapp-sessao-conteudo ul{}
.wrapp-sessao-conteudo ul li{font-size: 18px; font-weight: 300; line-height: 28px; color: #fff; margin-bottom: 5px; padding: 0 0 0 20px; position: relative;}
.wrapp-sessao-conteudo ul li:last-child{margin: 0;}
.wrapp-sessao-conteudo ul li:before{width: 10px; min-width: 10px; height: 10px; content: ""; background: linear-gradient(60deg, #b49048, #f5d793 80%, #b49048); border-radius: 100%; position: absolute; top: 8px; left: 0;}

.wrapp-sessao-conteudo .wrap-boxes-infos{width: 100%; margin: 0 auto 40px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos{width: 380px; min-height: 130px; position: relative; border-radius: 20px; padding: 3px; overflow: hidden;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos:nth-child(4), .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos:nth-child(5){width: 430px;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos:after{width: 1000px; height: 1000px; border-radius: 20px; content: ""; background: linear-gradient(0, #fff, #a78745, #fff); position: absolute; left: 50%; top: 50%; z-index: 1; margin: -500px 0 0 -500px; animation: giroInfinito 3s linear infinite; transform-origin: center;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div{width: 100%; height: 100%; border-radius: 17px; padding: 30px 35px; position: relative; z-index: 2; background-color: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div img{width: auto; height: 40px !important; border-radius: 0; box-shadow: none; margin-bottom: 15px;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4{font-size: 22px; font-weight: 600; line-height: 32px; color: #fff; text-align: center;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4 b{font-size: 18px; font-weight: 600; display: block;}

#wrap-balloons{width: 100%; margin: 0 auto 40px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px;}
#wrap-balloons .balloons{width: 380px; position: relative; border-radius: 20px; padding: 3px; overflow: hidden;}
#wrap-balloons .balloons:after{width: 1000px; height: 1000px; border-radius: 20px; content: ""; background: linear-gradient(0, #fff, #a78745, #fff); position: absolute; left: 50%; top: 50%; z-index: 1; margin: -500px 0 0 -500px; animation: giroInfinito 3s linear infinite; transform-origin: center;}
#wrap-balloons .balloons div{width: 100%; height: 100%; border-radius: 17px; padding: 30px 35px; position: relative; z-index: 2; background-color: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
#wrap-balloons.white .balloons div{background-color: #fff;}
#wrap-balloons .balloons div h3{font-size: 22px; font-weight: 600; line-height: 32px; color: #fff; margin: 0;}
#wrap-balloons.white .balloons div h3{color: #000;}

@keyframes giroInfinito{from{transform: rotate(0deg);} to{transform: rotate(360deg);}}

/**/
.sessao-beneficios{width: 100%; position: relative; background-color: #000;}
.sessao-beneficios:after{width: 100%; height: 100%; content: ""; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 1; transform: skew(0, 3deg);}
.wrap-conteudo-sessao-beneficios{width: 100%; max-width: 1200px; margin: 0 auto 0; padding: 100px 10px 125px 10px; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; z-index: 2;}
.wrap-conteudo-sessao-beneficios h2{font-size: 32px; font-weight: 600; line-height: 52px; color: #000; margin-bottom: 20px; position: relative; z-index: 2;}
.sessao-beneficios h2 b{display: block; font-weight: 600;}
.sessao-beneficios .wrap-beneficios{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px; position: relative; z-index: 2;}
.sessao-beneficios .wrap-beneficios .beneficio{width: 380px; padding: 30px 28px 30px 28px; background-color: #000; border-radius: 30px; text-align: left;}
.sessao-beneficios .wrap-beneficios .beneficio h3{font-size: 22px; line-height: 32px; color: #fff; margin-bottom: 5px;}
.sessao-beneficios .wrap-beneficios .beneficio p{font-size: 16px; line-height: 26px; color: #fff;}

.sessao-beneficios{}
.sessao-beneficios p{font-size: 20px; line-height: 34px; color: #000; margin-bottom: 20px; text-align: center;}
.sessao-beneficios p:last-child{margin-bottom: 0;}
.sessao-beneficios .two-col{margin-top: 20px; margin-bottom: 30px;}
.sessao-beneficios .two-col div p{text-align: justify;}
.sessao-beneficios .two-col div img{border-radius: 25px; box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);}

/**/

/**/
#listas{width: 100%;max-width: 900px;margin: 50px auto 50px;display: flex;flex-direction: row;justify-content: center;gap: 210px;}
#listas div{width: auto;display: flex;flex-direction: column;gap: 15px;}
#listas p{font-size: 18px;line-height: 28px;margin: 0;display: flex;flex-direction: row;align-items: center;gap: 10px;}
#listas p img{width: 20px;min-width: 20px;height: auto;}
/**/

/**/
#tabelas{width: 100%; display: flex; flex-direction: column; padding: 30px 0 50px 0;}
#tabelas > div{width: 100%; display: grid; grid-template-columns: 28% 38% 34%; border-bottom: 1px solid #d8b66c;}
#tabelas > div > div{padding: 28px 22px; display: flex; align-items: center; box-sizing: border-box;}
#tabelas > div:first-child > div{padding-top: 10px; padding-bottom: 20px;}
#tabelas h3{font-size: 18px; line-height: 24px; font-weight: 600; color: #fff; margin: 0;}
#tabelas h4{font-size: 18px; line-height: 24px; font-weight: 600; color: #fff; margin: 0;}
#tabelas p{font-size: 18px; line-height: 24px; font-weight: 300; color: #fff; margin: 0;}
@media(max-width: 767px){
#tabelas{width: 100%; overflow: visible;}
#tabelas > div{width: 100%; grid-template-columns: 28% 34% 38%;}
#tabelas > div > div{min-width: 0; padding: 16px 8px; align-items: flex-start;}
#tabelas > div:first-child > div{padding-top: 8px; padding-bottom: 12px;}
#tabelas h3{font-size: 13px; line-height: 17px;}
#tabelas h4{font-size: 13px; line-height: 17px;}
#tabelas p{font-size: 13px; line-height: 17px;}
}
/**/

/**/
.sessao-faq{width: 100%; padding: 20px 0 0 0;}

.sessao-faq > h2{line-height: 54px; margin-bottom: 35px;}
.sessao-faq > h3{font-size: 26px; line-height: 28px; margin-bottom: 35px;}

.sessao-faq a.center{margin: 65px auto 0;}

.accordion{max-width: 900px; margin: 0 auto;}

.accordion .item{margin-bottom: 15px;}

.accordion .item .accordion-header{width: 100%; border: none; background: #fff; color: #111; border-radius: 40px; padding: 15px 30px; font-size: 22px; font-weight: 800; cursor: pointer; display: flex; align-items: center; gap: 15px; text-align: left;}

.accordion .item .accordion-header .icon{min-width: 20px; font-size: 28px; font-weight: 600;}

.accordion .item .accordion-header .title{font-size: 18px; font-weight: 600; color: #444;}

.accordion .item .accordion-content{max-height: 0; overflow: hidden; transition: max-height 0.5s ease;}

.accordion .item .accordion-content p{color: #fff; font-size: 16px; line-height: 28px; padding: 20px 30px;}

.accordion .item.active .accordion-header{border-radius: 40px 40px 0 0;}
.accordion .item.active .accordion-content{max-height: 300px; background-color: #262626; border-radius: 0 0 40px 40px;}
/**/

@media(max-width:1750px){
    #banner-page{height: 650px;}
}

@media(max-width:1550px){
    #banner-page{height: 600px; padding: 0 100px;}
    #banner-page h1{font-size: 52px; line-height: 68px;}
}

@media(max-width:1360px){
    #banner-page{height: 550px; padding: 0 70px;}
}

@media(max-width:1300px){
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos{width: 330px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos:nth-child(4), .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos:nth-child(5){width: 375px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div{padding: 30px 35px 25px 35px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div img{height: 35px !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4{font-size: 18px; line-height: 30px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4 b{font-size: 14px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div ul li{font-size: 16px; line-height: 26px; margin-bottom: 5px;}
}

@media(max-width:1100px){
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div ul li{font-size: 14px; line-height: 22px; padding: 0 0 0 10px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div ul li:before{width: 6px; min-width: 6px; height: 6px;}

    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos{width: 350px !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div img{height: 30px !important; margin-bottom: 10px;}
}

@media(max-width:959px){
    #Subheader{display: none !important;}

    #banner-page{height: 500px; padding: 0 20px;}
    #banner-page h1{font-size: 42px; line-height: 58px;}

    .two-col{flex-direction: column; margin-top: 60px; gap: 75px;}
    .two-col div{display: flex; flex-direction: column; align-items: center; text-align: center;}
    .two-col div.img-right{text-align: center;}
    .two-col div.img-left{text-align: center;}
    .two-col.v2 ul{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    .two-col.v2 ul li{
        width: 100%;
        max-width: 450px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        margin: 0;
        border-radius: 5px;
        border: 1px solid #e8cb8952;
        padding: 10px;
        text-align: left;
    }
    .two-col.v2 ul li:before{position: relative; top: -1px; display: inline-block; margin: 0 5px 0 0;}
    .center-mobile{text-align: center;}

    .sessao-beneficios .wrap-beneficios .beneficio{width: 100%;}

    #listas{gap: 60px;}
}

@media(max-width:767px){
    #Top_bar .logo{width: 100px; height: 60px; margin: 0; padding: 0 0 0 15px;}
    #Top_bar .logo a#logo{margin: 0 !important;}

    #banner-page{height: 370px; padding: 0 10px;}
    #banner-page:after{background-image: url(imagens-marketing-digital-para-industrias/imagens-marketing-digital-para-industrias-banner-mobile.webp);}
    #banner-page h1{font-size: 32px; line-height: 50px;}
    #banner-page a{height: 50px;}

    .sessao-conteudo{background-image: url(imagens-marketing-digital-para-industrias/bg-mobile.webp); background-position: center top; background-repeat: repeat; background-size: 100%;}

    .wrapp-sessao-conteudo{padding: 60px 10px 80px 10px;}
    .two-col{margin-top: 45px; margin-bottom: 45px; gap: 50px;}
    .wrapp-sessao-conteudo h2{font-size: 20px; line-height: 34px; margin-bottom: 15px;}
    .wrapp-sessao-conteudo h2.break{margin-bottom: 15px;}
    .wrapp-sessao-conteudo h2.break b{width: 260px; font-size: 20px; line-height: 32px; margin: 0 auto 0;}
    .wrapp-sessao-conteudo h3{font-size: 20px; line-height: 34px; margin-bottom: 15px;}
    .wrapp-sessao-conteudo h3.break-mobile{}
    .wrapp-sessao-conteudo h3.break-mobile b{display: block;}
    .wrapp-sessao-conteudo p{font-size: 16px; line-height: 28px;}
    .wrapp-sessao-conteudo .mensagem{border-radius: 20px; margin: 45px auto 0; padding: 15px;}
    .wrapp-sessao-conteudo p.width{margin: 0 auto 15px;}
    .wrapp-sessao-conteudo p.sub-title{width: 280px; font-size: 18px; line-height: 30px; margin: 0 auto 30px;}
    .two-col.v2 ul{gap: 10px;}
    .two-col.v2 ul li{max-width: 140px; font-size: 14px; line-height: 22px; flex-direction: column; text-align: center; justify-content: center;}
    .two-col.v2 ul li:before{display: none;}
    .wrapp-sessao-conteudo ul li:before{width: 6px; min-width: 6px; height: 6px;}
    .wrapp-sessao-conteudo a{margin-top: 20px;}
    .wrapp-sessao-conteudo a.center{margin: 40px auto 40px;}

    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos{width: 100% !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div{padding: 30px 10px 25px 15px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div img{height: 25px !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4 b{font-size: 12px;}

    #wrap-balloons .balloons div h3{font-size: 18px; line-height: 24px;}

    .wrap-conteudo-sessao-beneficios{padding: 65px 10px 85px 10px;}
    .wrap-conteudo-sessao-beneficios h2{font-size: 22px; line-height: 34px; margin-bottom: 20px;}
    .sessao-beneficios p{font-size: 16px; line-height: 28px;}
    .sessao-beneficios .wrap-beneficios .beneficio h3{font-size: 18px; line-height: 26px; font-weight: 600;}

    #listas{flex-direction: column; gap: 20px; margin: 20px auto 25px;}
    #listas div{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    #listas div p{
        font-size: 14px;
        line-height: 24px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 5px;
        border-radius: 5px;
        border: 1px solid #e8cb8952;
        padding: 15px 10px 10px 10px;
    }

    .sessao-faq{padding: 0;}
    .sessao-faq > h2{font-size: 20px; line-height: 34px; margin-bottom: 15px;}
    .sessao-faq > h3{margin-bottom: 20px;}

    .accordion .item .accordion-header{padding: 10px 10px 10px 15px; gap: 10px;}
    .accordion .item .accordion-header .icon{min-width: 12px; font-size: 20px;}
    .accordion .item .accordion-header .title{font-size: 14px; line-height: 22px;}
    .accordion .item .accordion-content p{padding: 15px 10px; font-size: 14px; line-height: 25px;}

    .accordion .item.active .accordion-header{border-radius: 20px 20px 0 0;}
    .accordion .item.active .accordion-content{border-radius: 0 0 20px 20px;}
}

@media(max-width:510px){
    #banner-page{align-items: center;}
    #banner-page:after{background-position: right center; opacity: 0.5;}
    #banner-page h1{width: 270px; font-size: 28px; line-height: 48px; text-align: center;}
}