/* ==========================================================================
   Páginas legais: Termos de uso e Política de privacidade.
   Usa os tokens e as classes de site.css (.pg-hero, .sec, .bloco, .lista-check,
   .lnk); aqui só o que é destas páginas: topo curto, sumário, seções mais
   próximas umas das outras e largura de leitura confortável.
   ========================================================================== */

/* topo mais curto que o das outras páginas internas */
.legal-hero{padding-top:56px;padding-bottom:56px}
.legal-hero .pg-hero__t{margin-bottom:16px}
.legal-hero__versao{margin:0;font:500 14px/1.5 var(--mono);color:var(--cinza-texto)}

/* corpo */
.legal__corpo{padding-top:56px;padding-bottom:112px}

/* sumário com âncoras */
.legal-sumario{background:var(--off);border-radius:20px;padding:28px clamp(22px,3vw,36px) 30px}
.legal-sumario__t{font:600 13px/1.3 var(--mono);color:var(--cinza-texto);text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px}
.legal-sumario__lista{margin:0;padding-left:1.8em;columns:2;column-gap:56px;font-size:16.5px;line-height:1.45}
.legal-sumario__lista li{break-inside:avoid;padding:5px 0}
.legal-sumario__lista li::marker{font:500 14px var(--mono);color:var(--laranja-texto)}
.legal-sumario__lista a{color:var(--grafite);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease, border-color .15s ease}
.legal-sumario__lista a:hover{color:var(--laranja-texto);border-bottom-color:currentColor}

/* seções: espaço menor que o das seções de venda e uma linha entre elas */
.legal .bloco{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
.legal .legal-sec{padding-top:56px;padding-bottom:56px;margin-top:0;border-top:1px solid var(--linha)}
.legal .legal-sumario + .legal-sec{margin-top:32px;border-top:0}
.legal-sec .bloco__t h2{font-size:clamp(23px,2.3vw,29px);line-height:1.15;text-wrap:balance}
.legal-sec__n{display:block;font:500 13px/1 var(--mono);color:var(--laranja-texto);letter-spacing:.04em;margin-bottom:12px}

/* coluna de texto: linha de leitura de até 40em */
.legal-sec__c{max-width:40em;font-size:17px;line-height:1.65;overflow-wrap:break-word}
.legal-sec__c .lista-check{gap:10px}
.legal-sec__c .lista-check li{color:var(--texto2)}
.legal-sec__link{margin-bottom:0}

/* seção destacada ('destaque' => true no idioma): cláusulas que limitam direitos,
   que o CDC (art. 54, §4º) manda destacar. O filete laranja também sai na impressão. */
.legal-sec--destaque .legal-sec__c{background:var(--laranja-tinta);border-left:4px solid var(--laranja);border-radius:0 16px 16px 0;padding:22px clamp(18px,2.4vw,30px) 24px}
.legal-sec--destaque .legal-sec__c > :last-child{margin-bottom:0}
.legal-sec__alerta{margin:0 0 12px;font:600 13px/1.3 var(--mono);color:var(--laranja-texto);text-transform:uppercase;letter-spacing:.05em}

/* contato no fim do documento */
.legal-contato{margin-top:24px;background:var(--off);border-radius:20px;padding:28px clamp(22px,3vw,36px) 30px}
.legal-contato__t{font:700 22px/1.2 var(--display);letter-spacing:-.015em;margin:0 0 8px}
.legal-contato p{margin:0;color:var(--texto2);max-width:40em}
.legal-contato__dados{display:flex;flex-wrap:wrap;gap:16px 48px;margin:20px 0 0}
.legal-contato__dados dt{font:600 13px/1.3 var(--mono);color:var(--cinza-texto);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.legal-contato__dados dd{margin:0}
.legal-contato .lnk{overflow-wrap:anywhere}

@media (max-width:860px){
  .legal .bloco{grid-template-columns:minmax(0,1fr)}
  .legal-hero{padding-top:40px;padding-bottom:44px}
  .legal__corpo{padding-top:32px;padding-bottom:84px}
  .legal .legal-sec{padding-top:40px;padding-bottom:40px}
  .legal .legal-sumario + .legal-sec{margin-top:16px}
  .legal-sumario__lista{columns:1;font-size:16px}
  .legal-sec__c{font-size:16.5px}
}

@media print{
  .legal-hero::before{display:none}
  .legal-hero,.legal__corpo{padding-top:0;padding-bottom:24px}
  .legal .bloco{display:block}
  .legal .bloco__t{position:static;margin-bottom:12px}
  .legal .legal-sec{padding-top:24px;padding-bottom:24px;break-inside:auto}
  .legal-sec .bloco__t h2{break-after:avoid}
}