/* ═══════════════════════════════════════════════════════════════
   HOME — Vase & Pacheco · Soluções Financeiras e Jurídicas
   KV v3 · Cores: #f9f4ee creme · #a18c7d taupe · #2f1d11 marrom
            #0d0f0c preto · #c9a96e ouro
   Fontes: Playfair Display (títulos) · Helvetica Neue (corpo)
           Cormorant Garamond Italic (destaque)
═══════════════════════════════════════════════════════════════ */

:root {
  --creme: #f9f4ee;
  --taupe: #a18c7d;
  --marrom: #2f1d11;
  --preto: #0d0f0c;
  --ouro: #c9a96e;
  --ouro-claro: #ddc28f;
  --ouro-escuro: #8a6f43;
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --script: 'Cormorant Garamond', Georgia, serif;
}

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

html { scroll-behavior: smooth; }

body {
  font-family: var(--sans);
  font-weight: 300;
  background: var(--creme);
  color: var(--marrom);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

.wrap { max-width: 1240px; margin: 0 auto; padding: 0 6vw; }

/* ── Eyebrow / títulos ───────────────────────────────────────── */
.eyebrow {
  font-size: .7rem;
  font-weight: 400;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--ouro);
  display: block;
  margin-bottom: 18px;
}

h1, h2 { font-family: var(--serif); font-weight: 500; line-height: 1.2; }

h2 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); }

.destaque {
  font-family: var(--script);
  font-style: italic;
  color: var(--ouro);
  font-size: 1.08em;
}

/* ── Botões ──────────────────────────────────────────────────── */
.btn {
  display: inline-block;
  font-family: var(--sans);
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  padding: 17px 34px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all .25s ease;
  text-align: center;
}
.btn--ouro {
  background: var(--ouro);
  color: var(--marrom);
}
.btn--ouro:hover { background: var(--ouro-claro); transform: translateY(-2px); }
.btn--ghost {
  background: transparent;
  border-color: rgba(249, 244, 238, .4);
  color: var(--creme);
}
.btn--ghost:hover { border-color: var(--ouro); color: var(--ouro); }
.btn--ghost-escuro {
  background: transparent;
  border-color: rgba(47, 29, 17, .35);
  color: var(--marrom);
}
.btn--ghost-escuro:hover { border-color: var(--ouro-escuro); color: var(--ouro-escuro); }

/* ═══════════════ NAV ═══════════════ */
.nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: rgba(13, 15, 12, .92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(201, 169, 110, .15);
}
.nav__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 14px 4vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.nav__logo img { height: 54px; width: auto; }
.nav__links {
  display: flex;
  gap: 34px;
  align-items: center;
}
.nav__links a {
  font-size: .74rem;
  font-weight: 400;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--creme);
  transition: color .2s;
}
.nav__links a:hover { color: var(--ouro); }
.nav__cta {
  font-size: .68rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--ouro);
  border: 1px solid rgba(201, 169, 110, .5);
  padding: 12px 24px;
  transition: all .25s;
  white-space: nowrap;
}
.nav__cta:hover { background: var(--ouro); color: var(--preto); }

/* burger */
.nav__burger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
}
.nav__burger span {
  width: 26px; height: 2px;
  background: var(--ouro);
  transition: all .3s;
}
.nav__burger.aberto span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav__burger.aberto span:nth-child(2) { opacity: 0; }
.nav__burger.aberto span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.nav__mobile {
  display: none;
  background: var(--preto);
  border-top: 1px solid rgba(201, 169, 110, .15);
  padding: 18px 6vw 30px;
}
.nav__mobile.aberto { display: block; }
.nav__mobile a {
  display: block;
  padding: 13px 0;
  font-size: .8rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--creme);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.nav__mobile a:hover { color: var(--ouro); }

/* ═══════════════ HERO ═══════════════ */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: flex-end;
  background: var(--marrom);
  overflow: hidden;
}
.hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13,15,12,.55) 0%, rgba(36,22,12,.62) 55%, rgba(25,15,8,.9) 100%);
}
.hero__content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 4vw 9vh;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}
.hero__eyebrow {
  font-size: .7rem;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: var(--ouro);
  display: block;
  margin-bottom: 22px;
}
.hero__title {
  font-size: clamp(2.4rem, 5.2vw, 4.2rem);
  font-style: italic;
  font-weight: 500;
  color: var(--creme);
  max-width: 640px;
}
.hero__title em {
  font-style: italic;
  color: var(--ouro);
}
.hero__actions {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 280px;
}

