/* Identidade verde do escritório (verde da logo #185830), compartilhada com o painel. */
:root{--gold:#185830;--gold2:#11311d;--gold3:#0d2616;--bg:#f6f8f5;--bg2:#e8efe9;--line:rgba(17,49,29,.16);--ok:#2f7a4a;--r:5px}
body{background:var(--bg)}.btn.gold{background:#185830;border-color:#185830;color:#fffdf8}.btn.gold:hover{background:#0f4524}.btn.line{color:#11311d;border-color:#3f7a53}.mk i,.marca small,footer small,.go,.contatos b{color:#185830}
.hero,.phero{background:#0e2616}.hero::before,.phero::before{background:linear-gradient(100deg,rgba(10,30,18,.97),rgba(17,49,29,.83) 58%,rgba(10,30,18,.92)),url('/fotos/justica.jpg') center/cover}
.hero h1 em,.hero .eyebrow,.phero .eyebrow{color:#b9d8c4}.hero .btn.line,.phero .btn.line{color:#d7e8dc;border-color:#7fae8d}.hero .cta2 a,.hero .cta2 button{color:#d7e8dc}.retrato{border-color:#7fae8d!important}.tile::after,.area::after,.noticia::after{background:#2f7a4a}.area .n{color:#18583025}.selo{border-color:#18583055}
footer,.chat-h,.chatfab{background:#11311d}.chatfab{border-color:#3f7a53}.chatfab svg,.chat-h small,.chat-h .av{color:#b9d8c4}.m.cli{background:#11311d}.btn:disabled{opacity:.6;cursor:wait;transform:none}
.lead-form label{display:grid;gap:5px;font-size:13px}.lead-form .ck{display:flex;align-items:flex-start;line-height:1.5}.lead-form textarea{resize:vertical}
.admin-shell{max-width:1280px}.admin-topbar{background:#fffdf8;border-bottom:1px solid var(--line)}.admin-topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:18px}.admin-topbar .marca .brand-logo{width:62px;height:62px}.admin-topbar .brand-copy small{display:block;font-size:9px;letter-spacing:.2em;color:#185830}.admin-topbar a.back{font-size:13px;color:#11311d}
#login{margin:8vh auto;padding:34px;box-shadow:0 24px 60px #11311d12;border-top:3px solid #185830;max-width:450px}#login .login-logo{width:95px;height:95px;object-fit:contain;background:white;margin-bottom:14px}#login .mk{display:block}#login p{font-size:14px;color:var(--mut);margin:12px 0 20px}#fl{text-align:left}#fl label{display:block;font-size:13px;margin-bottom:7px}.ph{padding:30px 0}.abas button{border-radius:4px}.abas button.on{background:#11311d;color:white;border-color:#11311d}.kpi,.bloco{border-radius:5px}.leads-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.leads-head h2{font-size:30px}.filtros{margin-top:22px}.filtros label{font-size:13px;display:grid;gap:5px}.lead-list{display:grid;gap:14px}.lead-card{display:grid;grid-template-columns:1fr 200px;gap:24px;background:#fffdf8;border:1px solid var(--line);border-radius:5px;padding:24px}.lead-card h3{margin-top:12px}.lead-badges{display:flex;gap:6px;flex-wrap:wrap}.lead-excerpt{margin-top:12px;font-size:15px;color:#4a5060;overflow-wrap:anywhere}.lead-actions{display:grid;gap:10px;align-content:start}.lead-actions label{font-size:12px}.lead-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.lead-meta dt{font-size:12px;text-transform:uppercase;color:#185830}.lead-meta dd{font-size:15px;overflow-wrap:anywhere}.lead-summary,.thread-msg p{white-space:pre-wrap;overflow-wrap:anywhere}.lead-summary{margin:12px 0 28px}.lead-thread{display:grid;gap:12px;max-height:600px;overflow:auto}.thread-msg{padding:15px 18px;border:1px solid var(--line);border-radius:5px;background:#eef3ee}.thread-msg b{font-size:12px;color:#11311d}.thread-msg.assistant{background:#fffdf8}.thread-msg p{font-size:14px}.admin-shell section{padding:0}
@media(max-width:640px){.admin-topbar .mk{font-size:20px}.admin-topbar .wrap{padding:12px 18px}.admin-topbar .marca .brand-logo{width:48px;height:48px}.admin-topbar a.back{font-size:12px}.admin-shell{padding:0 16px}.lead-card{grid-template-columns:1fr;padding:20px}.lead-meta{grid-template-columns:1fr 1fr}.lead-actions{grid-template-columns:1fr 1fr}.lead-actions label{grid-column:1/-1}#login{margin:32px auto;padding:24px}.ph .row{width:100%}.ph .btn{font-size:10px;white-space:normal}.abas{gap:8px}.abas button{padding:10px 12px;font-size:12px}}

.admin-welcome{padding:62px 0 32px;text-align:center;max-width:740px;margin:auto}.admin-welcome h1{font-size:clamp(34px,5vw,52px);margin:18px 0;color:#11311d}.admin-welcome>p{max-width:540px;margin:auto;color:#4d5a51;font-size:16px}.welcome-line{margin-top:22px;font-size:9px;letter-spacing:.25em;color:#5b8a69}#login{margin:18px auto 70px;position:relative;background:#fffdf8;border-top:3px solid #185830}.admin-topbar{box-shadow:0 3px 18px #11311d06}.ph{background:linear-gradient(115deg,#0f3d22,#185830);color:#f4f3eb;padding:38px;border-radius:7px;margin-top:30px;border:1px solid #2f7a4a;box-shadow:0 20px 40px -30px #11311d66}.ph h1{font-size:38px;margin:12px 0}.ph p{font-size:14px;color:#d7e8dc}.ph .eyebrow{color:#b9d8c4}.ph .btn.line{color:#e8f1ea;border-color:#9aa587}.ph .btn.line:hover{background:#ffffff0c}.abas{padding:14px;background:#fffdf8;border:1px solid var(--line);border-radius:5px;gap:10px}.abas button{background:transparent;border:0;color:#4d5a51}.abas button.on{background:#11311d;color:white;box-shadow:0 5px 12px #11311d20}.kpi{border-top:3px solid #4f8a63;box-shadow:0 8px 24px #11311d05;padding:25px 20px}.kpi b{font-size:40px;margin-bottom:7px}.kpi span{font-size:12px}.tag2{background:#18583012}.lead-card{box-shadow:0 10px 30px #11311d04}.lead-card:hover{border-color:#8fb59d}.leads-head h2{color:#11311d}.lead-actions .btn{letter-spacing:.05em}.lead-thread{scrollbar-color:#9bbaa6 #f6f8f5}.admin-shell{padding-bottom:30px}.admin-topbar .admin-shell{padding-bottom:0}
@media(min-width:1000px){body:has(#login:not([hidden]))>.admin-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center;min-height:calc(100vh - 90px);max-width:1120px}body:has(#login:not([hidden])) .admin-welcome{text-align:left;padding:60px 0;max-width:570px}body:has(#login:not([hidden])) .admin-welcome>p{margin:0}body:has(#login:not([hidden])) #login{margin:55px auto;min-width:390px}}
@media(max-width:640px){.admin-welcome{padding:32px 6px 12px}.admin-welcome h1{font-size:32px}.admin-welcome p{font-size:14px}.welcome-line{display:none}#login{margin-bottom:40px}.ph{padding:24px 20px}.ph h1{font-size:30px}.ph .row{gap:8px}.ph .row>*{flex:1 1 auto}.kpis{grid-template-columns:1fr 1fr}.kpi{padding:18px 14px}.kpi b{font-size:32px}.abas{padding:10px;gap:5px}.abas button{font-size:11px}.lead-meta{grid-template-columns:1fr}.lead-actions{grid-template-columns:1fr}.lead-actions label{grid-column:auto}}

.hero h1,.hero h1 em{color:#fff}.portrait-editorial{padding:10px;background:#11311d;border:1px solid #a2ad8c!important;border-radius:3px!important;box-shadow:0 28px 75px -30px #000a,0 0 0 5px #edf0dd08!important;overflow:visible;position:relative}.portrait-editorial::after{inset:5px;border:1px solid #c1c9ad28;border-radius:0;box-shadow:none!important}.portrait-photo{aspect-ratio:1;overflow:hidden;position:relative}.portrait-photo img{width:100%;height:auto;max-width:none;display:block}.portrait-editorial figcaption{padding:22px 10px 19px;text-align:center;color:white;background:#11311d}.portrait-rule{display:block;width:46px;height:1px;background:#b5bfa0;margin:0 auto 15px}.portrait-name{display:block;color:#fff;font:400 clamp(25px,3vw,34px)/1.2 var(--serif);letter-spacing:.01em}.portrait-office{display:block;margin-top:11px;color:#d5dbc8;font:400 8px/1.6 var(--sans);letter-spacing:.22em}@media(max-width:520px){.portrait-editorial{padding:8px}.portrait-editorial figcaption{padding:18px 8px 15px}.portrait-name{font-size:28px}.portrait-office{font-size:7px;letter-spacing:.16em}}

.chat-avatar{display:block;border-radius:50%;object-fit:cover;object-position:center 30%;flex:none;border:2px solid #b9c3a3}.chatfab{padding:7px 19px 7px 7px;gap:11px}.chatfab .chat-avatar{width:50px;height:50px}.chat-h .av{width:44px;height:44px;border:0;overflow:hidden}.chat-h .chat-avatar{width:44px;height:44px;max-width:none}.chatfab span{padding-right:2px}

.access-card{max-width:700px}.access-card h2{font-size:32px}.access-card form{display:grid;gap:18px;max-width:460px;margin-top:26px}.access-card label{display:grid;gap:7px;font-size:13px;color:#505c42}.access-card small{font-size:12px;color:var(--mut)}.access-card .ck{display:flex;align-items:center}.access-card .ck input{width:18px;height:18px;min-height:0}

/* ===== janela do chat: sem faixas brancas, mais comprida; no celular ocupa 40% da tela ===== */
.chat{background:#f4f3ea!important;display:none;flex-direction:column!important;overflow:hidden!important;inset:auto 20px 20px auto!important;width:420px!important;height:min(760px,calc(100dvh - 40px))!important;max-height:none!important;border:1px solid #c9ceb8!important;border-radius:16px!important;box-shadow:0 30px 80px rgba(20,28,16,.45)!important;padding:0!important}
.chat.open{display:flex!important}
.chat>*{flex:0 0 auto!important;margin:0!important}
.chat .chat-h{padding:12px 16px!important}
.chat .msgs{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;background:#f4f3ea!important;padding:14px!important}
.chat .chips{flex-wrap:wrap!important;padding:4px 14px 10px!important;background:#f4f3ea!important;gap:7px!important}
.chat .chips button{padding:8px 13px!important;font-size:13.5px!important}
.chat .inp{background:#f4f3ea!important;border-top:1px solid #d6dac6!important;padding:8px 12px!important}
.chat .rodape-chat{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;padding:0 12px 9px!important;font-size:11px;line-height:1.35;color:#6a7058!important;background:#f4f3ea!important;text-align:center}
.chat .rodape-chat .powered{padding:0!important;background:none!important;font-size:11px;letter-spacing:.03em}
.chat .rodape-chat .powered a{color:#11311d!important;text-decoration:underline;font-weight:600}
@media(max-width:759px){
 .chat{inset:auto 0 0 0!important;width:100%!important;height:40dvh!important;min-height:300px;border-radius:16px 16px 0 0!important;border-width:1px 0 0 0!important}
 .chat .chat-h{padding:8px 14px!important}.chat .chat-h .av,.chat .chat-h .chat-avatar{width:34px!important;height:34px!important}.chat .chat-h b{font-size:15px}.chat .chat-h small{font-size:11px}
 .chat .msgs{padding:10px 12px!important}.chat .m{font-size:15px;padding:9px 12px}
 .chat .chips{flex-wrap:nowrap!important;overflow-x:auto;padding:2px 12px 8px!important;scrollbar-width:none}.chat .chips::-webkit-scrollbar{display:none}.chat .chips button{flex:0 0 auto;white-space:nowrap}
 .chat .inp{padding:6px 10px!important}.chat .inp input{min-height:42px!important;padding:8px 12px!important}.chat .inp button{width:44px}
 .chat .rodape-chat{padding:0 10px 6px!important;font-size:10.5px}
}

.g1{background:radial-gradient(circle,rgba(47,122,74,.38),transparent 65%)!important}.g2{background:radial-gradient(circle,rgba(24,88,48,.32),transparent 65%)!important}
header.top{background:rgba(246,248,245,.94)}.contato-unico{max-width:760px}
.wafab{position:fixed;right:18px;bottom:18px;z-index:70;display:flex;align-items:center;gap:10px;background:#185830;color:#fff;padding:14px 20px;border-radius:99px;font:500 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 34px -10px #0d2616aa;border:1px solid #3f7a53;transition:.2s}
.wafab:hover{background:#0f4524;transform:translateY(-2px)}.wafab svg{width:20px;height:20px}
@media(max-width:640px){.wafab span{display:none}.wafab{padding:15px}}
.modo{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}.modo button{background:transparent;border:1px solid #3f7a53;color:#11311d;padding:10px 16px;border-radius:3px;font:500 13px var(--sans);letter-spacing:.06em;cursor:pointer}.modo button.on{background:#185830;color:#fff;border-color:#185830}.modo-sites{margin:16px 0;gap:10px}
.destaque{background:#11311d;color:#fff}.destaque h2{color:#fff}.destaque .eyebrow{color:#b9d8c4}.dst{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:30px}
.dest{display:flex;flex-direction:column;gap:10px;padding:26px 22px;background:linear-gradient(160deg,#185830,#0f3d22);border:1px solid #3f7a53;border-radius:5px;color:#fff;transition:.25s;position:relative;overflow:hidden}
.dest:hover{transform:translateY(-4px);border-color:#b9d8c4;box-shadow:0 22px 40px -22px #000}.dest .n{font:600 34px var(--serif);color:#b9d8c455}.dest h3{font-size:22px;color:#fff}.dest p{font-size:14.5px;color:#d7e8dc;flex:1}.dest .go{color:#b9d8c4;display:inline-flex;gap:8px;align-items:center;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.wafab.up{bottom:92px}.chatfab img.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:contain;background:#fff;padding:2px}
@media(max-width:640px){.wafab.up{bottom:88px}}
.brand-logo-full{height:62px;width:auto;display:block}.footer-logo{width:200px;height:auto;display:block}
.noticia .nt-logo{display:block;height:44px;width:auto;margin-bottom:14px;opacity:.95}
@media(max-width:640px){.brand-logo-full{height:50px}}
.equipe-foto{margin:26px 0 0;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 30px 70px -40px #11311d}.equipe-foto img{display:block;width:100%;height:auto}
.footer-brand img.footer-logo{width:210px;height:auto;background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain}
@media(min-width:940px){.hero .hgrid{grid-template-columns:.86fr 1.14fr}.hero .hfoto{max-width:680px}}
.equipe-hero .portrait-photo img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.hero .hgrid{grid-template-columns:1fr!important}.hero .hcopy{max-width:880px}
.hero{padding-bottom:0!important}.hero-faixa{position:relative;margin:56px 0 0;width:100%}
.hero-faixa img{display:block;width:100%;height:auto;border-top:1px solid #3f7a53}
.hero-faixa figcaption{position:absolute;left:0;right:0;bottom:0;padding:70px 5vw 26px;background:linear-gradient(0deg,rgba(10,30,18,.88),transparent);color:#fff;display:flex;flex-direction:column;gap:4px}
.hero-faixa figcaption b{font:600 clamp(22px,3vw,36px) var(--serif)}.hero-faixa figcaption span{font:500 11px var(--sans);letter-spacing:.3em;color:#b9d8c4}
@media(max-width:640px){.hero-faixa{margin-top:36px}.hero-faixa figcaption{padding:40px 18px 14px}.hero-faixa figcaption span{font-size:9px;letter-spacing:.2em}}
/* titulo sobre a foto da equipe (telas largas); abaixo disso, titulo em cima e foto embaixo */
@media(min-width:1280px){
.hero{display:grid;padding:0!important;overflow:hidden}
.hero>.fx{grid-area:1/1}
.hero>.hero-faixa{grid-area:1/1;margin:0;height:min(56.25vw,94vh);position:relative}
.hero>.hero-faixa img{width:100%;height:100%;object-fit:cover;object-position:center top;border:0}
.hero>.hero-faixa::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,26,15,.97) 0%,rgba(8,26,15,.9) 30%,rgba(8,26,15,.55) 52%,rgba(8,26,15,0) 72%)}
.hero>.wrap.hgrid{grid-area:1/1;align-self:end;z-index:3;width:100%;padding-bottom:44px}
.hero .hcopy{max-width:760px}.hero h1{font-size:clamp(40px,4.4vw,60px)}.hero .hcopy .lead{font-size:16.5px;max-width:640px;margin:16px 0 20px}.hero .cta2{display:none}
}
/* v13: foto inteira ja no carregamento (altura = tela menos o topo) e titulo centralizado na parte de baixo da foto */
@media(min-width:1280px){
.hero>.hero-faixa{height:min(56.25vw,calc(100vh - 74px));min-height:520px}
.hero>.wrap.hgrid{max-width:none;padding-bottom:5vh;display:flex;justify-content:center}
.hero .hcopy{max-width:58%;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero .hcopy .lead{margin-left:auto;margin-right:auto}.hero .cta{justify-content:center}.hero .eyebrow{justify-content:center}
}
@media(min-width:1280px){.hero>.hero-faixa{height:min(56.25vw,calc(100vh - 98px))}}
/* v15: em telas baixas o texto encolhe (sem o paragrafo) para nunca cobrir os rostos */
@media(min-width:1280px) and (max-height:900px){.hero .hcopy .lead{display:none}.hero h1{font-size:clamp(34px,3.1vw,46px)}.hero>.wrap.hgrid{padding-bottom:3.5vh}.hero .hcopy .cta{margin-top:14px}}
@media(min-width:1280px) and (max-height:700px){.hero .hcopy .eyebrow{display:none}.hero>.hero-faixa{min-height:460px}}
/* v16: foto responsiva (nunca mais larga que 2:1), texto na parte baixa da PRIMEIRA tela, e celular sem tapar a foto */
@media(min-width:1280px){
.hero{--hh:max(min(56.25vw,calc(100vh - 98px)),50vw)}
.hero>.hero-faixa{height:var(--hh)!important;min-height:0}
.hero>.wrap.hgrid{align-self:start!important;padding-top:calc(var(--hh)*.5);padding-bottom:0}
}
@media(max-width:1279px){
.hero-faixa{margin-top:30px}.hero-faixa img{aspect-ratio:16/9;object-fit:cover;object-position:center top}
}
@media(max-width:760px){
.wafab.up{bottom:74px;right:12px;padding:12px}.chatfab{right:12px;bottom:12px;padding:8px}.chatfab span{display:none}.chatfab img.chat-avatar{width:36px;height:36px}
.chat.open{inset:auto 0 0 0;width:100%;height:42vh;min-height:300px;border-radius:16px 16px 0 0;border:1px solid var(--line);box-shadow:0 -12px 40px #0006}
.chat-h{padding:10px 14px}.chat-h .av{display:none}.msgs{padding:12px}
}
.footer-brand+p+p.oab,.oab{font:500 13px var(--sans);letter-spacing:.12em;color:#b9d8c4;margin-top:6px}
/* v18: todo o texto da hero sobre a foto, em duas colunas (titulo a esquerda; texto, botoes e atalhos a direita) */
@media(min-width:1280px){
.hero .hcopy{display:grid!important;grid-template-columns:1.05fr 1fr;column-gap:48px;row-gap:6px;max-width:88%!important;width:88%;text-align:left!important;align-items:start}
.hero .hcopy .eyebrow{grid-column:1;grid-row:1;justify-content:flex-start!important}
.hero .hcopy h1{grid-column:1;grid-row:2/span 3;margin:0;font-size:clamp(38px,3.6vw,56px)!important}
.hero .hcopy .lead{display:block!important;grid-column:2;grid-row:1/span 2;margin:0 0 6px!important;font-size:16px!important;max-width:none!important;text-align:left}
.hero .hcopy .cta{grid-column:2;grid-row:3;justify-content:flex-start!important;margin-top:8px}
.hero .hcopy .cta2{display:flex!important;grid-column:2;grid-row:4;margin-top:6px}
.hero .hcopy .eyebrow,.hero .hcopy .lead,.hero .hcopy .cta,.hero .hcopy .cta2{align-self:start}
.hero>.wrap.hgrid{justify-content:center}
}
@media(min-width:1280px){.hero>.wrap.hgrid{padding-top:calc(var(--hh)*.43)!important}.hero .hcopy .cta{gap:8px}.hero .hcopy .cta .btn{padding:13px 18px;font-size:12px}}
/* v21: titulo SEMPRE sobre a foto. Em janela baixa a foto encolhe (laterais esmaecem no verde) para os rostos ficarem acima do texto; no celular, a foto vem primeiro e o titulo sobe sobre a base dela */
@media(min-width:1280px){
.hero{--H:max(min(56.25vw,calc(100vh - 98px)),520px);--T:292px;--P:min(56.25vw,calc((var(--H) - var(--T) - 24px)/.38));display:grid!important;padding:0!important;overflow:hidden;background:#0a1e12}
.hero>.fx{grid-area:1/1}
.hero>.hero-faixa{grid-area:1/1;height:var(--H)!important;min-height:0;margin:0!important;overflow:hidden;display:flex;justify-content:center;background:#0a1e12}
.hero>.hero-faixa img{height:var(--P)!important;width:auto!important;max-width:none;aspect-ratio:16/9;object-fit:cover;object-position:center top;border:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.hero>.hero-faixa::after{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,26,15,.97) 0%,rgba(8,26,15,.9) 30%,rgba(8,26,15,.55) 52%,rgba(8,26,15,0) 72%)}
.hero>.wrap.hgrid{grid-area:1/1;align-self:end!important;padding:0 0 3.5vh!important;z-index:3;display:flex!important;justify-content:center;max-width:none;width:100%;margin:0}
.hero .hcopy{display:grid!important;width:78%!important;max-width:78%!important;grid-template-columns:1.05fr 1fr;column-gap:48px;row-gap:6px;text-align:left!important}
.hero .hcopy h1{font-size:clamp(34px,3.4vw,54px)!important}
.hero .hcopy .lead{font-size:15.5px!important;line-height:1.55}
}
@media(min-width:1280px) and (max-height:759px){.hero .hcopy h1{font-size:clamp(30px,2.8vw,42px)!important}.hero .hcopy .lead{font-size:14.5px!important}.hero .hcopy .cta .btn{padding:11px 16px}}
@media(max-width:1279px){
.hero{display:flex!important;flex-direction:column;padding:0!important}
.hero>.fx{display:none}
.hero>.hero-faixa{order:-1;margin:0!important;position:relative}.hero>.hero-faixa img{aspect-ratio:16/9;object-fit:cover;border:0}
.hero>.hero-faixa::after{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0e2616 0%,rgba(14,38,22,.55) 32%,rgba(14,38,22,0) 62%)}
.hero>.wrap.hgrid{margin-top:-62px!important;position:relative;z-index:3;padding-bottom:34px}
}
@media(max-width:760px){.wafab,.chatfab{opacity:0;pointer-events:none;transition:opacity .25s}body.rolou .wafab,body.rolou .chatfab{opacity:1;pointer-events:auto}}
/* v23: titulo em UMA linha, centralizado, acima do texto (tela larga) */
@media(min-width:1280px){
.hero .hcopy{display:flex!important;flex-direction:column;align-items:center;text-align:center!important;width:84%!important;max-width:1180px!important;gap:0}
.hero .hcopy>*{grid-column:auto!important;grid-row:auto!important}
.hero .hcopy .eyebrow{justify-content:center!important;margin-bottom:6px}
.hero .hcopy h1{white-space:nowrap;font-size:clamp(26px,2.9vw,50px)!important;margin:0 0 12px!important;text-align:center}
.hero .hcopy h1 br{display:none}.hero .hcopy h1 em{margin-left:.26em}
.hero .hcopy .lead{max-width:920px!important;margin:0 auto 14px!important;text-align:center!important}
.hero .hcopy .cta{justify-content:center!important;margin:0!important}
.hero .hcopy .cta2{justify-content:center;margin-top:10px!important}
}
/* v24: tudo centralizado (o align-self:start antigo deixava eyebrow, botoes e atalhos a esquerda) */
@media(min-width:1280px){
.hero .hcopy .eyebrow,.hero .hcopy .lead,.hero .hcopy .cta,.hero .hcopy .cta2,.hero .hcopy h1{align-self:center!important}
.hero .hcopy .cta,.hero .hcopy .cta2{width:100%;justify-content:center!important}
.hero .hcopy .eyebrow::before{display:none}
}
/* v26: "Quem somos" com menos recuo a esquerda e espaco livre ao lado para as fotos */
#escritorio .escritorio-larga{max-width:1560px;padding-left:clamp(22px,4vw,64px);padding-right:clamp(22px,4vw,64px);display:block}
#escritorio .escritorio-larga>div{max-width:760px}
#escritorio .escritorio-larga{max-width:none!important;margin:0!important;padding-left:clamp(22px,3.2vw,72px)!important}
/* v28: foto da equipe ao lado do "Quem somos", com botoes (nome, OAB, sobre mim) embaixo de cada pessoa */
#escritorio .escritorio-larga{display:grid!important;grid-template-columns:minmax(320px,720px) minmax(0,1fr);gap:clamp(28px,3.4vw,64px);align-items:start;padding-right:clamp(22px,3.2vw,72px)!important}
#escritorio .escritorio-larga>div:first-child{max-width:none}
.equipe-quadro{margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 30px 70px -40px #11311d;background:#0e2616}
.equipe-quadro img{display:block;width:100%;height:auto}
.equipe-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#3f7a53}
.equipe-btns:empty{display:none}
.pessoa{background:#11311d;color:#fff}.pessoa summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:14px 14px}.pessoa summary::-webkit-details-marker{display:none}
.pessoa summary b{font:600 16px var(--serif)}.pessoa summary span{font:500 11px var(--sans);letter-spacing:.12em;color:#b9d8c4}
.pessoa summary em{font:500 12px var(--sans);font-style:normal;color:#fff;border:1px solid #3f7a53;border-radius:3px;padding:6px 10px;width:max-content;margin-top:6px}.pessoa[open] summary em{background:#185830}
.pessoa p{padding:0 14px 16px;font-size:13.5px;line-height:1.6;color:#d7e8dc}
@media(max-width:1100px){#escritorio .escritorio-larga{grid-template-columns:1fr!important}.equipe-btns{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.equipe-btns{grid-template-columns:1fr}}
.dd-app{position:fixed;inset:0;z-index:99999;background:rgba(8,24,14,.62);display:flex;align-items:flex-end;justify-content:center;padding:0 0 env(safe-area-inset-bottom)}
.dd-app-card{position:relative;width:100%;max-width:460px;max-height:92vh;overflow:auto;background:#fff;color:#1b2a21;border-radius:18px 18px 0 0;padding:26px 22px 22px;text-align:center;box-shadow:0 -20px 60px -20px #0008;animation:ddup .35s ease}
@keyframes ddup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.dd-app-card img{border-radius:14px;border:1px solid #dfe8e2}
.dd-app-card h2{font:600 21px/1.25 var(--serif,Georgia,serif);margin:12px 0 6px;color:#185830}
.dd-app-card p{font:400 14px/1.5 var(--sans,Inter,sans-serif);margin:0 0 12px;color:#44544a}
.dd-app-card ol{text-align:left;margin:0 0 16px;padding-left:22px;font:400 14px/1.55 var(--sans,Inter,sans-serif)}.dd-app-card li{margin:6px 0}
.dd-ic{display:inline-block;border:1px solid #185830;border-radius:5px;padding:0 5px;font-weight:700;color:#185830}
.dd-app-ok{display:block;width:100%;border:0;border-radius:10px;background:#185830;color:#fff;font:600 16px var(--sans,Inter,sans-serif);padding:14px;margin:0 0 8px;cursor:pointer}
.dd-app-ok[hidden]{display:none}
.dd-app-later{display:block;width:100%;border:0;background:none;color:#5b6b61;font:500 14px var(--sans,Inter,sans-serif);padding:10px;cursor:pointer}
.dd-app-x{position:absolute;top:6px;right:10px;border:0;background:none;font-size:30px;line-height:1;color:#7a8a80;cursor:pointer;padding:6px 10px}
@media(min-width:700px){.dd-app{align-items:center}.dd-app-card{border-radius:18px}}
/* v30: botoes da equipe sobre a foto (um embaixo de cada pessoa) + paginas individuais */
.equipe-quadro{position:relative}
.equipe-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:none}
.equipe-btns .pessoa{background:none}
.equipe-btns a.pessoa{display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;padding:8px 4px;text-decoration:none;color:#fff;margin:0 3px}
.equipe-btns a.pessoa b{font:600 clamp(11px,1.15vw,15px)/1.15 var(--serif)}
.equipe-btns a.pessoa span{font:500 clamp(8px,.78vw,10.5px) var(--sans);letter-spacing:.08em;color:#cfe6d6}
.equipe-btns a.pessoa em{font:600 clamp(9px,.85vw,11.5px) var(--sans);font-style:normal;color:#fff;background:#185830;border:1px solid #7fb391;border-radius:3px;padding:4px 9px;margin-top:4px;width:max-content}
.equipe-btns a.pessoa:hover em,.equipe-btns a.pessoa:focus-visible em{background:#fff;color:#185830}
@media(min-width:561px){.equipe-btns{position:absolute;left:0;right:0;bottom:0;padding:46px 0 10px;background:linear-gradient(0deg,rgba(8,26,15,.92),rgba(8,26,15,.55) 60%,transparent)}}
@media(max-width:560px){.equipe-btns{grid-template-columns:1fr 1fr;background:#11311d;padding:8px 4px}.equipe-btns .vazio{display:none}.equipe-btns a.pessoa{padding:12px 4px}.equipe-btns a.pessoa b{font-size:15px}.equipe-btns a.pessoa span{font-size:10px}.equipe-btns a.pessoa em{font-size:11.5px}}
.pes-pag{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:clamp(22px,4vw,56px);align-items:center}
.pes-foto{width:100%;height:auto;border-radius:6px;border:1px solid #3f7a53;box-shadow:0 30px 70px -40px #000;display:block}
.pes-linha{font:500 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#b9d8c4;margin:0 0 18px}
.pes-bio p{font:400 16.5px/1.7 var(--sans);color:#e4efe8;margin:0 0 12px;max-width:640px}
@media(max-width:760px){.pes-pag{grid-template-columns:1fr}.pes-foto{max-width:300px;margin:0 auto}}

/* v31: foto da equipe menor */
@media(min-width:1101px){#escritorio .escritorio-larga{grid-template-columns:minmax(320px,1fr) minmax(0,600px)}.equipe-quadro{max-width:600px;width:100%;justify-self:end}}
/* v32: foto menor mas encostada no texto (sem vao no meio) */
@media(min-width:1101px){#escritorio .escritorio-larga{grid-template-columns:minmax(320px,640px) minmax(0,640px)!important;justify-content:center;gap:clamp(32px,4vw,72px);padding-right:0!important}.equipe-quadro{max-width:640px;justify-self:start}}
/* v33: foto centralizada na vertical em relacao ao texto */
@media(min-width:1101px){#escritorio .escritorio-larga{align-items:center!important}}