* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  overflow-x: clip;
  width: 100%;
  background-color: var(--bg-site);
}

a {
  text-decoration: none;
}


.navbar__nav {
  list-style: none;
}

.navbar-mobile__nav {
  list-style: none;
}

.navbar-mobile__nav {
  list-style: none;
}

/* Troca de logo por tema */
.kz__logo {
  width: 220px;
  height: auto;
}

.kz__logo--light {
  display: block !important;
}

.kz__logo--dark {
  display: none !important;
}

[data-theme="dark"] .kz__logo--light {
  display: none !important;
}

[data-theme="dark"] .kz__logo--dark {
  display: block !important;
}

.footer-kz__logo--light {
  display: block;
}

.footer-kz__logo--dark {
  display: none;
}

[data-theme="dark"] .footer-kz__logo--light {
  display: none;
}

[data-theme="dark"] .footer-kz__logo--dark {
  display: block;
}

/* Troca de ícones sociais por tema */
.social-icon--light {
  display: inline-block;
}

.social-icon--dark {
  display: none;
}

[data-theme="dark"] .social-icon--light {
  display: none;
}

[data-theme="dark"] .social-icon--dark {
  display: inline-block;
}

:root {
  /* CORES TEMA LIGHT (Padrão) */
  --bg-site: #ffffff;
    --bg--cardhome: #F0EEFF;
  --navbar--normal: #0A121A;
  --navbar--hover: #1E40AF;
  --header-title: #1e40af;
  --header-text: #15253F;
  --header-text2: #15253F;
  --header-desc: #15253F;
  --btn-secondary-border: #d8d7ec;
  --text-note: #666d7a;
  --border: #1E40AF;
  --border--roxa-azul: rgba(30, 64, 175, 1);
  --border--transparente--cinza: rgba(235, 237, 255, 1);
  --purple: rgba(158, 163, 230, 1);
  --blue: #1E40AF;
  --blue-mid: #00AAFF;
  --blue-light: #9CCDFF;
  --blue-bg: rgba(30, 64, 175, 0.1);
  --blue-bg2: rgba(30, 64, 175, 0.05);
  --blue-bg3: rgba(30, 64, 175, 0.2);
  --blue-bg3: rgba(235, 237, 255, 1);
  --purple-bg: #EBEDFF;
  --green: #00FDA9;
  --dark: #15253F;
  --dark-sec: #405560;
  --grey: #6B7582;
  --grey-b: #5C6068;
  --border: #E5E7EB;
  --border-b: #EBEDFF;
  --white: #FFFFFF;
  --orange: #EE6C56;
  --link-color: #78BCFF;
  --qo-bg: #FDF8EC;
  --qo-amber: #F5B841;
  --pmi-pink: #F2789F;
  --li-cream: #FDF8EC;
  --li-row: #F8E8A4;
    --pmi-bg: #DCEBFA;
  --pmi-blue: #2D7FF0;
  --pmi-card-border: #7FB3F5;
  --pmi-blob: rgba(66, 133, 244, 0.1);
}

/* CORES TEMA DARK (Ativado pelo seu JS) */
[data-theme="dark"] {
  --bg-site: #15253F;
    --bg--cardhome: #2B3E5C;
  --navbar--normal: #FFFFFF;
  --navbar--hover: #0080FF;
  --header-title: #64B2FF;
  --header-text: #15253F;
  --header-text2: #15253F;
  --header-desc: #050505;
  --btn-secondary-border: var(--header-title);
  --text-note: #ffffff;
  --border: #1E40AF;
  --border--roxa-azul: rgba(0, 128, 255, 0.5);
  --border--transparente--cinza: rgba(76, 76, 76, 1);
  --purple: rgba(158, 163, 230, 1);
  --blue: #0080FF;
  --blue-mid: #00AAFF;
  --blue-light: #9CCDFF;
  --blue-bg: rgba(30, 64, 175, 0.1);
  --blue-bg2: rgba(30, 64, 175, 0.05);
  --blue-bg3: rgba(30, 64, 175, 0.2);
  --blue-bg4: rgba(235, 237, 255, 0.1);
  --purple-bg: rgb(22, 40, 74);
  --green: #00FDA9;
  --dark: #ffffff;
  --dark-sec: rgba(255, 255, 255, 0.5);
  --grey: rgba(255, 255, 255, 0.5);
  --grey-b: #ffffff;
  --border: #E5E7EB;
  --border-b: #EBEDFF;
  --white: #FFFFFF;
  --orange: #EE6C56;
  --link-color: #78BCFF;
  --qo-bg: #1E2A45;
  --pmi-pink: #F2789F;
  --li-cream: #1E2A45;
  --li-row: #7D7040;
    --pmi-bg: #1D3A6B;
  --pmi-blue: #4D9AFF;
  --pmi-card-border: #4D7FC4;
  --pmi-blob: rgba(120, 170, 235, 0.16);
}

