/* Páginas legais (Política de privacidade, Termos e condições, Trocas e devoluções): composição própria sobre a base (base.css), o movimento (movimento.css) e os componentes (componentes.css).
   Direção visual (site/direcao-visual.html, "Privacidade e Trocas"): coluna única de leitura. Ordem: título, data da última atualização, a resposta em uma frase, o resumo, o índice
   e as seções numeradas. Branco, sóbrio, sem foto, movimento mínimo. Linhas de 60 a 70 caracteres. */

.legal__topo{padding-block:var(--s6) var(--s6)}
.legal__topo .migalhas{margin-bottom:var(--s4)}
.legal h1{max-width:18ch;font-size:clamp(2.25rem,.8rem + 4.4vw,5rem);line-height:1;letter-spacing:-.025em;text-wrap:balance}
.legal__atualizado{margin:var(--s4) 0 0;font-size:14px;color:var(--suave)}
.legal__lead{margin:var(--s5) 0 0;max-width:38em}

/* a coluna de leitura: até 46 rem, alinhada à esquerda do container */
.legal__miolo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);padding-bottom:var(--s8);justify-items:start}
.legal__miolo>*{width:100%;max-width:46rem;min-width:0}
.legal__resumo{padding:var(--s5) var(--s5) var(--s4);border:1px solid var(--linha);border-top:2px solid var(--ouro);border-radius:var(--r-card);background:var(--ouro-tint)}
.legal__resumo h2{margin:0 0 var(--s3);font:600 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.legal__resumo ul{margin:0;padding-left:1.15em;display:grid;gap:var(--s2);font-size:clamp(1rem,.95rem + .2vw,1.125rem);line-height:1.55;color:var(--texto)}
.legal__resumo a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:3px}
.legal__indice .rotulo{margin:0 0 var(--s2)}
.legal__indice ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha)}
.legal__indice a{display:block;padding:9px 0;border-bottom:1px solid var(--linha);color:var(--ink);font-size:15px;line-height:1.4;text-decoration:none}
@media(hover:hover){.legal__indice a:hover{text-decoration:underline;text-decoration-color:var(--ouro);text-decoration-thickness:2px;text-underline-offset:4px}}

.legal__texto{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7)}
.legal__sec{min-width:0}
.legal__sec{scroll-margin-top:calc(var(--cab-h) + var(--s5))}
.legal__sec h2{margin:0 0 var(--s4);font:500 clamp(1.5rem,1rem + 1.4vw,2.25rem)/1.15 var(--serif);letter-spacing:-.015em;text-wrap:balance}
.legal__sec p,.legal__sec li{font-size:clamp(1rem,.95rem + .2vw,1.125rem);line-height:1.7;color:var(--texto)}
.legal__sec p{margin:0 0 var(--s4)}
.legal__sec ul{margin:0 0 var(--s4);padding-left:1.25em;display:grid;gap:var(--s2)}
.legal__sec a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:3px}
.legal__sec strong{font-weight:600;color:var(--ink)}

/* tabela de dados (Política de privacidade): rola para o lado no celular, dentro do próprio quadro */
.legal__tabela{overflow-x:auto;border:1px solid var(--linha);border-radius:var(--r-card)}
.legal__tabela:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.legal__tabela table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px;line-height:1.55}
.legal__tabela th,.legal__tabela td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--linha);text-align:left;vertical-align:top}
.legal__tabela thead th{background:var(--fundo-suave);font:600 12px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.legal__tabela tbody th{width:22%;font-weight:600;color:var(--ink)}
.legal__tabela tbody tr:last-child th,.legal__tabela tbody tr:last-child td{border-bottom:0}

/* celular: a tabela vira uma lista de blocos, com o nome da coluna acima de cada valor */
@media(max-width:699px){
  .legal__tabela{overflow:visible;border:0;border-radius:0}
  .legal__tabela table{min-width:0;display:block}
  .legal__tabela thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .legal__tabela tbody,.legal__tabela tr{display:block}
  .legal__tabela tr{padding:var(--s4) 0;border-bottom:1px solid var(--linha)}
  .legal__tabela tbody tr:first-child{border-top:1px solid var(--linha)}
  .legal__tabela th,.legal__tabela td{display:block;width:auto;padding:0;border:0}
  .legal__tabela tbody th{width:auto;margin-bottom:var(--s2);font:500 clamp(1.125rem,1rem + .5vw,1.25rem)/1.3 var(--serif)}
  .legal__tabela td{margin-top:var(--s2)}
  .legal__tabela td::before{content:attr(data-label);display:block;font:600 11px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
}

/* Trocas e devoluções: cada situação em uma linha (lista de definição tipográfica) */
.legal__casos{margin:0;border-top:1px solid var(--linha)}
.legal__casos>div{display:grid;gap:var(--s2) var(--s5);padding:var(--s4) 0;border-bottom:1px solid var(--linha)}
@media(min-width:640px){.legal__casos>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.legal__casos dt{font:500 clamp(1.125rem,1rem + .5vw,1.375rem)/1.3 var(--serif);color:var(--ink)}
.legal__casos dd{margin:0;font-size:clamp(1rem,.95rem + .2vw,1.125rem);line-height:1.6}

/* perguntas rápidas no fim (o acordeão de sempre) */
.legal__faq .mais{border:0;min-height:60px;padding-block:var(--s3);font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.35}