/* ═══════════════ QUEM SOMOS ═══════════════ */
.quem {
  background: var(--creme);
  padding: 110px 0;
}
.quem__grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 70px;
  align-items: start;
}
.quem h2 { margin-bottom: 30px; }
.quem__texto p { margin-bottom: 20px; max-width: 560px; color: #4a3b2e; }

.quem__stats {
  display: flex;
  gap: 56px;
  margin-top: 44px;
  padding-top: 36px;
  border-top: 1px solid rgba(161, 140, 125, .3);
}
.stat__num {
  font-family: var(--serif);
  font-size: 2.4rem;
  color: var(--marrom);
  line-height: 1;
}
.stat__label {
  display: block;
  font-size: .64rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--taupe);
  margin-top: 10px;
}

.quote-card {
  background: var(--marrom);
  color: var(--creme);
  padding: 56px 52px;
  position: relative;
}
.quote-card__aspas {
  font-family: var(--serif);
  font-size: 3.4rem;
  color: var(--ouro);
  line-height: 1;
  display: block;
  margin-bottom: 20px;
}
.quote-card p {
  font-family: var(--script);
  font-style: italic;
  font-size: 1.35rem;
  line-height: 1.55;
}
.quote-card em { color: var(--ouro-claro); font-style: italic; }

/* ═══════════════ PROBLEMAS ═══════════════ */
.problemas {
  background: var(--preto);
  color: var(--creme);
  padding: 110px 0;
}
.problemas h2 { color: var(--creme); margin-bottom: 24px; }
.problemas__intro { max-width: 560px; color: rgba(249, 244, 238, .75); margin-bottom: 56px; }

.problemas__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}
.problema {
  background: #15130f;
  border: 1px solid rgba(201, 169, 110, .12);
  padding: 38px 32px 52px;
  transition: border-color .3s, transform .3s;
}
.problema:hover { border-color: rgba(201, 169, 110, .45); transform: translateY(-4px); }
.problema__num {
  font-size: .72rem;
  letter-spacing: .25em;
  color: var(--ouro);
  display: block;
  margin-bottom: 12px;
}
.problema p { color: rgba(249, 244, 238, .88); font-size: .95rem; }

.problemas__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  flex-wrap: wrap;
  margin-top: 70px;
  padding-top: 50px;
  border-top: 1px solid rgba(201, 169, 110, .15);
}
.problemas__frase {
  font-family: var(--script);
  font-style: italic;
  font-size: 1.4rem;
  color: var(--creme);
}

/* ═══════════════ PRESENÇA NACIONAL / MAPA ═══════════════ */
.presenca {
  background: var(--creme);
  padding: 110px 0;
  text-align: center;
}
.presenca h2 { margin-bottom: 14px; }
.presenca__sub { color: var(--taupe); margin-bottom: 64px; }
.presenca__mapa { text-align: left; }
.presenca__nota {
  font-family: var(--script);
  font-style: italic;
  color: var(--taupe);
  margin-top: 34px;
  font-size: 1.05rem;
}

/* ═══════════════ ÁREAS ═══════════════ */
.areas {
  background: var(--preto);
  color: var(--creme);
  padding: 110px 0;
}
.areas h2 { color: var(--creme); margin-bottom: 60px; }
.areas__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2px;
}
.area-col {
  background: #15130f;
  border: 1px solid rgba(201, 169, 110, .12);
  padding: 34px 26px 42px;
}
.area-col h3 {
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ouro);
  margin-bottom: 24px;
}
.area-col li {
  font-size: .88rem;
  color: rgba(249, 244, 238, .85);
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.area-col li:last-child { border-bottom: none; }

/* ═══════════════ DIFERENCIAIS ═══════════════ */
.dif {
  background: var(--marrom);
  color: var(--creme);
  padding: 110px 0;
}
.dif__grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 70px;
  align-items: start;
}
.dif h2 { color: var(--creme); margin-bottom: 26px; }
.dif__texto p { color: rgba(249, 244, 238, .75); max-width: 480px; }

.dif__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}
.dif-card {
  background: rgba(13, 15, 12, .35);
  border: 1px solid rgba(201, 169, 110, .15);
  padding: 36px 30px;
  transition: border-color .3s;
}
.dif-card:hover { border-color: rgba(201, 169, 110, .5); }
.dif-card__icone {
  width: 40px; height: 40px;
  border: 1px solid var(--ouro);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ouro);
  font-size: 1rem;
  margin-bottom: 22px;
}
.dif-card h3 {
  font-size: .92rem;
  font-weight: 500;
  letter-spacing: .06em;
  margin-bottom: 12px;
  color: var(--creme);
}
.dif-card p { font-size: .88rem; color: rgba(249, 244, 238, .7); }

/* ═══════════════ PROVA SOCIAL ═══════════════ */
.prova {
  background: #f1e8df;
  padding: 110px 0;
  text-align: center;
}
.prova h2 { margin-bottom: 60px; }

