/* ═══════════════════════════════════════════════════════════════
   MACIEL & AZEVEDO — ADVOCACIA CRIMINAL
   Design inspirado em boutique de advocacia: claro, clássico, sóbrio.
   Tipografia: Montserrat (texto) · Cormorant Garamond (marca/serifa)
   ═══════════════════════════════════════════════════════════════ */

:root{
  --preto:#0E0D0C;
  --preto-2:#161514;
  --branco:#FFFFFF;
  --fundo:#FAF9F7;
  --tinta:#1C1B1A;
  --cinza:#6E6A64;
  --cinza-2:#9A958D;
  --linha:#E6E2DB;
  --linha-escura:#2A2825;
  --bronze:#A98A5B;
  --bronze-2:#8F7347;
  --serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --num:'Playfair Display', Georgia, serif;
  --titulo:'Cinzel', Georgia, 'Times New Roman', serif;
  --sans:'Montserrat', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --header-h:76px;
  --safe-top:env(safe-area-inset-top, 0px);
  --safe-bot:env(safe-area-inset-bottom, 0px);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  font-family:var(--sans);
  background:var(--fundo);
  color:var(--tinta);
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:rgba(169,138,91,.16);
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}

::selection{background:var(--preto);color:var(--branco)}

/* ── Utilitários ─────────────────────────────── */
.wrap{max-width:1600px;margin:0 auto;padding:0 3vw}
@media(min-width:1700px){.wrap{padding:0 48px}}

.kicker{
  font-size:13px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--bronze-2);
}
.kicker--dark{color:var(--cinza-2)}

.sec-head{display:flex;align-items:baseline;gap:0;border-bottom:1px solid var(--linha);padding-bottom:12px;margin-bottom:22px}
.sec-num{font-size:12px;font-weight:600;letter-spacing:.25em;color:var(--cinza-2)}
.sec-title{font-family:var(--titulo);font-size:clamp(22px,2.8vw,37px);font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.14}

.h-display{
  font-size:clamp(38px,5.4vw,72px);
  font-weight:600;letter-spacing:.06em;line-height:1.08;
  text-transform:uppercase;
}
.h-page{
  font-family:var(--titulo);
  font-size:clamp(31px,4.3vw,54px);
  font-weight:600;letter-spacing:.07em;line-height:1.14;
  text-transform:uppercase;
}

.lead{font-size:18px;color:var(--cinza);max-width:600px;line-height:1.8}