/* --- GELICA FONT FAMILY --- */

/* Extra Light */
@font-face {
  font-family: 'Gelica';
  src: url('../assets/fonts/fonnts.com-Gelica-Extra-Light.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

/* Light */
@font-face {
  font-family: 'Gelica';
  src: url('../assets/fonts/fonnts.com-Gelica-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

/* Regular */
@font-face {
  font-family: 'Gelica';
  src: url('../assets/fonts/fonnts.com-Gelica-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

/* Italic (Regular) */
@font-face {
  font-family: 'Gelica';
  src: url('../assets/fonts/fonnts.com-Gelica-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

/* Medium */
@font-face {
  font-family: 'Gelica';
  src: url('../assets/fonts/fonnts.com-Gelica-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

/* Semi Bold */
@font-face {
  font-family: 'Gelica';
  src: url('../assets/fonts/fonnts.com-Gelica-Semi-Bold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

/* Bold */
@font-face {
  font-family: 'Gelica';
  src: url('../assets/fonts/fonnts.com-Gelica-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* Black */
@font-face {
  font-family: 'Gelica';
  src: url('../assets/fonts/fonnts.com-Gelica-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

.azul-escuro {
  color: var(--blue);
}

/* placeholder de imagem */
.img-ph {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(30, 64, 175, .45);
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  padding: 12px;
}

h1,
h2 {
  font-family: "Gelica", serif;
  font-weight: 600;
}

h3,
h4,
h5,
h6 {
  font-family: "Gelica", serif;
  font-weight: 400;
}

body {
  font-family: "Inter", sans-serif;
}

.text-bold {
  font-weight: 600;
}

.text-bold-blue-light {
  font-weight: 600;
  color: var(--blue-mid);
}

/* ══════════════════════════════════════════════════════
   HERO — HOME
══════════════════════════════════════════════════════ */
.hero-home {
  --hh-violet: #8C82FC;   /* violeta do botão/título — confirmar com o Figma */
  background: var(--bg-site);
  padding: 0 24px 60px;
}

/* foto full-bleed */
.hero-home__photo {
  max-width: 1340px;
  margin: 0 auto;
  height: 560px;
  border-radius: 0 0 24px 24px;
  overflow: hidden;
}

.hero-home__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  display: block;
}

/* card lavanda sobrepondo a foto */
.hero-home__card {
  position: relative;
  z-index: 2;
  max-width: 1100px;
  margin: -120px auto 0;
  background: var(--bg--cardhome);
  border-radius: 24px;
  padding: 56px 48px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  text-align: center;
}

.hero-home__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  color: var(--dark);
}

.hero-home__eyebrow strong {
  font-weight: 700;
}

.hero-home__dot {
  width: 7px;
  height: 7px;
  background: var(--green);
  border-radius: 50%;
  flex-shrink: 0;
}

.hero-home__title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 52px;
  line-height: 1.15;
  color: var(--dark);
  font-weight: 400;
  letter-spacing: -0.02em;
  max-width: 760px;
}

.hero-home__title strong {
  font-weight: 700;
  color: var(--hh-violet);
}

.hero-home__sub {
  font-size: 15px;
  line-height: 24px;
  color: var(--dark);
  opacity: .85;
  max-width: 620px;
}

.hero-home__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.hero-home__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14.5px;
  font-weight: 600;
  border-radius: 8px;
  height: 48px;
  padding: 0 24px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: transform .15s var(--var(--ease-out)-out);
}

.hero-home__btn:hover {
  transform: translateY(-1px);
}

.hero-home__btn--primary {
  background: var(--hh-violet);
  color: #fff;
}

.hero-home__btn--secondary {
  color: var(--dark);
  border: 1px solid var(--btn-secondary-border);
}

/* checks */
.hero-home__checks {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 13px;
  color: var(--grey-b);
  font-weight: 500;
}

.hero-home__check {
  display: flex;
  align-items: center;
  gap: 5px;
}

.hero-home__check-icon {
  width: 16px;
  height: 16px;
}

.hero-home__check-icon img {
  width: 100%;
}

.hero-home__sep {
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.hero-home__sep--blue { background: var(--blue-mid); }
.hero-home__sep--amber { background: #F2C94C; }
.hero-home__sep--pink { background: #F48FB1; }

/* stores */
.hero-home__stores-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--dark);
}

.hero-home__stores-badges {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.hero-home__store img {
  height: 40px;
  width: auto;
}

.hero-home__store-img--dark { display: none; }
[data-theme="dark"] .hero-home__store-img--light { display: none; }
[data-theme="dark"] .hero-home__store-img--dark { display: block; }

/* dots */
.hero-home__timeline {
  display: flex;
  justify-content: center;
  gap: 56px;
  width: 100%;
  position: absolute;
  bottom: -6px;
}

.hero-home__tl-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}

.hero-home__tl-dot--1 { background: #8C82FC; }
.hero-home__tl-dot--2 { background: #4AA3E5; }
.hero-home__tl-dot--3 { background: #16B8A6; }
.hero-home__tl-dot--4 { background: #F2C94C; }
.hero-home__tl-dot--5 { background: #F5A24B; }
.hero-home__tl-dot--6 { background: #F4736E; }
.hero-home__tl-dot--7 { background: #EF5B5B; }
.hero-home__tl-dot--8 { background: #FBD5DF; }

/* ── MOBILE ── */
@media (max-width: 900px) {
  .hero-home {
    padding: 0 0 40px;
  }

  .hero-home__photo {
    height: 340px;
    border-radius: 0;
  }

  /* card cobre a foto de baixo pra cima, largura total */
  .hero-home__card {
    margin: -48px 0 0;
    max-width: 100%;
    border-radius: 24px 24px 0 0;
    padding: 40px 22px 32px;
    gap: 20px;
  }

  .hero-home__title {
    font-size: 34px;
  }

  .hero-home__title strong {
    display: block;          /* "Nunca mais" numa linha própria, como no print */
  }

  .hero-home__actions {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .hero-home__btn--primary {
    width: 100%;
    max-width: 320px;
  }

  /* checks somem no mobile (conforme print) */
  .hero-home__checks {
    display: none;
  }

  .hero-home__timeline {
    gap: 22px;
    padding-top: 8px;
  }
}

/* ══════════════════════════════════════════════════════
   BARRA DE CONFIANÇA
══════════════════════════════════════════════════════ */
.trustbar {
  background: var(--bg-site);
  padding: 28px 24px;
}

.trustbar__container {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.trustbar__logos {
  display: flex;
  align-items: center;
  gap: 20px;
}

.trustbar__logo {
  width: 64px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.trustbar__logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.trustbar__item {
  font-size: 13.5px;
  color: var(--grey-b);
}

.trustbar__sep {
  width: 1px;
  height: 26px;
  background: var(--btn-secondary-border);
}

/* ══════════════════════════════════════════════════════
   DOR / 2H DA MANHÃ
══════════════════════════════════════════════════════ */
.dor {
  --dr-violet: #8C82FC;
  background: var(--bg-site);
  padding: 72px 40px;
}

.dor__container {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 80px;
}

.dor__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.dor__title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--dark);
  margin-bottom: 10px;
  max-width: 350px;
}

.dor__title em {
  font-style: normal;
  color: var(--dr-violet);
}

.dor__title strong {
  font-weight: 700;
}

.dor__text {
  font-size: 14.5px;
  line-height: 23px;
  color: var(--dark);
  opacity: .85;
}

.dor__text--italic {
  font-style: italic;
}

/* mockup do WhatsApp + mascote */
.dor__media {
  flex: 0 0 440px;
  position: relative;
  padding-top: 70px;          /* espaço pro mascote acima do mockup */
}

.dor__whats {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  box-shadow: 0 18px 44px rgba(20, 30, 60, 0.14);
}

.dor__whats--dark {
  display: none;
}

[data-theme="dark"] .dor__whats--light {
  display: none;
}

[data-theme="dark"] .dor__whats--dark {
  display: block;
}

.dor__mascote {
  position: absolute;
  top: 50px;
  left: -240px;
  width: 210px;
  z-index: 2;
  pointer-events: none;
}

/* ── MOBILE ── */
@media (max-width: 900px) {
  .trustbar {
    padding: 20px 16px 8px;
  }

  /* itens empilhados com linha entre eles, como no print */
  .trustbar__container {
    flex-direction: column;
    gap: 0;
  }

  .trustbar__logos {
    gap: 14px;
    padding-bottom: 12px;
  }

.trustbar__logo {
    width: 76px;
    height: 28px;
  }

  .trustbar__item {
    width: 100%;
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid var(--btn-secondary-border);
    font-size: 12.5px;
  }

  .trustbar__sep {
    display: none;
  }

  .dor {
    padding: 40px 20px 56px;
  }

  .dor__container {
    flex-direction: column;
    gap: 0;
  }

  .dor__title {
    text-align: center;
    font-size: 26px;
  }

  .dor__text {
    text-align: center;
  }

  .dor__media {
    flex: none;
    width: 100%;
    max-width: 420px;
    margin: 26px auto 0;
    padding-top: 90px;
  }

  .dor__mascote {
    left: 50%;
    transform: translateX(-72%);
    width: 120px;
    top: -20px;
  }
}

/* ══════════════════════════════════════════════════════
   COMO FUNCIONA (3 PASSOS)
══════════════════════════════════════════════════════ */
.passos {
  --ps-violet: #8C82FC;
  --ps-pink: #F58A8A;
  background: var(--bg-site);
  padding: 72px 40px 80px;
}

.passos__container {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.passos__title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 38px;
  line-height: 1.25;
  font-weight: 400;
  color: var(--dark);
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}

.passos__title em {
  font-style: normal;
  font-weight: 700;
  color: var(--ps-pink);
}

.passos__sub {
  font-size: 14.5px;
  line-height: 22px;
  color: var(--dark);
  opacity: .85;
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
}

.passos__grid {
  display: flex;
  gap: 24px;
  align-items: stretch;
  margin-top: 28px;

}

.passos__card {
  flex: 1;
  border: 1px solid var(--btn-secondary-border);
  border-radius: 14px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: var(--blue-bg2);
  text-align: left;
}

.passos__card-icon {
  width: 36px;
  height: auto;
  flex-shrink: 0;
}

.passos__card-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.passos__card-divider {
  width: 100%;
  border-top: 1px dotted var(--btn-secondary-border);
  margin: 16px 0;
}

.passos__card-title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 19px;
  line-height: 25px;
  font-weight: 700;
  color: var(--ps-violet);
  margin: 0 0 10px;
}

.passos__card-text {
  font-size: 14px;
  line-height: 21px;
  color: var(--dark);
  opacity: .85;
  margin: 0;
}

.passos__cta {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.passos__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 26px;
  border-radius: 8px;
  background: var(--ps-violet);
  color: #fff;
  font-size: 14.5px;
  font-weight: 600;
  white-space: nowrap;
  transition: transform .15s var(--var(--ease-out)-out);
}

.passos__btn:hover {
  transform: translateY(-1px);
}

/* ── MOBILE: carrossel ── */
@media (max-width: 900px) {
  .passos {
    padding: 48px 20px 56px;
  }

  .passos__title {
    font-size: 28px;
  }

  .passos__grid {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    margin: 20px -20px 0;
    padding: 4px 20px 12px 32px;   /* ← 32px à esquerda: 12px de respiro visível */
    scrollbar-width: none;
  }

  .passos__grid::-webkit-scrollbar {
    display: none;
  }

.passos__grid {
    scroll-padding-left: 32px;
  }

  .passos__card {
    flex: 0 0 72%;
    min-width: 82%;
    scroll-snap-align: start;
  }

  .passos__cta {
    margin-top: 16px;
  }

  .passos__btn {
    width: 100%;
    max-width: 340px;
  }
}

/* ══════════════════════════════════════════════════════
   PMI
══════════════════════════════════════════════════════ */
.pmi {
  position: relative;
  background: var(--pmi-bg);
  padding: 88px 40px 96px;
}

/* blobs decorativos */
.pmi__blob {
  position: absolute;
  border-radius: 50%;
  background: var(--pmi-blob);
  pointer-events: none;
}

.pmi__blob--1 {
  width: 380px;
  height: 380px;
  right: -80px;
  top: -110px;
}

.pmi__blob--2 {
  width: 240px;
  height: 240px;
  left: -70px;
  bottom: -20px;
}

.pmi__blob--3 {
  width: 110px;
  height: 110px;
  left: -40px;
  top: 220px;
}

.pmi__container {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pmi__title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--pmi-blue);
}

.pmi__sub {
  font-size: 13.5px;
  line-height: 20px;
  color: var(--dark);
  opacity: .9;
  max-width: 660px;
}

/* citação com barra lateral */
.pmi__quote {
  display: flex;
  align-items: center;
  border-left: 4px solid var(--pmi-blue);
  border-radius: 2px;
  padding: 10px 0 10px 20px;
  margin: 22px 0 26px;
  font-size: 14.5px;
  line-height: 23px;
  font-style: italic;
  color: var(--dark);
  max-width: 620px;
}

.pmi__grid {
  display: flex;
  gap: 22px;
  align-items: stretch;
}

.pmi__card {
  flex: 1;
  border: 1px solid var(--pmi-card-border);
  border-radius: 10px;
  padding: 22px 22px 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pmi__card-eyebrow {
  font-size: 13px;
  color: var(--grey);
}

.pmi__card-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--dark);
}

.pmi__card-text {
  font-size: 13.5px;
  line-height: 20px;
  color: var(--dark);
  opacity: .9;
}

/* ── MOBILE: carrossel ── */
@media (max-width: 900px) {
  .pmi {
    padding: 56px 20px 64px;
  }

  .pmi__title {
    font-size: 27px;
  }

  .pmi__quote {
    margin: 16px 0 18px;
  }

  .pmi__grid {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 32px;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    margin: 0 -20px;
    padding: 4px 20px 12px 32px;
    scrollbar-width: none;
  }

  .pmi__grid::-webkit-scrollbar {
    display: none;
  }

  .pmi__card {
    flex: 0 0 72%;
    min-width: 72%;
    scroll-snap-align: start;
    background: var(--pmi-bg);
  }
}

/* ══════════════════════════════════════════════════════
   CINCO MOTORES (carrossel)
══════════════════════════════════════════════════════ */
.motores-home {
  --mh-violet: #8C82FC;
  background: var(--bg-site);
  padding: 72px 0 80px;
}

.motores-home__container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 40px;
}

.motores-home__title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 34px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--mh-violet);
  text-align: center;
  max-width: 640px;
  margin: 0 auto 12px;
}

.motores-home__sub {
  font-size: 14px;
  line-height: 21px;
  color: var(--dark);
  opacity: .85;
  text-align: center;
  margin-bottom: 32px;
}

/* trilho rolável */
.motores-home__scroll {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* alinha o primeiro card com o container de 1100px */
  padding-left: max(40px, calc((100% - 1100px) / 2 + 40px));
  padding-right: 40px;
  scroll-padding-left: max(40px, calc((100% - 1100px) / 2 + 40px));
}

.motores-home__scroll::-webkit-scrollbar {
  display: none;
}

.motores-home__track {
  display: flex;
  gap: 22px;
  padding: 4px 0 14px;
  width: max-content;       /* o trilho cresce além da tela e rola */
}

.motores-home__card {
  flex: 0 0 470px;
  scroll-snap-align: start;
  border: 1px solid var(--btn-secondary-border);
  border-radius: 14px;
  background: var(--blue-bg2);
  padding: 26px 26px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.motores-home__icon {
  width: 56px;
  height: 56px;
  margin-bottom: 18px;
}

.motores-home__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.motores-home__head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 12px;
}

.motores-home__num {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--dark);
}

.motores-home__name {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 22px;
  font-weight: 400;
  color: var(--purple);
}

.motores-home__text {
  font-size: 13.5px;
  line-height: 20px;
  color: var(--dark);
  opacity: .85;
}

.motores-home__link {
  display: inline-flex;
  align-items: center;
  margin-top: 24px;
  font-size: 14px;
  font-weight: 700;
  color: var(--mh-violet);
}

.motores-home__link:hover {
  opacity: .8;
}

.motores-home__scroll {
  cursor: grab;
  user-select: none;
}

.motores-home__scroll.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;     /* solta o snap durante o arraste */
  scroll-behavior: auto;
}

.motores-home__card {
  -webkit-user-drag: none;
}

.motores-home__card img {
  -webkit-user-drag: none;
  user-select: none;
}

/* ── MOBILE ── */
@media (max-width: 900px) {
  .motores-home {
    padding: 48px 0 56px;
  }

  .motores-home__container {
    padding: 0 20px;
  }

  .motores-home__title {
    font-size: 26px;
  }

  .motores-home__track::before {
    flex: 0 0 32px;           /* respiro à esquerda (12px visíveis do padrão) */
  }

  .motores-home__track::after {
    flex: 0 0 20px;
  }

.motores-home__scroll {
    padding-left: 32px;
    padding-right: 20px;
    scroll-padding-left: 32px;
  }

.motores-home__card {
    flex: 0 0 48vw;
    min-width: 0;
    max-width: 48vw;
    padding: 24px 20px 26px;
  }
}

/* ══════════════════════════════════════════════════════
   DEPOIMENTOS
══════════════════════════════════════════════════════ */
.depoimentos {
  --dp-violet: #8C82FC;
  --dp-yellow: #F7D154;
  background: var(--bg-site);
  padding: 72px 40px 80px;
}

.depoimentos__container {
  max-width: 1160px;
  margin: 0 auto;
}

.depoimentos__title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--dp-violet);
  text-align: center;
  margin-bottom: 44px;
}

.depoimentos__title--mobile {
  display: none;
}

.depoimentos__grid {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.depoimentos__card {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.depoimentos__top {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.depoimentos__avatar {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.depoimentos__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.depoimentos__meta {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 4px;
}

.depoimentos__stars {
  display: flex;
  gap: 6px;
}

.depoimentos__stars img {
  width: auto;
  height: 15px;
}

.depoimentos__badge {
  background: var(--purple-bg);
  border-radius: 8px;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.depoimentos__name {
  font-size: 13px;
  font-weight: 700;
  color: #E8A33D;
}

.depoimentos__info {
  font-size: 13px;
  color: var(--dp-violet);
}

.depoimentos__quote {
  font-size: 13.5px;
  line-height: 21px;
  color: var(--dark);
  opacity: .8;
}

/* ── faixa de estatísticas ── */
.depoimentos__stats {
  background: linear-gradient(100deg, #4D9AE8 0%, #8C82FC 100%);
  border-radius: 22px;
  margin-top: 48px;
  padding: 56px 40px;
  display: flex;
  justify-content: center;
  gap: 120px;
}

.depoimentos__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.depoimentos__stat-num {
  font-size: 38px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}

.depoimentos__stat-label {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.75);
}

/* ── botão ── */
.depoimentos__cta {
  display: flex;
  justify-content: center;
  margin-top: 36px;
}

.depoimentos__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 28px;
  border-radius: 10px;
  background: var(--dp-yellow);
  color: #23253A;
  font-size: 14.5px;
  font-weight: 700;
  transition: transform .15s var(--var(--ease-out)-out);
}

.depoimentos__btn:hover {
  transform: translateY(-1px);
}

/* ── MOBILE ── */
@media (max-width: 900px) {
  .depoimentos {
    padding: 48px 20px 56px;
  }

  .depoimentos__title--desktop {
    display: none;
  }

  .depoimentos__title--mobile {
    display: block;
    font-size: 26px;
    margin-bottom: 30px;
  }

  .depoimentos__grid {
    flex-direction: column;
    gap: 36px;
  }

  /* avatar e estrelas centralizados, badge largura total */
  .depoimentos__top {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }

  .depoimentos__avatar {
    width: 110px;
    height: 110px;
  }

  .depoimentos__meta {
    width: 100%;
    align-items: center;
    padding-top: 0;
  }

  .depoimentos__stars img {
    width: 22px;
    height: 22px;
  }

  .depoimentos__badge {
    width: 100%;
  }

  /* stats: 2 em cima + 1 centralizada embaixo */
  .depoimentos__stats {
    flex-wrap: wrap;
    gap: 28px 40px;
    padding: 36px 24px;
    margin-top: 40px;
  }

  .depoimentos__btn {
    width: 100%;
    max-width: 340px;
  }
}

/* ══════════════════════════════════════════════════════
   PRODUTOS
══════════════════════════════════════════════════════ */
.produtos {
  --pr-violet: #8C82FC;
  background: var(--bg-site);
  padding: 72px 40px 80px;
}

.produtos__container {
  max-width: 1160px;
  margin: 0 auto;
}

.produtos__title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 36px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--pr-violet);
}

.produtos__sub {
  font-size: 14px;
  color: var(--dark);
  opacity: .85;
  margin: 10px 0 28px;
}

/* ── CARD GRANDE: O GUIA ── */
.produtos__guia {
  position: relative;
  background: var(--purple-bg);
  border-radius: 24px;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  min-height: 400px;
}

.produtos__guia-blob {
  position: absolute;
  border-radius: 50%;
  background: var(--pr-violet);
  opacity: .28;
  pointer-events: none;
}

.produtos__guia-blob--1 {
  width: 420px;
  height: 420px;
  left: 26%;
  top: -230px;
}

.produtos__guia-blob--2 {
  width: 300px;
  height: 300px;
  left: -110px;
  bottom: -140px;
}

.produtos__guia-content {
  position: relative;
  z-index: 2;
  flex: 1;
  padding: 48px 24px 44px 48px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 560px;
}

.produtos__guia-title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 30px;
  font-weight: 700;
  color: var(--pr-violet);
}

.produtos__guia-text {
  font-size: 14px;
  line-height: 21px;
  color: var(--dark);
  opacity: .9;
  max-width: 320px;
}

.produtos__guia-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.produtos__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 46px;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  transition: transform .15s var(--var(--ease-out)-out);
}

.produtos__btn:hover {
  transform: translateY(-1px);
}

.produtos__btn--primary {
  position: relative;
  background: var(--pr-violet);
  color: #fff;
}

.produtos__btn--primary .produtos__btn-icon {
  width: 48px;
  height: 48px;
  margin-top: -18px;
  align-self: flex-start;
}

.produtos__btn--secondary {
  background: transparent;
  color: var(--dark);
  border: 1px solid var(--btn-secondary-border);
}

.produtos__btn-icon {
  flex-shrink: 0;
}

.produtos__btn-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.produtos__btn-icon--play {
  width: 18px;
  height: 18px;
}

/* prova social */
.produtos__social {
  display: flex;
  align-items: center;
  gap: 12px;
}

.produtos__avatars {
  display: flex;
}

.produtos__avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--pr-violet);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--purple-bg);
  margin-left: -8px;
  overflow: hidden;
}

.produtos__avatar:first-child {
  margin-left: 0;
}

.produtos__avatar--img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.produtos__social-text {
  font-size: 13px;
  color: var(--dark);
  opacity: .9;
}

/* checks */
.produtos__checks {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 13px;
  color: var(--grey-b);
  font-weight: 500;
}

.produtos__check {
  display: flex;
  align-items: center;
  gap: 5px;
}

.produtos__check-icon {
  width: 16px;
  height: 16px;
}

.produtos__check-icon img {
  width: 100%;
}

.produtos__sep {
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.produtos__sep--blue { background: var(--blue-mid); }
.produtos__sep--amber { background: #F2C94C; }
.produtos__sep--pink { background: #F48FB1; }

/* mídia do Guia */
.produtos__guia-media {
  position: relative;
  z-index: 1;
  flex: 0 0 46%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.produtos__guia-photo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
  display: block;
}

/* badges flutuantes */
.produtos__floater {
  position: absolute;
  z-index: 3;
  border-radius: 10px;
  font-size: 12.5px;
  line-height: 18px;
}

.produtos__floater--badge {
  top: 46px;
  left: -40px;
  background: var(--pr-violet);
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  max-width: 220px;
}

.produtos__floater-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.produtos__floater-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.produtos__floater--chat {
  right: -8px;
  bottom: 74px;
  background: #BDB4F5;
  color: #23253A;
  padding: 14px 16px;
  max-width: 250px;
}

.produtos__floater-head {
  font-weight: 700;
  margin-bottom: 6px;
}

/* ── CARDS MENORES ── */
.produtos__grid {
  display: flex;
  gap: 24px;
  margin-top: 28px;
  align-items: stretch;
}

.produtos__card {
  flex: 1;
  display: flex;
  align-items: stretch;
  background: var(--blue-bg2);
  border-left: 4px solid var(--pr-violet);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(30, 30, 70, 0.06);
}

.produtos__card-content {
  flex: 1;
  padding: 28px 20px 28px 28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.produtos__card-icon {
  width: 42px;
  height: 42px;
}

.produtos__card-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.produtos__card-title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--dark);
}

.produtos__card-text {
  font-size: 13.5px;
  line-height: 20px;
  color: var(--dark);
  opacity: .85;
}

.produtos__card-link {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--pr-violet);
  margin-top: 6px;
}

.produtos__card-link:hover {
  opacity: .8;
}

.produtos__card-media {
  flex: 0 0 42%;
}

.produtos__card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── MOBILE ── */
@media (max-width: 900px) {
  .produtos {
    padding: 48px 20px 56px;
  }

  .produtos__title {
    font-size: 27px;
  }

  /* Guia: sem foto, blob no topo */
  .produtos__guia {
    min-height: auto;
  }

  .produtos__guia-media {
    display: none;
  }

  .produtos__guia-content {
    max-width: 100%;
    padding: 40px 22px 32px;
  }

  .produtos__guia-blob--1 {
    width: 340px;
    height: 340px;
    left: 50%;
    transform: translateX(-50%);
    top: -230px;
  }

  .produtos__guia-blob--2 {
    display: none;
  }

  .produtos__guia-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .produtos__btn {
    justify-content: center;
  }

  .produtos__checks {
    display: none;
  }

  /* cards menores empilhados, sem foto */
  .produtos__grid {
    flex-direction: column;
    gap: 20px;
  }

  .produtos__card-media {
    display: none;
  }

  .produtos__card-content {
    padding: 26px 22px;
  }
}
/* ══════════════════════════════════════════════════════
   GOVERNANÇA
══════════════════════════════════════════════════════ */
.governanca {
  --gv-blue: #4AA3E5;
  --gv-yellow: #F7D154;
  background: var(--bg-site);
  padding: 72px 40px 0;
}

.governanca__container {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  gap: 72px;
  align-items: flex-start;
}

.governanca__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.governanca__title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--dark);
  margin-bottom: 6px;
}

.governanca__title em {
  font-style: normal;
  font-weight: 700;
  color: var(--gv-blue);
}

.governanca__text {
  font-size: 14px;
  line-height: 22px;
  color: var(--dark);
  opacity: .85;
}

.governanca__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  height: 50px;
  padding: 0 24px;
  border-radius: 10px;
  background: var(--gv-yellow);
  color: #23253A;
  font-size: 14px;
  font-weight: 700;
  margin-top: 24px;
  transition: transform .15s var(--var(--ease-out)-out);
}

.governanca__btn:hover {
  transform: translateY(-1px);
}

/* grid 2x2 com barras coloridas */
.governanca__grid {
  flex: 0 0 56%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.governanca__card {
  position: relative;
  background: var(--blue-bg2);
  border: 1px solid var(--btn-secondary-border);
  border-radius: 0 0 10px 10px;
  padding: 22px 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.governanca__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 999px;
}

.governanca__card--red::before { background: #F4736E; }
.governanca__card--blue::before { background: #4AA3E5; }
.governanca__card--green::before { background: #16B8A6; }
.governanca__card--amber::before { background: #F2C94C; }

.governanca__card-icon {
  width: 24px;
  height: 24px;
}

.governanca__card-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.governanca__card-title {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--dark);
}

.governanca__card-text {
  font-size: 13px;
  line-height: 19px;
  color: var(--dark);
  opacity: .8;
}

/* ══════════════════════════════════════════════════════
   CTA FINAL — HOME
══════════════════════════════════════════════════════ */
.cta-home {
  --ch-violet: #8C82FC;
  background: var(--bg-site);
  padding: 0 24px 40px;
}

.cta-home__stage {
  max-width: 1240px;
  margin: 0 auto;
}

/* foto da família — entra por cima do container */
.cta-home__family {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;        /* só cola na borda (o -1 evita fresta de subpixel) */
  pointer-events: none;
}

.cta-home__family img {
  width: min(1060px, 90%);
  height: auto;
  display: block;
}

.cta-home__container {
  position: relative;
  background: var(--purple-bg);
  border-radius: 24px;
  overflow: hidden;
}

.cta-home__blob {
  position: absolute;
  border-radius: 50%;
  background: var(--ch-violet);
  opacity: .45;
  pointer-events: none;
}

.cta-home__blob--1 {
  width: 260px;
  height: 260px;
  left: -70px;
  top: -40px;
}

.cta-home__blob--2 {
  width: 300px;
  height: 300px;
  right: -90px;
  bottom: -110px;
}

.cta-home__blob--3 {
  width: 150px;
  height: 150px;
  left: 56%;
  bottom: -70px;
}

.cta-home__content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  padding: 56px 40px 56px;   /* topo maior por causa da família sobreposta */
}

.cta-home__title {
  font-family: "Gelica", "DM Serif Display", serif;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--ch-violet);
  max-width: 720px;
}

.cta-home__sub {
  font-size: 14px;
  line-height: 21px;
  color: var(--dark);
  opacity: .85;
  max-width: 460px;
}

.cta-home__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 50px;
  padding: 0 24px;
  border-radius: 8px;
  background: var(--ch-violet);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  margin-top: 8px;
  transition: transform .15s var(--var(--ease-out)-out);
}

.cta-home__btn:hover {
  transform: translateY(-1px);
}

.cta-home__btn-icon {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  margin-top: -20px;
  align-self: flex-start;
}

.cta-home__btn-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cta-home__links {
  display: flex;
  gap: 32px;
  margin-top: 6px;
}

.cta-home__links a {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--dark);
}

.cta-home__links a:hover {
  opacity: .75;
}

/* ── MOBILE ── */
@media (max-width: 900px) {
  .governanca {
    padding: 48px 20px 0;
  }

  .governanca__container {
    flex-direction: column;
    gap: 28px;
  }

  .governanca__btn {
    align-self: stretch;
    text-align: center;
  }

  /* cards empilhados em coluna única */
  .governanca__grid {
    flex: none;
    width: 100%;
    grid-template-columns: 1fr;
  }

  .cta-home {
    padding: 0 0 32px;
  }

  .cta-home__family {
    margin-bottom: -0px;
  }

  .cta-home__family img {
    width: 100%;
  }

  .cta-home__container {
    border-radius: 24px 24px 0 0;
  }

  .cta-home__content {
    padding: 72px 22px 40px;
  }

  .cta-home__title {
    font-size: 28px;
  }

  .cta-home__btn {
    font-size: 11px;
    padding: 0 16px;
  }

  .cta-home__links {
    gap: 24px;
  }

  .produtos__btn {
  font-size: 11.5px;
}
}