/* Estilos específicos para páginas legais */
    .legal-page {
      max-width: 100%;
      margin: 0 auto;
    }

    .legal-header {
      text-align: center;
      margin-bottom: 30px;
    }

    .legal-header h1 {
      color: var(--primary);
      font-family: var(--font-title);
      font-size: 2.5rem;
      margin-bottom: 10px;
    }

    .legal-content {
      background-color: white;
      border-radius: 10px;
      margin: 20px 0;
      padding: 30px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    }

    .legal-section {
      margin-bottom: 30px;
    }

    .legal-section h2 {
      color: var(--primary);
      font-size: 1.5rem;
      margin-bottom: 15px;
      padding-bottom: 5px;
      border-bottom: 1px solid #eee;
    }

    .legal-section h3 {
      color: #333;
      font-size: 1.2rem;
      margin: 20px 0 10px;
    }

    .legal-section p, .legal-section ul {
      margin-bottom: 15px;
      line-height: 1.6;
      color: #444;
    }

    .legal-section ul {
      padding-left: 20px;
    }

    .legal-section li {
      margin-bottom: 8px;
    }

    .last-updated {
      font-size: 0.9rem;
      color: #666;
      text-align: right;
      font-style: italic;
      margin-top: 30px;
    }