/* ============================================================
   MC-TEMA — Folha de estilo do novo layout (Mauro Castro Advocacia)
   Extraída do protótipo aprovado (proto B — moderno).
   Cobre: navegação, hero, seções, áreas, credenciais, equipe,
   blog, CTA, rodapé, botão flutuante WhatsApp, logo e marca d'água.
   ============================================================ */

:root{
    --marinho:#001E3A;      /* cor oficial */
    --tinta-deep:#04101F;
    --bronze:#C79A5E;       /* bronze oficial, tom mais luminoso */
    --bronze-2:#B88953;
    --gelo:#EEF1F4;
    --branco:#FCFCFB;
    --tinta:#111A24;
    --cinza:#697682;
    --linha:rgba(199,154,94,.28);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *{animation:none!important;transition:none!important}}
  body{font-family:'Inter',system-ui,sans-serif;font-size:1.02rem;line-height:1.6;color:var(--tinta);background:var(--branco);-webkit-font-smoothing:antialiased}
  h1,h2,h3{font-family:'Fraunces',serif;font-weight:500;line-height:1.05;letter-spacing:-.01em}
  .mono{font-family:'Space Grotesk',sans-serif}
  .eyebrow{font-family:'Space Grotesk',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze)}
  a{color:inherit}
  a:focus-visible,button:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
  .wrap{max-width:1180px;margin:0 auto;padding:0 28px}

  header.nav{position:sticky;top:0;z-index:60;background:rgba(4,16,31,.86);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
  .nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 28px}
  .marca{font-family:'Fraunces',serif;font-size:1.4rem;font-weight:600;text-decoration:none;color:#fff}
  .marca b{color:var(--bronze);font-weight:600}
  .marca .logo-svg{height:40px;width:auto;display:block}
  @media(max-width:600px){.marca .logo-svg{height:34px}}
  nav.menu{display:flex;gap:32px;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:.92rem;font-weight:500}
  nav.menu a{text-decoration:none;color:#C9D3DD}nav.menu a:hover{color:#fff}
  .btn{display:inline-block;font-family:'Space Grotesk',sans-serif;font-size:.92rem;font-weight:600;text-decoration:none;padding:12px 24px;border-radius:100px;transition:.2s}
  .btn-bronze{background:var(--bronze);color:var(--tinta-deep)}.btn-bronze:hover{background:#D9AC6E;transform:translateY(-1px)}
  .btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.28)}.btn-ghost:hover{background:rgba(255,255,255,.08)}
  .btn-dark{background:var(--marinho);color:#fff}.btn-dark:hover{background:#0A2A48}
  .btn-wa{background:#25D366;color:#04241A}.btn-wa:hover{background:#1FBE5A;transform:translateY(-1px)}
  .btn-wa svg{width:19px;height:19px;vertical-align:-4px;margin-right:8px;fill:#04241A}
  @media(max-width:880px){nav.menu a:not(.btn){display:none}}

  /* HERO */
  .hero{background:
    radial-gradient(120% 90% at 85% 0%, rgba(199,154,94,.18) 0%, transparent 55%),
    linear-gradient(160deg,var(--tinta-deep) 0%, var(--marinho) 100%);
    color:#fff;position:relative;overflow:hidden}
  .hero .wrap{padding:120px 28px 128px;position:relative;z-index:2}
  .hero .eyebrow{color:var(--bronze)}
  .hero h1{font-size:clamp(2.6rem,7vw,5.2rem);margin:22px 0 26px;max-width:14ch;font-weight:500}
  .hero h1 em{font-style:italic;color:var(--bronze)}
  .hero .lead{font-size:clamp(1.1rem,1.6vw,1.3rem);max-width:600px;color:#CFD8E1}
  .hero .acoes{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap}
  .hero .strip{margin-top:56px;display:flex;gap:40px;flex-wrap:wrap;font-family:'Space Grotesk',sans-serif}
  .hero .strip .it strong{font-family:'Fraunces',serif;font-size:2.2rem;color:var(--bronze);display:block;line-height:1;font-weight:600}
  .hero .strip .it span{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#93A2B2;display:block;margin-top:8px}
  .hero .glow{position:absolute;right:-8%;bottom:-30%;width:640px;height:640px;border-radius:50%;
    background:radial-gradient(circle,rgba(199,154,94,.14) 0%,transparent 70%);z-index:1}

  /* ROTA horizontal cápsula */
  .rota-sec{background:var(--tinta-deep);color:#fff;padding:76px 0}
  .rota-sec .head{text-align:center;margin-bottom:52px}
  .rota-sec .eyebrow{color:var(--bronze)}
  .rota-sec h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-top:10px}
  .rota{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
  .card-etapa{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(199,154,94,.22);border-radius:18px;padding:30px 26px;position:relative}
  .card-etapa.forte{border-color:var(--bronze);background:linear-gradient(180deg,rgba(199,154,94,.14),rgba(199,154,94,.03))}
  .card-etapa .step{font-family:'Space Grotesk',sans-serif;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze)}
  .card-etapa h3{font-size:1.5rem;margin:12px 0 4px}
  .card-etapa .loc{font-family:'Space Grotesk',sans-serif;font-size:.82rem;color:#93A2B2;margin-bottom:12px}
  .card-etapa p{font-size:.94rem;color:#C2CCD6}
  @media(max-width:760px){.rota{grid-template-columns:1fr}}

  section .wrap{padding:96px 28px}
  /* marca d'água MC no fundo da seção Advogados */
  #equipe{position:relative;overflow:hidden}
  #equipe .marca-dagua{position:absolute;top:50%;right:-4%;transform:translateY(-50%);width:min(620px,62%);max-width:620px;opacity:.55;pointer-events:none;z-index:0}
  #equipe .marca-dagua img{width:100%;height:auto;display:block}
  #equipe .wrap{position:relative;z-index:1}
  @media(max-width:680px){#equipe .marca-dagua{right:-15%;width:90%;opacity:.4}}
  .titulo{font-size:clamp(2rem,4vw,3rem);color:var(--marinho);margin:14px 0 18px}
  .intro{max-width:640px;color:var(--cinza);font-size:1.08rem}

  /* ÁREAS cartões arredondados */
  .areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:52px}
  .area{background:var(--branco);border:1px solid var(--linha);border-radius:20px;padding:34px 30px;transition:.22s;position:relative;overflow:hidden}
  .area::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--bronze);transform:scaleY(0);transform-origin:top;transition:.25s}
  .area:hover{transform:translateY(-4px);box-shadow:0 20px 50px -24px rgba(0,30,58,.4)}
  .area:hover::before{transform:scaleY(1)}
  .area .n{font-family:'Space Grotesk',sans-serif;font-size:.8rem;letter-spacing:.16em;color:var(--bronze)}
  .area h3{font-size:1.55rem;color:var(--marinho);margin:8px 0 12px}
  .area p{font-size:1rem;color:var(--cinza);margin-bottom:18px}
  .area a{font-family:'Space Grotesk',sans-serif;font-size:.86rem;font-weight:600;color:var(--marinho);text-decoration:none;border-bottom:2px solid var(--bronze);padding-bottom:2px}

  /* CREDENCIAIS split */
  .cred{background:linear-gradient(160deg,var(--marinho),var(--tinta-deep));color:#fff;border-radius:0}
  .cred .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
  .cred .eyebrow{color:var(--bronze)}.cred h2{color:#fff}
  .cred p{color:#CBD5E0;margin-bottom:16px}
  .nums{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .num{background:rgba(255,255,255,.04);border:1px solid rgba(199,154,94,.22);border-radius:16px;padding:28px 24px}
  .num strong{font-family:'Fraunces',serif;font-size:2.8rem;color:var(--bronze);display:block;line-height:1;font-weight:600}
  .num span{font-family:'Space Grotesk',sans-serif;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#B4C0CD;display:block;margin-top:10px}
  .tribunais{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;padding-top:26px;border-top:1px solid rgba(199,154,94,.22)}
  .tribunais .tb{flex:1;min-width:120px}
  .tribunais .tb strong{font-family:'Fraunces',serif;font-size:1.7rem;color:var(--bronze);display:block;line-height:1;font-weight:600}
  .tribunais .tb span{font-family:'Space Grotesk',sans-serif;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;color:#B4C0CD;display:block;margin-top:7px}
  @media(max-width:820px){.cred .grid{grid-template-columns:1fr;gap:44px}}

  /* EQUIPE cartões foto grande */
  .equipe{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px}
  .adv{background:var(--gelo);border-radius:22px;padding:30px;display:flex;gap:24px;align-items:center}
  .adv img{width:128px;height:128px;object-fit:cover;object-position:top;border-radius:16px;flex-shrink:0}
  .adv h3{font-size:1.6rem;color:var(--marinho)}
  .adv .oab{font-family:'Space Grotesk',sans-serif;font-size:.82rem;color:var(--bronze-2);font-weight:500;margin:6px 0 12px}
  .adv p{font-size:.96rem;color:var(--cinza)}
  @media(max-width:680px){.equipe{grid-template-columns:1fr}.adv{flex-direction:column;text-align:center}}

  /* BLOG */
  .blog{background:var(--gelo)}
  .blog .top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:44px}
  .blog .top a.todos{font-family:'Space Grotesk',sans-serif;font-size:.88rem;font-weight:600;color:var(--marinho);text-decoration:none;border-bottom:2px solid var(--bronze);padding-bottom:2px}
  .posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
  .post{background:var(--branco);border-radius:18px;overflow:hidden;border:1px solid var(--linha);transition:.22s;display:flex;flex-direction:column}
  .post:hover{transform:translateY(-4px);box-shadow:0 20px 50px -24px rgba(0,30,58,.35)}
  .post .capa{height:160px;background:linear-gradient(135deg,var(--marinho),var(--tinta-deep));position:relative;overflow:hidden}
  .post .capa::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 100% 0,rgba(199,154,94,.28),transparent 60%)}
  .post .capa .tag{position:absolute;left:16px;bottom:14px;z-index:1;font-family:'Space Grotesk',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze);background:rgba(4,16,31,.55);padding:5px 11px;border-radius:100px;border:1px solid rgba(199,154,94,.4)}
  .post .corpo{padding:24px 24px 26px;display:flex;flex-direction:column;flex-grow:1}
  .post .data{font-family:'Space Grotesk',sans-serif;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cinza);margin-bottom:10px}
  .post h3{font-size:1.28rem;color:var(--marinho);margin-bottom:10px;line-height:1.18}
  .post p{font-size:.95rem;color:var(--cinza);flex-grow:1}
  .post .ler{font-family:'Space Grotesk',sans-serif;font-size:.84rem;font-weight:600;color:var(--marinho);text-decoration:none;margin-top:16px}
  .post .ler:hover{color:var(--bronze-2)}

  /* CTA */
  .cta{background:var(--tinta-deep);color:#fff}
  .cta .box{background:
    radial-gradient(120% 120% at 100% 0%, rgba(199,154,94,.18), transparent 60%),
    var(--marinho);border-radius:28px;padding:72px 48px;text-align:center;max-width:820px;margin:0 auto;border:1px solid rgba(199,154,94,.25)}
  .cta h2{font-size:clamp(2rem,4vw,2.9rem);margin-bottom:16px}
  .cta p{color:#CBD5E0;margin-bottom:34px;max-width:560px;margin-left:auto;margin-right:auto}
  .cta .acoes{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  footer{background:var(--tinta-deep);color:#93A2B2;font-size:.96rem;border-top:1px solid rgba(255,255,255,.07)}
  footer .wrap{padding:66px 28px 44px}
  .fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px;margin-bottom:46px}
  footer h3{font-family:'Space Grotesk',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);margin-bottom:16px}
  footer p{margin-bottom:14px;line-height:1.6}
  footer a{color:#CFD8E1;text-decoration:none}footer a:hover{color:#fff}
  footer ul{list-style:none}footer li{margin-bottom:10px}
  .fbase{border-top:1px solid rgba(255,255,255,.09);padding-top:22px;font-size:.84rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#68767F}
  @media(max-width:820px){.fgrid{grid-template-columns:1fr}}

  /* WHATSAPP FLUTUANTE */
  .wa-float{position:fixed;right:22px;bottom:22px;z-index:200;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform .2s,box-shadow .2s}
  .wa-float:hover{transform:scale(1.07);box-shadow:0 12px 30px rgba(0,0,0,.34)}
  .wa-float svg{width:32px;height:32px;fill:#fff}
  .wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:wa-pulse 2.4s ease-out infinite}
  @keyframes wa-pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}
  @media (prefers-reduced-motion:reduce){.wa-float::after{animation:none;display:none}}
  @media(max-width:600px){.wa-float{width:54px;height:54px;right:16px;bottom:16px}.wa-float svg{width:28px;height:28px}}


/* ============================================================
   PÁGINAS INTERNAS (artigo, área, sobre, advogados, contato)
   ============================================================ */

/* ---- página: post ---- */
/* ===== estilos do artigo ===== */
  .breadcrumb{background:var(--gelo);font-family:'Space Grotesk',sans-serif;font-size:.86rem;color:var(--cinza)}
  .breadcrumb .wrap{padding:16px 28px}
  .breadcrumb a{color:var(--marinho);text-decoration:none}.breadcrumb a:hover{color:var(--bronze-2)}
  .post-hero{background:linear-gradient(160deg,var(--tinta-deep),var(--marinho));color:#fff}
  .post-hero .wrap{padding:72px 28px 76px;max-width:800px}
  .post-hero .cat{font-family:'Space Grotesk',sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);background:rgba(199,154,94,.14);border:1px solid rgba(199,154,94,.4);padding:6px 14px;border-radius:100px;display:inline-block}
  .post-hero h1{font-size:clamp(2rem,4.6vw,3.2rem);margin:20px 0 18px;font-weight:500;line-height:1.08}
  .post-hero .meta{font-family:'Space Grotesk',sans-serif;font-size:.9rem;color:#9DB0C4}
  .artigo .wrap{padding:72px 28px 40px;max-width:760px}
  .artigo p{margin-bottom:20px;color:#2C363F;font-size:1.1rem;line-height:1.72}
  .artigo h2{font-family:'Fraunces',serif;font-size:1.7rem;color:var(--marinho);margin:40px 0 14px;font-weight:500}
  .artigo .destaque{border-left:3px solid var(--bronze);padding:4px 0 4px 24px;color:var(--marinho);font-style:italic;font-size:1.15rem;margin:28px 0}
  .cta-post{background:var(--gelo);border:1px solid var(--linha);border-radius:20px;padding:36px 32px;margin-top:48px;text-align:center}
  .cta-post h3{font-size:1.5rem;color:var(--marinho);margin-bottom:10px}
  .cta-post p{font-size:1rem;color:var(--cinza);margin-bottom:22px}

  /* COMPARTILHAR */
  .share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:36px 0;padding:20px 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
  .artigo .share:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}
  .share .lbl{font-family:'Space Grotesk',sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cinza);margin-right:4px}
  .share a,.share button{width:42px;height:42px;border-radius:50%;border:1px solid var(--linha);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s;color:var(--marinho);text-decoration:none}
  .share a:hover,.share button:hover{background:var(--marinho);color:#fff;border-color:var(--marinho);transform:translateY(-2px)}
  .share svg{width:19px;height:19px;fill:currentColor}
  .share .copiado{font-family:'Space Grotesk',sans-serif;font-size:.84rem;color:#1F9D55;margin-left:6px;opacity:0;transition:.2s}
  .share .copiado.on{opacity:1}

  /* RELACIONADOS */
  .relacionados{background:var(--gelo);border-top:1px solid var(--linha)}
  .relacionados .wrap{padding:72px 28px;max-width:1120px}
  .relacionados .eyebrow{color:var(--bronze)}
  .relacionados h2{font-family:'Fraunces',serif;font-size:clamp(1.7rem,3vw,2.3rem);color:var(--marinho);margin:10px 0 40px;font-weight:500}
  .rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
  .rel-card{background:#fff;border:1px solid var(--linha);border-radius:18px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:.22s}
  .rel-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px -24px rgba(0,30,58,.35)}
  .rel-card .capa{height:130px;background:linear-gradient(135deg,var(--marinho),var(--tinta-deep));position:relative}
  .rel-card .capa::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 100% 0,rgba(199,154,94,.28),transparent 60%)}
  .rel-card .capa .tag{position:absolute;left:14px;bottom:12px;font-family:'Space Grotesk',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze);background:rgba(4,16,31,.55);padding:4px 10px;border-radius:100px;border:1px solid rgba(199,154,94,.4)}
  .rel-card .corpo{padding:20px 22px 24px}
  .rel-card h3{font-family:'Fraunces',serif;font-size:1.2rem;color:var(--marinho);line-height:1.2;font-weight:500}

  /* COMENTÁRIOS */
  .comentarios .wrap{padding:52px 28px 72px;max-width:760px}
  .comentarios .eyebrow{color:var(--bronze)}
  .comentarios h2{font-family:'Fraunces',serif;font-size:clamp(1.6rem,3vw,2.1rem);color:var(--marinho);margin:10px 0 32px;font-weight:500}
  .form-com{display:grid;gap:14px;margin-bottom:44px}
  .form-com .linha{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .form-com input,.form-com textarea{font-family:'Inter',sans-serif;font-size:.98rem;padding:13px 15px;border:1px solid var(--linha);border-radius:10px;background:#fff;width:100%}
  .form-com textarea{min-height:110px;resize:vertical}
  .form-com button{justify-self:start;border:none;cursor:pointer}
  .lista-com{display:flex;flex-direction:column;gap:24px}
  .com{display:flex;gap:16px}
  .com .av{width:46px;height:46px;border-radius:50%;background:var(--marinho);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:1.2rem;flex-shrink:0}
  .com .bolha{background:var(--gelo);border:1px solid var(--linha);border-radius:14px;padding:16px 20px;flex-grow:1}
  .com .nome{font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--marinho);font-size:.96rem}
  .com .data{font-family:'Space Grotesk',sans-serif;font-size:.78rem;color:var(--cinza);margin-left:8px}
  .com p{margin:8px 0 0;font-size:.98rem;color:#354049}
  .com-nota{font-size:.85rem;color:var(--cinza);margin-top:8px}

/* ---- página: area ---- */
/* ===== estilos específicos da página interna ===== */
  .breadcrumb{background:var(--gelo);font-family:'Space Grotesk',sans-serif;font-size:.86rem;color:var(--cinza)}
  .breadcrumb .wrap{padding:16px 28px}
  .breadcrumb a{color:var(--marinho);text-decoration:none}.breadcrumb a:hover{color:var(--bronze-2)}
  .hero-interna{background:linear-gradient(160deg,var(--tinta-deep),var(--marinho));color:#fff}
  .hero-interna .wrap{padding:80px 28px 88px;max-width:820px}
  .hero-interna .eyebrow{color:var(--bronze)}
  .hero-interna h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:18px 0 20px;font-weight:500}
  .hero-interna p{font-size:1.15rem;color:#CFD8E1;max-width:640px}
  .conteudo .wrap{padding:80px 28px;max-width:1120px;display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:start}
  .texto h2{font-size:1.7rem;color:var(--marinho);margin:36px 0 14px}
  .texto h2:first-child{margin-top:0}
  .texto p{margin-bottom:16px;color:#354049}
  .lista-check{list-style:none;margin:8px 0 8px}
  .lista-check li{position:relative;padding-left:30px;margin-bottom:12px;color:#354049}
  .lista-check li::before{content:"";position:absolute;left:0;top:8px;width:14px;height:8px;border-left:2px solid var(--bronze);border-bottom:2px solid var(--bronze);transform:rotate(-45deg)}
  aside.side{position:sticky;top:96px;background:var(--gelo);border:1px solid var(--linha);border-radius:20px;padding:32px 28px}
  aside.side h3{font-size:1.4rem;color:var(--marinho);margin-bottom:10px}
  aside.side p{font-size:.96rem;color:var(--cinza);margin-bottom:20px}
  aside.side .form-mock{display:flex;flex-direction:column;gap:12px}
  aside.side input,aside.side textarea{font-family:'Inter',sans-serif;font-size:.95rem;padding:12px 14px;border:1px solid var(--linha);border-radius:10px;background:#fff;width:100%}
  aside.side textarea{min-height:88px;resize:vertical}
  aside.side .btn{text-align:center;border:none;cursor:pointer}
  aside.side .ou{text-align:center;font-size:.85rem;color:var(--cinza);margin:6px 0}
  @media(max-width:860px){.conteudo .wrap{grid-template-columns:1fr;gap:40px} aside.side{position:static}}

/* ---- página: sobre ---- */
.breadcrumb{background:var(--gelo);font-family:'Space Grotesk',sans-serif;font-size:.86rem;color:var(--cinza)}
  .breadcrumb .wrap{padding:16px 28px}
  .breadcrumb a{color:var(--marinho);text-decoration:none}.breadcrumb a:hover{color:var(--bronze-2)}
  .hero-interna{background:linear-gradient(160deg,var(--tinta-deep),var(--marinho));color:#fff}
  .hero-interna .wrap{padding:80px 28px 88px;max-width:820px}
  .hero-interna .eyebrow{color:var(--bronze)}
  .hero-interna h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:18px 0 20px;font-weight:500}
  .hero-interna p{font-size:1.15rem;color:#CFD8E1;max-width:640px}
  .bloco .wrap{padding:80px 28px;max-width:900px}
  .bloco p{font-size:1.1rem;line-height:1.72;color:#2C363F;margin-bottom:20px}
  .bloco h2{font-family:'Fraunces',serif;font-size:1.8rem;color:var(--marinho);margin:38px 0 14px;font-weight:500}
  .valores{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:16px}
  .valor{background:var(--gelo);border:1px solid var(--linha);border-radius:16px;padding:26px 24px}
  .valor h3{font-family:'Fraunces',serif;font-size:1.3rem;color:var(--marinho);margin-bottom:8px}
  .valor p{font-size:.98rem;color:var(--cinza);margin:0}
  .faixa-num{background:linear-gradient(160deg,var(--marinho),var(--tinta-deep));color:#fff}
  .faixa-num .wrap{padding:56px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
  .faixa-num strong{font-family:'Fraunces',serif;font-size:2.6rem;color:var(--bronze);display:block;line-height:1;font-weight:600}
  .faixa-num span{font-family:'Space Grotesk',sans-serif;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#B4C0CD;display:block;margin-top:10px}
  @media(max-width:760px){.faixa-num .wrap{grid-template-columns:1fr 1fr}}
  .wa-float{position:fixed;right:22px;bottom:22px;z-index:200;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform .2s}
  .wa-float:hover{transform:scale(1.07)}.wa-float svg{width:32px;height:32px;fill:#fff}
  .wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:wa-pulse 2.4s ease-out infinite}
  @keyframes wa-pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}
  @media (prefers-reduced-motion:reduce){.wa-float::after{animation:none;display:none}}
  @media(max-width:600px){.wa-float{width:54px;height:54px;right:16px;bottom:16px}}

/* ---- página: advogados ---- */
.breadcrumb{background:var(--gelo);font-family:'Space Grotesk',sans-serif;font-size:.86rem;color:var(--cinza)}
  .breadcrumb .wrap{padding:16px 28px}
  .breadcrumb a{color:var(--marinho);text-decoration:none}.breadcrumb a:hover{color:var(--bronze-2)}
  .hero-interna{background:linear-gradient(160deg,var(--tinta-deep),var(--marinho));color:#fff}
  .hero-interna .wrap{padding:80px 28px 88px;max-width:820px}
  .hero-interna .eyebrow{color:var(--bronze)}
  .hero-interna h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:18px 0 20px;font-weight:500}
  .hero-interna p{font-size:1.15rem;color:#CFD8E1;max-width:640px}
  .perfil .wrap{padding:72px 28px;max-width:960px}
  .perfil-card{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start;margin-bottom:56px}
  .perfil-card:last-child{margin-bottom:0}
  .perfil-card .foto{width:220px;height:260px;object-fit:cover;object-position:top;border-radius:20px}
  .perfil-card h2{font-family:'Fraunces',serif;font-size:2rem;color:var(--marinho);font-weight:500}
  .perfil-card .oab{font-family:'Space Grotesk',sans-serif;font-size:.9rem;color:var(--bronze-2);font-weight:500;margin:6px 0 18px}
  .perfil-card p{color:#2C363F;margin-bottom:14px;line-height:1.7}
  .perfil-card .areas-tag{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
  .perfil-card .areas-tag span{font-family:'Space Grotesk',sans-serif;font-size:.78rem;color:var(--marinho);background:var(--gelo);border:1px solid var(--linha);padding:6px 12px;border-radius:100px}
  @media(max-width:680px){.perfil-card{grid-template-columns:1fr;gap:22px}.perfil-card .foto{width:160px;height:190px}}
  .wa-float{position:fixed;right:22px;bottom:22px;z-index:200;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform .2s}
  .wa-float:hover{transform:scale(1.07)}.wa-float svg{width:32px;height:32px;fill:#fff}
  .wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:wa-pulse 2.4s ease-out infinite}
  @keyframes wa-pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}
  @media (prefers-reduced-motion:reduce){.wa-float::after{animation:none;display:none}}
  @media(max-width:600px){.wa-float{width:54px;height:54px;right:16px;bottom:16px}}

/* ---- página: contato ---- */
.breadcrumb{background:var(--gelo);font-family:'Space Grotesk',sans-serif;font-size:.86rem;color:var(--cinza)}
  .breadcrumb .wrap{padding:16px 28px}
  .breadcrumb a{color:var(--marinho);text-decoration:none}.breadcrumb a:hover{color:var(--bronze-2)}
  .hero-interna{background:linear-gradient(160deg,var(--tinta-deep),var(--marinho));color:#fff}
  .hero-interna .wrap{padding:80px 28px 88px;max-width:820px}
  .hero-interna .eyebrow{color:var(--bronze)}
  .hero-interna h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:18px 0 20px;font-weight:500}
  .hero-interna p{font-size:1.15rem;color:#CFD8E1;max-width:640px}
  .contato .wrap{padding:76px 28px;max-width:1120px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
  .form-contato{display:grid;gap:14px}
  .form-contato h2{font-family:'Fraunces',serif;font-size:1.7rem;color:var(--marinho);margin-bottom:4px;font-weight:500}
  .form-contato .linha{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .form-contato input,.form-contato select,.form-contato textarea{font-family:'Inter',sans-serif;font-size:.98rem;padding:13px 15px;border:1px solid var(--linha);border-radius:10px;background:#fff;width:100%}
  .form-contato textarea{min-height:130px;resize:vertical}
  .form-contato button{justify-self:start;border:none;cursor:pointer;margin-top:4px}
  .info h2{font-family:'Fraunces',serif;font-size:1.7rem;color:var(--marinho);margin-bottom:20px;font-weight:500}
  .unidade{background:var(--gelo);border:1px solid var(--linha);border-radius:16px;padding:24px 26px;margin-bottom:18px}
  .unidade h3{font-family:'Space Grotesk',sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze-2);margin-bottom:10px}
  .unidade p{color:#2C363F;margin-bottom:6px;line-height:1.6}
  .unidade a{color:var(--marinho);text-decoration:none;font-weight:500}
  .canais{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
  @media(max-width:820px){.contato .wrap{grid-template-columns:1fr;gap:40px}.form-contato .linha{grid-template-columns:1fr}}
  .wa-float{position:fixed;right:22px;bottom:22px;z-index:200;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform .2s}
  .wa-float:hover{transform:scale(1.07)}.wa-float svg{width:32px;height:32px;fill:#fff}
  .wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:wa-pulse 2.4s ease-out infinite}
  @keyframes wa-pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}
  @media (prefers-reduced-motion:reduce){.wa-float::after{animation:none;display:none}}
  @media(max-width:600px){.wa-float{width:54px;height:54px;right:16px;bottom:16px}}


/* ============================================================
   CAMADA DE COMPATIBILIDADE
   ------------------------------------------------------------
   O site carrega, antes deste arquivo, a folha base do sistema
   (assets/dist/css/style.min.css). Algumas classes têm o mesmo
   nome nas duas folhas. Este bloco neutraliza as regras do base
   que interferem no novo layout. Deve permanecer no FINAL.
   ============================================================ */

/* [1] Espaço em branco no topo das páginas internas.
   O base aplica body{padding-top:82/83px} para compensar o header
   fixo antigo, e zerava isso apenas na home (.home-full). */
body { padding-top: 0; }

/* [2] Títulos de seção.
   O base define .titulo com float:left, width:100%, text-align:center,
   text-transform:uppercase e fonte Lora. O float era o que empurrava
   os cards da seção de equipe para a direita. */
.titulo {
  float: none;
  width: auto;
  position: static;
  text-align: left;
  text-transform: none;
  letter-spacing: -.01em;
  font-family: 'Fraunces', serif;
}
/* seções em que o título é centralizado por desenho */
.cta .titulo, .rota-sec .titulo, .blog .top .titulo { text-align: left; }

/* [3] Conteúdo das páginas de área de atuação.
   O base define .texto com color:#fff (texto ficava invisível sobre
   fundo claro) e float:left. */
.conteudo .texto, .artigo .texto {
  float: none;
  width: auto;
  margin-top: 0;
  color: #2C363F;
  font-size: 1.1rem;
}

/* [4] Barra de compartilhar do artigo.
   O base alinha .share à direita e a empilha em coluna no mobile,
   o que criava um vão grande antes dos comentários. */
.artigo .share {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 36px 0 0;
  padding: 20px 0 0;
}
.artigo .share:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

/* [5] Botão flutuante do WhatsApp duplicado.
   O sistema já traz o seu (.contatos-laterais, no rodapé geral).
   Mantemos apenas o do novo layout (.wa-float). */
.contatos-laterais { display: none !important; }

/* [6] Botões: o base tem 85 regras para .btn. Reforça o essencial. */
.btn { vertical-align: middle; width: auto; text-transform: none; box-shadow: none; }
.btn-container { margin-top: 0; }

/* [7] Reforço: garante que grids não sejam afetados por floats remanescentes. */
.areas, .equipe, .posts, .rel-grid, .nums, .valores { clear: both; }

/* [8] Aproxima a barra de compartilhar da seção de comentários.
   O vão era a soma do rodapé do artigo (40px) com o topo dos
   comentários (52px). Reduzidos para ~44px no total. */
.artigo .wrap { padding-bottom: 16px; }
.comentarios .wrap { padding-top: 28px; }
.comentarios h2 { margin-top: 6px; }

/* [9] Negrito do conteúdo publicado pelo painel.
   A fonte Inter era carregada apenas nos pesos 400 e 500; sem o peso 700,
   o navegador renderizava o <strong> com o 500 e o negrito quase não aparecia.
   Os pesos 600/700 passaram a ser carregados no head; aqui garantimos o peso. */
strong, b { font-weight: 700; }
.artigo strong, .artigo b,
.conteudo .texto strong, .conteudo .texto b,
.bloco strong, .bloco b { font-weight: 700; color: inherit; }

/* Sub-títulos criados em negrito pelo editor ganham um respiro melhor */
.artigo p > strong:only-child { display: inline-block; margin-top: 8px; }
