/*
Theme Name: Demétrio Mitre
Theme URI: https://demetriomitre.com.br
Author: Equipe Demétrio Mitre
Author URI: https://demetriomitre.com.br
Description: Tema oficial v6.6 — Estrutura v5 preservada. v6.6 reescreve TODOS os detalhes de design pra match 100% com Figma (home.svg). Mudanças: padding reduzido em 20% (tema estava +20% mais alto), 7 seções novas adicionadas (História/Aquamax TV, Picolé ao Milhão dourado, Maior Fábrica, Estilo de Vida + lista numerada, banner gigante DEMÉTRIO CRIOU A PRÓPRIA, Demétrio prova viva, Você não precisa motivação com DM 3D direita), mídia com mosaico 6 vídeos + linha vertical, FAQ acordeão dourado com 1 aberto, formulário com card preto sobreposto + card amarelo, footer P.S. dourado, logo DM nas cores e proporção do Figma, favicon DM.
Version: 6.6.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: demetrio-mitre
*/

/* ================ DESIGN TOKENS ================ */
:root {
  --dm-black: #0a0a0a;
  --dm-black-2: #111111;
  --dm-black-3: #1a1a1a;
  --dm-black-4: #2a2a2a;

  /* Dourado REAL do Figma (verificado via SVG: #E6BD39 aparece 212x na home) */
  --dm-gold: #E6BD39;
  --dm-gold-2: #FABF05;
  --dm-gold-3: #FFD73C;
  --dm-gold-dark: #B8932C;
  --dm-gold-deep: #8b6914;
  --dm-gold-light: #f5d97a;

  /* Gradient dourado metálico (5 stops, ouro de verdade) */
  --dm-gradient-gold:
    linear-gradient(135deg,
      #B8932C 0%,
      #E6BD39 25%,
      #FFD73C 50%,
      #E6BD39 75%,
      #B8932C 100%);
  --dm-gradient-gold-h:
    linear-gradient(90deg,
      #B8932C 0%,
      #E6BD39 20%,
      #FFD73C 50%,
      #E6BD39 80%,
      #B8932C 100%);

  /* Glow dourado para sombras */
  --dm-glow-gold:    0 0 40px rgba(230, 189, 57, 0.35);
  --dm-glow-gold-sm: 0 0 20px rgba(230, 189, 57, 0.25);

  --dm-white: #ffffff;
  --dm-gray: #d9d9d9;
  --dm-gray-2: #888888;
  --dm-gray-3: #555555;
  /* Cores das 4 marcas — paletas completas (validadas no home.svg) */
  --dm-aquamax: #2aa4dd;
  --dm-aquamax-deep: #00458A;
  --dm-aquamax-mid: #1E427F;
  --dm-aquamax-indigo: #000C8A;
  --dm-telesonic: #02ce14;
  --dm-cotasonic: #fe6201;
  --dm-starsonic: #8d39c3;
  --dm-starsonic-deep: #4E1E85;
  /* Fontes match Figma: corpo = Inter; títulos display = Manrope (substituta da Muller Next) */
  --dm-font: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --dm-font-display: 'Manrope', 'Inter', 'Helvetica Neue', sans-serif;
  --dm-container: 1280px;
  --dm-radius-md: 16px;
  --dm-radius-lg: 28px;
  --dm-radius-xl: 36px;
  --dm-radius-pill: 999px;
}

/* ================ RESET ================ */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--dm-font);
  background: var(--dm-black);
  color: var(--dm-white);
  line-height: 1.6;
  font-size: 16px;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--dm-gold); text-decoration: none; transition: color .2s ease; }
button { font-family: inherit; cursor: pointer; }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--dm-font-display);
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 1rem;
  letter-spacing: -0.015em;
}
p { margin: 0 0 1rem; }
.gold { color: var(--dm-gold); }
.container { width: 100%; max-width: var(--dm-container); margin: 0 auto; padding: 0 1.5rem; }
.container--wide { max-width: 1480px; }
section { position: relative; padding: 3.5rem 0; }
@media (max-width: 768px) { section { padding: 2.5rem 0; } }

/* ================ HEADER FIGMA ================ */
/*
  Estrutura nova:
  - Faixa preta GRANDE (90px alto)
  - Logo DM 3D dourado isolado no canto esquerdo (dentro de "caixa preta" recortada)
  - Faixa DOURADA no topo absoluto com tagline
  - Menu textual horizontal no centro/direita
*/
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--dm-black);
  border-bottom: 1px solid rgba(230, 189, 57, 0.3);
}

/* Faixa dourada no topo - v6.5: FULL WIDTH passando atrás do logo (Figma) */
.site-header__topbar {
  background: var(--dm-gradient-gold-h);
  color: var(--dm-black);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-align: center;
  padding: 0.7rem 1rem 0.7rem 440px; /* padding-left compensa o card do logo */
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  /* Sombra interna pra reforçar o metal */
  box-shadow: inset 0 -2px 4px rgba(139, 105, 20, 0.35), inset 0 2px 4px rgba(255, 245, 200, 0.35);
}
.site-header__topbar::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.05) 100%);
  pointer-events: none;
}
.site-header__topbar > * { position: relative; z-index: 1; }
.site-header__topbar-diamond { color: var(--dm-black); margin: 0 0.4rem; font-size: 0.6rem; }

.site-header__inner {
  display: flex;
  align-items: center;
  min-height: 114px;
  position: relative;
}

/* Logo container "recortado" no canto esquerdo - v6.5: maior e mais elevado */
.site-header__logo-box {
  position: absolute;
  top: -42px;  /* Sobe para começar do topo absoluto */
  left: 0;
  width: 420px;
  height: 156px;
  background: var(--dm-black);
  border-right: 2px solid var(--dm-gold);
  border-bottom: 2px solid var(--dm-gold);
  border-radius: 0 0 var(--dm-radius-lg) 0;
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
  gap: 1rem;
  z-index: 5;
}
.site-header__logo {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
  width: 100%;
  padding-top: 42px; /* compensa o topo absoluto */
}
.site-header__logo-icon {
  width: 118px;
  height: 118px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 6px 16px rgba(230, 189, 57, 0.45));
}
.site-header__logo-icon img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.site-header__logo-text { display: flex; flex-direction: column; gap: 0.15rem; line-height: 1; }
.site-header__logo-text .name {
  font-family: var(--dm-font);
  font-size: 1.7rem;
  font-weight: 800;
  color: var(--dm-white);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.site-header__logo-text .mitre {
  font-family: var(--dm-font);
  font-size: 1.7rem;
  font-weight: 800;
  color: var(--dm-gold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
}

/* Navegação à direita */
.site-nav {
  margin-left: 440px;
  display: flex;
  align-items: center;
  flex: 1;
  padding-right: 1.5rem;
  height: 114px;
}
.site-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  flex-wrap: wrap;
}
.site-nav a {
  color: var(--dm-white);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.6rem 0.9rem;
  border-radius: var(--dm-radius-pill);
  transition: all .25s ease;
  white-space: nowrap;
  border: 1.5px solid transparent;
  text-align: center;
  line-height: 1.2;
}
.site-nav a:hover,
.site-nav .current-menu-item a,
.site-nav .current_page_item a {
  color: var(--dm-gold);
  border-color: var(--dm-gold);
}

.menu-toggle {
  display: none;
  background: transparent;
  border: 1.5px solid var(--dm-gold);
  color: var(--dm-gold);
  width: 44px;
  height: 44px;
  border-radius: 12px;
  font-size: 1.4rem;
  position: absolute;
  right: 1rem;
  top: 25px;
  z-index: 1001;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1400px) {
  .site-nav a { font-size: 0.65rem; padding: 0.5rem 0.7rem; letter-spacing: 0.06em; }
}
@media (max-width: 1100px) {
  .site-header__topbar { font-size: 0.7rem; padding: 0.55rem 0.5rem 0.55rem 380px; letter-spacing: 0.16em; }
  .site-header__logo-box { width: 360px; height: 138px; }
  .site-header__logo-icon { width: 90px; height: 90px; }
  .site-header__logo-text .name, .site-header__logo-text .mitre { font-size: 1.4rem; }
  .site-nav { margin-left: 360px; }
}
@media (max-width: 1024px) {
  .site-header__topbar { padding: 0.6rem 1rem; }
  .site-header__logo-box {
    position: relative; top: 0; width: auto; height: auto;
    border: none; border-radius: 0; padding: 1rem 1.5rem;
  }
  .site-header__logo { padding-top: 0; }
  .site-header__inner { min-height: auto; flex-direction: column; align-items: stretch; }
  .menu-toggle { display: flex; top: 70px; }
  .site-nav {
    position: fixed; top: 0; right: -100%;
    height: 100vh; width: 320px; max-width: 90vw;
    background: var(--dm-black-2);
    padding: 6rem 1.5rem 2rem;
    margin: 0;
    flex-direction: column;
    align-items: flex-start;
    transition: right .35s ease;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.7);
    overflow-y: auto;
    z-index: 1000;
  }
  .site-nav.is-open { right: 0; }
  .site-nav ul { flex-direction: column; align-items: stretch; width: 100%; gap: 0.4rem; justify-content: flex-start; }
  .site-nav a { display: block; padding: 1rem; font-size: 0.85rem; }
}

/* ================ BUTTONS ================ */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  font-family: var(--dm-font);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  border-radius: var(--dm-radius-pill);
  text-decoration: none;
  transition: all .3s ease;
  border: 1.5px solid transparent;
  cursor: pointer;
  text-align: center;
  line-height: 1.2;
}
.btn--gold {
  background: var(--dm-gold);
  color: var(--dm-black);
  border-color: var(--dm-gold);
  box-shadow: 0 0 30px rgba(230, 189, 57, 0.45);
}
.btn--gold:hover {
  background: var(--dm-gold-2);
  transform: translateY(-2px);
  box-shadow: 0 0 50px rgba(230, 189, 57, 0.7);
}
.btn--outline {
  background: transparent;
  color: var(--dm-gold);
  border-color: var(--dm-gold);
}
.btn--outline:hover {
  background: var(--dm-gold);
  color: var(--dm-black);
}
.btn--ghost {
  background: transparent;
  color: var(--dm-white);
  padding: 0.5rem 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.75rem;
}
.btn--ghost:hover { color: var(--dm-gold); }
.btn--lg { padding: 1.2rem 2.5rem; font-size: 0.85rem; }

/* ================ HERO v6.6 — compacto matching Figma ================ */
.hero {
  position: relative;
  padding: 3rem 0 1rem;  /* v6.6: reduzido drasticamente */
  overflow: hidden;
  min-height: 700px;
}
/* v6.5: glow dourado radial atrás do título (Figma match) */
.hero::before {
  content: "";
  position: absolute;
  top: 5%;
  left: -8%;
  width: 65%;
  height: 85%;
  background: radial-gradient(ellipse at 30% 40%,
    rgba(230, 189, 57, 0.28) 0%,
    rgba(230, 189, 57, 0.16) 25%,
    rgba(230, 189, 57, 0.06) 50%,
    rgba(230, 189, 57, 0) 75%);
  filter: blur(20px);
  pointer-events: none;
  z-index: 0;
}
.hero .container { position: relative; z-index: 1; }
.hero__grid {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 2rem;
  align-items: end;
}
.hero__title {
  font-size: clamp(2.8rem, 6.8vw, 8rem); /* Figma: 130px @1920 ≈ 6.77vw */
  font-weight: 800;
  line-height: 0.88;
  letter-spacing: -0.02em;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  position: relative;
}
.hero__lead {
  font-size: 1.1rem; /* Figma: ~18.8px */
  line-height: 1.5;
  color: rgba(255,255,255,0.85);
  max-width: 600px;
  margin-bottom: 2rem;
}
.hero__lead strong { color: var(--dm-white); font-weight: 700; }
.hero__cta { display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; margin-bottom: 3rem; }

