/* Alimo — documentos legais (termos de uso, privacidade, cookies).
   Topo na tinta com a troca entre os três documentos, faixa "em poucas
   linhas" em linguagem simples, sumário que acompanha a leitura e cláusulas
   numeradas. O texto jurídico fica intacto; só a apresentação muda. */

/* ── Topo ──────────────────────────────────────────────────────────────── */
.lg-hero{background:var(--ink);color:#fff;padding:168px 0 0}
.lg-hero .grid{align-items:end;row-gap:56px}
.lg-title{grid-column:1/8;padding-bottom:72px}
.lg-title h1{margin-top:24px;font-size:clamp(48px,7.4vw,120px);font-weight:800;letter-spacing:-.05em;line-height:.95;overflow-wrap:break-word;hyphens:auto}
.lg-title .lede{margin-top:28px;max-width:34ch;color:#E6F5EA}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.lg-meta span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);font-size:var(--t-s);font-weight:600;color:#C9D6C6}

.lg-note{margin-top:28px;max-width:52ch;padding:12px 16px;border-left:3px solid #FDE68A;background:rgba(253,230,138,.1);color:#FDE68A;font-size:var(--t-s);line-height:1.5}

/* troca entre documentos: três linhas, a atual acesa */
.lg-docs{grid-column:9/13;align-self:end;margin:0 0 72px;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.16)}
.lg-docs li{border-bottom:1px solid rgba(255,255,255,.16)}
.lg-docs a{display:grid;grid-template-columns:40px 1fr auto;align-items:baseline;gap:4px 12px;padding:18px 0;color:#fff;text-decoration:none;transition:padding .25s var(--ease),color .18s}
.lg-docs a:hover{padding-left:8px;color:var(--leaf)}
.lg-docs b{font-size:var(--t-s);font-weight:800;color:#7F917B}
.lg-docs strong{font-size:var(--t-m);font-weight:700;letter-spacing:-.01em}
.lg-docs small{grid-column:2/3;font-size:var(--t-s);color:#9FB09B}
.lg-docs i{font-style:normal;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.lg-docs a[aria-current="page"]{pointer-events:none}
.lg-docs a[aria-current="page"] b{color:var(--mint)}

/* ── Em poucas linhas ─────────────────────────────────────────────────── */
/* fio centralizado separa a faixa do topo (mesma cor de fundo) */
.lg-brief{position:relative;background:var(--ink);color:#fff;padding:56px 0 80px}
.lg-brief::before{content:"";position:absolute;top:0;left:50%;width:80%;height:1px;background:rgba(255,255,255,.16);transform:translateX(-50%)}
.lg-brief .grid{row-gap:28px}
.lg-brief h2{grid-column:1/4;font-size:18px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mint);padding-top:2px}
.lg-brief ul{grid-column:4/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;margin:0;padding:0;list-style:none;counter-reset:b}
.lg-brief li{position:relative;padding-left:44px;font-size:var(--t-b);font-weight:600;line-height:1.45;color:#E6F5EA;counter-increment:b}
.lg-brief li::before{content:counter(b);position:absolute;left:0;top:-2px;width:28px;height:28px;display:grid;place-items:center;background:var(--leaf);color:var(--ink);font-size:13px;font-weight:800}

/* ── Corpo: sumário + cláusulas ───────────────────────────────────────── */
.lg-body{padding:112px 0 128px}
.lg-body .grid{align-items:start}
.lg-toc{grid-column:1/4;position:sticky;top:32px}
.lg-toc summary{list-style:none;cursor:default;font-size:var(--t-s);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-bottom:16px}
.lg-toc summary::-webkit-details-marker{display:none}
.lg-bar{height:3px;background:var(--paper-2);margin-bottom:12px}
.lg-bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .15s linear}
.lg-toc ol{margin:0;padding:0;list-style:none}
.lg-toc a{display:grid;grid-template-columns:32px 1fr;gap:4px;padding:8px 0;font-size:15px;font-weight:600;line-height:1.35;color:var(--muted);text-decoration:none;transition:color .18s}
.lg-toc a b{font-weight:800;color:#A4B5A9;transition:color .18s}
.lg-toc a:hover,.lg-toc a.on{color:var(--ink)}
.lg-toc a.on b{color:var(--accent)}

.lg-doc{grid-column:5/12;max-width:72ch}
.lg-doc .intro{font-size:var(--t-m);line-height:1.5;font-weight:500;letter-spacing:-.01em;color:var(--ink);padding-bottom:56px;border-bottom:2px solid var(--ink)}
.lg-doc .intro strong{font-weight:800}
.cl{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:8px;padding:48px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.cl > *{grid-column:2}
.cl .n{grid-column:1;grid-row:1/span 30;font-size:var(--t-m);font-weight:800;color:var(--accent);line-height:1.2}
.cl h2{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:18px}
.cl p,.cl li{font-size:17px;line-height:1.7;color:var(--muted)}
.cl p + p,.cl p + ul,.cl ul + p,.cl table + p,.cl p + table,.cl p + .lg-tbl{margin-top:14px}
.cl ul{margin:0;padding:0;list-style:none}
.cl li{position:relative;padding-left:22px}
.cl li + li{margin-top:8px}
.cl li::before{content:"";position:absolute;left:0;top:.78em;width:8px;height:2px;background:var(--accent)}
.cl strong{color:var(--ink)}
.cl a,.lg-doc .intro a{color:var(--accent);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.cl a:hover{color:var(--accent-2)}
.lg-tbl td code{display:inline-block;margin-top:4px}
.cl code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;color:var(--ink);background:var(--paper-3);padding:1px 6px;white-space:nowrap}

/* tabelas: linhas finas, cabeçalho em versalete */
.lg-tbl{overflow-x:auto;margin-top:6px}
.lg-tbl table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.lg-tbl th{text-align:left;padding:0 16px 12px 0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink);white-space:nowrap}
.lg-tbl td{padding:14px 16px 14px 0;border-bottom:1px solid var(--line);color:var(--muted);vertical-align:top}
.lg-tbl td:first-child{color:var(--ink);font-weight:600}

/* ── Fim do documento: os outros dois + contato ───────────────────────── */
.lg-next{background:var(--paper-3);padding:96px 0}
.lg-next .grid{row-gap:24px}
.lg-next-head{grid-column:1/5}
.lg-next-head h2{font-size:clamp(34px,3.4vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1}
.lg-next-head p{margin-top:20px;color:var(--muted);max-width:32ch}
.lg-next-head p a{color:var(--accent);font-weight:700}
.lg-go{grid-column:span 4;display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:240px;padding:28px;background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line);transition:background .25s var(--ease),color .25s var(--ease)}
.lg-go:first-of-type{grid-column:5/9}
.lg-go b{font-size:var(--t-s);font-weight:800;color:var(--accent)}
.lg-go strong{display:block;font-size:var(--t-m);font-weight:800;letter-spacing:-.015em}
.lg-go span{display:block;margin-top:8px;font-size:var(--t-s);color:var(--muted)}
.lg-go svg{width:28px;height:28px;transition:transform .3s var(--ease)}
.lg-go:hover{background:var(--ink);color:#fff}
.lg-go:hover b{color:var(--mint)}
.lg-go:hover span{color:#C9D6C6}
.lg-go:hover svg{transform:translateX(6px)}

/* ── Telas menores ────────────────────────────────────────────────────── */
@media (max-width:1023px){
  .lg-hero{padding-top:128px}
  .lg-title,.lg-docs{grid-column:1/-1}
  .lg-title{padding-bottom:0}
  .lg-docs{margin-bottom:48px}
  .lg-brief h2,.lg-brief ul{grid-column:1/-1}
  .lg-toc,.lg-doc{grid-column:1/-1}
  .lg-doc{max-width:none}
  /* sumário vira uma gaveta no topo do texto */
  .lg-toc{position:sticky;top:0;z-index:5;margin:0 calc(var(--m) * -1) 40px;padding:0 var(--m);background:var(--paper);box-shadow:0 1px 0 var(--line)}
  .lg-toc summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:0}
  .lg-toc summary::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .25s var(--ease)}
  .lg-toc[open] summary::after{transform:translateY(2px) rotate(-135deg)}
  .lg-toc .lg-bar{margin:0 calc(var(--m) * -1);height:2px}
  .lg-toc ol{max-height:min(60svh,420px);overflow-y:auto;padding:8px 0 16px}
  .lg-body{padding:0 0 88px}
  .lg-doc .intro{padding-top:8px}
  .lg-next-head{grid-column:1/-1}
  .lg-go,.lg-go:first-of-type{grid-column:span 6}
}
@media (max-width:640px){
  .lg-brief ul{grid-template-columns:1fr}
  .lg-title h1{font-size:clamp(40px,12vw,56px)}
  .lg-meta span{min-height:32px;padding:0 10px}
  .lg-docs a{grid-template-columns:32px 1fr}
  .lg-docs i{grid-column:2;grid-row:3;margin-top:6px}
  .cl{grid-template-columns:44px minmax(0,1fr);padding:36px 0}
  .cl p,.cl li{font-size:16px}
  .lg-go,.lg-go:first-of-type{grid-column:1/-1;min-height:0}
  .lg-next{padding:72px 0}
}
@media (prefers-reduced-motion:reduce){
  .lg-docs a,.lg-go,.lg-go svg,.lg-bar span{transition:none}
}