/* ==========================================================
   GERAL — padrões reutilizáveis do site
   ========================================================== */



:root {
  --laranja: #fc6800;
  --laranja2: #ff680d;
  --pessego: #faac5a;
  --creme: #fff0e5;
  --roxo: #6b4ec1;
  --roxo-escuro: #0a0034;
  --cinza: #2c2c2c;
  --fonte: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--fonte);
  font-size: 18px;
  line-height: 1.3;
  color: var(--cinza);
  background-color: #fcfcfc;
  overflow-x: hidden;
}

img { display: block; max-width: 100%; border: 0; }
a { color: var(--laranja); text-decoration: none; transition: .3s; }
a:hover { color: var(--pessego); }
p { margin: 0; }
h1, h2, h3, h4 { margin: 0; font-weight: 700; }
ul, ol { margin: 0; padding: 0; list-style: none; }
strong { font-weight: 600; }
button { font-family: inherit; }

::selection { background-color: var(--roxo); color: #fff; }

/* Largura padrão ------------------------------------------- */
.principal {
  width: 100%;
  max-width: 1330px;
  margin: 0 auto;
}
.principal.interna{
	padding:100px 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	color: #2c2c2c;	
}
.principal.interna.quemsomos{
	padding:100px 0 50px 0;
}
.principal.interna .subtit {
  font-size: 40px;
  line-height: 1.2;
  display: block;
  padding-bottom: 30px;
  font-weight: 700;
  color: #2c2c2c;
}


/* Eyebrow (só a cor muda por área) -------------------------- */
.eyebrow {
  display: block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  line-height: 1.2;
}

/* CTA — botão laranja padrão -------------------------------- */
.cta {
  display: inline-block;
  font-family: var(--fonte);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background-color: var(--laranja);
  border-radius: 10px;
  padding: 18px 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .3s, color .3s, transform .3s, box-shadow .3s;
}
.cta:hover {
  color: #fff;
  background-color: var(--laranja2);
  box-shadow: 0 10px 25px rgba(252, 104, 0, .35);
  transform: translateY(-2px);
}
.cta--upper { text-transform: uppercase; }

/* Botão fixo de WhatsApp ------------------------------------ */
.whatsapp-fixo {
  position: fixed;
  right: 15px;
  bottom: 35px;
  z-index: 999;
  width: 58px;
  height: 58px;
  border-radius: 10px;
  overflow: hidden;
  opacity: .9;
  transition: transform .3s, opacity .3s;
}
.whatsapp-fixo img { width: 58px; height: 58px; transition: filter .3s; }
.whatsapp-fixo:hover { opacity: 1; transform: scale(1.06); }
.whatsapp-fixo:hover img { filter: brightness(1.15); }

/* Animações: esconde o elemento até o WOW ativar ----------- */
.wow { visibility: hidden; }

/* Responsivo geral ------------------------------------------ */
@media (max-width: 1400px) {
  .principal { max-width: none; width: calc(100% - 60px); }
}
@media (max-width: 768px) {
  .principal { width: calc(100% - 40px); }
  body { font-size: 17px; }
}
@media (max-width: 480px) {
  .principal { width: calc(100% - 32px); }
  .whatsapp-fixo { right: 12px; bottom: 12px; }
}