/* v6.6: Hero com 3 imagens separadas — alturas matching Figma */
.hero__image {
  position: relative;
  min-height: 700px;  /* v6.6 reduzido de 820 */
  display: block;
}
.hero__ghost {
  position: absolute;
  bottom: 0;
  height: 80%;
  width: auto;
  opacity: 0.35; /* Figma: figuras a ~35% */
  filter: grayscale(100%) brightness(0.85);
  z-index: 1;
  pointer-events: none;
}
.hero__ghost--left  { left: 2%; }
.hero__ghost--right { right: 2%; transform: scaleX(-1); }
.hero__demetrio,
.hero__image img.hero__demetrio {
  position: relative;
  z-index: 2;
  max-height: 720px;  /* v6.6 reduzido de 880 */
  width: auto;
  max-width: none;
  margin: 0 auto;
  display: block;
  filter: drop-shadow(0 20px 50px rgba(0,0,0,0.7)) drop-shadow(0 0 30px rgba(230,189,57,0.18));
}
.hero__card {
  position: absolute;
  background: rgba(255,255,255,0.10); /* Figma: frosted glass branco translúcido */
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 30px;
  padding: 1.2rem 1.5rem;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  text-align: center;
  z-index: 3;
  box-shadow: 0 8px 30px rgba(0,0,0,0.45);
}
.hero__card-big {
  font-size: 2.8rem; /* Figma: ~61px @1920, escalado */
  font-weight: 800;
  color: var(--dm-gold);
  line-height: 1;
  display: block;
}
.hero__card-text {
  font-size: 0.8rem; /* Figma: ~16.7px */
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--dm-white);
  display: block;
  margin-top: 0.5rem;
  max-width: 150px;
  margin-left: auto; margin-right: auto;
  font-weight: 700;
}
/* Posições matching Figma: +20 esq-meio, 0 centro-baixo, +5 dir-meio */
.hero__card--1 { top: 28%; left: 0%; }
.hero__card--2 { bottom: 18%; left: 50%; transform: translateX(-50%); }
.hero__card--3 { top: 50%; right: -2%; }

@media (max-width: 900px) {
  .hero__grid { grid-template-columns: 1fr; gap: 1rem; }
  .hero__image { order: -1; min-height: 380px; }
  .hero__demetrio,
  .hero__image img.hero__demetrio { max-height: 380px; }
  .hero__card { display: none; }
  .hero__ghost { display: none; }
}

/* ================ FAIXA DE VALORES v6.6 ================ */
.values-strip {
  background: var(--dm-gradient-gold-h);
  padding: 1.1rem 0;
  position: relative;
  z-index: 5;
  box-shadow: inset 0 -2px 4px rgba(139, 105, 20, 0.25), inset 0 2px 4px rgba(255, 245, 200, 0.3);
}
.values-strip__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-weight: 800;
  flex-wrap: wrap;
  text-align: center;
  color: var(--dm-black);
}
.values-strip__diamond { color: var(--dm-black); font-size: 0.55rem; opacity: 0.85; }
@media (max-width: 768px) { .values-strip__inner { gap: 0.8rem; font-size: 0.55rem; } }

/* ================ SECTION HEADINGS ================ */
.section__eyebrow {
  display: inline-block;
  font-size: 0.7rem;
  letter-spacing: 0.25em;
  color: var(--dm-gold);
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}
.section__eyebrow::before {
  content: ''; position: absolute; left: 0; top: 50%;
  width: 1.4rem; height: 1px; background: var(--dm-gold);
}
.section__title {
  font-size: clamp(2rem, 4.2vw, 3.6rem);
  font-weight: 800;
  margin-bottom: 1.5rem;
  line-height: 1.05;
}
.section__title--center { text-align: center; }
.section__lead { font-size: 1.05rem; color: rgba(255,255,255,0.85); max-width: 850px; }
.section__lead--center { text-align: center; margin-left: auto; margin-right: auto; }

/* ================ CARDS DE EMPRESAS — DOURADO ================ */
/* Cards 4 empresas: imagem única oficial do Figma + áreas clicáveis */
.companies-image-wrap {
  position: relative;
  max-width: 1280px;
  margin: 3rem auto 0;
  display: block;
}
.companies-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--dm-radius-md);
}
.companies-links {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}
.companies-links a {
  display: block;
  transition: background .2s ease;
  border-radius: var(--dm-radius-md);
}
.companies-links a:hover {
  background: rgba(255, 215, 60, 0.10);
}

.companies {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  margin-top: 3rem;
}
.company-card {
  background: var(--dm-white);
  border-radius: var(--dm-radius-lg);
  padding: 1.6rem 1rem 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border: 2px solid var(--dm-gold-dark);
  transition: all .3s ease;
  min-height: 230px;
  position: relative;
  box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}
.company-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 35px rgba(230, 189, 57, 0.4);
  border-color: var(--dm-gold);
}
.company-card__logo {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 0.5rem;
}
.company-card__logo img { max-width: 100%; max-height: 100px; width: auto; }
.company-card__cta {
  display: inline-block;
  padding: 0.65rem 1.2rem;
  border-radius: var(--dm-radius-pill);
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--dm-white);
  text-decoration: none;
  margin-top: 0.5rem;
  background: var(--dm-gradient-gold);
  border: 0;
  transition: all .2s ease;
}
.company-card__cta:hover {
  filter: brightness(1.08);
  color: var(--dm-white);
}

/* Variações por marca (cor própria) */
.company-card--aquamax    { border-color: var(--dm-aquamax); }
.company-card--aquamax:hover    { box-shadow: 0 0 35px rgba(42,164,221,0.5); border-color: var(--dm-aquamax); }
.company-card--aquamax .company-card__cta    { background: var(--dm-aquamax); }

.company-card--telesonic  { border-color: var(--dm-telesonic); }
.company-card--telesonic:hover  { box-shadow: 0 0 35px rgba(2,206,20,0.5); border-color: var(--dm-telesonic); }
.company-card--telesonic .company-card__cta  { background: var(--dm-telesonic); }

.company-card--cotasonic  { border-color: var(--dm-cotasonic); }
.company-card--cotasonic:hover  { box-shadow: 0 0 35px rgba(254,98,1,0.5); border-color: var(--dm-cotasonic); }
.company-card--cotasonic .company-card__cta  { background: var(--dm-cotasonic); }

.company-card--starsonic  { border-color: var(--dm-starsonic); }
.company-card--starsonic:hover  { box-shadow: 0 0 35px rgba(141,57,195,0.5); border-color: var(--dm-starsonic); }
.company-card--starsonic .company-card__cta  { background: var(--dm-starsonic); }
@media (max-width: 900px) { .companies { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .companies { grid-template-columns: 1fr; } }

/* ================ DM 3D DECORATIVO ================ */
.dm-3d-bg {
  position: absolute; pointer-events: none; z-index: 0;
  opacity: 0.95;
  width: 480px; height: 480px;
  background-image: url('/assets/images-v3/dm-3d-gold-hero.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.dm-3d-bg--right-mid { right: -100px; top: 50%; transform: translateY(-50%); }
.dm-3d-bg--right-bottom { right: -100px; bottom: -50px; }
.dm-3d-bg--left-bottom { left: -120px; bottom: 0; }
.dm-3d-bg--small { width: 280px; height: 280px; opacity: 0.5; }
.dm-3d-bg--xl { width: 900px; height: 900px; opacity: 0.85; }
.dm-3d-bg--xxl { width: 1200px; height: 1200px; opacity: 0.75; }

/* Marca d'água lateral "DEMÉTRIO DEMÉTRIO DEMÉTRIO..."
   Texto vertical contínuo cobrindo toda a altura da seção,
   com tom dourado bem suave. */
.demetrio-watermark {
  position: absolute;
  top: 0;
  left: 1.5rem;
  bottom: 0;
  height: 100%;
  width: auto;
  pointer-events: none;
  font-family: var(--dm-font);
  font-weight: 900;
  font-size: 4.5rem;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 2px rgba(230, 189, 57, 0.22);
  letter-spacing: 0.08em;
  z-index: 0;
  user-select: none;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
}
.demetrio-watermark--right {
  left: auto;
  right: 1.5rem;
  writing-mode: vertical-lr;
}
@media (max-width: 1100px) {
  .demetrio-watermark { display: none; }
}

/* ================ QUOTE BLOCK ================ */
.quote-section {
  position: relative;
  padding: 5rem 0;
  overflow: hidden;
}
.quote-block {
  position: relative;
  text-align: center;
  padding: 3rem 1rem;
  z-index: 2;
}
.quote-block::before {
  content: '"';
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 9rem;
  color: var(--dm-gold);
  font-family: Georgia, serif;
  line-height: 1;
}
.quote-block p {
  font-size: clamp(1.5rem, 3.5vw, 3rem);
  font-weight: 700;
  line-height: 1.2;
  max-width: 900px;
  margin: 0 auto 1rem;
}
.quote-block cite {
  font-style: normal;
  font-size: 1rem;
  color: var(--dm-gold);
  font-weight: 600;
}

/* ================ CARDS GERAIS ================ */
.dm-card {
  background: linear-gradient(135deg, var(--dm-black-3), var(--dm-black-2));
  border: 1px solid rgba(230, 189, 57,0.2);
  border-radius: var(--dm-radius-lg);
  padding: 2rem;
  transition: all .3s ease;
  position: relative; z-index: 1;
}
.dm-card--gold {
  background-image: url('/assets/images-v2/textura-dourada.jpg');
  background-size: cover;
  background-position: center;
  color: var(--dm-black);
  border: 2px solid var(--dm-gold-dark);
  position: relative;
}
.dm-card--gold::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(230, 189, 57,0.4), rgba(184, 147, 44,0.4));
  border-radius: inherit; pointer-events: none;
}
.dm-card--gold > * { position: relative; z-index: 1; }
.dm-card--gold h2, .dm-card--gold h3, .dm-card--gold h4 { color: var(--dm-black); }
.dm-card--gold p { color: var(--dm-black); }

/* ================ PILL TABS ================ */
.pill-tabs { display: flex; gap: 0.6rem; justify-content: center; flex-wrap: wrap; margin: 2rem auto 3rem; }
.pill-tabs a {
  display: inline-block;
  padding: 0.75rem 1.85rem;
  border-radius: var(--dm-radius-pill);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  border: 1.5px solid var(--dm-gold);
  color: var(--dm-gold);
  background: transparent;
  transition: all .3s ease;
}
.pill-tabs a:hover { background: var(--dm-gold); color: var(--dm-black); }

/* ================ FAQ ================ */
.faq-list { display: grid; gap: 0.75rem; max-width: 800px; }
.faq-item {
  background: var(--dm-black-2);
  border: 1px solid rgba(230, 189, 57,0.15);
  border-radius: var(--dm-radius-pill);
  overflow: hidden; transition: all .3s ease;
}
.faq-item__q {
  width: 100%; background: transparent; border: none;
  color: var(--dm-white); padding: 1rem 1.5rem;
  display: flex; justify-content: space-between; align-items: center;
  font-size: 0.9rem; font-weight: 600; text-align: left; cursor: pointer;
}
.faq-item__icon { font-size: 1.4rem; color: var(--dm-gold); transition: transform .3s ease; }
.faq-item__a {
  max-height: 0; overflow: hidden; padding: 0 1.5rem;
  transition: max-height .35s ease, padding .35s ease;
  color: rgba(255,255,255,0.75); font-size: 0.9rem;
}
.faq-item.is-open { border-radius: var(--dm-radius-md); border-color: var(--dm-gold); }
.faq-item.is-open .faq-item__icon { transform: rotate(45deg); }
.faq-item.is-open .faq-item__a { max-height: 500px; padding: 0 1.5rem 1.5rem; }

/* ================ CONTATO ================ */
.contact-section {
  background: var(--dm-gold);
  color: var(--dm-black);
  border-radius: var(--dm-radius-xl);
  padding: 3rem;
}
.contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 3rem; align-items: start; }
.contact-section h2 { color: var(--dm-black); font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; margin-bottom: 0.5rem; }
.contact-section p { color: var(--dm-black); font-size: 0.95rem; }
.contact-section .contact-phone { font-size: 2.2rem; font-weight: 900; color: var(--dm-black); margin-top: 1rem; }
.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
.contact-form input, .contact-form textarea {
  width: 100%; padding: 1rem 1.25rem; border: none;
  border-radius: var(--dm-radius-pill); background: var(--dm-white);
  font-family: var(--dm-font); font-size: 0.95rem; color: var(--dm-black);
}
.contact-form textarea { border-radius: var(--dm-radius-md); grid-column: 1 / -1; resize: vertical; min-height: 110px; }
.contact-form__submit { grid-column: 1 / -1; display: flex; justify-content: flex-end; }
.contact-form button {
  background: var(--dm-black); color: var(--dm-gold); border: none;
  padding: 1rem 2.5rem; border-radius: var(--dm-radius-pill);
  font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em;
  font-size: 0.85rem; cursor: pointer; transition: all .3s ease;
}
.contact-form button:hover { background: var(--dm-black-2); transform: translateY(-2px); }
@media (max-width: 900px) {
  .contact-section { padding: 2rem 1.25rem; }
  .contact-grid { grid-template-columns: 1fr; gap: 2rem; }
  .contact-form { grid-template-columns: 1fr; }
}

