/* ════════════════════════════════════════════════════════════
   Atelier · reskin al sistema rl-* autoritzat (índex / serveis)
   Només capa visual; NO toca el JS ni l'estructura del configurador.
   Carregar SEMPRE l'últim (després d'atelier.css i atelier-chrome.css).
═══════════════════════════════════════════════════════════ */

/* ── 1 · Titulars LLEUGERS (300), com a rl-hero / rl-featured ───────── */
.atelier-stage__title h1 {
  font-weight: 300;
  letter-spacing: -0.022em;
}
.atelier-card__question,
.atelier-reveal__title,
.atelier-finalized__title {
  font-weight: 300;
  letter-spacing: -0.018em;
}
.atelier-stage__sub { font-weight: 300; }

/* ── 2 · Kickers / eyebrows canònics · 11.5px · 0.04em · 400 ────────── */
.atelier-pill,
.atelier-tag,
.atelier-dropzone__badge,
.atelier-nudge__eyebrow {
  font-size: 11.5px;
  letter-spacing: 0.04em;
  font-weight: 400;
  text-transform: uppercase;
}
.atelier-summary__key {
  font-size: 11px;
  letter-spacing: 0.04em;
  font-weight: 400;
}
.atelier-card__counter { letter-spacing: 0.04em; }
.atelier-intro__divider { letter-spacing: 0.04em; font-size: 11.5px; }

/* accent pill → salvia suau de marca (com els kickers rl) */
.atelier-pill--accent { background: var(--bg-light); color: var(--pp-green); }

/* ── 3 · Superfícies · targetes premium rl (radi gran, ombra suau) ──── */
.atelier-card {
  border-radius: 24px;
  box-shadow:
    0 30px 80px -24px rgba(0, 40, 25, 0.30),
    0 2px 8px rgba(0, 40, 25, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.55);
}
.atelier-footer {
  border-radius: 22px;
  box-shadow:
    0 20px 54px -16px rgba(0, 40, 25, 0.24),
    0 2px 6px rgba(0, 40, 25, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.55);
}

/* ── 4 · Resum inferior · strip d'estadístiques rl ─────────────────── */
.atelier-summary__val { font-weight: 400; }
.atelier-summary__item--active .atelier-summary__val,
.atelier-summary__item--filled .atelier-summary__val { font-weight: 500; }
.atelier-summary__item { border-right-color: var(--pp-line); }

/* ── 5 · Opcions i chips · card language rl (radi suau + fill salvia) ── */
.atelier-option { border-radius: 10px; }
.atelier-option--active { background: var(--bg-light); }
.atelier-chip { border-radius: 10px; letter-spacing: 0.02em; }

/* ── 6 · CTA · pill verd fosc rl ───────────────────────────────────── */
.atelier-cta {
  letter-spacing: 0.04em;
  font-weight: 500;
  border-radius: 10px;
}

/* ── 7 · Dropzone · tint salvia + radi rl ──────────────────────────── */
.atelier-dropzone {
  border-radius: 18px;
  background: var(--bg-light);
  border-color: rgba(0,40,25,0.30);
}
.atelier-dropzone__badge { background: rgba(255, 255, 255, 0.7); }

/* ── 8 · Tags del hero · pastilla kicker rl ────────────────────────── */
.atelier-tag {
  background: rgba(255, 255, 255, 0.72);
  padding: 7px 15px;
}