.prova__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  margin-bottom: 2px;
}
.prova__stat {
  background: var(--marrom);
  color: var(--ouro-claro);
  padding: 52px 20px;
}
.prova__stat .num {
  font-family: var(--serif);
  font-size: 3.2rem;
  line-height: 1;
  display: block;
}
.prova__stat .label {
  display: block;
  font-size: .64rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: rgba(249, 244, 238, .75);
  margin-top: 14px;
}

.prova__depo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}
.depo {
  background: #fff;
  padding: 48px 46px 42px;
  text-align: left;
}
.depo__estrelas { color: var(--ouro); font-size: .9rem; letter-spacing: .3em; margin-bottom: 20px; }
.depo p {
  font-family: var(--script);
  font-style: italic;
  font-size: 1.15rem;
  line-height: 1.6;
  color: var(--marrom);
  margin-bottom: 28px;
}
.depo__autor {
  font-size: .66rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--taupe);
}

/* ═══════════════ COMO TRABALHAMOS ═══════════════ */
.processo {
  background: #0c0f0a;
  color: var(--creme);
  padding: 110px 0;
}
.processo__topo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: end;
  margin-bottom: 64px;
}
.processo h2 { color: var(--creme); }
.processo__topo p { color: rgba(249, 244, 238, .7); font-size: .95rem; }

.processo__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  padding-top: 50px;
  border-top: 1px solid rgba(201, 169, 110, .15);
}
.passo__num {
  font-family: var(--serif);
  font-size: 2.6rem;
  color: var(--ouro);
  line-height: 1;
  display: block;
  margin-bottom: 22px;
}
.passo h3 {
  font-size: .86rem;
  font-weight: 500;
  letter-spacing: .08em;
  color: var(--ouro-claro);
  margin-bottom: 14px;
}
.passo p { font-size: .86rem; color: rgba(249, 244, 238, .7); }

/* ═══════════════ CTA FINAL ═══════════════ */
.cta {
  background: var(--marrom);
  color: var(--creme);
  padding: 130px 0;
  text-align: center;
}
.cta h2 {
  font-family: var(--script);
  font-style: italic;
  font-weight: 500;
  font-size: clamp(2.4rem, 5.5vw, 4rem);
  color: var(--creme);
  margin-bottom: 28px;
}
.cta p {
  max-width: 520px;
  margin: 0 auto 48px;
  color: rgba(249, 244, 238, .8);
}
.cta__botoes {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

/* ═══════════════ FOOTER (estrutura antiga, paleta do KV) ═══════════════ */
footer {
  background-color: var(--preto);
  border-top: 1px solid rgba(201, 169, 110, .15);
  font-weight: 300;
}
.footer-completo {
  display: flex;
  padding: 20px 40px;
  justify-content: space-between;
  align-items: flex-start;
}
.inicio-footer img {
  margin-top: 45px;
  width: 260px;
  padding: 0;
}
.footer-items {
  display: flex;
  gap: 100px;
  flex-grow: 1;
  margin-top: 45px;
}
.footer-items ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-items ul li { margin-bottom: 10px; }
.footer-items a {
  text-decoration: none;
  color: var(--creme);
  font-weight: 500;
  font-size: .82rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  display: block;
  transition: color .2s;
}
.footer-items a:hover {
  text-decoration: none;
  color: var(--ouro);
}
.linha-dourada {
  border: 0;
  height: 1px;
  background-color: rgba(201, 169, 110, .35);
  width: 93%;
  margin: 20px auto;
}
.title-sobre { padding: 0; }
.title-sobre li {
  margin-left: 30px;
  list-style: none;
}
.title-sobre a {
  font-family: var(--serif);
  text-decoration: none;
  color: var(--ouro);
  font-size: 20px;
}
.footer-completo-2 {
  padding: 20px 40px;
  color: var(--creme);
  font-family: var(--sans);
}
.footer-items-3 {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.footer-items-3 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-items-3 ul li { margin-bottom: 10px; }
.footer-items-3 a {
  margin-left: 30px;
  text-decoration: none;
  color: rgba(249, 244, 238, .8);
  display: block;
  font-size: 12px;
  white-space: pre-line;
  padding-bottom: 15px;
  transition: color .2s;
}
.footer-items-3 a:hover {
  text-decoration: none;
  color: var(--ouro);
}
.linha-dourada-2 {
  border: 0;
  height: 1px;
  background-color: rgba(201, 169, 110, .35);
  width: 98%;
  margin: 20px auto;
}
.title-unidade li {
  margin-left: 0;
  list-style: none;
}
.title-unidade a,
.unidades-central ul li a {
  font-family: var(--serif);
  text-decoration: none;
  color: var(--ouro-claro);
  font-size: 15px;
}
.footer-completo-3 {
  color: var(--creme);
  font-family: var(--sans);
}
.footer-items-6 {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.footer-items-6 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-items-6 ul li { margin-bottom: 10px; }
.footer-items-6 a {
  margin-top: 20px;
  margin-left: 40px;
  text-decoration: none;
  color: rgba(249, 244, 238, .55);
  display: block;
  font-size: 12px;
  white-space: pre-line;
  padding-bottom: 15px;
  transition: color .2s;
}
.footer-items-6 a:hover {
  text-decoration: none;
  color: var(--ouro);
}
.unidades-central {
  display: flex;
  gap: 368px;
}
.unidades-central li {
  margin-left: 0;
  list-style: none;
}
footer {
  --gold: #c9a96e;
  --light-icon: #f9f4ee;
  --icon-size: 40px;
}
.social-icons-container {
  margin-left: 25px;
  display: flex;
}
.social-icons-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  text-align: center;
  gap: 10px;
}
.social-icons-list li i {
  margin: 0;
  font-size: 20px;
}
.social-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--icon-size);
  height: var(--icon-size);
  text-decoration: none;
  font-size: calc(var(--icon-size) * 0.4);
  color: var(--light-icon);
  box-sizing: border-box;
  border: 1px solid rgba(201, 169, 110, .5);
  background-color: transparent;
  transition: background-color 0.3s, border 0.3s, color 0.3s;
}
.social-icon:hover {
  background-color: var(--gold);
  border: 1px solid var(--gold);
  color: var(--preto);
  opacity: 1;
}
.direitos a {
  text-decoration: none;
  color: rgba(249, 244, 238, .45);
  font-size: 12px;
}
.direitos li {
  list-style: none;
  margin-left: 100px;
  margin-right: 60px;
}