/* ================ MÍDIA GRID ================ */
.media-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 1rem; margin-top: 3rem; }
.media-grid__item {
  background: var(--dm-black-3); border: 1px solid rgba(230, 189, 57,0.2);
  border-radius: var(--dm-radius-md); aspect-ratio: 16/10; min-height: 150px;
  display: flex; align-items: center; justify-content: center;
  color: var(--dm-gray-3); font-size: 0.85rem; transition: all .3s ease;
}
.media-grid__item:hover { border-color: var(--dm-gold); transform: scale(1.02); }
.media-grid__item--main { grid-row: 1; grid-column: 1; aspect-ratio: auto; }
.media-grid__item--wide { grid-column: 1 / span 2; grid-row: 2; aspect-ratio: auto; }
.media-grid__item--tall { grid-row: 1 / span 2; aspect-ratio: 3/4; }
@media (max-width: 768px) {
  .media-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .media-grid__item--main, .media-grid__item--wide, .media-grid__item--tall { grid-column: auto; grid-row: auto; aspect-ratio: 16/10; }
}

/* ================ FOOTER (com logos coloridos REAIS) ================ */
.site-footer {
  background: var(--dm-black);
  padding: 2.5rem 0 1.2rem;
  border-top: 1px solid rgba(230, 189, 57,0.2);
}
.site-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}
.site-footer__logo {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  text-decoration: none;
  color: var(--dm-white);
}
.site-footer__logo img { width: 48px; height: 48px; }
.site-footer__logo-text {
  font-family: var(--dm-font);
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.site-footer__divider {
  width: 1px;
  height: 50px;
  background: rgba(230, 189, 57, 0.3);
  margin: 0 0.5rem;
}
.site-footer__brands {
  display: flex;
  gap: 1.8rem;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.brand-badge {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--dm-white);
  text-decoration: none;
  transition: opacity .2s ease;
}
.brand-badge:hover { opacity: 0.75; color: var(--dm-white); }
.brand-badge__icon {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  background: var(--dm-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.brand-badge__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.brand-badge__txt { display: flex; flex-direction: column; line-height: 1.2; }
.brand-badge__txt strong { font-weight: 700; font-size: 0.85rem; }
.brand-badge__txt span { font-size: 0.65rem; color: var(--dm-gray-2); }

.site-footer__copy {
  text-align: center;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid rgba(255,255,255,0.04);
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  color: var(--dm-gray-2);
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .site-footer__inner { justify-content: center; text-align: center; }
  .site-footer__brands { justify-content: center; gap: 1.2rem; }
  .site-footer__divider { display: none; }
}

/* ================ FOOTER IMAGEM OFICIAL ================ */
/* Usa a imagem `footer-logos-oficial.png` (7050x352, proporção ~20:1) como
   única peça visual + 5 áreas clicáveis sobrepostas (logo DM + 4 instagrams). */
.footer-image-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.footer-image {
  width: 100%;
  height: auto;
  display: block;
}
.footer-image-links {
  position: absolute;
  inset: 0;
  display: flex;
}
.footer-image-link {
  display: block;
  height: 100%;
  text-decoration: none;
  transition: background .2s ease;
}
.footer-image-link:hover {
  background: rgba(230, 189, 57, 0.08);
}
/* Distribuição horizontal (% aproximadas, ajustadas no print) */
.footer-image-link--logo      { width: 32%; }
.footer-image-link--aquamax   { width: 18%; }
.footer-image-link--telesonic { width: 20%; }
.footer-image-link--cotasonic { width: 15%; }
.footer-image-link--starsonic { width: 15%; }
@media (max-width: 768px) {
  /* No mobile a imagem fica pequena demais; áreas continuam funcionando */
  .footer-image-wrap { padding: 0 0.5rem; }
}

/* ================ DUAS ESCOLHAS ================ */
.duas-escolhas { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; margin: 4rem 0; }
@media (max-width: 768px) { .duas-escolhas { grid-template-columns: 1fr; gap: 1.5rem; } }

/* ================ ANIMAÇÕES ================ */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s ease, transform .8s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

/* ================ UTILS ================ */
.text-center { text-align: center; }
.text-gold { color: var(--dm-gold); }
.mt-1 { margin-top: 1rem; } .mt-2 { margin-top: 2rem; } .mt-3 { margin-top: 3rem; } .mt-4 { margin-top: 4rem; }
.mb-1 { margin-bottom: 1rem; } .mb-2 { margin-bottom: 2rem; } .mb-3 { margin-bottom: 3rem; } .mb-4 { margin-bottom: 4rem; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
@media (max-width: 900px) { .grid-2, .grid-3 { grid-template-columns: 1fr; } }
.hide-mobile { display: block; }
.show-mobile { display: none; }
@media (max-width: 768px) { .hide-mobile { display: none; } .show-mobile { display: block; } }
.section__content { position: relative; z-index: 2; }

/* ================================================================
   PÁGINAS INTERNAS - v4.0
   Estilos específicos das páginas de serviço e venda
   ================================================================ */

/* ===== TABS DE PÍLULAS (topo das páginas) ===== */
.page-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  padding: 3rem 1.5rem 2rem;
  max-width: var(--dm-container);
  margin: 0 auto;
}
.page-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 2rem;
  border-radius: var(--dm-radius-pill);
  border: 2px solid var(--dm-gold);
  background: transparent;
  color: var(--dm-gold);
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s ease;
  min-width: 180px;
  text-align: center;
}
.page-tab:hover {
  background: rgba(230, 189, 57,0.1);
  color: var(--dm-white);
}
.page-tab.is-active {
  background: var(--dm-gold);
  color: var(--dm-black);
  box-shadow: 0 0 30px rgba(230, 189, 57,0.4);
}
@media (max-width: 768px) {
  .page-tabs { gap: 0.6rem; padding: 2rem 1rem 1.5rem; }
  .page-tab { min-width: 140px; padding: 0.7rem 1.2rem; font-size: 0.68rem; }
}

/* ===== TABS COM 2 OPÇÕES (Apresente/Sócio) ===== */
.page-tabs--duo .page-tab { min-width: 260px; }
@media (max-width: 768px) {
  .page-tabs--duo .page-tab { min-width: 180px; }
}

/* ===== HERO DE PÁGINA INTERNA ===== */
.inner-hero {
  padding: 3rem 1.5rem 4rem;
  max-width: var(--dm-container);
  margin: 0 auto;
  position: relative;
}
.inner-hero__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 3rem;
  align-items: center;
}
@media (max-width: 900px) {
  .inner-hero__grid { grid-template-columns: 1fr; gap: 2rem; }
}
.inner-hero__title {
  font-size: clamp(2rem, 5vw, 3.4rem);
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
  margin: 0 0 1.5rem;
  letter-spacing: -0.01em;
}
.inner-hero__lead {
  font-size: 1.05rem;
  color: var(--dm-gray);
  font-weight: 500;
  line-height: 1.55;
  margin-bottom: 1.5rem;
}
.inner-hero__sub {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.inner-hero__photo {
  position: relative;
  border-radius: var(--dm-radius-lg);
  overflow: hidden;
  background: #111;
  box-shadow: 0 30px 60px rgba(0,0,0,0.5);
}
.inner-hero__photo img {
  width: 100%;
  height: auto;
  display: block;
  filter: grayscale(0.85) contrast(1.1);
}

/* ===== HERO CENTRALIZADO (apresente/sócio) ===== */
.inner-hero--center {
  text-align: center;
}
.inner-hero--center .inner-hero__title {
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  margin-bottom: 1rem;
}
.inner-hero--center .inner-hero__lead {
  max-width: 720px;
  margin: 0 auto 2rem;
}

/* ===== PÍLULAS DE BENEFÍCIOS (Apresente seu negócio) ===== */
.benefit-pills {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  max-width: 760px;
  margin: 2rem auto;
}
.benefit-pill {
  background: var(--dm-gold);
  color: var(--dm-black);
  padding: 0.95rem 1.5rem;
  border-radius: var(--dm-radius-pill);
  font-weight: 800;
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  box-shadow: 0 0 22px rgba(230, 189, 57,0.35);
}
@media (max-width: 600px) {
  .benefit-pills { grid-template-columns: 1fr; }
}

/* ===== ROTA DO LUCRO (Mentoria/Mentoria em Grupo) ===== */
.rota-lucro {
  padding: 2rem 1.5rem 4rem;
  max-width: var(--dm-container);
  margin: 0 auto;
  position: relative;
}
.rota-lucro__mountain {
  display: grid;
  grid-template-columns: 1fr 1.4fr 1fr;
  gap: 0;
  align-items: center;
  position: relative;
  min-height: 380px;
}
.rota-lucro__mountain-img {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.rota-lucro__mountain-img img {
  width: 100%;
  max-width: 520px;
  height: auto;
  display: block;
}
.rota-card {
  border: 2px solid var(--dm-gold);
  border-radius: var(--dm-radius-lg);
  padding: 1.5rem 1.75rem;
  background: rgba(0,0,0,0.55);
  box-shadow: 0 0 25px rgba(230, 189, 57,0.15);
}
.rota-card__title {
  font-size: 1rem;
  font-weight: 900;
  color: var(--dm-gold);
  letter-spacing: 0.1em;
  margin: 0 0 0.85rem;
  text-transform: uppercase;
}
.rota-card__title--right { text-align: right; }
.rota-card__text {
  font-size: 0.85rem;
  color: var(--dm-gray);
  line-height: 1.55;
  margin: 0 0 0.5rem;
}
.rota-card__text--right { text-align: right; }
.rota-card__text strong { color: var(--dm-gold); }
@media (max-width: 900px) {
  .rota-lucro__mountain { grid-template-columns: 1fr; gap: 1.5rem; }
  .rota-lucro__mountain-img { order: -1; }
  .rota-lucro__mountain-img img { max-width: 280px; }
  .rota-card__title--right, .rota-card__text--right { text-align: left; }
}
.rota-lucro__caption {
  text-align: center;
  margin: 3rem 0 1rem;
}
.rota-lucro__caption h2 {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 1rem;
}
.rota-lucro__caption h2 span { color: var(--dm-gold); }
.rota-lucro__caption p {
  font-size: 1.05rem;
  color: var(--dm-white);
  font-weight: 600;
  max-width: 720px;
  margin: 0 auto;
}
.rota-lucro__cta {
  text-align: center;
  margin-top: 2rem;
}

/* ===== BOTÕES DOURADOS ===== */
.btn-gold-pill {
  display: inline-block;
  padding: 1rem 2.5rem;
  background: var(--dm-gold);
  color: var(--dm-black);
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: var(--dm-radius-pill);
  border: 0;
  cursor: pointer;
  box-shadow: 0 0 30px rgba(230, 189, 57,0.45);
  transition: transform .2s ease, box-shadow .2s ease;
}
.btn-gold-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 45px rgba(230, 189, 57,0.7);
}
.btn-ghost-pill {
  display: inline-block;
  padding: 1rem 2.5rem;
  background: transparent;
  color: var(--dm-gold);
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: var(--dm-radius-pill);
  border: 2px solid var(--dm-gold);
  cursor: pointer;
  transition: all .2s ease;
}
.btn-ghost-pill:hover {
  background: rgba(230, 189, 57,0.1);
  color: var(--dm-white);
}

/* ===== TEXTO COM FOTO LADO A LADO ===== */
.text-photo-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 3rem;
  align-items: center;
  margin: 3rem 0;
  padding: 0 1.5rem;
  max-width: var(--dm-container);
  margin-left: auto;
  margin-right: auto;
}
.text-photo-grid--reverse {
  grid-template-columns: 1fr 1.2fr;
}
.text-photo-grid--reverse .text-photo-grid__photo { order: -1; }
@media (max-width: 900px) {
  .text-photo-grid, .text-photo-grid--reverse { grid-template-columns: 1fr; }
  .text-photo-grid--reverse .text-photo-grid__photo { order: 0; }
}
.text-photo-grid__title {
  font-size: clamp(1.6rem, 3.8vw, 2.4rem);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.1;
  margin: 0 0 1.5rem;
}
.text-photo-grid__text {
  font-size: 1rem;
  color: var(--dm-gray);
  line-height: 1.6;
  margin-bottom: 1rem;
}
.text-photo-grid__photo {
  border-radius: var(--dm-radius-lg);
  overflow: hidden;
  background: #111;
}
.text-photo-grid__photo img {
  width: 100%;
  height: auto;
  display: block;
  filter: grayscale(0.85) contrast(1.05);
}

/* ===== BLOCO DESTAQUE BORDA DOURADA ===== */
.callout-gold {
  border: 2px solid var(--dm-gold);
  border-radius: var(--dm-radius-lg);
  padding: 2rem 2.5rem;
  text-align: center;
  background: rgba(0,0,0,0.4);
  box-shadow: 0 0 30px rgba(230, 189, 57,0.2);
  margin: 3rem auto;
  max-width: 920px;
}
.callout-gold p {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
.callout-gold p .gold { color: var(--dm-gold); }

/* ===== 3 CARDS (Pra Quem É / O Problema / A Solução) ===== */
.three-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
  margin: 3rem auto;
  padding: 0 1.5rem;
  max-width: var(--dm-container);
}
@media (max-width: 900px) {
  .three-cards { grid-template-columns: 1fr; }
}
.three-card {
  background: var(--dm-black-2);
  border-radius: var(--dm-radius-lg);
  padding: 1.75rem 1.5rem;
  position: relative;
}
.three-card--gold {
  background: var(--dm-gold);
  color: var(--dm-black);
  box-shadow: 0 0 35px rgba(230, 189, 57,0.35);
}
.three-card__tag {
  display: inline-block;
  background: var(--dm-black);
  color: var(--dm-white);
  font-weight: 800;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.45rem 1.1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.three-card--gold .three-card__tag {
  background: var(--dm-black);
  color: var(--dm-white);
}
.three-card__title {
  font-size: 1.2rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 0.75rem;
  letter-spacing: -0.01em;
}
.three-card--gold .three-card__title { color: var(--dm-black); }
.three-card__text {
  font-size: 0.92rem;
  color: var(--dm-gray);
  line-height: 1.55;
  margin: 0 0 0.5rem;
}
.three-card--gold .three-card__text { color: var(--dm-black); }
.three-card__list {
  list-style: none;
  padding: 0;
  margin: 0.75rem 0;
}
.three-card__list li {
  font-size: 0.85rem;
  padding: 0.3rem 0;
  position: relative;
  padding-left: 1rem;
  color: var(--dm-gray);
}
.three-card__list li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: var(--dm-gold);
  font-weight: 800;
}
.three-card--gold .three-card__list li { color: var(--dm-black); }
.three-card--gold .three-card__list li::before { color: var(--dm-black); }
.three-card__list--bullet li::before { content: "•"; font-size: 1.2rem; line-height: 1; }
.three-card__list--check li::before { content: "✔"; }

/* ===== DEPOIS DESSA CALL (lista com divisores) ===== */
.outcome-box {
  border: 2px solid var(--dm-gold);
  border-radius: var(--dm-radius-lg);
  padding: 0;
  margin: 3rem auto 2rem;
  max-width: 920px;
  background: rgba(0,0,0,0.4);
  overflow: hidden;
  box-shadow: 0 0 30px rgba(230, 189, 57,0.2);
}
.outcome-box__header {
  background: var(--dm-gold);
  color: var(--dm-black);
  text-align: center;
  padding: 1rem 1.5rem;
  font-weight: 900;
  font-size: clamp(1.1rem, 2.4vw, 1.6rem);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.outcome-box__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.outcome-box__list li {
  padding: 1.1rem 1.5rem;
  text-align: center;
  font-size: clamp(1rem, 2vw, 1.3rem);
  font-weight: 800;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(230, 189, 57,0.5);
}
.outcome-box__list li:last-child { border-bottom: 0; }
.outcome-box__list li .gold { color: var(--dm-gold); }

/* ===== 10 MOTIVOS ===== */
.ten-motivos {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 2.5rem;
  align-items: start;
  margin: 4rem auto;
  padding: 0 1.5rem;
  max-width: var(--dm-container);
  position: relative;
}
@media (max-width: 900px) {
  .ten-motivos { grid-template-columns: 1fr; gap: 1.5rem; }
}
.ten-motivos__badge {
  position: relative;
}
.ten-motivos__badge-bg {
  background: var(--dm-gold);
  border-radius: var(--dm-radius-lg);
  padding: 2rem 1.5rem;
  text-align: center;
  box-shadow: 0 0 40px rgba(230, 189, 57,0.4);
}
.ten-motivos__badge-bg .num {
  font-size: clamp(5rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--dm-black);
  line-height: 0.85;
  margin: 0;
}
.ten-motivos__title {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 900;
  color: var(--dm-white);
  text-transform: uppercase;
  letter-spacing: -0.02em;
  margin: 0.5rem 0 0.25rem;
  line-height: 1;
}
.ten-motivos__sub {
  font-size: 1rem;
  font-weight: 700;
  color: var(--dm-white);
  margin: 0;
  line-height: 1.3;
}
.ten-motivos__watermark {
  position: absolute;
  left: -0.5rem;
  top: -2rem;
  font-size: clamp(3rem, 6vw, 5rem);
  font-weight: 900;
  letter-spacing: 0.05em;
  color: rgba(255,255,255,0.04);
  text-transform: uppercase;
  line-height: 1;
  pointer-events: none;
  z-index: 0;
}
.ten-motivos__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ten-motivos__list li {
  font-size: 0.92rem;
  color: var(--dm-gray);
  line-height: 1.5;
  padding: 0.4rem 0;
}
.ten-motivos__list li strong {
  color: var(--dm-gold);
  font-weight: 800;
}

/* ===== VALOR / PREÇO ===== */
.price-block {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 1.5rem;
  margin: 3rem auto;
  padding: 0 1.5rem;
  max-width: var(--dm-container);
  align-items: stretch;
}
@media (max-width: 900px) { .price-block { grid-template-columns: 1fr; } }
.price-block__left {
  background: var(--dm-black-2);
  border: 2px solid var(--dm-gold);
  border-radius: var(--dm-radius-lg);
  padding: 2rem 2.25rem;
  text-align: center;
}
.price-block__left h3 {
  font-size: clamp(1.1rem, 2.2vw, 1.5rem);
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 0.85rem;
  line-height: 1.25;
}
.price-block__left h3 .gold { color: var(--dm-gold); }
.price-block__left p {
  font-size: 0.82rem;
  color: var(--dm-gray-2);
  margin-top: 1rem;
  letter-spacing: 0.04em;
}
.price-card {
  background: var(--dm-gold);
  color: var(--dm-black);
  border-radius: var(--dm-radius-lg);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 0 40px rgba(230, 189, 57,0.35);
}
.price-card__label {
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
  opacity: 0.85;
}
.price-card__title {
  font-size: 1.4rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
  line-height: 1.1;
}
.price-card__value {
  font-size: clamp(2.2rem, 5vw, 3rem);
  font-weight: 900;
  margin: 0.25rem 0 1rem;
  letter-spacing: -0.02em;
}
.price-card__value .small {
  font-size: 0.85rem;
  font-weight: 600;
  vertical-align: baseline;
  letter-spacing: 0;
}
.price-card__features {
  list-style: none;
  padding: 0;
  margin: 0 0 1.25rem;
}
.price-card__features li {
  font-size: 0.88rem;
  font-weight: 600;
  padding: 0.3rem 0;
  position: relative;
  padding-left: 1.25rem;
}
.price-card__features li::before {
  content: "—";
  position: absolute;
  left: 0;
  font-weight: 800;
}
.price-card__btn {
  display: inline-block;
  background: var(--dm-black);
  color: var(--dm-white);
  text-align: center;
  padding: 0.95rem 1.5rem;
  border-radius: var(--dm-radius-pill);
  font-weight: 800;
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  transition: opacity .2s ease;
}
.price-card__btn:hover { opacity: 0.85; }

/* ===== DUAS ESCOLHAS COM FOTO ===== */
.escolhas-block {
  padding: 4rem 1.5rem 3rem;
  max-width: var(--dm-container);
  margin: 0 auto;
}
.escolhas-block__top {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 2.5rem;
  align-items: start;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .escolhas-block__top { grid-template-columns: 1fr; }
}
.escolhas-block__title {
  font-size: clamp(1.8rem, 4.5vw, 2.6rem);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
}
.escolhas-block__title .gold { color: var(--dm-gold); }
.escolhas-block__right {
  font-size: 1rem;
  color: var(--dm-gray);
  line-height: 1.55;
  border-left: 2px solid var(--dm-gold);
  padding-left: 1.5rem;
}
.escolhas-block__right .gold { color: var(--dm-gold); }
.escolhas-block__bottom {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 3rem;
  align-items: center;
}
@media (max-width: 768px) {
  .escolhas-block__bottom { grid-template-columns: 1fr; }
}
.escolhas-block__big {
  font-size: clamp(1.6rem, 3.8vw, 2.4rem);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.1;
  margin: 0 0 1.25rem;
}
.escolhas-block__big .gold { color: var(--dm-gold); }
.escolhas-block__lead {
  font-size: 1rem;
  color: var(--dm-gray);
  line-height: 1.55;
  margin: 0 0 1.5rem;
  border-top: 1px solid var(--dm-gold);
  padding-top: 1rem;
}
.escolhas-block__photo {
  border-radius: var(--dm-radius-lg);
  overflow: hidden;
}
.escolhas-block__photo img {
  width: 100%;
  height: auto;
  display: block;
  filter: grayscale(1) contrast(1.05);
}

/* ===== CITAÇÃO COM DM 3D ===== */
.citacao-dm {
  position: relative;
  padding: 3rem 1.5rem 4rem;
  max-width: var(--dm-container);
  margin: 0 auto;
  text-align: center;
}
.citacao-dm__quote-mark {
  font-family: serif;
  font-size: clamp(4rem, 8vw, 6rem);
  line-height: 0;
  color: var(--dm-gold-dark);
  position: relative;
  top: 1rem;
  margin-right: 0.5rem;
}
.citacao-dm__text {
  display: inline-block;
  font-size: clamp(1.5rem, 3.6vw, 2.4rem);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.15;
  max-width: 900px;
  vertical-align: middle;
}
.citacao-dm__text .gold { color: var(--dm-gold); }
.citacao-dm__bg {
  position: absolute;
  right: -3rem;
  top: -2rem;
  width: 380px;
  opacity: 0.25;
  pointer-events: none;
}
.citacao-dm__bg img { width: 100%; }
@media (max-width: 900px) { .citacao-dm__bg { display: none; } }

/* ===== BLOCO INVESTIMENTO COMPARATIVO (Apresente) ===== */
.invest-table {
  background: var(--dm-black-2);
  border-radius: var(--dm-radius-lg);
  padding: 2rem 2.5rem;
  margin: 3rem auto;
  max-width: 920px;
  border: 1px solid rgba(230, 189, 57,0.2);
}
.invest-table__title {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 0 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(230, 189, 57,0.4);
}
.invest-table__row {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 1rem;
  align-items: baseline;
  padding: 0.6rem 0;
}
.invest-table__row.is-header {
  border-bottom: none;
  padding-bottom: 0;
}
.invest-table__row.is-header .invest-table__col-right {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--dm-gray);
}
.invest-table__col-left {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--dm-white);
}
.invest-table__col-right {
  font-size: clamp(1.4rem, 3vw, 1.9rem);
  font-weight: 900;
  color: var(--dm-white);
  text-align: right;
}
.invest-table__col-right.is-highlight { color: var(--dm-gold); }
.invest-table__note {
  text-align: right;
  font-size: 0.78rem;
  color: var(--dm-gray-2);
  margin: 0.25rem 0 0;
}
.invest-table__footer {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(230, 189, 57,0.4);
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
.invest-table__footer .gold { color: var(--dm-gold); }

/* ===== TIMELINE / TABELA DE PROGRESSO ===== */
.timeline-box {
  background: var(--dm-black-2);
  border-radius: var(--dm-radius-lg);
  padding: 1.5rem 2rem;
  max-width: 760px;
  margin: 2.5rem auto;
}
.timeline-box__row {
  padding: 0.85rem 0;
  text-align: center;
  font-size: 1rem;
  border-bottom: 1px solid rgba(230, 189, 57,0.3);
}
.timeline-box__row:last-child { border-bottom: 0; }
.timeline-box__row strong { color: var(--dm-gold); font-weight: 700; }

/* ===== TEMAS DA PALESTRA (lista bullets dourados) ===== */
.tema-list {
  list-style: none;
  padding: 0;
  margin: 2rem auto;
  max-width: 720px;
}
.tema-list li {
  text-align: center;
  font-size: clamp(1rem, 2.2vw, 1.3rem);
  font-weight: 700;
  padding: 0.55rem 0;
  position: relative;
}
.tema-list li::before {
  content: "•";
  color: var(--dm-gold);
  font-size: 1.8rem;
  vertical-align: middle;
  line-height: 0;
  margin-right: 0.6rem;
}
.tema-list li .gold { color: var(--dm-gold); }

/* ===== BLOCO COM 2 OPÇÕES PRA-QUEM / NÃO-É-PRA-QUEM ===== */
.target-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  max-width: 1040px;
  margin: 3rem auto;
  padding: 0 1.5rem;
}
@media (max-width: 768px) { .target-grid { grid-template-columns: 1fr; } }
.target-card {
  background: var(--dm-black-2);
  border-radius: var(--dm-radius-lg);
  padding: 1.75rem 1.75rem;
}
.target-card__title {
  font-size: 1.15rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(230, 189, 57,0.6);
}
.target-card__title .gold { color: var(--dm-gold); }
.target-card__list {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
}
.target-card__list li {
  font-size: 0.9rem;
  color: var(--dm-gray);
  padding: 0.35rem 0;
  position: relative;
  padding-left: 1.2rem;
}
.target-card__list li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: var(--dm-gold);
  font-weight: 800;
}

