/* legal.css — as três páginas jurídicas do 6º Fórum Rent

   Arquivo próprio, e não estilo colado dentro de cada página: são três
   páginas com a mesma cara, e triplicar CSS garante que uma delas fique
   diferente das outras no primeiro ajuste. */

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --verde:#00d854; --verde-esc:#00a841;
  --preto:#000; --carvao:#0e0e0e; --card:#171717; --linha:#2a2a2a;
  --branco:#fff; --cinza:#a5a5a5; --cinza-fraco:#6f6f6f;
  --env:760px; --r:14px;
}
body{
  background:var(--preto); color:var(--branco);
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px; line-height:1.72; -webkit-font-smoothing:antialiased;
}
.env{max-width:var(--env);margin:0 auto;padding:0 22px}

.voltar{display:inline-flex;align-items:center;gap:8px;margin:28px 0 0;
  font-size:14px;font-weight:500;color:var(--cinza);text-decoration:none;
  border-bottom:1px solid transparent;transition:.15s}
.voltar:hover{color:var(--verde);border-color:var(--verde)}

header.topo{padding:34px 0 26px;border-bottom:1px solid var(--linha);margin-bottom:34px}
header.topo h1{font-size:clamp(27px,4.6vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.12}
header.topo .quando{margin-top:10px;font-size:13.5px;color:var(--cinza-fraco)}

.resumo{background:var(--card);border:1px solid var(--linha);border-left:3px solid var(--verde);
  border-radius:var(--r);padding:20px 22px;margin-bottom:36px}
.resumo p+p{margin-top:12px}
.resumo b{color:var(--verde)}

main h2{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:38px 0 12px;
  padding-top:22px;border-top:1px solid var(--linha)}
main h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
main p{color:#dcdcdc}
main p+p{margin-top:13px}
main ul{margin:13px 0 0;padding-left:20px;color:#dcdcdc}
main li+li{margin-top:9px}
/* O resumo fica FORA do <main>, entao precisa entrar no seletor: sem isso o
   link dele volta pro azul padrao do navegador, no meio de uma pagina preta. */
main a,.resumo a{color:var(--verde);text-decoration:none;border-bottom:1px solid rgba(0,216,84,.4)}
main a:hover,.resumo a:hover{border-color:var(--verde)}
strong{color:var(--branco);font-weight:600}

.tabela{width:100%;border-collapse:collapse;margin-top:15px;font-size:14.5px}
.tabela th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--cinza-fraco);padding:0 12px 9px 0;
  border-bottom:1px solid var(--linha)}
.tabela td{padding:11px 12px 11px 0;border-bottom:1px solid var(--linha);
  vertical-align:top;color:#dcdcdc}
.tabela td:first-child{font-weight:600;color:var(--branco);width:34%}
.rolagem{overflow-x:auto}

.nota{background:var(--carvao);border:1px dashed var(--linha);border-radius:12px;
  padding:16px 18px;margin-top:16px;font-size:14.5px;color:var(--cinza)}

footer.pe{margin:52px 0 60px;padding-top:24px;border-top:1px solid var(--linha);
  font-size:13.5px;color:var(--cinza-fraco)}
footer.pe a{color:var(--cinza);text-decoration:none;border-bottom:1px solid var(--linha)}
footer.pe a:hover{color:var(--verde);border-color:var(--verde)}
footer.pe .links{margin-top:10px;display:flex;gap:18px;flex-wrap:wrap}

@media(max-width:640px){
  body{font-size:15.5px}
  .tabela td:first-child{width:40%}
}