@media screen and (max-width: 900px) {
  footer {
    width: 100%;
    overflow: hidden;
  }
  .footer-completo {
    flex-direction: column;
    gap: 30px;
    padding: 20px;
  }
  .inicio-footer img {
    width: 180px;
    margin: 0;
  }
  .footer-items {
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-align: left;
    margin-top: 0;
  }
  .footer-items ul { padding: 0; }
  .divisor-area-footer hr { width: 90%; }
  .title-sobre {
    text-align: left;
    margin: 0;
    padding: 0;
  }
  .title-sobre li a { font-size: 18px; }
  .footer-completo-2 {
    padding: 10px;
    text-align: left;
  }
  .footer-items-3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
    justify-items: left;
  }
  .footer-items-3 ul li a {
    margin-left: 0;
    text-align: left;
    white-space: normal;
    font-size: 13px;
    padding: 5px 0;
  }
  .linha-dourada-2 { width: 90%; }
  .unidades-central {
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: left;
  }
  .unidades-central li a { font-size: 14px; }
  .footer-completo-3 {
    text-align: left;
    padding: 10px;
  }
  .footer-items-6 {
    flex-direction: column;
    gap: 25px;
  }
  .footer-items-6 ul li a {
    margin-left: 0;
    font-size: 12px;
    text-align: left;
    white-space: normal;
    line-height: 18px;
  }
  .social-icons-container {
    flex-direction: column;
    margin: 20px 0;
    gap: 20px;
  }
  .social-icons-list { justify-content: left; }
  .direitos {
    text-align: left;
    padding: 0;
  }
  .direitos li {
    margin: 5px 0;
    margin-left: 0;
  }
}

/* ═══════════════ WHATS FLUTUANTE ═══════════════ */
.whats-float {
  position: fixed;
  bottom: 26px; right: 26px;
  z-index: 999;
  width: 56px; height: 56px;
  transition: transform .25s;
}
.whats-float:hover { transform: scale(1.1); }
.whats-float img { width: 100%; height: 100%; }

/* ═══════════════ REVEAL ═══════════════ */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal.visivel { opacity: 1; transform: none; }

/* ═══════════════ RESPONSIVO ═══════════════ */
@media (max-width: 1024px) {
  .areas__grid { grid-template-columns: repeat(2, 1fr); }
  .problemas__grid { grid-template-columns: repeat(2, 1fr); }
  .processo__grid { grid-template-columns: repeat(2, 1fr); gap: 50px 40px; }
}

@media (max-width: 860px) {
  .nav__links, .nav__cta { display: none; }
  .nav__burger { display: flex; }
  .quem__grid, .dif__grid, .processo__topo { grid-template-columns: 1fr; gap: 50px; }
  .prova__depo { grid-template-columns: 1fr; }
  .hero__content { padding-bottom: 12vh; }
}

@media (max-width: 600px) {
  .problemas__grid, .areas__grid, .prova__stats, .dif__cards, .processo__grid { grid-template-columns: 1fr; }
  .quem__stats { flex-wrap: wrap; gap: 32px; }
  .quote-card { padding: 42px 32px; }
  .quem, .problemas, .presenca, .areas, .dif, .prova, .processo { padding: 80px 0; }
  .cta { padding: 95px 0; }
}