/* ===== TÍTULO CENTRAL DE SEÇÃO ===== */
.section-h2 {
  font-size: clamp(1.8rem, 4.5vw, 2.8rem);
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.05;
  margin: 3rem auto 1.5rem;
  max-width: 1000px;
  padding: 0 1.5rem;
}
.section-h2 .gold { color: var(--dm-gold); }

/* ===== TRECHOS DE PALESTRA (videos placeholders) ===== */
.trechos-block {
  background: linear-gradient(135deg, rgba(230, 189, 57,0.08) 0%, rgba(0,0,0,0.4) 60%);
  border: 2px solid var(--dm-gold);
  border-radius: var(--dm-radius-lg);
  padding: 2.5rem 2rem;
  max-width: 1100px;
  margin: 3rem auto;
  text-align: center;
}
.trechos-block__title {
  font-size: clamp(1.6rem, 3.6vw, 2.3rem);
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
}
.trechos-block__title .gold { color: var(--dm-gold); }
.trechos-grid {
  display: grid;
  grid-template-columns: 1fr 1.8fr 1fr;
  gap: 1rem;
  margin: 2rem 0;
}
@media (max-width: 768px) { .trechos-grid { grid-template-columns: 1fr; } }
.trecho {
  background: #d0d0d0;
  border: 2px solid var(--dm-gold);
  border-radius: 12px;
  aspect-ratio: 9/16;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.trecho--wide { aspect-ratio: 16/10; }

/* ===== TAGLINE DOURADA FAIXA (entre seções) ===== */
.gold-banner {
  background: var(--dm-gold);
  color: var(--dm-black);
  padding: 0.9rem 1.5rem;
  text-align: center;
  font-size: clamp(1.2rem, 3vw, 1.9rem);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin: 0 auto;
  border-radius: var(--dm-radius-lg);
  max-width: 1100px;
  box-shadow: 0 0 35px rgba(230, 189, 57,0.35);
}
.gold-banner-stack {
  margin: 2rem auto;
  max-width: 1100px;
}
.gold-banner-stack__row {
  border: 2px solid var(--dm-gold);
  border-radius: var(--dm-radius-lg);
  margin-top: -2px;
  padding: 1.25rem 1.5rem;
  text-align: center;
  font-size: clamp(1.1rem, 2.6vw, 1.6rem);
  font-weight: 900;
  text-transform: uppercase;
}
.gold-banner-stack__row .gold { color: var(--dm-gold); }
.gold-banner-stack__row + .gold-banner-stack__row { border-top: 0; border-radius: 0 0 var(--dm-radius-lg) var(--dm-radius-lg); }
.gold-banner-stack__row:first-of-type { border-radius: var(--dm-radius-lg) var(--dm-radius-lg) 0 0; }

/* ===== LOGOS DAS EMPRESAS (página LOGOS) ===== */
.logos-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  max-width: var(--dm-container);
  margin: 3rem auto;
  padding: 0 1.5rem;
}
@media (max-width: 1000px) { .logos-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .logos-grid { grid-template-columns: 1fr; } }
.logo-card {
  background: var(--dm-white);
  border-radius: var(--dm-radius-lg);
  padding: 2rem 1.5rem;
  text-align: center;
  border: 3px solid;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 380px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.logo-card:hover { transform: translateY(-4px); }
.logo-card--aquamax { border-color: var(--dm-aquamax); box-shadow: 0 8px 30px rgba(42,164,221,0.25); }
.logo-card--telesonic { border-color: var(--dm-telesonic); box-shadow: 0 8px 30px rgba(2,206,20,0.25); }
.logo-card--cotasonic { border-color: var(--dm-cotasonic); box-shadow: 0 8px 30px rgba(254,98,1,0.25); }
.logo-card--starsonic { border-color: var(--dm-starsonic); box-shadow: 0 8px 30px rgba(141,57,195,0.25); }
.logo-card__img {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.logo-card__img img {
  max-width: 100%;
  max-height: 200px;
  height: auto;
  width: auto;
}
.logo-card__cta {
  display: inline-block;
  padding: 0.85rem 1.5rem;
  border-radius: var(--dm-radius-pill);
  color: var(--dm-white);
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: auto;
}
.logo-card__cta--aquamax { background: var(--dm-aquamax); }
.logo-card__cta--telesonic { background: var(--dm-telesonic); }
.logo-card__cta--cotasonic { background: var(--dm-cotasonic); }
.logo-card__cta--starsonic { background: var(--dm-starsonic); }

/* ===== HERO LOGOS - texto descritivo ===== */
.logos-hero {
  text-align: center;
  padding: 3rem 1.5rem 1rem;
  max-width: 900px;
  margin: 0 auto;
}
.logos-hero h1 {
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 1rem;
  line-height: 1.1;
}
.logos-hero h1 .gold { color: var(--dm-gold); }
.logos-hero p {
  font-size: 1.05rem;
  color: var(--dm-gray);
  line-height: 1.55;
}

/* ===== MENTORIA GRUPO - 2 PLANOS lado a lado ===== */
.planos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  max-width: var(--dm-container);
  margin: 3rem auto;
  padding: 0 1.5rem;
}
@media (max-width: 900px) { .planos-grid { grid-template-columns: 1fr; } }
.plano {
  border-radius: var(--dm-radius-lg);
  padding: 2rem 1.75rem;
  display: flex;
  flex-direction: column;
}
.plano--dark {
  background: var(--dm-black-2);
  border: 2px solid var(--dm-gold);
  color: var(--dm-white);
}
.plano--gold {
  background: var(--dm-gold);
  color: var(--dm-black);
  box-shadow: 0 0 40px rgba(230, 189, 57,0.4);
}
.plano__title-tag {
  text-align: center;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 1rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid currentColor;
}
.plano--dark .plano__title-tag { color: var(--dm-gold); border-bottom-color: rgba(230, 189, 57,0.5); }
.plano__name {
  font-size: 1.15rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
}
.plano__price {
  font-size: clamp(2.2rem, 4.5vw, 3rem);
  font-weight: 900;
  margin: 0 0 1rem;
}
.plano__price .small { font-size: 0.65rem; letter-spacing: 0.04em; font-weight: 600; }
.plano__sub {
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
}
.plano__features {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem;
  flex: 1;
}
.plano__features li {
  font-size: 0.9rem;
  padding: 0.32rem 0;
  position: relative;
  padding-left: 1.2rem;
  line-height: 1.45;
}
.plano__features li::before {
  content: "—";
  position: absolute;
  left: 0;
  font-weight: 800;
}
.plano__cta {
  display: inline-block;
  text-align: center;
  padding: 0.95rem 1.5rem;
  border-radius: var(--dm-radius-pill);
  font-weight: 800;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  transition: opacity .2s ease;
}
.plano--dark .plano__cta { background: var(--dm-gold); color: var(--dm-black); }
.plano--gold .plano__cta { background: var(--dm-black); color: var(--dm-white); }
.plano__cta:hover { opacity: 0.85; }
.plano__limit {
  text-align: center;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0.85rem 0 0;
  opacity: 0.7;
}

/* ===== TEXTO MENTORIA GRUPO COM BORDA DOURADA ===== */
.box-bordered {
  border: 2px solid var(--dm-gold);
  border-radius: var(--dm-radius-lg);
  padding: 1.75rem 2rem;
  margin: 2rem auto;
  max-width: 900px;
  background: rgba(0,0,0,0.4);
  text-align: center;
}
.box-bordered__title {
  font-size: 1.1rem;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--dm-gold);
  margin: 0 0 0.85rem;
}
.box-bordered p {
  font-size: 1rem;
  color: var(--dm-white);
  font-weight: 600;
  line-height: 1.55;
  margin: 0;
}
.box-bordered p .gold { color: var(--dm-gold); }

