<style>
 
      .background-page .overlay {
        background: rgba(0, 0, 0, 0.6);
      }

      /* Página legal: layout normal con scroll natural */
      .legal-page {
        min-height: 100vh;
        padding: 64px 0 72px;
      }

      .legal-wrap {
        max-width: 980px;
        margin: 0 auto;
        padding: 0 18px;
      }

      .legal-card {
        background: rgba(0, 0, 0, 0.55);
        border-radius: 18px;
        padding: 28px;
      }

      .legal-subtitle {
        opacity: 0.9;
        line-height: 1.6;
        margin: 14px 0 14px;
        max-width: 860px;
      }

      .legal-meta {
        opacity: 0.8;
        font-size: 0.95rem;
        margin: 0 0 18px;
      }

      .legal-card h3 {
        margin: 22px 0 10px;
        font-weight: 800;
      }

      .legal-card p,
      .legal-card li {
        line-height: 1.75;
        opacity: 0.95;
      }

      .legal-card ul {
        margin: 10px 0 0 18px;
      }

      .legal-actions {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 22px;
        justify-content: center;
      }
      
      .legal-btn {
        display: inline-block;
        background: #0fe0ba;
        color: #06110f;
        font-weight: 800;
        border-radius: 12px;
        padding: 12px 16px;
        text-decoration: none;
      }

      .legal-card h2 span {
        color: #0fe0ba !important;
      }

      /* Reactivar scroll nativo (el theme lo bloquea) */
      html,
      body {
        height: auto !important;
        overflow: auto !important;
      }

      .background-page,
      .background-page .overlay {
        height: auto !important;
        min-height: 100vh !important;
      }

      @media (max-width: 768px) {
        .legal-page {
          padding: 28px 0 52px;
        }

        .legal-card {
          padding: 18px;
          border-radius: 14px;
        }
      }
    </style>