:root{
  --preto:#141414;
  --preto-2:#1f1f1f;
  --grafite:#2b2b2b;
  --ouro:#c2a85f;
  --ouro-claro:#dcc079;
  --ouro-escuro:#9c8845;
  --texto:#2a2a2a;
  --texto-claro:#6b7178;
  --cinza:#f5f5f2;
  --branco:#ffffff;
  --wpp:#25d366;
  --sombra:0 14px 38px rgba(20,20,20,.12);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'Inter',-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);line-height:1.6;background:var(--branco);overflow-x:hidden}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;color:var(--preto);line-height:1.2}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 26px;border-radius:9px;font-weight:600;font-size:16px;transition:.2s;cursor:pointer;border:none;font-family:'Inter',sans-serif}
.btn-wpp{background:var(--wpp);color:#fff;box-shadow:0 8px 20px rgba(37,211,102,.35)}
.btn-wpp:hover{filter:brightness(1.06);transform:translateY(-2px)}
.btn-ouro{background:linear-gradient(135deg,var(--ouro-claro),var(--ouro));color:#241c08;box-shadow:0 8px 22px rgba(198,162,76,.4)}
.btn-ouro:hover{filter:brightness(1.05);transform:translateY(-2px)}
.btn-outline{background:transparent;border:1.5px solid rgba(255,255,255,.55);color:#fff}
.btn-outline:hover{background:#fff;color:var(--preto);border-color:#fff}
svg{flex-shrink:0}

/* ===== HEADER ===== */
header{position:sticky;top:0;z-index:50;background:rgba(20,20,20,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(198,162,76,.25)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px;gap:16px}
.nav .logo img{height:46px}
.nav-links{display:flex;align-items:center;justify-content:center;gap:26px;flex:1}
.nav-links a,.nav-links a:link,.nav-links a:visited,.nav-links a:active{color:var(--ouro-claro);font-size:15px;font-weight:600;white-space:nowrap;transition:.2s;border-bottom:2px solid transparent;padding-bottom:3px}
.nav-links a:hover,.nav-links a.ativo{border-bottom-color:var(--ouro-claro)}
.header-contato{display:flex;align-items:center;gap:16px}
.header-tel{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;white-space:nowrap}
.header-tel span{font-size:11px;color:#9a9a9a;text-transform:uppercase;letter-spacing:1.5px}
.header-tel strong{font-size:20px;color:var(--ouro-claro);font-family:'Playfair Display',serif}
.header-contato .btn{padding:11px 18px;font-size:15px}

/* ===== HERO ===== */
.hero{position:relative;background:radial-gradient(900px 500px at 80% -10%,rgba(198,162,76,.18),transparent 60%),linear-gradient(160deg,var(--preto) 0%,var(--preto-2) 60%,var(--grafite) 100%);color:#fff;overflow:hidden}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding:64px 0 72px}
.hero .selo{display:inline-flex;align-items:center;gap:8px;background:rgba(198,162,76,.14);border:1px solid rgba(198,162,76,.45);color:var(--ouro-claro);padding:7px 16px;border-radius:30px;font-size:12.5px;font-weight:600;letter-spacing:1px;margin-bottom:22px;text-transform:uppercase}
.hero h1{color:#fff;font-size:clamp(30px,4.6vw,50px);margin-bottom:18px}
.hero h1 .dest{color:var(--ouro-claro)}
.hero p.sub{font-size:clamp(16px,2.1vw,19px);color:#cfd2d6;margin-bottom:32px;max-width:560px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.hero-ctas .btn{font-size:17px;padding:16px 28px}
.hero-tags{display:flex;flex-wrap:wrap;gap:14px 22px;color:#aeb3b9;font-size:14px}
.hero-tags span{display:flex;align-items:center;gap:7px}
.hero-foto{position:relative;justify-self:center}
.hero-foto img{width:330px;max-width:100%;border-radius:16px;border:3px solid rgba(198,162,76,.55);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.hero-foto .badge-oab{position:absolute;bottom:-18px;left:-18px;background:var(--branco);color:var(--preto);padding:12px 18px;border-radius:12px;box-shadow:var(--sombra);font-size:13px;font-weight:700;line-height:1.3}
.hero-foto .badge-oab small{display:block;font-weight:500;color:var(--texto-claro);font-size:11px}

/* ===== SEÇÕES ===== */
section{padding:74px 0}
.sec-head{text-align:center;max-width:700px;margin:0 auto 48px}
.sec-head .tag{color:var(--ouro-escuro);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;font-size:12.5px}
.sec-head h2{font-size:clamp(26px,4vw,38px);margin:12px 0 14px}
.sec-head p{color:var(--texto-claro);font-size:17px}

/* ===== ÁREAS ===== */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{display:block;background:#fff;border:1px solid #ececec;border-radius:18px;padding:30px 26px 32px;box-shadow:var(--sombra);text-align:center;transition:.25s}
.card:hover{transform:translateY(-6px);border-color:var(--ouro)}
.card .foto-circ{width:130px;height:130px;margin:0 auto 18px}
.card .foto-circ img{width:130px;height:130px;border-radius:50%;object-fit:cover;border:2px solid var(--ouro)}
.card h3{font-size:21px;margin-bottom:11px}
.card p{color:var(--texto-claro);font-size:15px}
.card .saiba{display:inline-block;margin-top:16px;color:var(--ouro-escuro);font-weight:600;font-size:14px}

/* ===== SOBRE ===== */
.sobre{background:var(--cinza)}
.sobre-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.sobre-foto img{border-radius:18px;box-shadow:var(--sombra);width:100%}
.sobre h2{font-size:clamp(26px,3.6vw,36px);margin-bottom:18px}
.sobre p{color:var(--texto-claro);font-size:16px;margin-bottom:16px}
.sobre .check{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;color:var(--texto)}
.sobre .check svg{color:var(--ouro-escuro);margin-top:3px}

/* ===== INTRO (páginas de área) ===== */
.intro-area{text-align:center}
.intro-area p{max-width:860px;margin:0 auto;font-size:17px;color:var(--texto-claro)}

/* ===== LISTAS (situações / como ajudamos) ===== */
.lista-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;max-width:940px;margin:0 auto}
.lista-item{display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px solid #ececec;border-radius:12px;padding:16px 18px;box-shadow:0 6px 18px rgba(20,20,20,.05)}
.lista-item svg{color:var(--ouro-escuro);margin-top:2px;flex-shrink:0}
.lista-item span{font-size:15px;color:var(--texto)}
.ajuda{background:var(--cinza)}

/* ===== MÉTODO ===== */
.metodo{background:var(--preto);color:#fff}
.metodo .sec-head h2{color:#fff}
.metodo .sec-head .tag{color:var(--ouro-claro)}
.metodo .sec-head p{color:#b9bdc2}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.passo{text-align:center}
.passo .num{width:72px;height:72px;border-radius:50%;background:var(--preto-2);border:2.5px solid var(--ouro);color:var(--ouro-claro);font-family:'Playfair Display',serif;font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 0 0 6px rgba(198,162,76,.08)}
.passo h3{font-size:19px;margin-bottom:8px;color:#fff}
.passo p{color:#b3b7bc;font-size:15px}

/* ===== DIFERENCIAIS ===== */
.dif-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.dif{text-align:center}
.dif .ico{width:60px;height:60px;margin:0 auto 14px;border-radius:14px;background:rgba(198,162,76,.13);color:var(--ouro-escuro);display:flex;align-items:center;justify-content:center}
.dif h3{font-size:18px;margin-bottom:6px}
.dif p{color:var(--texto-claro);font-size:14px}

/* ===== FAQ ===== */
.faq-wrap{max-width:820px;margin:0 auto}
.faq-item{background:#fff;border:1px solid #ececec;border-radius:12px;margin-bottom:14px;overflow:hidden}
.faq-item summary{cursor:pointer;padding:18px 22px;font-weight:600;color:var(--preto);font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--ouro-escuro);font-size:24px;font-weight:400;line-height:1}
.faq-item[open] summary::after{content:"\2013"}
.faq-item .faq-resp{padding:0 22px 18px;color:var(--texto-claro);font-size:15px}

/* ===== DEPOIMENTOS / AVALIAÇÕES ===== */
.depo{background:linear-gradient(160deg,var(--preto),var(--grafite));color:#fff}
.depo .sec-head h2{color:#fff}
.depo .sec-head .tag{color:var(--ouro-claro)}

/* ===== CTA FINAL ===== */
.cta-final{background:linear-gradient(135deg,var(--ouro-claro) 0%,var(--ouro-escuro) 100%);text-align:center}
.cta-final h2{color:#241c08;font-size:clamp(26px,4vw,40px);margin-bottom:14px}
.cta-final p{color:#3a2f12;font-size:18px;margin-bottom:26px;max-width:640px;margin-left:auto;margin-right:auto}
.cta-final .num-grande{font-family:'Playfair Display',serif;font-size:clamp(36px,6vw,58px);color:var(--preto);font-weight:800;margin-bottom:26px;display:block;letter-spacing:1px}
.cta-final .hero-ctas{justify-content:center;margin-bottom:0}
.cta-final .btn-dark{background:var(--preto);color:#fff}
.cta-final .btn-dark:hover{background:#000}

/* ===== FOOTER ===== */
footer{background:#0d0d0d;color:#9aa0a6;padding:56px 0 28px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:38px;margin-bottom:34px}
footer h4{color:#fff;font-family:'Inter',sans-serif;font-size:15px;margin-bottom:14px;letter-spacing:.5px}
footer p,footer a{margin-bottom:8px;display:block;color:#9aa0a6}
footer a:hover{color:var(--ouro-claro)}
.foot-logo img{height:52px;margin-bottom:16px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;text-align:center;font-size:12.5px;color:#71777d;line-height:1.7}

/* ===== FLUTUANTE WHATSAPP ===== */
.float-wpp{position:fixed;right:20px;bottom:20px;z-index:60;width:62px;height:62px;border-radius:50%;background:var(--wpp);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.5);animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* ===== BARRA MOBILE ===== */
.barra-mobile{display:none}

/* ===== RESPONSIVO ===== */
@media(max-width:1020px){
  .nav-links{gap:18px}
  .nav-links a{font-size:14px}
  .header-contato .btn-ouro{display:none}
}
@media(max-width:780px){
  .nav-links{display:none}
  .header-tel{display:none}
}
@media(max-width:920px){
  .hero-inner{display:flex;flex-direction:column;gap:40px;text-align:center}
  .hero .hero-ctas,.hero .hero-tags{justify-content:center}
  .hero-foto{order:-1}
  .sobre-grid{grid-template-columns:1fr;gap:34px}
  .grid-3,.grid-4,.dif-grid,.foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .header-contato{display:none}
  .grid-3,.grid-4,.dif-grid,.foot-grid,.lista-grid{grid-template-columns:1fr}
  section{padding:54px 0}
  .hero-ctas{flex-direction:column}
  .hero-ctas .btn{width:100%}
  .float-wpp{bottom:78px}
  .barra-mobile{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid #e6e6e6;box-shadow:0 -4px 16px rgba(0,0,0,.08)}
  .barra-mobile a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:11px 6px;font-size:13px;font-weight:600}
  .barra-mobile .b-tel{color:var(--preto)}
  .barra-mobile .b-wpp{background:var(--wpp);color:#fff}
  body{padding-bottom:60px}
}