/* Antunes Marinho Advocacia — site institucional
   Identidade: AM dourado, preto e branco, Montserrat. */
:root{
  --preto:#000; --branco:#fff; --fundo:#F5F4F1; --texto:#0a0a0a; --suave:#5f5a52;
  --ouro:#A0732B; --ouro-claro:#D9AC58; --linha:rgba(0,0,0,.13); --linha-clara:rgba(255,255,255,.18);
  --grad:linear-gradient(180deg,#F6E08A 0%,#DDB25E 46%,#A9722F 100%);
  --grad-h:linear-gradient(90deg,#A9722F,#F6E08A 45%,#A9722F);
  --larg:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--branco);color:var(--texto);font:17px/1.65 Montserrat,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--ouro)}
.wrap{max-width:var(--larg);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px 12px;z-index:50}

/* cabeçalho */
.topo{background:var(--preto);color:var(--branco);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--linha-clara)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.topo .marca img{height:58px;width:auto}
.menu{display:flex;gap:26px;flex-wrap:wrap}
.menu a{color:var(--branco);text-decoration:none;font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:6px 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a.on{color:var(--ouro-claro);border-bottom-color:var(--ouro-claro)}

/* tipografia */
.kicker{font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--ouro)}
.dark .kicker{color:var(--ouro-claro)}
h1,h2,h3{font-weight:600;letter-spacing:-.02em;line-height:1.14;text-wrap:balance;margin:0}
h1{font-size:clamp(34px,5.4vw,60px)}
h2{font-size:clamp(26px,3.4vw,38px)}
h3{font-size:21px;letter-spacing:-.01em;line-height:1.25}
.ouro{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.claro .ouro{background:linear-gradient(180deg,#C99A40,#7C531D);-webkit-background-clip:text;background-clip:text}
.risco{width:96px;height:3px;background:var(--grad-h);margin:0 0 30px}
p{margin:0 0 16px;max-width:68ch}
.lede{font-size:clamp(18px,2vw,21px);line-height:1.55;font-weight:300}

/* blocos */
section{padding:76px 0}
.dark{background:var(--preto);color:var(--branco);position:relative;overflow:hidden}
.dark::before{content:'';position:absolute;inset:0;background:url(marca-dagua-clara.svg) no-repeat;background-size:1900px auto;background-position:calc(50% + 260px) 40px;pointer-events:none}
.dark>.wrap{position:relative}
.suave{background:var(--fundo)}
.hero{padding:104px 0 96px}
.hero h1{max-width:17ch;margin:18px 0 24px}
.hero .lede{max-width:54ch;opacity:.9}
.capa{padding:72px 0 64px}
.capa h1{font-size:clamp(30px,4.4vw,48px);max-width:22ch;margin:16px 0 18px}
.botoes{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.botao{display:inline-block;padding:15px 26px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-radius:2px;border:1px solid var(--ouro-claro);color:var(--branco)}
.botao.cheio{background:var(--grad);color:#1a1206;border-color:transparent}
.claro .botao,.suave .botao{color:var(--texto);border-color:var(--ouro)}
.botao:hover{filter:brightness(1.08)}

.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:40px}
.grade.tres{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.cartao{background:var(--branco);border:1px solid var(--linha);padding:28px 26px 26px;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.cartao .n{font-size:44px;font-weight:300;line-height:1;margin-bottom:16px;letter-spacing:-.03em}
.cartao h3{margin-bottom:10px}
.cartao p{font-size:15.5px;line-height:1.55;color:var(--suave);margin:0 0 18px}
.cartao .mais{margin-top:auto;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)}
a.cartao:hover{border-color:var(--ouro)}
.dark .cartao{background:transparent;border-color:var(--linha-clara)}
.dark .cartao p{color:rgba(255,255,255,.7)}
.dark .cartao .mais{color:var(--ouro-claro)}

.duas{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:start}
.area{padding:44px 0;border-top:1px solid var(--linha)}
.area:first-of-type{border-top:0;padding-top:8px}
.area h2{margin-bottom:16px}
ul.lista{list-style:none;padding:0;margin:18px 0 22px}
ul.lista li{position:relative;padding-left:40px;margin-bottom:10px;max-width:68ch}
ul.lista li::before{content:'';position:absolute;left:0;top:.8em;width:24px;height:2px;background:var(--grad-h)}

/* artigo */
.artigo{max-width:760px}
.artigo h2{font-size:27px;margin:44px 0 14px}
.artigo h3{margin:30px 0 10px}
.artigo .nota{background:var(--fundo);border-left:3px solid var(--ouro);padding:16px 20px;margin:26px 0;font-size:15.5px}
.artigo .fontes{margin-top:44px;padding-top:22px;border-top:1px solid var(--linha);font-size:14px;color:var(--suave)}
.artigo .fontes b{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro);margin-bottom:8px}

/* texto corrido justificado, com divisão silábica feita pelo navegador (lang="pt-BR");
   títulos, menu, botões, cartões e rodapé seguem alinhados à esquerda */
.artigo p,.artigo li,.artigo .nota,.area p,.area li,.duas>div>p,.duas li{text-align:justify;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3;text-wrap:pretty}
.artigo .fontes,.artigo .fontes p{text-align:left;hyphens:manual;-webkit-hyphens:manual}

/* contato */
.contatos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:36px}
.contatos div{border-top:2px solid var(--ouro);padding-top:16px}
.contatos b{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro);margin-bottom:6px}
.contatos a{color:inherit;text-decoration:none;border-bottom:1px solid var(--linha)}
.dark .contatos b{color:var(--ouro-claro)} .dark .contatos div{border-top-color:var(--ouro-claro)} .dark .contatos a{border-bottom-color:var(--linha-clara)}

/* rodapé */
.rodape{background:var(--preto);color:rgba(255,255,255,.72);padding:54px 0 34px;font-size:14.5px}
.rodape .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.rodape img{height:92px;width:auto;margin-bottom:18px}
.rodape b{display:block;color:var(--ouro-claro);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}
.rodape a{color:rgba(255,255,255,.86);text-decoration:none;display:block;margin-bottom:7px}
.rodape a:hover{color:var(--ouro-claro)}
.rodape p{margin:0 0 7px}
.rodape .fim{grid-column:1/-1;border-top:1px solid var(--linha-clara);padding-top:20px;font-size:13px;color:rgba(255,255,255,.55);max-width:none}

@media(max-width:820px){
  body{font-size:16px}
  section{padding:56px 0}
  .hero{padding:68px 0 62px}
  .topo .wrap{justify-content:center}
  .menu{gap:16px;justify-content:center}
  .menu a{font-size:11.5px;letter-spacing:.14em}
  .duas{grid-template-columns:1fr;gap:26px}
  .rodape .wrap{grid-template-columns:1fr;gap:28px}
  .dark::before{background-size:1300px auto;background-position:-240px 60px}
}