/* Página legal — Termos e Condições */
.legal-page{ padding-bottom: 18px; }
.legal-band{
  position: relative; height: 96px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.16); border-radius: 14px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.legal-band::before{
  content:""; position:absolute; inset:8px; border-radius:12px;
  background:
    conic-gradient(from 0deg at 20% 70%, rgba(217,182,111,.14), transparent 40%),
    conic-gradient(from 0deg at 70% 30%, rgba(143,180,201,.14), transparent 40%);
  -webkit-mask-image: linear-gradient(180deg, #000 0 76%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 76%, transparent 100%);
  opacity:.85;
}

.legal-index{
  border: 1px solid rgba(217,182,111,.16); border-radius: 14px; padding: 12px;
  background: rgba(255,255,255,.03); margin-bottom: 10px;
}
.legal-index ol{ margin: 0; padding-left: 18px; display: grid; gap: 4px 16px; grid-template-columns: repeat(2, minmax(180px, 1fr)); }
.legal-index a{
  text-decoration: none; color: #e9e6dc;
  border-bottom: 1px dashed rgba(233,230,220,.35);
}
.legal-index a:hover{ color: var(--gold); border-bottom-color: rgba(217,182,111,.6); }

.legal-section{
  border: 1px solid rgba(217,182,111,.16); border-radius: 14px; padding: 12px; background: rgba(255,255,255,.03);
  margin-bottom: 10px;
}
.legal-section h2{
  margin: 0 0 6px; font-family: "Noto Serif", serif; color: var(--gold);
}
.legal-section p, .legal-section li{ color: #e9e6dc; }
.legal-section ul{ margin: 6px 0 0 18px; }
.updated{ opacity:.8; }

@media (max-width: 720px){
  .legal-index ol{ grid-template-columns: 1fr; }
  .legal-band{ height: 88px; }
}