/* ==========================
   RESET E VARIÁVEIS
   ========================== */
*,
*::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;
}

/* ==========================
   SEÇÃO PRINCIPAL
   ========================== */
.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;
}

/* ==========================
   CONTAINER DE CONTEÚDO
   ========================== */
.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;
}

/* ==========================
   BOTÕES
   ========================== */
.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;
}
/* ==========================
   LOGO
   ========================== */
.logoUnintese {
  width: 55% !important;
  margin-bottom: 1.5rem;
  margin-top: 3rem;
}

/* ==========================
   SECTION 2
   ========================== */
.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;
}

/* ==========================
   SECTION 3
   ========================== */
.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);
}

/* ==========================
   SECTION 4
   ========================== */
.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;
}

/* ==========================
   SECTION 5
   ========================== */
.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%;
}

/* ==========================
   SECTION 6
   ========================== */
.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);
}




/* ==========================
   SECTION FORMULARIO
   ========================== */
.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;
}


/* ==========================
   FOOTER
   ========================== */
.containerInfo {
  margin: 3rem 0;
}

.containerInfo p {
  margin-bottom: 0rem;
  font-size: 0.9rem;
}

.logoUnintese2 {
  width: 75%;
  margin-top: 2.5rem;
}

.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);
  }
}


/* ==========================
   RESPONSIVIDADE
   ========================== */
@media (max-width: 768px) {
	.background1 {
		padding-top: 3rem;
		padding-bottom: 3rem;
		background-attachment: local;
	}
	

	
	.logoUnintese {
		width: 100% !important;
		margin-bottom: 1.5rem;
		margin-top: auto;
	}
	
	.containerButton a {
		gap: 0.3rem;
		text-wrap: wrap;
	}
	
	.h1Um {
		font-size: 4rem;
		text-wrap: wrap;
	}
	
	.h1Dois {
		font-size: 4rem;
	}
	
	.background2 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	
	.container2 {
		margin: auto;
	}
	
	.container2 h2 {
		font-size: 2.525rem;
	}
	
	.containerNegocios {
		flex-direction: column;
	}
	
	.containerPolo h2 {
		text-wrap: wrap;
		margin-top: 3rem;
	}
	
	.background3 {
		padding-top: 3rem;
		padding-bottom: 3rem;
		background-attachment: local;
	}
	
	.containerPolo {
		margin-top: auto;
	}
	
	.buttonPolos {
		gap: 0.5rem;
		width: auto;
	}
	
	.containerVantagens {
		gap: 2rem;
	}
	
	.containerVideo h2 {
		font-size: 2.5rem;
	}
	
	.divVantagens {
		width: auto;
	}
	
	.buttonVantagens {
		width: 100%;
		cursor: pointer;
		padding: 1rem;
	}
	
	.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 {
	  border: 1px solid whitesmoke;
	  border-radius: 10px;
	  padding: 1.563rem;
	  gap: 1rem;
	  display: flex;
	  flex-direction: column;
	  width: auto;
	}
	
	iframe {
		width: 100% !important;
		height: auto !important;
	}
	
  .containerButton {
    flex-direction: column;
    align-items: stretch;
  }

  .containerUm {
    text-align: center;
  }

  .containerUm img {
    margin-inline: auto;
  }
}