/* ===== FAIXA CTA FINAL ===== */
.final-cta {
  text-align: center;
  padding: 3rem 1.5rem;
  max-width: var(--dm-container);
  margin: 0 auto;
  position: relative;
}
.final-cta h2 {
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  font-weight: 900;
  text-transform: uppercase;
  max-width: 900px;
  margin: 0 auto 1.5rem;
  line-height: 1.15;
}
.final-cta h2 .gold { color: var(--dm-gold); }

/* ===== DECORATIVO DM 3D ESPALHADO ===== */
.dm-bg-decor {
  position: absolute;
  width: 280px;
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
}
.dm-bg-decor img { width: 100%; }
.dm-bg-decor--right { right: -3rem; top: 0; }
.dm-bg-decor--bottom-right { right: -3rem; bottom: 0; }
.dm-bg-decor--bottom-left { left: -3rem; bottom: 0; transform: scaleX(-1); }
@media (max-width: 768px) { .dm-bg-decor { display: none; } }


/* ================================================================
   FORMULÁRIO DE CONTATO (Contact Form 7 + Fallback)
   ================================================================ */
.dm-form-fallback,
.wpcf7-form {
  max-width: 720px;
  margin: 0 auto;
}
.dm-form-row {
  margin-bottom: 1.25rem;
}
.dm-form-row label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dm-gray);
  display: block;
}
.dm-input,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 0.95rem 1.15rem;
  background: var(--dm-black-2);
  border: 1px solid rgba(230, 189, 57,0.3);
  border-radius: 12px;
  color: var(--dm-white);
  font-family: var(--dm-font);
  font-size: 0.95rem;
  margin-top: 0.5rem;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.dm-input:focus,
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
  outline: 0;
  border-color: var(--dm-gold);
  box-shadow: 0 0 0 3px rgba(230, 189, 57,0.18);
}
.dm-input::placeholder,
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: var(--dm-gray-3);
}
.dm-form-submit {
  text-align: center;
  margin-top: 1.5rem;
}
.wpcf7-form .wpcf7-submit,
.dm-form-submit button {
  border: 0;
  cursor: pointer;
}
.wpcf7-response-output {
  border-radius: 8px;
  font-size: 0.9rem;
  margin-top: 1.25rem !important;
  padding: 0.85rem 1.15rem !important;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--dm-gold) !important;
  color: var(--dm-gold) !important;
}
.wpcf7-not-valid-tip {
  color: #ff6b6b !important;
  font-size: 0.78rem !important;
  margin-top: 0.35rem !important;
}


