/* ===== Páginas legais (termos.html e privacidade.html) ===== */
/* ===== Páginas legais ===== */
.legal{padding:56px 0 88px}
.legal__grid{display:grid;grid-template-columns:230px 1fr;gap:56px;align-items:start}
.legal__indice{position:sticky;top:98px;border-left:2px solid var(--linha);padding-left:20px}
.legal__indice p{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--cinza-claro);margin:0 0 12px}
.legal__indice ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.legal__indice a{font-size:14px;color:var(--cinza);text-decoration:none;line-height:1.4;display:block;transition:color .15s}
.legal__indice a:hover{color:var(--azul)}
.legal__corpo{max-width:70ch}
.legal__corpo h1{font-size:clamp(32px,4vw,46px);margin-bottom:14px}
.legal__data{font-size:13.5px;color:var(--cinza-claro);padding-bottom:24px;border-bottom:1px solid var(--linha);margin-bottom:8px}
.legal__corpo h2{font-size:clamp(22px,2.2vw,27px);margin:44px 0 14px;scroll-margin-top:100px}
.legal__corpo h3{font-size:17px;margin:26px 0 8px}
.legal__corpo p{font-size:16px;line-height:1.65;margin:0 0 14px;color:var(--texto)}
.legal__corpo ul,.legal__corpo ol{margin:0 0 16px;padding-left:22px;display:grid;gap:8px}
.legal__corpo li{font-size:16px;line-height:1.6}
.legal__corpo a{color:var(--azul)}
.legal__corpo strong{font-weight:600;color:var(--tinta)}
.legal__dados{background:var(--fundo-2);border:1px solid var(--linha);border-radius:12px;padding:22px 26px;margin:0 0 8px}
.legal__dados p{margin:0 0 6px;font-size:15px}
.legal__dados p:last-child{margin:0}
.legal__nota{border-left:3px solid var(--azul);background:var(--azul-tint);border-radius:0 10px 10px 0;padding:18px 22px;margin:22px 0}
.legal__nota p{margin:0;font-size:15px}
.legal__nota b{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--azul);display:block;margin-bottom:8px}
@media(max-width:900px){.legal__grid{grid-template-columns:1fr;gap:32px}.legal__indice{position:static;border-left:0;border-top:1px solid var(--linha);padding:20px 0 0}.legal__indice ul{grid-template-columns:1fr 1fr;gap:10px 20px}}
@media(max-width:520px){.legal__indice ul{grid-template-columns:1fr}}