/* Link com seta */
.arrow-link{
  display:inline-flex;align-items:center;gap:14px;
  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tinta);padding-bottom:8px;border-bottom:1px solid var(--tinta);
  transition:color .3s,border-color .3s,gap .3s;
}
.arrow-link .ar{transition:transform .3s;font-family:Arial, sans-serif}
.arrow-link:hover{color:var(--bronze-2);border-color:var(--bronze-2)}
.arrow-link:hover .ar{transform:translateX(6px)}
.arrow-link--light{color:#EDEBE7;border-color:#EDEBE7}
.arrow-link--light:hover{color:var(--bronze);border-color:var(--bronze)}

/* Reveal on scroll */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.6,.2,1),transform .9s cubic-bezier(.2,.6,.2,1)}
.rv.on{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* ═══ HEADER ═══════════════════════════════════ */
.header{
  position:fixed;inset:0 0 auto 0;z-index:100;
  background:rgba(14,13,12,.97);
  border-bottom:1px solid rgba(255,255,255,.06);
  padding-top:var(--safe-top);
  transition:background .3s;
}
.header-in{
  max-width:1600px;margin:0 auto;height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 3vw;
}
.brand{display:flex;flex-direction:column;line-height:1;color:#fff}
.brand-name{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:.06em}
.brand-name .amp{color:var(--bronze)}
.brand-sub .amp{color:var(--bronze)}
.brand-sub{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#CFC9C0;margin-top:6px}
.nav{display:flex;gap:36px;align-items:center}
.nav a{
  font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:#D8D4CD;padding:6px 0;position:relative;transition:color .3s;
}
.nav a::after{
  content:'';position:absolute;left:0;bottom:0;width:0;height:1px;
  background:var(--bronze);transition:width .3s;
}
.nav a:hover,.nav a.active{color:#fff}
.nav a:hover::after,.nav a.active::after{width:100%}

.burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.burger span{display:block;width:26px;height:2px;background:#fff;margin:6px 0;transition:.3s}

@media(max-width:960px){
  .nav{
    position:fixed;top:calc(var(--header-h) + var(--safe-top));right:0;bottom:0;width:min(320px,84vw);
    background:var(--preto);flex-direction:column;align-items:flex-start;
    gap:8px;padding:40px 34px;transform:translateX(100%);transition:transform .35s;
    border-left:1px solid var(--linha-escura);
  }
  .nav.open{transform:none}
  /* fundo escuro atras do menu: tocar nele fecha e volta para onde estava */
  .nav-backdrop{
    position:fixed;inset:0;z-index:99;background:rgba(10,9,8,.55);
    opacity:0;pointer-events:none;transition:opacity .35s;
  }
  body.menu-open .nav-backdrop{opacity:1;pointer-events:auto}
  .nav a{font-size:13px;padding:12px 0;width:100%;border-bottom:1px solid var(--linha-escura)}
  .burger{display:block}
  body.menu-open .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  body.menu-open .burger span:nth-child(2){opacity:0}
  body.menu-open .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}

/* ═══ HERO (home) ══════════════════════════════ */
.hero{
  min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
  position:relative;background:
    radial-gradient(1100px 520px at 78% 18%, rgba(169,138,91,.10), transparent 60%),
    radial-gradient(900px 600px at 12% 85%, rgba(169,138,91,.05), transparent 55%),
    linear-gradient(175deg,#131211 0%,#0E0D0C 55%,#0A0908 100%);
  color:#fff;padding-top:calc(var(--header-h) + var(--safe-top));
}
.hero-slides{position:absolute;inset:0;overflow:hidden}
.hero-slide{
  position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transform:scale(1.06);
  transition:opacity 1.4s ease,transform 1.4s ease;
}
.hero-slide.on{opacity:1;transform:scale(1);transition:opacity 1.4s ease,transform 6.6s linear}
.hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(to top,rgba(10,9,8,.92) 0%,rgba(10,9,8,.45) 42%,rgba(10,9,8,.30) 100%);
}
.hero-ctrl{
  position:absolute;right:6vw;bottom:88px;z-index:3;display:flex;align-items:center;gap:22px;
}
.hero-ctrl button{
  background:none;border:0;color:#CFCAC2;font-size:20px;cursor:pointer;
  font-family:Arial,sans-serif;padding:6px;transition:color .3s;
}
.hero-ctrl button:hover{color:var(--bronze)}
.hero-count{display:flex;gap:14px}
.hero-count span{
  font-size:11px;letter-spacing:.18em;color:#7A756D;cursor:pointer;
  padding-bottom:6px;border-bottom:1px solid transparent;transition:color .3s,border-color .3s;
}
.hero-count span.on{color:#fff;border-color:var(--bronze)}
@media(max-width:700px){.hero-ctrl{bottom:auto;top:calc(var(--header-h) + 18px);right:5vw}}
.hero-mark{
  z-index:1;
  position:absolute;top:50%;right:6vw;transform:translateY(-58%);
  font-family:var(--serif);font-size:clamp(200px,30vw,430px);line-height:1;
  color:rgba(255,255,255,.045);user-select:none;pointer-events:none;
}
.hero-in{position:relative;z-index:2;width:100%;padding-bottom:60px}
.hero-title{
  font-family:var(--serif);
  font-size:clamp(44px,6.6vw,96px);
  font-weight:500;line-height:1.04;letter-spacing:.015em;
  max-width:13ch;margin:26px 0 34px;
}
.hero-title em{font-style:italic;color:var(--bronze)}
.hero-foot{
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.12);padding-top:26px;
}
.hero-tags{display:flex;gap:26px;flex-wrap:wrap}
.hero-tags span{font-size:12.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#B9B4AC}

/* ═══ SEÇÕES CLARAS ════════════════════════════ */
.sec{padding:40px 0}
.sec--tight{padding:88px 0}

/* Split escritório */
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:start}
.split-title{margin-bottom:26px;
  font-family:var(--num);
  font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:.005em;
  line-height:1.16;text-transform:none;
}
.split-copy p{color:var(--cinza);margin-bottom:24px}
.split-copy strong{color:var(--tinta);font-weight:600}
@media(max-width:900px){.split{grid-template-columns:1fr}}

/* Números */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha);margin-top:40px}
.stat{background:var(--fundo);padding:38px 30px}
.stat b{font-family:var(--num);font-size:38px;font-weight:600;letter-spacing:.04em;display:block;line-height:1}
.stat b i{font-style:normal;color:var(--bronze);font-size:26px;font-weight:600}
.stat span{font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#7C776F;display:block;margin-top:12px}
@media(max-width:700px){
  .stats{grid-template-columns:1fr;margin-top:26px}
  .stat{display:flex;align-items:center;gap:16px;padding:15px 18px}
  .stat b{font-size:29px;flex:0 0 84px;line-height:1}
  .stat b i{font-size:19px}
  .stat span{margin-top:0;font-size:11.5px;letter-spacing:.06em;line-height:1.35}
}

/* ═══ ÁREAS — lista numerada (accordion) ═══════ */
.areas-list{margin-top:-10px}
.area-item{border-bottom:1px solid var(--linha)}
.area-btn{
  width:100%;display:flex;align-items:center;gap:34px;background:none;border:0;
  padding:22px 8px;cursor:pointer;text-align:left;font-family:var(--sans);color:var(--tinta);
}
.area-btn .n{font-size:12px;letter-spacing:.1em;color:var(--cinza-2);min-width:34px}
.area-btn .t{
  font-size:clamp(16px,1.8vw,22px);font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;flex:1;transition:color .3s;
}
.area-btn .pm{font-size:22px;color:var(--cinza-2);font-weight:300;transition:transform .3s}
.area-item:hover .t{color:var(--bronze-2)}
.area-item.open .pm{transform:rotate(45deg)}
.area-body{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.6,.2,1)}
.area-body-in{padding:0 8px 26px 68px;max-width:820px}
.area-body-in p{color:#4E4B45;font-size:17.5px;line-height:1.85;max-width:820px}
@media(max-width:700px){.area-body-in{padding-left:8px}}

/* ═══ EQUIPE — cards ═══════════════════════════ */
.socios-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
@media(max-width:820px){.socios-grid{grid-template-columns:1fr}}
.p-card{
  position:relative;display:block;overflow:hidden;background:var(--preto);
  aspect-ratio:4/4.55;
}
.p-card img{width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform 1s cubic-bezier(.2,.6,.2,1),opacity .6s;opacity:.96}
.p-card:hover img{transform:scale(1.045)}
.p-card::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,9,8,.88) 0%,rgba(10,9,8,.34) 34%,transparent 62%);
}
.p-card-info{position:absolute;left:34px;right:34px;bottom:32px;z-index:2;color:#fff}
.p-card-info .role{display:block;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#C9C4BC}
.p-card-info .name{
  font-size:clamp(24px,2.6vw,36px);font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;margin-top:10px;display:flex;align-items:center;gap:18px;
}
.p-card-info .name .ar{font-size:.7em;transition:transform .3s;font-family:Arial}
.p-card:hover .name .ar{transform:translateX(8px);color:var(--bronze)}

/* lista advogados (cards menores) */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.team-grid--5{grid-template-columns:repeat(5,1fr);gap:12px}
@media(max-width:1080px){.team-grid,.team-grid--5{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:560px){.team-grid,.team-grid--5{grid-template-columns:1fr}}
.t-card{position:relative;display:block;overflow:hidden;background:var(--preto);aspect-ratio:3/3.9}
.team-grid--5 .t-card{aspect-ratio:3/4}
.t-card img{width:100%;height:100%;object-fit:cover;object-position:center 15%;transition:transform 1s cubic-bezier(.2,.6,.2,1)}
.t-card:hover img{transform:scale(1.05)}
.t-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,9,8,.86) 0%,rgba(10,9,8,.25) 38%,transparent 62%)}
.t-card-info{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}
.t-card-info .role{display:block;font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#C9C4BC}
.t-card-info .name{display:block;font-family:var(--titulo);font-size:17.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin-top:8px}

/* ═══ PÁGINA DE PERFIL ═════════════════════════ */
.profile{padding:calc(var(--header-h) + var(--safe-top) + 44px) 0 72px}
.profile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;gap:20px;flex-wrap:wrap}
.back-link{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza);transition:color .3s}
.back-link:hover{color:var(--tinta)}
.profile-tag{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza-2)}
.profile-grid{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:6vw;align-items:start}
@media(max-width:880px){.profile-grid{grid-template-columns:1fr}}
.profile-photo{background:var(--preto);overflow:hidden}
.profile-photo img{width:100%;aspect-ratio:3/3.8;object-fit:cover;object-position:center 12%}
.profile-name{font-family:var(--titulo);font-size:clamp(28px,3.6vw,48px);font-weight:600;letter-spacing:.07em;text-transform:uppercase;line-height:1.16;margin:14px 0 30px}
.profile-rule{border:0;border-top:1px solid var(--linha);margin-bottom:34px}
.profile-bio p{color:var(--cinza);margin-bottom:22px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 40px}
.chips span{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-2);border:1px solid var(--linha);padding:9px 16px}
.profile-links{display:flex;gap:36px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--linha);padding-top:30px}
.profile-next{margin-top:80px;border-top:1px solid var(--linha);padding-top:30px;display:flex;justify-content:flex-end}
.profile-next a{text-align:right}
.profile-next .lbl{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza-2);display:block;margin-bottom:10px}
.profile-next .nm{font-size:clamp(20px,2.4vw,30px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:color .3s}
.profile-next a:hover .nm{color:var(--bronze-2)}

/* ═══ FAIXA ESCURA (nacional / CTA) ════════════ */
.band{background:var(--preto);color:#fff;padding:84px 0;position:relative;overflow:hidden}
.band::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(900px 420px at 85% 20%, rgba(169,138,91,.12), transparent 60%);
}
.band .kicker{color:#8F8B84}
.band-title{
  font-family:var(--serif);font-size:clamp(32px,4.4vw,62px);font-weight:500;
  line-height:1.12;max-width:22ch;margin:24px 0 30px;position:relative;
}
.band-title em{font-style:italic;color:var(--bronze)}
.band p{color:#A8A49C;max-width:560px;position:relative}
.band .arrow-link{margin-top:38px}

/* ═══ MÉTODO ═══════════════════════════════════ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha)}
@media(max-width:1000px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}
.step{background:var(--fundo);padding:40px 30px}
.step .n{font-family:var(--num);font-size:32px;font-weight:600;letter-spacing:.06em;color:var(--bronze);line-height:1}
.step h3{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;color:var(--bronze-2)}
.step p{font-size:14.5px;color:var(--cinza)}

/* ═══ FAQ ══════════════════════════════════════ */
.faq-list{max-width:860px;margin-top:-16px}
.faq-item{border-bottom:1px solid var(--linha)}
.faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;
  background:none;border:0;padding:26px 6px;cursor:pointer;text-align:left;
  font-family:var(--sans);font-size:16px;font-weight:600;color:var(--tinta);
}
.faq-q .pm{font-size:22px;font-weight:300;color:var(--cinza-2);transition:transform .3s;flex-shrink:0}
.faq-item.open .pm{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.2,.6,.2,1)}
.faq-a p{padding:0 6px 26px;color:var(--cinza);max-width:700px}

/* ═══ CONTATO ══════════════════════════════════ */
.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:start}
@media(max-width:880px){.contact-grid{grid-template-columns:1fr}}
.c-item{border-top:1px solid var(--linha);padding:24px 0}
.c-item .lbl{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza-2);margin-bottom:8px}
.c-item .val{font-size:19px;font-weight:500}
.c-item a.val:hover{color:var(--bronze-2)}
.wa-btns{display:flex;flex-direction:column;gap:16px;margin-top:12px}
.wa-btn{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  border:1px solid var(--tinta);padding:20px 26px;
  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  transition:background .3s,color .3s;
}
.wa-btn:hover{background:var(--preto);color:#fff}
.wa-btn .ar{font-family:Arial}
.plantao{margin-top:34px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze-2)}

