/*
  CSS das paginas legais (privacidade, termos, reembolso), extraido dos
  blocos <style> inline do prototipo.

  As tres paginas tinham CSS quase igual; a de reembolso acrescentava
  .legal-highlight. Unidas numa folha so.
*/

.legal-content {
      max-width: 760px;
      margin: 0 auto;
      padding: var(--space-8) 0;
    }
    .legal-content h2 {
      font-family: var(--font-display);
      font-size: 1.5rem;
      color: var(--ava-creme);
      margin-top: var(--space-7);
      margin-bottom: var(--space-4);
      letter-spacing: 0.02em;
    }
    .legal-content h3 {
      font-family: var(--font-display);
      font-size: 1.125rem;
      color: var(--ava-branco);
      margin-top: var(--space-5);
      margin-bottom: var(--space-3);
    }
    .legal-content p, .legal-content li {
      color: var(--ava-cinza);
      line-height: 1.75;
      font-size: 1rem;
      margin-bottom: var(--space-3);
    }
    .legal-content ul, .legal-content ol {
      padding-left: var(--space-5);
      margin-bottom: var(--space-4);
    }
    .legal-content strong { color: var(--ava-branco); }
    .legal-meta {
      font-size: 0.75rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--ava-dourado);
      padding-bottom: var(--space-5);
      border-bottom: 1px solid var(--ava-dourado-20);
      margin-bottom: var(--space-6);
    }

    /* Do reembolso.html: destaque usado na garantia de 7 dias. */
    .legal-highlight {
      padding: var(--space-5);
      border: 1px solid var(--ava-dourado);
      background: rgba(150, 121, 70, 0.06);
      margin: var(--space-5) 0;
    }
    .legal-highlight p { color: var(--ava-creme); margin-bottom: 0; }