/* ==========================================================
   TEMA · LAVANDA — lila claro, morado profundo, violeta
   Giros: estéticas, peluquerías, salones de color
   Fuentes: DM Serif Display + Manrope (mismas que glam; cambia la paleta)
   ========================================================== */
:root {
  --font-display: "DM Serif Display", "Didot", serif;
  --font-body: "Manrope", "Helvetica Neue", sans-serif;
  --display-weight: 400;       /* DM Serif Display solo tiene 400 */
  --display-em-weight: 400;
  --display-italic: italic;
  --display-tracking: -0.015em;

  --bg: #F6F2F9;
  --bg-alt: #ECE4F4;
  --surface: #FCFAFE;
  --ink: #231B31;
  --ink-soft: #6F6481;
  --line: rgba(35, 27, 49, .12);

  --brand: #3E2F5B;        /* morado profundo */
  --brand-ink: #F6F2F9;
  --brand-soft: #D9C8F0;
  --accent: #7A55B8;       /* violeta (texto blanco encima: contraste 5:1) */
  --accent-ink: #FFFFFF;

  --radius: 30px;
  --radius-sm: 18px;
  --arco: 999px;           /* óvalo completo */
  --sombra: 0 30px 60px -28px rgba(62, 47, 91, .40);
  --separador: "✦";
}
.hero__titulo em { color: var(--accent); }
.arco { aspect-ratio: 4 / 5.4; }
.hero::before { background: radial-gradient(closest-side, rgba(170, 135, 225, .30), transparent 70%); }
.fila__img { border-radius: 999px; }
.persona__arco b { color: var(--accent); }
.mosaico figure:nth-child(1) { border-radius: 999px !important; }
.fila h3 .tag { background: #E7DCF5; color: var(--brand); }
#paquetes .display em, .pie__cta em { color: #C9B2EE; }