.cards-nossas-solucoes { display: flex; column-gap: 30px; margin: 30px 0}
.cards-nossas-solucoes > div { position: relative; flex: 1; }
.cards-nossas-solucoes > div::before { content: ""; padding-bottom: 100%; display: block; }
.cards-nossas-solucoes > div > div { top: 0; flex: 1; flex-direction: column; padding: 8%;  position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; text-align: center;}
.cards-nossas-solucoes > div:nth-child(1) { background: #E25839; color: white; }
.cards-nossas-solucoes > div:nth-child(2) { background: #F8B015; color: #695E4D; }
.cards-nossas-solucoes > div:nth-child(3) { background: #159EA5; color: white; }
.cards-nossas-solucoes > div:nth-child(1) h3,
.cards-nossas-solucoes > div:nth-child(1) p,
.cards-nossas-solucoes > div:nth-child(3) h3,
.cards-nossas-solucoes > div:nth-child(3) p { color: white; }
.cards-nossas-solucoes > div > div img { max-height: 80%; }
.cards-nossas-solucoes > div > div h3 { font-weight: 400; font-size: 24px; margin-bottom: 10px;; }
.cards-nossas-solucoes > div > div p {  font-weight: 300;font-size: 18px; line-height: 26px; }
.cards-nossas-solucoes > div > div > div:first-child { padding-bottom: 10px; height: 30%; display: flex; align-items: center; }
.cards-nossas-solucoes > div > div > div:last-child { height: 70%; }

.tab {}
.tab .tab-buttons { display: flex; align-items: center; padding: 30px 0; justify-content: center; }
.tab .tab-buttons button { position:relative; text-transform: uppercase; color: #0A585C; font-size: 18px; font-weight: 500; padding: 0 2px; margin: 0 12px; background: none; border: none;  cursor: pointer; }
.tab .tab-buttons button::before { content: ""; display: inline-block; width: 4px; height: 18px; background: #0A585C; position: absolute; left: -13px; }
.tab .tab-buttons button:first-child:before { display: none; }
.tab .tab-buttons button.active { font-weight: bolder; color: #E25839; text-decoration: underline;}
.tab .tab-contents {}
.tab.solucoes-energia .tab-contents { background: #D4E0E1; padding: 50px 0  }
.tab .tab-contents > div { display: none; }
.tab .tab-contents > div.active { display: block; }
.tab .tab-contents > div h2 { text-align: center; font-weight: 400; }
.tab .tab-contents > div h4 { text-align: center; font-weight: 400; font-size: 1.5em; }
.tab .tab-contents > div table { margin: 30px 0; border-spacing: 0; }
.tab .tab-contents > div table tr > th { font-weight: 300; background: #E25839; padding: 10px 10px; color: white; font-size: 18px; }
.tab .tab-contents > div table tr > td { line-height:  24px; font-weight: 300; background: #F1F1F1; padding: 10px 10px; color: #695E4D; font-size: 16px; border-bottom: 1px solid #ED9474; }
.tab .tab-contents > div table tr > td:first-child { background: #EEEEEE; font-size: 18px; color: #712E11; }
.tab .tab-contents > div table tr:last-child > td { border: none;}
.tab .tab-contents > div table tr > td strong { display: block;}

.benficios, .setores { margin: 50px 0; }


.tab .tab-contents > div .fale-conosco { margin: 30px 0; display: flex; align-items: center;  color: #159EA5; font-size: 20px; }
.tab .tab-contents > div .fale-conosco::after { display: inline-block; margin-left: 10px; content: ""; background: url(../images/solucoes-em-energia/icon-seta-fale-conosco.png) no-repeat center center; width: 25px; height: 20px; background-size: 100%; }

.cards-collapse { align-items: flex-start; display: flex; column-gap: 30px;  margin: 30px auto;}
.cards-collapse > div { flex-direction: column; text-align: center; flex:1; min-height: 250px; background: #E7F1F2; padding: 30px; display: flex; align-items: center; justify-content: center; }
.cards-collapse > div img { margin-bottom: 20px; height: 100px }
.cards-collapse > div a { padding: 10px 0; font-size: 26px; color: #0A585C; text-align: center; display: flex; align-items: center; justify-content: center; }
.cards-collapse > div a::after { margin-left: 15px; line-height:18px; content: "+";  border-radius: 100%; width: 22px; height: 22px; display: inline-block; border: 2px solid #0A585C; }
.cards-collapse > div a.active::after { content: "-"}

.cards-collapse > div > div { display: none; font-size: 20px; color: #0A585C; }

.card-setores { display: flex; flex-wrap: wrap; justify-content: space-between; }
.card-setores > div { display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc((100% / 6) - 20px); padding: 10px; color: #0A585C; }
.card-setores > div img { width: 60%;}
.card-setores > div span { margin-top: 20px; font-size: 22px; color: #0A585C; text-align: center;}

.contato { background: #F1F1F1; padding: 100px 0 }
.contato .content { display: flex; column-gap: 150px; justify-content: space-between; }
.contato .content::before,
.contato .content::after { display: none;}
.contato .content > div { width: calc(50% - 75px); }
.contato .content > div h1 { font-weight: 400; color:  #2F3237}
.contato .content > div > p { color: #656565 }
.contato .content > div .box-contatos { background: #ACD7DB; padding: 30px; color: #2F3237; font-size: 22px; }
.contato .content > div .box-contatos ul li { color: #2F3237 }
.contato .content > div .box-contatos ul li::before { display: none; }
.contato .content > div .box-contatos .telefone,
.contato .content > div .box-contatos .email { padding-left: 30px; list-style: none; position:relative; }
.contato .content > div .box-contatos .telefone::before { width: 34px; height: 34px; position: absolute; left: 0; top: 0; content: ""; background: url(../images/solucoes-em-energia/icon-telefone.png) no-repeat center center; background-size: contain; }
.contato .content > div .box-contatos .email::before { width: 34px; height: 34px; position: absolute; left: 0; top: 0; content: ""; background: url(../images/solucoes-em-energia/icon-email.png) no-repeat center center; background-size: contain; }

.contato .content > div form {}
.contato .content > div form label { font-size: 14px; color: #2F3237; margin-bottom: 10px; }
.contato .content > div form input,
.contato .content > div form textarea { padding: 0 10px; font-size:12px; margin-top: 5px; font-size: 14px; color: #2F3237; height: 40px; line-height: 40px; width: 100%; border-radius: 3px; border: none;}
.contato .content > div form textarea { height: 180px; }
.contato .content > div form .btn-enviar { margin-top: 15px; display: flex; align-items: center; justify-content: space-between; }
.contato .content > div form input[type='submit'] { margin: 0; text-transform:lowercase; background: #159EA5; color: white; font-weight: bold; width: auto; padding: 0 40px;}
.contato .content > div form span.wpcf7-not-valid-tip { padding: 5px; font-size: 10px; text-align: right;}
.contato .content > div form div.wpcf7-response-output { font-size: 12px; margin-top: 10px; padding: 5px 10px; text-align: center;}
.contato .content > div form div.wpcf7-validation-errors,
.contato .content > div form div.wpcf7-acceptance-missing { border: 1px solid rgb(255 200 0) !important; }
.contato .content > div form .field-item { margin-bottom: 10px; }
/* videos */
.intern-page .video { max-width: 1050px; margin: 30px auto 60px auto; position: relative; }
.intern-page .video::after { pointer-events: none; content: ""; width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px; background: url(../images/esg/ico-play.svg) no-repeat center center; background-size: contain;}

/* box coloridos */
.intern-page .colored-boxes { display: flex; flex-wrap: wrap; margin: 40px 0; }
.intern-page .colored-boxes > div.box-colored { min-height: 270px; position:relative; width: calc(100% / 4); background: #222; color: white; }
.intern-page .colored-boxes > div.box-colored::before { content: ""; display: block; /*padding-bottom: 65%;*/ height: 270px; }
.intern-page .colored-boxes > div.box-colored > div { text-align:center; padding: 10px; position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: flex; flex-direction: column; }
.intern-page .colored-boxes > div.box-colored > div > div:nth-child(1) { flex: 1; align-items: flex-end; display: flex; justify-content: center; padding: 10px; }
.intern-page .colored-boxes > div.box-colored > div > div:nth-child(1) > h3 { width: 100%; text-align: center; font-weight:300; position:relative; color: white;  font-size: 34px; margin: 0;  }
.intern-page .colored-boxes > div.box-colored > div > div:nth-child(1) > h3::before { content: ""; width: 14%; height: 3px; background-color: white; position: absolute; bottom: -8px; left: 50%; margin-left: -7%; }
.intern-page .colored-boxes > div.box-colored > div > div:nth-child(2) { line-height:24px; font-weight:300; flex: 1; padding: 10px; align-items: center; justify-content: end; display: flex; align-items: flex-start; }

.intern-page .colored-boxes > div.box-colored.rose { width:calc(100% / 3); background-color: #E25839;  }
.intern-page .colored-boxes > div.box-colored.rose * { color: white !important; }
.intern-page .colored-boxes > div.box-colored.rose > div > div:nth-child(1) > h3::before { background-color: white; }

.intern-page .colored-boxes > div.box-colored.yellow { width:calc(100% / 3); background-color: #F8B015;  }
.intern-page .colored-boxes > div.box-colored.yellow * { color: #695E3D !important; }
.intern-page .colored-boxes > div.box-colored.yellow > div > div:nth-child(1) > h3::before { background-color: #695E3D; }

.intern-page .colored-boxes > div.box-colored.bege { width:calc(100% / 3); background-color: #FECE82;  }
.intern-page .colored-boxes > div.box-colored.bege * { color: #695E3D !important; }
.intern-page .colored-boxes > div.box-colored.bege > div > div:nth-child(1) > h3::before { background-color: #695E3D; }

.intern-page .colored-boxes > div.box-colored.light-blue { width:calc(100% / 2); background-color: #6CBBC2;  }
.intern-page .colored-boxes > div.box-colored.light-blue * { color: white !important; }
.intern-page .colored-boxes > div.box-colored.light-blue > div > div:nth-child(1) > h3::before { background-color: white; }

.intern-page .colored-boxes > div.box-colored.blue { width:calc(100% / 2); background-color: #159EA5;  }
.intern-page .colored-boxes > div.box-colored.blue * { color: white !important; }
.intern-page .colored-boxes > div.box-colored.blue > div > div:nth-child(1) > h3::before { background-color: white; }
.table-scroll { width: calc(100% + 60px); overflow: auto; margin: 0 -30px; }

@media(max-width: 992px) {
    .cards-nossas-solucoes { flex-direction: column; row-gap: 30px;}
    .intern-page .colored-boxes > div.box-colored { width: 100%; margin-bottom: 20px; }
    .card-setores > div { width: 50%; }
    .cards-collapse { flex-direction: column; row-gap: 20px;}
    .cards-collapse > div { width: 100%; }
    .intern-page .colored-boxes > div.box-colored { width: 100% !important; }
    .intern-page .colored-boxes > div.box-colored::before { display: none;}
    .cards-nossas-solucoes > div::before { display: none; }
    .cards-nossas-solucoes > div > div { position: relative}
    .cards-nossas-solucoes > div > div img { width: 30%;}
    .cards-nossas-solucoes > div > div > div:first-child { justify-content: center;}
    .intern-page .video::after { width: 50px; margin-left: -25px; }
    .contato { padding: 30px 0; }
    .contato .content { flex-direction: column; row-gap: 20px; column-gap: 0; }
    .contato .content > div { width: 100%; }
    
    .contato .content > div .box-contatos { padding: 10px; word-break: break-all;}
    .contato .content > div .box-contatos ul li { font-size: 14px; line-height: 30px;}
    .table-scroll { width: 100%; margin: 0; }
}



.tab .tab-contents > div .fale-conosco-collapse { width: 90%; font-family: Gustan; background: #E7F1F2; position: relative; margin: 30px auto; }
.tab .tab-contents > div .fale-conosco-collapse::after { pointer-events: none; content: ""; width: 90px; height: 100%; background: #159EA5; position: absolute; right: 0; top: 0; }
.tab .tab-contents > div .fale-conosco-collapse::before { image-rendering: -webkit-optimize-contrast; pointer-events: none; content: ""; width: 25px; height: 25px; color: white; position: absolute; right: 0; z-index: 99; width: 90px; height: 80px; display: flex; align-items: center; justify-content: center; font-size: 40px; background: url(../images/solucoes-em-energia/plus.png) no-repeat center center; background-size: 25px }
.tab .tab-contents > div .fale-conosco-collapse.open::before { background-image: url(../images/solucoes-em-energia/minus.png); }
.tab .tab-contents > div .fale-conosco-collapse .title { cursor: pointer; padding: 30px 85px; color: #159EA5; font-size: 20px; position: relative; min-height: 80px; }
.tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco { display:none; padding-bottom: 30px; padding-left: 90px; padding-right: 90px; }
.tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco label { color: #2F3237; font-size: 14px; font-weight: 500; }
.tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco .field-item { padding-bottom: 20px; }
.tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco input[type='text'],
.tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco input[type='email'],
.tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco textarea,
.tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco select { margin-left: -5px; padding: 0 10px; width: 70%; height: 40px; border-radius: 3px; border: none;  }
.tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco textarea { height: 200px; resize: none;}
.tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco .wpcf7-form-control-wrap { padding-top: 5px; display: block; }
.tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco .btn-enviar input { margin-left: 5px; font-family: 'Gustan'; text-transform: lowercase; border: none; width: 130px; height: 40px; background: #159EA5; color: white; text-align: center; font-weight: 500; border-radius: 2px; }
.tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco div.wpcf7-response-output { position:relative; margin: 5px 0; }
@media(max-width: 992px) {
    .tab .tab-contents > div .fale-conosco-collapse { width: 100%; }
    .tab .tab-contents > div .fale-conosco-collapse::after { width: 50px; }
    .tab .tab-contents > div .fale-conosco-collapse .title { padding-left: 20px; padding-right: 50px; }
    .tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco { padding-left: 20px; padding-right: 60px; }
    .tab .tab-contents > div .fale-conosco-collapse::before { width: 50px; }
    .tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco input[type='text'],
    .tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco input[type='email'],
    .tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco textarea,
    .tab .tab-contents > div .fale-conosco-collapse .form-fale-conosco select { width: 100%; }
}