/* Fontes da marca, hospedadas no próprio site */
@font-face{font-family:"MC Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fontes/montserrat-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"MC Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fontes/montserrat-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"MC Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fontes/montserrat-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"MC Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fontes/montserrat-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fontes/playfair-display-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fontes/playfair-display-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

  :root{
    --azul:#8CA5D7;        /* azul da marca (R140 G165 B215) */
    --azul-escuro:#4E6699; /* tom de apoio para texto/links sobre branco */
    --azul-claro:#EEF2FA;
    --cinza:#5A5F5F;       /* cinza da marca (R90 G95 B95) */
    --cinza-escuro:#3B3F3F;
    --cinza-claro:#F4F5F5;
    --linha:#DDE1E1;
    --branco:#FFFFFF;
    --raio:14px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--branco);color:var(--cinza-escuro);font-family:"MC Montserrat",Montserrat,system-ui,sans-serif;font-size:17px;line-height:1.65}
  h1,h2,h3{font-family:"Playfair Display",Georgia,serif;color:var(--cinza);line-height:1.2;margin:0 0 .6em}
  h1{font-size:clamp(2rem,5vw,3rem)}
  h2{font-size:clamp(1.5rem,3.4vw,2.1rem)}
  h3{font-size:1.15rem}
  p{margin:0 0 1em}
  a{color:var(--azul-escuro)}
  .wrap{max-width:1040px;margin:0 auto;padding:0 20px}
  .pular{position:absolute;left:-999px}
  .pular:focus{left:16px;top:16px;background:#fff;padding:8px 12px;z-index:10}

  /* Cabeçalho */
  header{border-bottom:1px solid var(--linha);background:#fff}
  header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}
  header img{height:52px;width:auto;display:block}
  header .oab{font-size:.78rem;color:var(--cinza);text-align:right;line-height:1.35}

  /* Abertura */
  .abertura{position:relative;overflow:hidden;background:var(--cinza-claro)}
  .abertura .wrap{position:relative;padding-top:64px;padding-bottom:72px;max-width:1040px}
  .abertura .texto{max-width:620px;position:relative;z-index:1}
  .abertura p.lead{font-size:1.1rem;color:var(--cinza)}
  .selo{display:inline-block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--azul-escuro);margin-bottom:14px}
  .faixa{font-size:.85rem;color:var(--cinza);margin-top:18px}
  .graf{position:absolute;right:-90px;top:50%;width:420px;height:420px;transform:translateY(-50%);pointer-events:none}
  .graf span{position:absolute;width:210px;height:210px;border-radius:38px;transform:rotate(45deg)}
  .graf span:nth-child(1){left:40px;top:120px;background:var(--azul);opacity:.9}
  .graf span:nth-child(2){left:170px;top:70px;background:var(--azul);opacity:.55}
  .graf span:nth-child(3){left:110px;top:150px;border:1.5px solid var(--cinza);opacity:.35}

  .botao{display:inline-block;background:var(--cinza);color:#fff;text-decoration:none;font-weight:600;padding:14px 26px;border-radius:999px;border:0;font-family:inherit;font-size:1rem;cursor:pointer}
  .botao:hover,.botao:focus{background:var(--cinza-escuro)}
  .botao.sec{background:transparent;color:var(--cinza);border:1.5px solid var(--cinza)}
  .botao[disabled]{opacity:.45;cursor:not-allowed}

  section{padding:64px 0}
  section.alt{background:var(--cinza-claro)}
  .grade{display:grid;gap:22px}
  @media(min-width:820px){.grade.duas{grid-template-columns:1fr 1fr}.grade.tres{grid-template-columns:repeat(3,1fr)}}
  .cartao{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:24px}
  .cartao h3{margin-bottom:.4em}
  ul.lista{padding-left:1.1em;margin:0}
  ul.lista li{margin-bottom:.55em}
  .nota{font-size:.88rem;color:var(--cinza)}
  .destaque{border-left:4px solid var(--azul);background:var(--azul-claro);padding:18px 20px;border-radius:0 var(--raio) var(--raio) 0}
  .num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--azul);color:#fff;font-weight:600;margin-bottom:10px;transform:rotate(45deg)}
  .num b{transform:rotate(-45deg)}

  /* Formulário */
  .form-caixa{background:#fff;border:1px solid var(--linha);border-radius:20px;padding:28px;max-width:720px;margin:0 auto;box-shadow:0 10px 30px rgba(60,70,70,.06)}
  .progresso{height:6px;background:var(--cinza-claro);border-radius:6px;overflow:hidden;margin-bottom:22px}
  .progresso i{display:block;height:100%;width:0;background:var(--azul);transition:width .3s}
  fieldset{border:0;margin:0;padding:0}
  legend{font-family:"Playfair Display",Georgia,serif;font-size:1.3rem;color:var(--cinza);margin-bottom:14px;font-weight:600}
  .passo{display:none}
  .passo.ativo{display:block}
  .opcao{display:block;position:relative;margin-bottom:10px}
  .opcao input{position:absolute;opacity:0}
  .opcao span{display:block;border:1.5px solid var(--linha);border-radius:12px;padding:14px 16px;cursor:pointer;background:#fff}
  .opcao input:checked + span{border-color:var(--azul-escuro);background:var(--azul-claro)}
  .opcao input:focus-visible + span{outline:3px solid var(--azul);outline-offset:2px}
  .acoes{display:flex;justify-content:space-between;gap:12px;margin-top:18px;flex-wrap:wrap}
  .aviso{display:none;margin-top:16px}
  .aviso.ativo{display:block}
  label.campo{display:block;font-weight:500;margin:6px 0 6px}
  input[type=text]{width:100%;padding:13px 14px;border:1.5px solid var(--linha);border-radius:12px;font:inherit}
  input[type=text]:focus{outline:3px solid var(--azul);outline-offset:1px}
  .lgpd{font-size:.85rem;color:var(--cinza);margin-top:14px}

  /* Dúvidas */
  details{border-bottom:1px solid var(--linha);padding:16px 0}
  summary{cursor:pointer;font-weight:600;color:var(--cinza)}
  details p{margin:.7em 0 0}

  .socio{display:flex;gap:14px;align-items:flex-start}
  .socio .marca{flex:0 0 14px;height:14px;border-radius:4px;background:var(--azul);transform:rotate(45deg);margin-top:8px}

  footer{background:var(--cinza);color:#fff;padding:38px 0;font-size:.9rem}
  footer a{color:#fff}
  footer .wrap{display:grid;gap:10px}
  footer .pequeno{opacity:.85;font-size:.82rem}

  @media(max-width:640px){
    header img{height:42px}
    header .oab{display:none}
    .graf{opacity:.35;right:-200px}
    section{padding:48px 0}
    .form-caixa{padding:20px}
  }

/* Navegação e páginas institucionais */
header nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.9rem}
header nav a{color:var(--cinza);text-decoration:none;font-weight:500}
header nav a:hover{color:var(--azul-escuro)}
@media(max-width:820px){header nav{display:none}}
.area h3{margin-bottom:.35em}
.area p{margin:0;font-size:.95rem}
.passos{counter-reset:p}
.contato-grade{display:grid;gap:22px}
@media(min-width:820px){.contato-grade{grid-template-columns:1.2fr 1fr}}
.texto-legal{max-width:820px}
.texto-legal h2{font-size:1.35rem;margin-top:1.6em}
.texto-legal p,.texto-legal li{font-size:.98rem}
.texto-legal ul{padding-left:1.2em}
.atualizado{font-size:.85rem;color:var(--cinza)}
.contato-grade > *{min-width:0}
.cartao{overflow-wrap:anywhere}

/* Logo maior no cabeçalho */
header img{height:60px}
@media(max-width:640px){header img{height:48px}}

/* Seção escura com fotos dos sócios */
section.escuro{background:var(--cinza-escuro);color:#E9ECEC}
section.escuro h2,section.escuro h3{color:#fff}
section.escuro .selo{color:var(--azul)}
.socios{display:grid;gap:24px;margin-top:26px}
@media(min-width:820px){.socios{grid-template-columns:1fr 1fr}}
.socio-foto{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--raio);padding:20px}
.socio-foto img{width:180px;height:225px;object-fit:cover;object-position:center top;border-radius:10px;display:block}
.socio-foto p{margin:0;font-size:.95rem;color:#D5DADA}
.socio-foto .oabn{color:var(--azul);font-size:.85rem;margin-bottom:.5em}
@media(max-width:520px){.socio-foto{grid-template-columns:1fr}.socio-foto img{width:100%;height:auto;aspect-ratio:4/5}}
section:not(.escuro) .socio-foto{background:#fff;border-color:var(--linha)}
section:not(.escuro) .socio-foto p{color:var(--cinza)}

/* Rodapé com logo branco */
footer .logo-rodape{height:56px;width:auto;margin-bottom:8px}

/* Botão flutuante de WhatsApp */
.flutuante{position:fixed;right:18px;bottom:18px;z-index:20;display:inline-flex;align-items:center;gap:8px;background:var(--cinza);color:#fff;text-decoration:none;font-weight:600;padding:12px 18px;border-radius:999px;box-shadow:0 8px 24px rgba(40,45,45,.25);font-size:.95rem}
.flutuante:hover,.flutuante:focus{background:var(--cinza-escuro)}
.flutuante svg{width:20px;height:20px}

/* v4 — símbolo da marca na abertura */
.simbolo{position:absolute;right:-30px;top:50%;width:440px;height:auto;transform:translateY(-50%);pointer-events:none;opacity:.9}
@media(max-width:900px){.simbolo{width:340px;right:-120px;opacity:.25}}
@media(max-width:640px){.simbolo{width:300px;right:-150px;opacity:.18}}

/* v4 — cabeçalho maior */
header .wrap{padding-top:16px;padding-bottom:16px}
header img{height:78px}
header nav{gap:30px;font-size:1.08rem}
header nav a{font-weight:600}
header .oab{font-size:.9rem}
@media(max-width:640px){header img{height:56px}}

/* v4 — rodapé com faixa azul e símbolo azul */
footer{border-top:6px solid var(--azul)}
footer .logo-rodape{height:64px}

/* v4 — botão flutuante verde (WhatsApp) */
.flutuante{background:#25D366;color:#fff;font-weight:700;font-size:1rem;padding:13px 20px}
.flutuante:hover,.flutuante:focus{background:#1DA851}
.flutuante svg{width:22px;height:22px}

/* v4 — números e marcadores em círculo (o losango fica só no logo) */
.num{border-radius:50%;transform:none;width:36px;height:36px}
.num b{transform:none}
.socio .marca{border-radius:50%;transform:none;flex-basis:10px;width:10px;height:10px}
/* v4 — logo recortado (sem margem transparente) */
header img{height:66px}
@media(max-width:640px){header img{height:48px}}
footer .logo-rodape{height:58px}
header img{height:84px}
@media(max-width:640px){header img{height:56px}}

/* v5 — símbolo verde do WhatsApp nos botões cinza */
.botao.zap{display:inline-flex;align-items:center;gap:10px}
.botao.zap svg{width:22px;height:22px;flex:none;color:#25D366}

/* v6 — padronização */
.intro{max-width:780px}
.apos-grade{margin-top:20px}
.antes-form{margin-bottom:24px}
.coluna > *{max-width:820px}
.form-caixa{margin:0}
.wrap.texto-legal{max-width:1040px}
.texto-legal > *{max-width:820px}
.texto-legal li{margin-bottom:.5em}
.texto-legal h2{margin-top:1.8em;margin-bottom:.5em}
footer .wrap{gap:8px}
footer .logo-rodape{margin-bottom:10px}
/* Texto corrido justificado em telas largas; caixas estreitas e celular ficam alinhados à esquerda */
@media(min-width:760px){
  main p, main li, details p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
  .cartao p, .cartao li, .socio-foto p, .form-caixa p, .faixa, .selo, .antes-form{text-align:left;hyphens:manual;-webkit-hyphens:manual}
}

/* v7 — símbolo inteiro, sem cortar, alinhado à margem do conteúdo */
.simbolo{right:max(24px, calc((100% - 1040px) / 2 + 20px));width:clamp(280px, 25vw, 360px);opacity:.9}
@media(max-width:900px){.simbolo{right:16px;width:300px;opacity:.22}}
@media(max-width:640px){.simbolo{right:12px;width:240px;opacity:.16}}

/* v7 — tipografia padronizada */
h3, legend{font-family:"Playfair Display",Georgia,serif;font-weight:700}
.cartao p, .cartao li, .socio-foto p, .area p{font-size:.95rem}
.cartao h3, .socio-foto h3{font-size:1.15rem;margin-bottom:.35em}
.oabn{color:var(--azul-escuro);font-size:.85rem;font-weight:500;margin-bottom:.6em}
section.escuro .oabn{color:var(--azul)}
.sem-margem{margin:0}
.apos-botao{margin-top:14px}
.nota{font-size:.85rem}

/* v9 — artigos */
.lista-artigos{display:grid;gap:22px;margin-top:8px}
@media(min-width:820px){.lista-artigos{grid-template-columns:repeat(2,1fr)}}
.cartao-artigo{display:block;text-decoration:none;color:inherit;transition:border-color .2s, box-shadow .2s}
.cartao-artigo:hover,.cartao-artigo:focus{border-color:var(--azul);box-shadow:0 8px 24px rgba(60,70,70,.08)}
.cartao-artigo h2,.cartao-artigo h3{font-size:1.25rem;margin-bottom:.45em}
.cartao-artigo .leia{color:var(--azul-escuro);font-weight:600;font-size:.92rem}
.meta-artigo{font-size:.82rem;color:var(--cinza);letter-spacing:.02em;margin-bottom:.6em}
.trilha{font-size:.85rem;color:var(--cinza);margin-bottom:.8em}
.trilha a{text-decoration:none}
.artigo h1{margin-bottom:.3em}
.artigo .abre{font-size:1.08rem;color:var(--cinza-escuro)}
.artigo .texto-legal h2, .artigo h2{font-size:1.35rem;margin-top:1.6em}
.fontes-artigo{margin-top:2em;border-top:1px solid var(--linha);padding-top:.4em}
.fontes-artigo h2{font-size:1.1rem}
.fontes-artigo li{font-size:.9rem}
.aviso-artigo{font-size:.88rem;color:var(--cinza);background:var(--cinza-claro);border-radius:var(--raio);padding:14px 18px;margin-top:1.6em}
header nav{gap:26px}

.artigo{padding:44px 0 64px}
@media(max-width:640px){.artigo{padding:28px 0 48px}}

/* v9 — espaçamento padrão entre seções */
section, .artigo{padding:64px 0}
@media(max-width:640px){section, .artigo{padding:48px 0}}
section:not(.alt):not(.escuro) + section:not(.alt):not(.escuro),
section.alt + section.alt{padding-top:0}
section > .wrap > :last-child{margin-bottom:0}
section h2{margin-bottom:.7em}
.selo{display:block;line-height:1.2}
.artigo > .wrap > :last-child{margin-bottom:0}
.abertura .wrap{padding-top:72px;padding-bottom:72px}
@media(max-width:640px){.abertura .wrap{padding-top:56px;padding-bottom:56px}}

/* v12 — aviso de cookies */
.aviso-cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:640px;margin:0 auto;background:#fff;color:var(--cinza-escuro);border:1px solid var(--linha);border-top:4px solid var(--azul);border-radius:var(--raio);box-shadow:0 12px 32px rgba(40,45,45,.22);padding:18px 20px}
.aviso-cookies p{margin:0 0 12px;font-size:.92rem;text-align:left}
.aviso-cookies-botoes{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.aviso-cookies button{font:inherit;font-weight:600;font-size:.95rem;padding:10px 22px;border-radius:999px;cursor:pointer;border:1.5px solid var(--cinza);background:#fff;color:var(--cinza)}
.aviso-cookies button[data-cookies="aceitar"]{background:var(--cinza);color:#fff}
.aviso-cookies[hidden]{display:none}