/* ===================================================================
   v6.5 — DESIGN AJUSTES FIGMA
   Adicionado no final pra sobrescrever quando necessário
   =================================================================== */

/* === [HISTORIA] Seção "Do absoluto zero" — título 2 linhas + linha dourada + foto grande + watermark === */
.historia-section {
  position: relative;
  overflow: hidden;
  padding: 3.5rem 0 3rem;
}
.historia-section::before {
  content: "";
  position: absolute;
  top: 10%;
  left: -10%;
  width: 50%;
  height: 70%;
  background: radial-gradient(ellipse at 30% 50%,
    rgba(230, 189, 57, 0.10) 0%,
    rgba(230, 189, 57, 0.04) 40%,
    rgba(230, 189, 57, 0) 75%);
  filter: blur(30px);
  pointer-events: none;
  z-index: 0;
}
.historia-section .container { position: relative; z-index: 1; max-width: 1400px; }

/* Título da seção em 2 linhas com linha dourada embaixo */
.historia-section .section__title {
  font-size: clamp(2.2rem, 3.6vw, 3.2rem);
  font-weight: 900;
  line-height: 1.18;
  text-align: center;
  letter-spacing: -0.005em;
  max-width: 100%;
  width: 100%;
  margin: 0 auto 1.5rem;
  padding: 0 1rem 1.8rem;
  position: relative;
}
.historia-section .section__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  max-width: 1300px;
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(230,189,57,0.7) 15%,
    var(--dm-gold) 50%,
    rgba(230,189,57,0.7) 85%,
    transparent 100%);
  box-shadow: 0 0 10px rgba(230,189,57,0.4);
}
.historia-section .section__lead {
  font-size: 1.1rem;
  color: rgba(255,255,255,0.92);
  font-weight: 500;
  max-width: 950px;
  text-align: center;
  margin: 1.5rem auto 0;
}

/* v6.6: Foto TV menor pra alinhar com Figma (~380px) */
.foto-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 480px;
}
.foto-wrapper__watermark {
  position: absolute;
  top: 0;
  left: -4%;
  bottom: 0;
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(230,189,57,0.45);
  z-index: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
}
.foto-wrapper__watermark span { display: block; white-space: nowrap; }
.foto-wrapper__watermark span:nth-child(1) { -webkit-text-stroke-color: rgba(230,189,57,0.45); }
.foto-wrapper__watermark span:nth-child(2) { padding-left: 0.4em; -webkit-text-stroke-color: rgba(230,189,57,0.35); }
.foto-wrapper__watermark span:nth-child(3) { padding-left: 0.8em; -webkit-text-stroke-color: rgba(230,189,57,0.25); }
.foto-wrapper__watermark span:nth-child(4) { padding-left: 1.2em; -webkit-text-stroke-color: rgba(230,189,57,0.18); }
.foto-wrapper__image {
  position: relative;
  max-width: 380px;  /* v6.6: era 600, agora 380 matching Figma */
  width: 100%;
  height: auto;
  z-index: 1;
  filter: drop-shadow(0 20px 50px rgba(0,0,0,0.55)) drop-shadow(0 0 30px rgba(230,189,57,0.10));
}

/* === [A PROVA] Card "A Prova de Que" — borda + separadores dourados + selo metálico === */
.titulo-mentalidade {
  text-align: center;
  font-size: clamp(1.7rem, 3.3vw, 2.8rem);
  font-weight: 800;
  line-height: 1.25;
  margin: 0 auto 3rem;
  max-width: 1300px;
  letter-spacing: -0.005em;
  padding: 0 1rem;
}
.titulo-mentalidade .line2 {
  display: block;
  font-size: clamp(1.5rem, 2.8vw, 2.4rem);
  font-weight: 800;
  margin-top: 0.4rem;
}

.dm-card-prova-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.dm-card-prova {
  background: var(--dm-black);
  border: 2px solid var(--dm-gold);
  border-radius: 24px;
  padding: 2.8rem 2.5rem 7rem;
  position: relative;
  box-shadow: 0 12px 40px rgba(0,0,0,0.5);
}
.dm-card-prova__title {
  color: var(--dm-gold);
  font-size: 1.25rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  padding-bottom: 1.2rem;
  margin: 0 0 1.8rem;
  position: relative;
}
.dm-card-prova__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 96%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--dm-gold) 20%, var(--dm-gold) 80%, transparent 100%);
}
.dm-card-prova__lead {
  font-size: 1.15rem;
  text-align: center;
  margin: 0 auto 2rem;
  max-width: 1100px;
  color: rgba(255,255,255,0.95);
  font-weight: 500;
  line-height: 1.55;
}
.dm-card-prova__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  padding: 1rem 0 1.5rem;
}
.dm-card-prova__grid::before {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background: linear-gradient(180deg, transparent 0%, var(--dm-gold) 30%, var(--dm-gold) 70%, transparent 100%);
}
.dm-card-prova__col {
  text-align: center;
  padding: 0 2.5rem;
  font-size: 1rem;
  line-height: 1.7;
}
.dm-card-prova__col-line { display: block; }

/* Selo metálico dourado dentro do card, no rodapé */
.dm-selo-mestre {
  position: absolute;
  left: 50%;
  bottom: 1.6rem;
  transform: translateX(-50%);
  background-image: url('/assets/images-v2/textura-dourada.jpg');
  background-size: cover;
  background-position: center;
  padding: 1.1rem 3.5rem;
  border-radius: var(--dm-radius-pill);
  z-index: 5;
  box-shadow: 0 6px 22px rgba(0,0,0,0.6), 0 0 25px rgba(230,189,57,0.3);
  border: 2px solid #FFD73C;
  min-width: 580px;
  max-width: 92%;
  text-align: center;
}
.dm-selo-mestre::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,245,200,0.45) 0%, rgba(230,189,57,0.08) 40%, rgba(184,147,44,0.55) 100%);
  border-radius: inherit; pointer-events: none;
}
.dm-selo-mestre__top, .dm-selo-mestre__main {
  position: relative; z-index: 1; color: var(--dm-black); text-align: center; display: block;
}
.dm-selo-mestre__top { font-size: 0.85rem; font-weight: 700; margin-bottom: 0.15rem; }
.dm-selo-mestre__main { font-size: 1.35rem; font-weight: 800; text-shadow: 0 1px 0 rgba(255,245,200,0.4); }

/* === [CITAÇÃO] DM 3D gigante + aspas douradas + glow degradê === */
.secao-citacao {
  position: relative;
  overflow: hidden;
  padding: 2.5rem 0 4rem;
}
.dm-3d-gigante {
  position: absolute;
  right: -8%;
  top: 18%;
  width: 750px;
  max-width: 60%;
  height: auto;
  z-index: 1;
  pointer-events: none;
  opacity: 0.6;
  filter: drop-shadow(0 30px 60px rgba(0,0,0,0.6));
}
.secao-citacao .container { position: relative; z-index: 2; }

.quote-bloco {
  margin-top: 3rem;
  padding: 0 1.5rem;
  position: relative;
}
.quote-glow {
  position: absolute;
  left: -5%;
  top: -10%;
  width: 70%;
  height: 130%;
  background: radial-gradient(ellipse at 30% 50%,
    rgba(230,189,57,0.18) 0%,
    rgba(230,189,57,0.08) 35%,
    rgba(230,189,57,0) 70%);
  filter: blur(25px);
  pointer-events: none;
  z-index: 0;
}
.quote-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  padding-left: 6rem;
  padding-top: 1rem;
}
.quote-aspas {
  position: absolute;
  left: 0;
  top: -1rem;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 9rem;
  font-weight: 700;
  color: var(--dm-gold);
  line-height: 0.7;
  text-shadow: 0 0 30px rgba(230,189,57,0.4);
}
.quote-frase {
  font-size: clamp(1.7rem, 2.8vw, 2.6rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--dm-white);
  margin: 0;
  letter-spacing: -0.01em;
}
.quote-frase .gold { color: var(--dm-gold); }
.quote-autor {
  display: block;
  font-size: 1.5rem;
  margin-top: 1rem;
  color: var(--dm-white);
  font-weight: 500;
  font-style: normal;
}

/* === Responsive v6.5 === */
@media (max-width: 1100px) {
  .foto-wrapper__watermark { font-size: 3.5rem; left: -5%; }
  .dm-3d-gigante { width: 700px; right: -15%; opacity: 0.4; }
  .quote-content { padding-left: 4rem; }
  .quote-aspas { font-size: 7rem; }
}
@media (max-width: 768px) {
  .historia-section { padding: 3rem 0; }
  .foto-wrapper { min-height: auto; }
  .foto-wrapper__watermark { display: none; }
  .foto-wrapper__image { max-width: 100%; }
  .dm-card-prova { padding: 2rem 1.2rem 9rem; }
  .dm-card-prova__grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .dm-card-prova__grid::before { display: none; }
  .dm-card-prova__col { padding: 0; }
  .dm-selo-mestre { min-width: auto; width: 92%; padding: 1rem 1.5rem; }
  .dm-selo-mestre__main { font-size: 1.05rem; }
  .dm-selo-mestre__top { font-size: 0.72rem; }
  .dm-3d-gigante { display: none; }
  .secao-citacao { padding: 2rem 0 3rem; }
  .quote-bloco { margin-top: 3rem; }
  .quote-content { padding-left: 3rem; }
  .quote-aspas { font-size: 5rem; top: -0.5rem; }
}

