*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
:root {
--color-primary: #137abe;
--color-primary-light: #52a7e8;
--color-secondary: #f39c12;
--color-bg: #ffffff;
--color-text: #1a1a1a;
--color-muted: #6c757d;
--radius: 0.75rem;
--shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@media (prefers-color-scheme: dark) {
:root {
--color-bg: #0e0f12;
--color-text: #f1f1f1;
--color-muted: #b0b0b0;
}
}
body {
font-family: "Open Sans", sans-serif;
background-color: #e35c00;
color: var(--color-text);
line-height: 1.6;
overflow-x: hidden;
font-size: 1.1em;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
} .background1 {
padding-top: 12.5rem;
padding-bottom: 10rem;
color: #ffffff;
background-color: #ef6100;
background-image: url(https://unintese.com.br/wp-content/themes/unintese/img/captacaoDePolos/imagem-inicial.png);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 100% 100%;
}
.sppb-shape-container {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
z-index: 2;
}
.sppb-shape-container.sppb-bottom-shape {
bottom: -1px;
}
#section-id-1534535997295 .sppb-shape-container.sppb-bottom-shape > svg {
height: 100px;
}
.sppb-shape-container.sppb-bottom-shape.sppb-shape-flip svg {
transform: rotate(180deg) translateX(50%);
}
.sppb-shape-container svg {
display: block;
width: 100%;
position: relative;
left: 50%;
}
#section-id-1534535997295 .sppb-shape-container.sppb-bottom-shape > svg polygon {
fill: #ef6100;
} .containerUm {
padding: 2rem;
flex-direction: column;
position: relative;
z-index: 2;
}
.h1Um {
font-size: 6.5rem;
font-weight: 700;
text-wrap: nowrap;
margin-bottom: -2rem;
}
.h1Dois {
font-size: 7rem;
font-weight: 800;
color: #fff;
margin-bottom: 1rem;
}
.containerUm h2 {
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
color: #e3f2fd;
margin-bottom: 3rem;
font-weight: 500;
} .containerButton {
display: flex;
gap: 1rem;
margin-bottom: 3rem;
}
.containerButton a {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
background-color: #ef6100;
color: #fff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 1.45rem 2rem;
border-radius: var(--radius);
text-decoration: none;
transition: all 0.3s ease;
box-shadow: var(--shadow);
text-wrap: nowrap;
}
.buttonWhatsApp {
background: #37d24b !important;
}
.buttonWhatsApp:hover {
background: #2ab13c !important;
}
.containerButton a:hover {
background-color: #e26a2f;
transform: translateY(-2px);
}
.imgUnintese {
display: block;
width: 25px;
} .logoUnintese {
width: 55% !important;
margin-bottom: 1.5rem;
margin-top: 3rem;
} .background2 {
padding-top: 40px;
padding-right: 0px;
padding-bottom: 120px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: #ffffff;
background-color: #ef6100;
background-image: url(https://unintese.com.br/wp-content/themes/unintese/img/captacaoDePolos/box1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 100% 100%;
}
.container2 {
margin: 3rem;
}
.container2 h2 {
font-size: 3.125rem;
font-weight: 800;
margin-bottom: 1.875rem;
}
.container2 h3 {
font-size: 1.75rem;
font-weight: 500;
}
.containerNegocios {
display: flex;
gap: 1rem;
margin-top: 3.125rem;
text-align: center;
}
.divNegocios {
border-radius: 20px;
padding: 1.563rem;
gap: 1rem;
display: flex;
flex-direction: column;
width: 390px;
background: #ea5513;
}
.divImgText {
display: flex;
gap: 0.5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.divNegocios p {
font-size: 0.9rem;
}
.divImgText img {
width: 50px;
height: 50px;
} .background3 {
padding-top: 11.25rem;
padding-bottom: 12.5rem;
color: #ffffff;
background-color: #e35c00;
background-image: url(https://unintese.com.br/wp-content/themes/unintese/img/captacaoDePolos/imagem-02.png);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 100% 100%;
}
.sppb-shape-container.sppb-shape-to-front {
z-index: 99999;
}
.sppb-shape-container.sppb-top-shape {
top: -1px;
}
.sppb-shape-container.sppb-bottom-shape {
bottom: -1px;
}
.sppb-shape-container {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
z-index: 2;
}
#section-id-1685369664890 .sppb-shape-container.sppb-top-shape > svg {
width: 100%;
max-width: 100%;
height: 90px;
}
.sppb-shape-container.sppb-top-shape.sppb-shape-invert svg {
transform: rotateX(180deg) translateX(-50%);
}
.sppb-shape-container.sppb-bottom-shape.sppb-shape-invert.sppb-shape-flip svg {
transform: rotateY(180deg) translateX(50%);
}
.sppb-shape-container svg {
display: block;
width: 100%;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#section-id-1685369664890 .sppb-shape-container.sppb-top-shape > svg path,
#section-id-1685369664890 .sppb-shape-container.sppb-top-shape > svg polygon {
fill: #ef6100;
}
#section-id-1685369664890 .sppb-shape-container.sppb-bottom-shape > svg polygon {
fill: #828282;
}
.containerPolo {
position: relative;
z-index: 2;
margin-top: 15rem;
}
.containerPolo h2 {
font-size: 3.125rem;
font-weight: 800;
margin-bottom: 1.875rem;
text-wrap: nowrap;
}
.divButton {
margin: 100px 0px 30px 0px;
}
.buttonPolos {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
background-color: #37d24b;
color: #fff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 1.45rem 2rem;
border-radius: var(--radius);
text-decoration: none;
transition: all 0.3s ease;
box-shadow: var(--shadow);
text-wrap: nowrap;
width: 80%;
}
.buttonPolos:hover {
background: #2ab13c !important;
transform: translateY(-2px);
} .background4 {
background: whitesmoke;
color: #0e0f12;
}
.textInter {
font-size: 3rem;
font-weight: 800;
margin-top: 5rem;
margin-bottom: 3rem;
}
.containerVideo {
display: flex;
flex-direction: column;
align-items: center;
margin: 5rem 0;
}
iframe {
width: 1000px;
height: 655px;
border-radius: 30px;
}
.containerVideo h2 {
font-size: 3.5rem;
}
.containerVantagens {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 5rem 0;
}
.divVantagens {
display: flex;
align-items: baseline;
gap: 0.5rem;
flex-direction: column;
width: 50%;
}
.divVantagens h2 {
display: flex;
gap: 1rem;
font-weight: 700;
}
.imgVantagens {
width: 50px;
height: auto;
}
.buttonVantagens {
width: 40%;
margin: 5rem 0 0 0;
} .background5 {
padding-bottom: 5rem;
color: #ffffff;
background-color: #ef6100;
background-image: url(https://unintese.com.br/wp-content/themes/unintese/img/captacaoDePolos/imagem-03.png);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 100% 100%;
} .background6 {
background: #ef6100;
}
.textFAQ {
font-size: 3rem;
font-weight: 800;
margin-top: 5rem;
margin-bottom: 3rem;
text-align: center;
}
.containerFAQ {
display: flex;
flex-direction: column;
gap: 1rem;
max-width: 800px;
margin: 5rem auto;
}
.divPergunta {
padding: 1rem 1.5rem;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: space-between;
border-bottom: 1px solid whitesmoke;
}
.divPergunta p {
margin: 0;
font-weight: 600;
flex: 1;
}
.seta {
transition: transform 0.3s ease;
}
.divResposta {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease, opacity 0.3s ease;
opacity: 0;
padding: 0 1.5rem;
}
.divPergunta.ativa .divResposta {
max-height: 200px;
opacity: 1;
margin-top: 0.5rem;
}
.divResposta p {
font-weight: 400;
}
.divPergunta.ativa .seta {
transform: rotate(90deg);
} .divTituloFormulario {
margin-top: 3rem;
margin-bottom: 3rem;
text-align: left;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.divTituloFormulario h2 {
font-size: 3rem;
font-weight: 800;
}
.divTituloFormulario h3 {
text-align: left;
font-size: 1.1rem;
} .containerInfo {
margin: 3rem 0;
}
.containerInfo p {
margin-bottom: 0rem;
font-size: 0.9rem;
}
.logoUnintese2 {
width: 50%;
margin-top: 4rem;
}
.containerSocialMedia {
margin-top: 4.5rem;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.containerSocialMedia a {
cursor: pointer !important;
}
.containerSocialMedia img {
width: 35px;
height: auto;
}
.mensagem-envio {
background: #e9f8ee;
color: #1d643b;
border: 1px solid #a8e6a1;
padding: 1rem;
border-radius: 12px;
margin-top: 1rem;
text-align: center;
font-weight: 500;
opacity: 0;
transform: translateY(-10px);
animation: fadeInUp 0.6s ease forwards;
transition: opacity 0.6s ease, transform 0.6s ease;
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
} .mauticform_wrapper {
max-width: 800px;
margin: 20px auto;
font-family: Arial, sans-serif;
}
.mauticform-name {
font-weight: bold;
font-size: 1.5em;
margin-bottom: 3px;
}
.mauticform-description {
margin-top: 2px;
margin-bottom: 10px;
}
.mauticform-error {
margin-bottom: 10px;
color: red;
}
.mauticform-message {
margin-bottom: 10px;
color: green;
}
.mauticform-row {
display: block;
margin-bottom: 20px;
}
.mauticform-label {
font-size: 1em;
display: block;
font-weight: normal;
margin-bottom: 8px;
color: #333;
}
.mauticform-row.mauticform-required .mauticform-label:after {
color: #e32;
content: " *";
display: inline;
font-weight: normal;
}
.mauticform-helpmessage {
display: block;
font-size: 0.9em;
margin-bottom: 3px;
}
.mauticform-errormsg {
display: block;
color: red;
margin-top: 2px;
}
.mauticform-selectbox,
.mauticform-input,
.mauticform-textarea {
width: 100%;
padding: 0.8em 0.8em;
border: 1px solid #ddd;
background: #fff;
border-radius: 6px;
box-sizing: border-box;
font-size: 1em;
}
.mauticform-page-1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#mauticform_captacaodepolos_razao_social,
#mauticform_captacaodepolos_qual_estado_eou_cidade_co1,
#mauticform_captacaodepolos_atua_ou_ja_atuou_no_segme1 {
width: 100%;
}
.containerEmailNomeWhats {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
}
@media (min-width: 768px) {
#mauticform_captacaodepolos_nome_completo,
#mauticform_captacaodepolos_email,
#mauticform_captacaodepolos_whatsapp_com_ddd {
width: 32%;
}
}
.mauticform-radiogrp-label {
font-weight: normal;
}
.radio-style-group .mauticform-checkboxgrp-row {
display: inline-block !important;
vertical-align: middle;
margin-right: 25px;
}
.mauticform-checkboxgrp-row {
display: inline-block !important;
vertical-align: middle;
margin-right: 25px;
}
.radio-style-group .mauticform-checkboxgrp-label {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 0;
cursor: pointer;
line-height: 22px;
font-size: 1em;
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.radio-style-group .mauticform-checkboxgrp-label input.mauticform-checkboxgrp-checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.radio-style-group .mauticform-checkboxgrp-label:hover input ~ .mautic-checkmark {
background-color: #eee;
border-color: #aaa;
}
.radio-style-group .mauticform-checkboxgrp-label input:checked ~ .mautic-checkmark {
background-color: #fff;
border-color: #f7941d;
}
.radio-style-group .mautic-checkmark:after {
content: "";
position: absolute;
display: none;
}
.radio-style-group .mauticform-checkboxgrp-label input:checked ~ .mautic-checkmark:after {
display: block;
}
.radio-style-group .mauticform-checkboxgrp-label .mautic-checkmark:after {
top: 4px;
left: 4px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #f7941d;
border: none;
transform: none;
}
.mauticform-checkboxgrp-label {
font-weight: normal;
}
.mauticform-radiogrp-label {
font-weight: normal;
}
#mauticform_captacaodepolos_eu_concordo_com_a_politic .checkbox-label-text {
pointer-events: none;
}
#mauticform_captacaodepolos_eu_concordo_com_a_politic .checkbox-label-text a {
pointer-events: auto; cursor: pointer;
color: #f7941d; text-decoration: underline;
} #mauticform_captacaodepolos_eu_concordo_com_a_politic .checkbox-label-text a:hover {
color: #e78c0e;
}
.mauticform-button-wrapper .mauticform-button,
.mauticform-pagebreak-wrapper .mauticform-pagebreak {
display: inline-block;
margin-bottom: 0;
font-weight: 600;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 13px;
line-height: 1.3856;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#mauticform_captacaodepolos_submit {
text-align: center;
}
.mauticform-button-wrapper .mauticform-button.btn-default {
background-image: linear-gradient(to bottom, #ef7001, #f08000, #f39700, #f5ae00);
background-color: #f7941d;
border: none;
color: white;
font-weight: bold;
font-size: 1.25em;
width: 50%;
padding: 16px;
border-radius: 20px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease-in-out;
margin: 3rem 0;
}
.mauticform-button-wrapper .mauticform-button.btn-default:hover {
background-image: linear-gradient(to top, #fbc043, #e78c0e);
color: white;
border: none;
transform: scale(1.01);
}
.mauticform-button-wrapper .mauticform-button.btn-default[disabled] {
background-color: #cccccc;
border-color: #dddddd;
opacity: 0.75;
cursor: not-allowed;
}
.mauticform-pagebreak-wrapper .mauticform-button-wrapper {
display: inline;
}
#mauticform_captacaodepolos_eu_concordo_com_a_politic {
display: flex;
flex-direction: row-reverse;
}
#mauticform_captacaodepolos_submit {
width: 100%;
text-align: center;
} @media (width: 2560px) {
.background1 {
background-position: 100% 40%;
}
}   
@media (max-width: 768px) {
.background1 {
padding-top: 0rem;
padding-bottom: 0rem;
background-attachment: fixed;
background-position: 65% 100%;
}
.containerUm {
text-align: center;
padding: 0.8rem;
}
.logoUnintese {
width: 100% !important;
margin-bottom: 4rem;
margin-top: auto;
}
.containerButton a {
gap: 0.5rem;
text-wrap: wrap;
padding: 1.05rem 2rem;
font-size: 0.8rem;
}
.h1Um {
font-size: 4rem;
text-wrap: wrap;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}
.h1Dois {
font-size: 4rem;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}
.containerUm h2 {
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}
.background2 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.container2 {
margin: auto;
}
.container2 h2 {
font-size: 3.525rem;
padding: 0.8rem;
margin-bottom: 0.5rem;
}
.container2 h3 {
font-size: 1.25rem;
padding: 0.8rem;
}
.containerNegocios {
flex-direction: column;
margin-top: 2rem;
}
.containerPolo h2 {
text-wrap: wrap;
margin-top: 2rem;
padding: 0.8rem;
}
.containerPolo p {
padding: 0.8rem;
}
.background3 {
padding-top: 0rem;
padding-bottom: 3rem;
background-attachment: fixed;
}
.containerPolo {
margin-top: auto;
}
.buttonPolos {
gap: 0.5rem;
width: auto;
}
.containerVideo {
margin: 3rem 0;
}
.containerVantagens {
gap: 2rem;
margin: 0rem;
margin-top: auto;
margin-bottom: 3rem;
}
.containerVideo h2 {
font-size: 2.5rem;
}
.divVantagens {
width: auto;
padding: 0.8rem;
}
.buttonVantagens {
width: 100%;
cursor: pointer;
padding: 1rem;
margin: 0rem;
}
.background5 {
padding-bottom: auto;
}
.divButton {
margin: 0rem;
margin-top: 3rem;
}
.divTituloFormulario {
padding: 0.8rem;
}
.mauticform-button-wrapper .mauticform-button.btn-default {
width: 100% !important;
margin-left: auto !important;
}
.logoUnintese2 {
width: 100%;
margin-top: auto;
}
.containerSocialMedia {
justify-content: center;
margin-bottom: 2rem;
}
.divNegocios {
width: auto;
}
iframe {
width: 100% !important;
height: auto !important;
}
.containerButton {
flex-direction: column;
align-items: stretch;
}
}