/* ═══ FOOTER ═══════════════════════════════════ */
.footer{background:var(--preto);color:#8F8B84;padding:60px 0 32px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid var(--linha-escura)}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr}}
.footer .brand-name{font-size:24px}
.footer p{font-size:13.5px;max-width:340px;margin-top:18px}
.footer h4{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#C9C4BC;margin-bottom:20px}
.footer li{margin-bottom:12px}
.footer li a{font-size:13.5px;transition:color .3s}
.footer li a:hover{color:#fff}
.footer-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:28px;font-size:11.5px;letter-spacing:.06em}

/* WhatsApp flutuante */
.wa-float{
  position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + var(--safe-bot));z-index:90;width:60px;height:60px;
  border-radius:50%;background:#0E0D0C;border:1px solid rgba(255,255,255,.14);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 30px rgba(0,0,0,.28);transition:transform .3s,background .3s;
}
.wa-float:hover{transform:scale(1.07);background:#1E5B3F}
.wa-float svg{width:28px;height:28px;fill:#fff}

/* Página interna: título */
.page-hero{padding:calc(var(--header-h) + var(--safe-top) + 80px) 0 70px}
.page-hero .lead{margin-top:26px}

/* ═══ HERO INTERNO COM FOTO ════════════════════ */
.ph-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}
@media(max-width:880px){.ph-grid{grid-template-columns:1fr}}
.ph-photo{position:relative;background:var(--preto);overflow:hidden}
.ph-photo img{width:100%;aspect-ratio:4/3.1;object-fit:cover;object-position:center 14%}
.ph-photo::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ph-photo .tag{
  position:absolute;left:22px;bottom:18px;z-index:2;color:#fff;
  font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  background:rgba(14,13,12,.72);padding:10px 16px;
}

/* Faixa "quem conduz" (áreas) */
.conduz{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:6vw;align-items:center;border:1px solid var(--linha);padding:0}
@media(max-width:880px){.conduz{grid-template-columns:1fr}}
.conduz-photo{background:var(--preto);height:100%}
.conduz-photo img{width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center 12%}
.conduz-body{padding:44px 44px 44px 0}
@media(max-width:880px){.conduz-body{padding:34px}}
.conduz-body h3{font-size:clamp(20px,2.4vw,30px);font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.25;margin:14px 0 18px}
.conduz-body p{color:var(--cinza);max-width:560px;margin-bottom:26px}


/* ═══ GALERIA DO ESCRITÓRIO ════════════════════ */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:820px){.gallery{grid-template-columns:1fr}}
.gallery figure{margin:0;overflow:hidden;background:var(--preto)}
.gallery img{width:100%;aspect-ratio:4/2.9;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.2,1)}
.gallery figure:hover img{transform:scale(1.05)}
.gallery .wide{grid-column:1/-1}
.gallery .wide img{aspect-ratio:16/6.5}