/* ===================================================================
   v6.6 — SEÇÕES NOVAS (faltavam no v6.5 vs Figma)
   =================================================================== */

/* === [A HISTÓRIA DE DEMÉTRIO MITRE / AQUAMAX TV] === */
.secao-aquamax-tv {
  position: relative;
  padding: 3rem 0;
  overflow: hidden;
}
.secao-aquamax-tv__grid {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 3rem;
  align-items: center;
  max-width: 1080px;
  margin: 0 auto;
}
.secao-aquamax-tv__img {
  width: 100%;
  max-width: 380px;
  height: auto;
  border-radius: var(--dm-radius-lg);
  box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 0 24px rgba(42,164,221,0.12);
  display: block;
}
.secao-aquamax-tv__content {
  text-align: center;
}
.secao-aquamax-tv__title {
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  font-weight: 800;
  margin: 0 0 0.4rem;
  color: var(--dm-white);
  line-height: 1.15;
  letter-spacing: -0.005em;
}
.secao-aquamax-tv__title .gold { color: var(--dm-gold); }
.secao-aquamax-tv__sub {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--dm-white);
  margin: 0 0 1.2rem;
  position: relative;
  padding-bottom: 1.2rem;
}
.secao-aquamax-tv__sub::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 8%;
  right: 8%;
  height: 1.5px;
  background: linear-gradient(90deg, transparent, var(--dm-gold) 50%, transparent);
  box-shadow: 0 0 8px rgba(230,189,57,0.4);
}
.secao-aquamax-tv__texto {
  font-size: 0.98rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.92);
  margin: 0 0 1rem;
}
.secao-aquamax-tv__destaque {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--dm-white);
  margin: 1.2rem 0;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* === [CARD DO PICOLÉ AO MILHÃO — textura dourada metálica] === */
.card-picole {
  background-image: url('/assets/images-v2/textura-dourada.jpg');
  background-size: cover;
  background-position: center;
  border-radius: var(--dm-radius-lg);
  padding: 2.4rem 2.5rem;
  max-width: 900px;
  margin: 0 auto 1.5rem;
  position: relative;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), 0 0 30px rgba(230,189,57,0.18);
  overflow: hidden;
}
.card-picole::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,245,200,0.2) 0%, rgba(230,189,57,0.05) 35%, rgba(184,147,44,0.25) 100%);
  pointer-events: none;
  border-radius: inherit;
}
.card-picole__title {
  position: relative;
  z-index: 1;
  font-size: clamp(1.6rem, 2.6vw, 2.2rem);
  font-weight: 900;
  color: var(--dm-black);
  text-align: center;
  margin: 0 0 0.8rem;
  letter-spacing: -0.005em;
  text-shadow: 0 1px 0 rgba(255,245,200,0.4);
}
.card-picole__sep {
  position: relative;
  z-index: 1;
  height: 2px;
  background: rgba(0,0,0,0.45);
  margin: 0 6% 1.2rem;
}
.card-picole__text {
  position: relative;
  z-index: 1;
  color: var(--dm-black);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.65;
  text-align: center;
  margin: 0 0 0.9rem;
}

/* === [CARD A MAIOR FÁBRICA — fundo preto borda dourada fina] === */
.card-fabrica {
  background: var(--dm-black);
  border: 1.5px solid var(--dm-gold);
  border-radius: var(--dm-radius-lg);
  padding: 2rem 2.5rem;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
.card-fabrica__title {
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  font-weight: 800;
  color: var(--dm-gold);
  margin: 0 0 0.8rem;
  position: relative;
  padding-bottom: 1rem;
}
.card-fabrica__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 6%;
  right: 6%;
  height: 1.5px;
  background: linear-gradient(90deg, transparent, rgba(230,189,57,0.7) 50%, transparent);
}
.card-fabrica__text {
  color: rgba(255,255,255,0.92);
  font-weight: 600;
  line-height: 1.65;
  margin: 0 0 0.9rem;
  font-size: 1rem;
}
.card-fabrica__highlight {
  color: var(--dm-gold);
  font-weight: 800;
}

/* === [UM ESTILO DE VIDA — foto + lista numerada] === */
.secao-estilo-vida {
  position: relative;
  padding: 3rem 0;
  overflow: hidden;
}
.secao-estilo-vida::before {
  content: "DEMÉTRIO DEM DEM DEM";
  position: absolute;
  top: 5%;
  left: -3%;
  font-size: 3rem;
  font-weight: 900;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(230,189,57,0.25);
  letter-spacing: -0.04em;
  line-height: 1.1;
  white-space: nowrap;
  writing-mode: vertical-rl;
  pointer-events: none;
  z-index: 0;
}
.secao-estilo-vida__grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 3rem;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.secao-estilo-vida__foto {
  width: 100%;
  max-width: 480px;
  height: auto;
  border-radius: var(--dm-radius-lg);
  display: block;
  margin: 0 auto;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6);
  border: 1px solid rgba(230,189,57,0.2);
}
.secao-estilo-vida__title {
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.1;
  margin: 0 0 1.4rem;
  letter-spacing: -0.01em;
}
.secao-estilo-vida__title .gold { color: var(--dm-gold); }
.secao-estilo-vida__texto p {
  font-size: 1rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.92);
  margin: 0 0 1rem;
}
.secao-estilo-vida__texto .destaque {
  color: var(--dm-gold);
  font-weight: 700;
}
.secao-estilo-vida__divisor {
  height: 1.5px;
  background: linear-gradient(90deg, transparent, rgba(230,189,57,0.55) 50%, transparent);
  margin: 1.5rem 0;
}
.lista-numerada {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lista-numerada__item {
  margin: 0 0 1.3rem;
}
.lista-numerada__head {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0.5rem;
}
.lista-numerada__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--dm-gold);
  color: var(--dm-black);
  font-weight: 900;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.lista-numerada__titulo {
  font-weight: 700;
  color: var(--dm-white);
  font-size: 1rem;
}
.lista-numerada__texto {
  font-size: 0.95rem;
  line-height: 1.65;
  color: rgba(255,255,255,0.88);
  margin: 0;
}
.secao-estilo-vida__final {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--dm-white);
  margin: 1.2rem 0 0;
}

/* === [BANNER GIGANTE — DEMÉTRIO MITRE CRIOU A PRÓPRIA] === */
.banner-criou-propria {
  background-image: url('/assets/images-v2/textura-dourada.jpg');
  background-size: cover;
  background-position: center;
  padding: 2.2rem 1.5rem;
  text-align: center;
  position: relative;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5);
  overflow: hidden;
}
.banner-criou-propria::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,245,200,0.18) 0%, rgba(230,189,57,0.05) 40%, rgba(184,147,44,0.25) 100%);
  pointer-events: none;
}
.banner-criou-propria__small,
.banner-criou-propria__big {
  position: relative;
  z-index: 1;
  color: var(--dm-black);
  text-transform: uppercase;
  text-align: center;
  display: block;
  text-shadow: 0 1px 0 rgba(255,245,200,0.4);
}
.banner-criou-propria__small {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 0.3rem;
}
.banner-criou-propria__big {
  font-size: clamp(1.8rem, 3.5vw, 3rem);
  font-weight: 900;
  letter-spacing: 0.005em;
  line-height: 1.1;
}

/* === [DEMÉTRIO É A PROVA VIVA DISSO] === */
.secao-prova-viva {
  padding: 3rem 0;
  position: relative;
  overflow: hidden;
}
.secao-prova-viva__grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 3rem;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}
.secao-prova-viva__texto p {
  font-size: 1rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.92);
  margin: 0 0 1rem;
}
.secao-prova-viva__texto .destaque {
  color: var(--dm-gold);
  font-weight: 700;
}
.secao-prova-viva__foto {
  width: 100%;
  max-width: 440px;
  height: auto;
  border-radius: var(--dm-radius-lg);
  display: block;
  margin: 0 auto;
  box-shadow: 0 20px 60px rgba(0,0,0,0.55);
  border: 1px solid rgba(230,189,57,0.2);
}

/* === [APRESENTE SEU NEGÓCIO — card grande borda dourada] === */
.card-apresente {
  background: var(--dm-black);
  border: 2px solid var(--dm-gold);
  border-radius: 28px;
  padding: 2.5rem 3rem;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.card-apresente__p1, .card-apresente__p2 {
  font-size: clamp(1.2rem, 2vw, 1.7rem);
  font-weight: 700;
  color: var(--dm-white);
  line-height: 1.35;
  margin: 0;
}
.card-apresente__p1 .gold, .card-apresente__p2 .gold { color: var(--dm-gold); }
.card-apresente__divisor {
  height: 1.5px;
  background: linear-gradient(90deg, transparent, var(--dm-gold) 15%, var(--dm-gold) 85%, transparent);
  margin: 1.4rem 0;
  box-shadow: 0 0 8px rgba(230,189,57,0.35);
}
.card-apresente-botoes {
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}

/* === [VOCÊ NÃO PRECISA DE MAIS MOTIVAÇÃO — com DM 3D direita + bullets] === */
.secao-nao-precisa {
  position: relative;
  padding: 3rem 0;
  overflow: hidden;
}
.secao-nao-precisa__dm3d {
  position: absolute;
  right: -6%;
  top: 5%;
  width: 720px;
  max-width: 55%;
  height: auto;
  z-index: 1;
  pointer-events: none;
  opacity: 0.7;
  filter: drop-shadow(0 30px 60px rgba(0,0,0,0.6));
}
.secao-nao-precisa__content {
  position: relative;
  z-index: 2;
  max-width: 640px;
}
.secao-nao-precisa__eyebrow {
  display: inline-block;
  font-size: 0.72rem;
  letter-spacing: 0.28em;
  color: var(--dm-gold);
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding-left: 2.2rem;
  margin-bottom: 1.2rem;
}
.secao-nao-precisa__eyebrow::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.6rem;
  height: 1.5px;
  background: var(--dm-gold);
}
.secao-nao-precisa__title {
  font-size: clamp(1.8rem, 3.3vw, 2.8rem);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.05;
  margin: 0 0 1.2rem;
  letter-spacing: -0.01em;
}
.secao-nao-precisa__title .gold { color: var(--dm-gold); }
.secao-nao-precisa__sub {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0 0 1.2rem;
  color: var(--dm-white);
}
.secao-nao-precisa__sub .gold { color: var(--dm-gold); }
.secao-nao-precisa__lead {
  font-size: 0.95rem;
  line-height: 1.65;
  color: rgba(255,255,255,0.9);
  margin: 0 0 1rem;
}
.secao-nao-precisa__bullets-title {
  font-weight: 700;
  color: var(--dm-gold);
  margin: 1.2rem 0 0.6rem;
}
.secao-nao-precisa__bullets {
  list-style: disc;
  padding-left: 1.2rem;
  margin: 0;
}
.secao-nao-precisa__bullets li {
  padding: 0.25rem 0;
  font-weight: 600;
  color: var(--dm-white);
  font-size: 0.95rem;
}

