/* ============================================================
   lp-reform.css — camada de reformulação das landing pages
   verticais (trabalhista, saúde, imobiliário) e da política.
   Traz a linguagem do tema aprovado (escuro + dourado):
   skyline de prédios ao fundo, cards em vidro fosco e a
   camada de apoio prata/carvão. Depende de styles.css + lp.css.
   ============================================================ */

/* ─── PALETA DE APOIO: Carvão + Prata ───────────────────── */
:root {
  --char1:     #171717;  /* carvão  */
  --char2:     #262626;  /* grafite */
  --silver:    #B2B3B5;  /* prata   */
  --hairline:  rgba(178,179,181,0.12);
  --glass:     rgba(18,18,18,0.58);
  --glass-hov: rgba(28,28,28,0.78);
}

body { overflow-x: hidden; }

/* ─── SKYLINE CONTÍNUO: fundo fixo da página inteira da LP ── */
/* prédios fixos atrás de toda a LP; as seções translúcidas por
   cima revelam o skyline, com overlay escuro pra manter a leitura. */
.lp-body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(rgba(13,13,13,0.60) 0%, rgba(13,13,13,0.74) 100%),
    url("skyline.jpg") center center / cover no-repeat fixed,
    radial-gradient(1000px 460px at 50% -8%, rgba(212,175,55,0.10), transparent 60%),
    var(--black);
}

/* seções translúcidas: deixam o skyline transparecer sem perder leitura */
.lp-hero { background: transparent; }
.lp-section { background: rgba(13,13,13,0.46); }
.lp-section-alt { background: rgba(18,18,18,0.56); }
.lp-final-cta { background: rgba(13,13,13,0.46); }
.lp-footer { background: rgba(15,15,15,0.84); }

/* ─── Cards em VIDRO FOSCO (os prédios aparecem por trás) ── */
.lp-feature-card,
.lp-feature-card:nth-child(even) {
  background: var(--glass);
  border-color: var(--hairline);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.lp-feature-card:nth-child(even) { background: rgba(28,28,28,0.50); }
.lp-feature-card:hover { background: var(--glass-hov); }
.lp-feature-num { color: rgba(178,179,181,0.10); }

.lp-team-card,
.lp-testimonial,
.lp-google-badge,
.lp-step,
.lp-pill {
  background: var(--glass);
  border-color: var(--hairline);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.lp-steps-grid { background: var(--hairline); border-color: var(--hairline); }
.lp-testimonial:hover,
.lp-google-badge:hover { background: var(--glass-hov); }

/* ─── Profundidade "encorpada": hairline de prata entre seções ── */
.lp-section,
.lp-final-cta,
.lp-footer { border-top: 1px solid var(--hairline); }

/* a faixa dourada de divisão ganha o degradê platina→dourado do tema */
.lp-section-divider,
.lp-hero-divider {
  background: linear-gradient(90deg, var(--gold-dk), var(--gold), var(--gold-lt));
}

/* o banner e o CTA final dourados (acento) seguem sólidos, sem vidro */

/* ─── POLÍTICA DE PRIVACIDADE: skyline sutil só no topo ──── */
/* documento legal: prédios discretos atrás do cabeçalho, com
   fade rápido pra não competir com a leitura do texto.        */
.pp-body { position: relative; }
.pp-body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 52vh;
  z-index: 0;
  pointer-events: none;
  background: url("skyline.jpg") center top / cover no-repeat;
  opacity: 0.16;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 100%);
          mask-image: linear-gradient(to bottom, #000 0%, transparent 100%);
}
.pp-body #navbar,
.pp-body .pp-wrapper,
.pp-body .lp-footer { position: relative; z-index: 1; }