/* Nou disseny per a les pàgines de socis (només amb body.socis-nou) */
@media screen {
  body.socis-nou {
    --tn-fons: #FBF6EE; --tn-text: #2B1B10; --tn-vora: #EADFCF;
    background: var(--tn-fons);
    color: var(--tn-text);
    font-family: 'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  }

  body.socis-nou header {
    background: radial-gradient(circle at 90% 0%, rgba(255,215,0,.35), transparent 45%),
                linear-gradient(135deg,#8B1A1A 0%,#DC143C 55%,#FF8C00 100%);
    border-bottom: 0;
    box-shadow: 0 8px 24px rgba(220,20,60,.25);
  }
  body.socis-nou header h1 { color:#fff; text-shadow:none; letter-spacing:-.5px; }
  body.socis-nou header p { color:#fff; opacity:.9; }
  body.socis-nou .btn-logout { color:#fff; border-color:rgba(255,255,255,.5); opacity:.9; }

  body.socis-nou .card,
  body.socis-nou .history-card,
  body.socis-nou .instr {
    background:#fff;
    border:1px solid var(--tn-vora);
    border-radius:22px;
    box-shadow:0 10px 36px rgba(43,27,16,.10);
  }
  body.socis-nou .card h2,
  body.socis-nou .success-box h3,
  body.socis-nou .instr h3,
  body.socis-nou label,
  body.socis-nou .welcome,
  body.socis-nou .section-title { color:var(--tn-text); }

  body.socis-nou input,
  body.socis-nou select {
    border:1px solid var(--tn-vora);
    border-radius:12px;
    background:#fff;
  }
  body.socis-nou input:focus,
  body.socis-nou select:focus {
    border-color:#DC143C;
    box-shadow:0 0 0 3px rgba(220,20,60,.15);
  }

  body.socis-nou .btn,
  body.socis-nou .btn-submit,
  body.socis-nou .btn-red,
  body.socis-nou .btn-action {
    border-radius:14px;
  }
  body.socis-nou .btn-outline,
  body.socis-nou .btn-out {
    color:var(--tn-text);
    border:1px solid var(--tn-vora);
    background:#fff;
  }
  body.socis-nou .btn-outline:hover,
  body.socis-nou .btn-out:hover { background:#FFF1D0; color:#8B4513; }

  body.socis-nou .error,
  body.socis-nou .error-msg { background:#FDECEC; border-color:#F3B8B8; border-radius:12px; }

  body.socis-nou .register-link a { color:#DC143C; }

  body.socis-nou .punts-card {
    border-radius:22px;
    background:radial-gradient(circle at 85% 20%, rgba(255,215,0,.35), transparent 45%),
               linear-gradient(135deg,#8B1A1A 0%,#DC143C 60%,#FF8C00 100%);
  }

  body.socis-nou footer {
    background:rgba(43,27,16,.9);
    color:#fff;
  }

  /* Targeta wallet: mantenim l'aspecte de targeta física, amb ombra suau */
  body.socis-nou .wallet-card { box-shadow:0 20px 50px rgba(43,27,16,.35); }
  body.socis-nou .page-title { color:var(--tn-text); opacity:.6; }
  body.socis-nou .note { color:#8a7a6a; }

  /* Pantalla "punt sumat" (personal) */
  body.socis-nou .screen {
    background:#fff;
    border:1px solid var(--tn-vora);
    border-radius:28px;
    padding:2.5rem 3rem;
    box-shadow:0 20px 60px rgba(43,27,16,.15);
  }
  body.socis-nou .plus-one { color:#1F9D55; text-shadow:none; }
  body.socis-nou .membre-nom { color:var(--tn-text); }
  body.socis-nou .punts-total { color:#8a7a6a; }
  body.socis-nou .punts-total strong { color:var(--tn-text); }
  body.socis-nou .btn-tornar {
    background:#DC143C; color:#fff; box-shadow:0 6px 18px rgba(220,20,60,.35);
  }
  body.socis-nou .error-screen { color:#DC143C; }
}