/* === [Banner dourado "Seja para acelerar..."] === */
.banner-acelerar {
  background-image: url('/assets/images-v2/textura-dourada.jpg');
  background-size: cover;
  background-position: center;
  border-radius: 26px;
  padding: 1.5rem 2rem;
  max-width: 900px;
  margin: 2rem auto;
  text-align: center;
  position: relative;
  box-shadow: 0 8px 28px rgba(0,0,0,0.5), 0 0 25px rgba(230,189,57,0.25);
  border: 2px solid #FFD73C;
  overflow: hidden;
}
.banner-acelerar::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,245,200,0.35), rgba(184,147,44,0.4));
  pointer-events: none;
  border-radius: inherit;
}
.banner-acelerar p {
  position: relative;
  z-index: 1;
  color: var(--dm-black);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.55;
  margin: 0;
  text-shadow: 0 1px 0 rgba(255,245,200,0.4);
}

/* === [4 BOTÕES Videochamada / Mentoria / Mentoria em Grupo / Palestra] === */
.botoes-servicos {
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  margin-top: 1rem;
  padding: 0 1.5rem;
  flex-wrap: wrap;
}
.botoes-servicos .btn--pill {
  background: transparent;
  color: var(--dm-white);
  border: 2px solid var(--dm-gold);
  padding: 0.95rem 2rem;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s;
  min-width: 220px;
  text-align: center;
}
.botoes-servicos .btn--pill:hover {
  background: var(--dm-gold);
  color: var(--dm-black);
  box-shadow: 0 0 25px rgba(230,189,57,0.4);
}

/* === [MÍDIA E IMPRENSA — layout 2 colunas + linha vertical + mosaico] === */
.secao-midia {
  position: relative;
  padding: 4rem 0 3rem;
  overflow: hidden;
}
.secao-midia__topo {
  display: grid;
  grid-template-columns: 0.65fr 1fr;
  gap: 0;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto 2.5rem;
  position: relative;
}
.secao-midia__topo::before {
  content: "";
  position: absolute;
  left: 38%;
  top: 8%;
  bottom: 8%;
  width: 2px;
  background: var(--dm-gold);
  box-shadow: 0 0 12px rgba(230,189,57,0.5);
}
.secao-midia__titulo {
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
  letter-spacing: -0.01em;
}
.secao-midia__texto {
  padding-left: 2rem;
  font-size: 1.05rem;
  line-height: 1.55;
  color: rgba(255,255,255,0.92);
  font-weight: 700;
}
.secao-midia__texto .gold { color: var(--dm-gold); }
.secao-midia__mosaico {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 1.2rem;
  max-width: 1280px;
  margin: 0 auto 2rem;
}
.secao-midia__card {
  background: var(--dm-black-3);
  border: 1.5px solid rgba(230,189,57,0.25);
  border-radius: var(--dm-radius-lg);
  aspect-ratio: 16/10;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.4);
  font-size: 0.85rem;
  font-weight: 600;
  overflow: hidden;
  position: relative;
}
.secao-midia__card--big {
  grid-row: 1 / span 2;
  aspect-ratio: auto;
  min-height: 100%;
}
.secao-midia__card--vertical {
  aspect-ratio: 9/16;
}
.banner-impacto {
  background-image: url('/assets/images-v2/textura-dourada.jpg');
  background-size: cover;
  border-radius: 22px;
  padding: 1.5rem 2.5rem;
  text-align: center;
  position: relative;
  max-width: 1280px;
  margin: 2rem auto 0;
  box-shadow: 0 8px 28px rgba(0,0,0,0.45), 0 0 24px rgba(230,189,57,0.2);
  border: 2px solid #FFD73C;
  overflow: hidden;
}
.banner-impacto::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,245,200,0.32), rgba(184,147,44,0.4));
  pointer-events: none;
  border-radius: inherit;
}
.banner-impacto p {
  position: relative;
  z-index: 1;
  color: var(--dm-black);
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1.6;
  margin: 0;
}

/* === [FAQ — acordeão dourado com 1 aberto + foto à esq] === */
.secao-faq {
  position: relative;
  padding: 4rem 0;
}
.secao-faq__grid {
  display: grid;
  grid-template-columns: 0.55fr 1fr;
  gap: 3rem;
  align-items: start;
  max-width: 1320px;
  margin: 0 auto;
}
.secao-faq__eyebrow {
  display: inline-block;
  font-size: 0.72rem;
  letter-spacing: 0.25em;
  color: var(--dm-gold);
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding-left: 2.2rem;
  margin-bottom: 1rem;
}
.secao-faq__eyebrow::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.6rem;
  height: 1.5px;
  background: var(--dm-gold);
}
.secao-faq__titulo {
  font-size: clamp(2rem, 3.6vw, 3.2rem);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  margin: 0 0 2rem;
  letter-spacing: -0.01em;
}
.secao-faq__titulo .gold { color: var(--dm-gold); }
.secao-faq__foto {
  width: 100%;
  max-width: 360px;
  height: auto;
  border-radius: var(--dm-radius-lg);
  display: block;
  box-shadow: 0 15px 40px rgba(0,0,0,0.6);
  border: 1px solid rgba(230,189,57,0.2);
}
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.faq-item {
  background: var(--dm-gold);
  border-radius: 999px;
  overflow: hidden;
  transition: all .25s;
}
.faq-item.is-open {
  border-radius: 26px;
  background: var(--dm-black);
  border: 1.5px solid var(--dm-gold);
}
.faq-item__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9rem 1.5rem;
  cursor: pointer;
  user-select: none;
}
.faq-item__pergunta {
  color: var(--dm-black);
  font-weight: 700;
  font-size: 0.95rem;
  margin: 0;
}
.faq-item.is-open .faq-item__pergunta {
  color: var(--dm-gold);
}
.faq-item__icon {
  font-size: 1.2rem;
  color: var(--dm-black);
  font-weight: 700;
}
.faq-item.is-open .faq-item__icon {
  color: var(--dm-gold);
}
.faq-item__body {
  display: none;
  padding: 0 1.5rem 1.2rem;
  color: rgba(255,255,255,0.92);
  font-size: 0.92rem;
  line-height: 1.6;
}
.faq-item.is-open .faq-item__body {
  display: block;
}

/* === [FORMULÁRIO O MOMENTO CERTO — card preto sobreposto + card amarelo] === */
.secao-momento {
  position: relative;
  padding: 4rem 1.5rem 3rem;
  max-width: 1320px;
  margin: 0 auto;
}
.momento-titulo-card {
  background: var(--dm-black);
  border: 2px solid var(--dm-gold);
  border-radius: 26px;
  padding: 1.5rem 3rem;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 3;
  transform: translateY(50%);
}
.momento-titulo-card h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: -0.005em;
  color: var(--dm-white);
}
.momento-titulo-card h2 .gold { color: var(--dm-gold); }

.momento-form-card {
  background: var(--dm-gold);
  border-radius: 26px;
  padding: 5rem 3rem 2.5rem;
  max-width: 1320px;
  position: relative;
  z-index: 1;
}
.momento-form-card__grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 3rem;
  align-items: start;
}
.momento-form-card__left .eyebrow {
  display: inline-block;
  font-size: 0.78rem;
  letter-spacing: 0.28em;
  color: var(--dm-black);
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding-left: 2.2rem;
  margin-bottom: 0.8rem;
}
.momento-form-card__left .eyebrow::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.6rem;
  height: 2px;
  background: var(--dm-black);
}
.momento-form-card__left h3 {
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 900;
  color: var(--dm-black);
  margin: 0 0 1rem;
  line-height: 1.05;
  letter-spacing: -0.01em;
}
.momento-form-card__left p {
  color: var(--dm-black);
  font-weight: 500;
  font-size: 0.95rem;
  margin: 0 0 1rem;
  line-height: 1.5;
}
.momento-form-card__left .tel {
  font-weight: 900;
  color: var(--dm-black);
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  letter-spacing: -0.005em;
  margin-top: 1rem;
  display: block;
}
.momento-form-card__left .tel span { font-size: 0.7em; font-weight: 600; }

.momento-form-card__right .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
}
.momento-form-card__right .form-grid .full { grid-column: 1 / -1; }
.momento-form-card__right input,
.momento-form-card__right textarea {
  width: 100%;
  padding: 0.9rem 1.2rem;
  border: none;
  border-radius: 999px;
  background: #fff;
  color: var(--dm-black);
  font-size: 0.9rem;
  font-family: inherit;
}
.momento-form-card__right textarea {
  border-radius: 22px;
  min-height: 90px;
  resize: vertical;
}
.momento-form-card__right .submit-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.8rem;
}
.momento-form-card__right button {
  background: var(--dm-black);
  color: var(--dm-white);
  border: none;
  padding: 0.95rem 2.5rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.9rem;
  cursor: pointer;
  letter-spacing: 0.05em;
}
.momento-form-card__right button:hover {
  background: #222;
}
.momento-form-card__footer {
  grid-column: 1 / -1;
  text-align: center;
  margin-top: 1.2rem;
  font-size: 0.78rem;
  color: var(--dm-black);
  font-weight: 500;
}
.momento-form-card__footer strong { font-weight: 800; }

/* === [QUOTE FINAL ENQUANTO MUITOS GIGANTE] === */
.quote-final {
  padding: 3rem 1.5rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.quote-final::before {
  content: "DM";
  position: absolute;
  right: 5%;
  bottom: -10%;
  font-size: 18rem;
  font-weight: 900;
  color: transparent;
  -webkit-text-stroke: 2px rgba(230,189,57,0.1);
  z-index: 0;
}
.quote-final p {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.05;
}
.quote-final__small {
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  margin-bottom: 0.5rem !important;
  color: var(--dm-white);
}
.quote-final__small .gold { color: var(--dm-gold); }
.quote-final__big {
  font-size: clamp(2rem, 4.5vw, 3.5rem);
  color: var(--dm-white);
  letter-spacing: -0.01em;
}
.quote-final__big .gold { color: var(--dm-gold); }

/* === [P.S. FOOTER DOURADO] === */
.faixa-ps {
  background: var(--dm-gold);
  padding: 2rem 1.5rem;
  text-align: center;
}
.faixa-ps p {
  color: var(--dm-black);
  font-size: 0.95rem;
  line-height: 1.55;
  margin: 0 auto 0.5rem;
  max-width: 880px;
}
.faixa-ps p strong { font-weight: 800; }

/* === RESPONSIVE v6.6 === */
@media (max-width: 1100px) {
  .secao-aquamax-tv__grid,
  .secao-estilo-vida__grid,
  .secao-prova-viva__grid,
  .secao-faq__grid,
  .momento-form-card__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .secao-midia__topo { grid-template-columns: 1fr; gap: 1rem; }
  .secao-midia__topo::before { display: none; }
  .secao-midia__texto { padding-left: 0; }
  .secao-midia__mosaico { grid-template-columns: 1fr 1fr; }
  .secao-midia__card--big { grid-row: auto; grid-column: 1 / -1; aspect-ratio: 16/9; }
  .secao-nao-precisa__dm3d { display: none; }
}
@media (max-width: 768px) {
  .card-picole, .card-fabrica, .card-apresente { padding: 1.5rem; }
  .momento-form-card { padding: 4rem 1.2rem 2rem; }
  .momento-form-card__right .form-grid { grid-template-columns: 1fr; }
  .momento-titulo-card { padding: 1.2rem 1.5rem; }
  .botoes-servicos .btn--pill { width: 100%; min-width: auto; }
  .secao-midia__mosaico { grid-template-columns: 1fr; }
  .quote-final__big, .quote-final__small { padding: 0; }
}


/* ===== Status do formulário (site estático → webhook n8n) ===== */
.dm-form-status {
    margin-top: 1rem;
    padding: 0.85rem 1.1rem;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4;
}
.dm-form-status.is-success {
    background: rgba(2, 206, 20, 0.12);
    border: 1px solid rgba(2, 206, 20, 0.5);
    color: #c8f7cd;
}
.dm-form-status.is-error {
    background: rgba(255, 80, 80, 0.12);
    border: 1px solid rgba(255, 80, 80, 0.5);
    color: #ffd2d2;
}