/* ═══ PAGE HERO ESCURO ═════════════════════════ */
.page-hero--dark{position:relative;background:var(--preto);color:#fff;min-height:60vh;display:flex;align-items:center;padding:calc(var(--header-h) + var(--safe-top) + 56px) 0 76px;overflow:hidden}
.page-hero--dark .ph-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.45;transform:scale(1.04)}
.page-hero--dark::before{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to right,rgba(10,9,8,.96) 20%,rgba(10,9,8,.72) 55%,rgba(10,9,8,.42) 100%)}
.page-hero--dark .wrap{position:relative;z-index:2;width:100%}
.page-hero--dark .kicker{color:var(--bronze)}
.page-hero--dark .lead{color:#C9C4BC}
.page-hero--dark .h-page{color:#fff}
.page-hero--dark .ph-photo{box-shadow:0 30px 60px rgba(0,0,0,.45)}

/* foto do sócio no hero do escritório: maior e centralizada */
.ph-grid--big{grid-template-columns:1fr minmax(320px,470px);align-items:center}
.ph-photo--tall img{aspect-ratio:4/3.3;object-position:55% 46%}


/* ═══ PRELOADER (home) ═════════════════════════ */
.preloader{position:fixed;inset:0;z-index:999;background:#0E0D0C;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}
.preloader .pl-gm{font-family:var(--serif);font-size:clamp(56px,8vw,84px);color:#C9A45C;opacity:0;transform:scale(.92)}
.preloader .pl-line{width:0;height:1px;background:var(--bronze-2)}
.preloader .pl-sub{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#8F8B84;opacity:0}
.preloader.go .pl-gm{animation:plin 1s .1s cubic-bezier(.2,.6,.2,1) forwards}
.preloader.go .pl-line{animation:plline .9s .4s cubic-bezier(.2,.6,.2,1) forwards}
.preloader.go .pl-sub{animation:plin .7s .7s forwards}
.preloader.done{animation:pllift .85s cubic-bezier(.7,0,.3,1) forwards}
.preloader.skip{display:none}
@keyframes plin{to{opacity:1;transform:none}}
@keyframes plline{to{width:130px}}
@keyframes pllift{to{transform:translateY(-101%)}}
@media(prefers-reduced-motion:reduce){.preloader{display:none}}

/* ═══ EQUIPE: P&B → cor ════════════════════════ */
.p-card img{filter:grayscale(1)}
.p-card:hover img{filter:grayscale(0)}
.p-card img{transition:transform 1s cubic-bezier(.2,.6,.2,1),opacity .6s,filter .8s ease}
.t-card img{transition:transform 1s cubic-bezier(.2,.6,.2,1)}

/* ═══ MENU INTELIGENTE ═════════════════════════ */
.header{transition:transform .45s cubic-bezier(.4,0,.2,1),background .3s}
.header.hide{transform:translateY(-110%)}

/* ═══ LETREIRO ═════════════════════════════════ */
.mq{overflow:hidden;background:#1A1713;border-top:1px solid rgba(169,138,91,.35);border-bottom:1px solid rgba(169,138,91,.35);padding:12px 0}
.mq-track{display:flex;gap:46px;width:max-content;animation:mq 26s linear infinite}
.mq-track span{font-family:var(--serif);font-size:clamp(17px,1.9vw,23px);color:#EDEBE7;white-space:nowrap}
.mq-track span i{font-style:normal;color:var(--bronze-2);margin-left:46px}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mq-track{animation:none}}


/* ═══ FAIXA ESCURA COM FOTO DE FUNDO ═══════════ */
.band{isolation:isolate}
.band-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.42;z-index:-1}
.band--img::before{content:'';position:absolute;inset:0;z-index:0;
  background:linear-gradient(90deg,rgba(10,9,8,.95) 0%,rgba(10,9,8,.78) 52%,rgba(10,9,8,.5) 100%)}
.band--img .wrap{position:relative;z-index:1}

/* ═══ MÉTODO COM IMAGEM ════════════════════════ */
.metodo{display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:34px;align-items:stretch}
@media(max-width:900px){.metodo{grid-template-columns:1fr}}
.metodo-img{position:relative;overflow:hidden;background:var(--preto);min-height:280px}
.metodo-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.metodo-img:hover img{transform:scale(1.05)}
.metodo-img figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:18px 22px;color:#fff;
  font-family:var(--serif);font-size:20px;line-height:1.3;
  background:linear-gradient(to top,rgba(10,9,8,.9),transparent);
}
.steps--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:560px){.steps--2{grid-template-columns:1fr}}


/* ═══ SÓCIO FUNDADOR (bloco horizontal) ════════ */
.socios-feature-wrap{display:block}
.socio-feature{
  display:grid;grid-template-columns:minmax(260px,42%) 1fr;
  border:1px solid var(--linha);background:#fff;overflow:hidden;
}
@media(max-width:860px){.socio-feature{grid-template-columns:1fr}}
.sf-photo{position:relative;background:var(--preto);overflow:hidden;min-height:0}
.sf-photo img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;
  filter:grayscale(1);transition:filter .8s ease,transform 1.1s cubic-bezier(.2,.6,.2,1);
}
.socio-feature:hover .sf-photo img{filter:grayscale(0);transform:scale(1.045)}
.sf-body{padding:44px 46px 40px;display:flex;flex-direction:column;align-items:flex-start}
.sf-name{
  font-family:var(--titulo);
  font-size:clamp(24px,2.8vw,37px);font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;line-height:1.1;margin:10px 0 20px;
}
.sf-body > p{color:var(--cinza);max-width:58ch;margin-bottom:22px}
.socio-feature .chips{margin:0 0 28px}
.socio-feature .arrow-link{margin-top:4px}
@media(max-width:860px){
  .sf-photo{position:relative;min-height:0;aspect-ratio:4/3.4}
  .sf-body{padding:30px 26px 28px}
}


/* ═══ O ESCRITÓRIO (home) ══════════════════════ */
.firma{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,54px);align-items:center}
@media(max-width:900px){.firma{grid-template-columns:1fr;gap:24px}}
.firma-img{margin:0;position:relative;overflow:hidden;background:var(--preto);aspect-ratio:3/2}
.firma-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.firma-img:hover img{transform:scale(1.05)}
.firma-body .split-title{font-size:clamp(26px,3vw,40px);line-height:1.18;margin-bottom:24px}
.firma-body > p{color:var(--cinza);font-size:17px;max-width:54ch;margin-bottom:26px}
.firma-list{margin:0 0 28px;display:flex;flex-direction:column;gap:13px}
.firma-list li{
  position:relative;padding-left:26px;font-size:15px;font-weight:500;color:var(--tinta);
}
.firma-list li::before{
  content:'';position:absolute;left:0;top:.62em;width:12px;height:1px;background:var(--bronze);
}


/* imagem sob o título na coluna esquerda (evita coluna vazia) */
.split-img{margin:34px 0 0;position:relative;overflow:hidden;background:var(--preto);aspect-ratio:3/2}
.split-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.split-img:hover img{transform:scale(1.05)}
@media(max-width:900px){.split-img{margin-top:24px}}


/* ═══ ÁREAS — MOSAICO ESCURO ═══════════════════ */
.areas-mosaic{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--linha-escura);border:1px solid var(--linha-escura);
}
@media(max-width:900px){.areas-mosaic{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.areas-mosaic{grid-template-columns:1fr}}
.am-item{
  position:relative;background:#141210;height:222px;overflow:hidden;
  transition:background .4s;
}
.am-item:hover{background:#1C1916}
.am-item::after{
  content:'';position:absolute;left:0;bottom:0;width:0;height:2px;z-index:2;
  background:var(--bronze);transition:width .5s cubic-bezier(.2,.6,.2,1);
}
.am-item:hover::after{width:100%}
.am-inner{position:absolute;left:0;right:0;top:0;padding:28px 22px 0}
.am-item h3{
  font-size:15px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  color:#fff;margin:0;line-height:1.35;
}
.am-desc{
  max-height:0;opacity:0;overflow:hidden;
  transition:max-height .5s cubic-bezier(.2,.6,.2,1),opacity .4s;
}
.am-item:hover .am-desc{max-height:220px;opacity:1}
.am-desc p{font-size:13px;line-height:1.7;color:#A8A49C;margin:22px 0 0}
@media(hover:none){
  .am-item{height:auto;min-height:0}
  .am-inner{position:static;padding:26px 22px 28px}
  .am-desc{max-height:none;opacity:1}
  .am-item::after{width:100%}
}


/* letreiro sobreposto: metade no hero escuro, metade na seção clara */
.mq--overlap{position:relative;z-index:6;margin-top:-26px;margin-bottom:-26px;box-shadow:0 12px 28px rgba(10,9,8,.26)}
.sec--under-mq{padding-top:66px}
@media(max-width:700px){
  .mq--overlap{margin-top:-22px;margin-bottom:-22px}
  .sec--under-mq{padding-top:58px}
}


/* ═══ ÁREAS — LISTA EM DUAS COLUNAS ════════════ */
.areas-list2{display:grid;grid-template-columns:1fr 1fr;gap:30px 5vw}
@media(max-width:760px){.areas-list2{grid-template-columns:1fr;gap:24px}}
.al-item{
  position:relative;overflow:hidden;padding:18px 22px;
  border-left:1px solid var(--linha);transition:border-color .4s;
}
.al-item::before{
  content:'';position:absolute;inset:0;background:var(--preto);z-index:0;
  transform:scaleX(0);transform-origin:left;
  transition:transform .55s cubic-bezier(.7,0,.2,1);
}
.al-item:hover::before{transform:scaleX(1)}
.al-item:hover{border-left-color:var(--bronze)}
.al-item h3,.al-item p{position:relative;z-index:1;transition:color .35s}
.al-item h3{
  font-size:17px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  margin:0 0 10px;
}
.al-item:hover h3{color:var(--bronze)}
.al-item p{font-size:14.5px;line-height:1.78;color:var(--cinza);margin:0;max-width:52ch}
.al-item:hover p{color:#B9B4AC}
@media(hover:none){.al-item::before{display:none}}


/* ═══ HEADER EDITORIAL CENTRADO (O Escritório) ═══ */
.page-hero--center{
  position:relative;background:var(--preto);color:#fff;overflow:hidden;
  min-height:56vh;display:flex;align-items:center;text-align:center;
  padding:calc(var(--header-h) + var(--safe-top) + 58px) 0 74px;
}
.page-hero--center .ph-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:.3;transform:scale(1.03);
}
.page-hero--center::before{
  content:'';position:absolute;inset:0;z-index:1;
  background:radial-gradient(ellipse at 50% 45%,rgba(10,9,8,.5),rgba(10,9,8,.94) 78%);
}
.page-hero--center .wrap{position:relative;z-index:2;width:100%}
.ph-center-in{max-width:1240px;margin:0 auto}
.page-hero--center .kicker{color:var(--bronze)}
.ph-rule{width:54px;height:1px;background:var(--bronze);margin:18px auto 22px}
.ph-title{
  font-family:var(--serif);font-size:clamp(32px,5.6vw,74px);font-weight:500;
  color:#fff;margin:0;line-height:1.08;letter-spacing:.01em;text-wrap:balance;
}
.ph-title em{font-style:italic;color:var(--bronze)}
.page-hero--center .lead{color:#B9B4AC;font-size:16.5px;line-height:1.8;margin:24px auto 0;max-width:86ch}
@media(max-width:700px){.page-hero--center{min-height:0;padding:calc(var(--header-h) + var(--safe-top) + 44px) 0 54px}}


/* cabeçalho de seção sem o filete */
.sec-head--bare{border-bottom:0;padding-bottom:0;margin-bottom:26px}


/* iOS: sem estado de hover preso depois do toque */
@media(hover:none){
  .t-card:hover img,.socio-feature:hover .sf-photo img,.firma-img:hover img,
  .gallery figure:hover img,.metodo-img:hover img,.split-img:hover img{transform:none}
  .socio-feature .sf-photo img{filter:none}
}


/* ═══ FACHADA (Contato) ════════════════════════ */
.fachada{
  display:grid;grid-template-columns:1.15fr 1fr;
  border:1px solid var(--linha);background:#fff;overflow:hidden;
}
@media(max-width:820px){.fachada{grid-template-columns:1fr}}
.fachada-pic{position:relative;background:var(--preto);overflow:hidden;min-height:300px}
.fachada-pic img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform 1.2s cubic-bezier(.2,.6,.2,1);
}
.fachada-pic:hover img{transform:scale(1.04)}
@media(max-width:820px){.fachada-pic{min-height:0;aspect-ratio:16/10}}
.fachada-txt{padding:38px 36px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.fachada-txt h2{
  font-family:var(--num);font-size:clamp(24px,2.6vw,34px);font-weight:600;
  line-height:1.18;margin:12px 0 14px;
}
.fachada-txt p{color:var(--cinza);font-size:15px;line-height:1.8;margin:0 0 24px;max-width:46ch}
@media(max-width:820px){.fachada-txt{padding:28px 24px}}

/* HERO NO CELULAR: foto deitada, inteira */
@media(max-width:760px){
  .hero{
    min-height:0;display:block;background:var(--preto);
    padding-top:calc(var(--header-h) + var(--safe-top));
  }
  .hero-slides{position:relative;inset:auto;width:100%;aspect-ratio:3/2;overflow:hidden}
  /* no celular so a transicao de opacidade: zoom pesa e trava no iPhone */
  .hero-slide{background-position:center 48%;transform:none;transition:opacity 1.2s ease}
  .hero-slide.on{transform:none;transition:opacity 1.2s ease}
  .hero::before{display:none}
  .hero-slides::after{
    content:'';position:absolute;inset:0;z-index:3;pointer-events:none;
    background:linear-gradient(to top,rgba(10,9,8,.70) 0%,rgba(10,9,8,.10) 46%,transparent 74%);
  }
  .hero-mark{display:none}
  .wrap{padding:0 5.5vw}
  .hero-in{padding-block:26px 40px}
  .hero-title{font-size:clamp(33px,9.4vw,48px);max-width:none;margin:16px 0 26px}
  .hero-foot{padding-top:22px}
  .hero-tags{gap:13px 20px}
  .hero-tags span{font-size:11.5px}
}