/* GENERADO desde themes/amatista.css + imagini/marca/logo-simbolo-amatista.svg para "melisa" — no editar aquí */
/* =====================================================================
   TEMA «amatista» — amatista metálica sobre lavanda muy clara (#F3EEF4).
   Principal #5A3D70 → #9C7BB5 → #4A2F5E (reflejo en diagonal), oscuro #3E2750 para títulos.
   Detalles metálicos SOLO en este tema: las variables --metal-* activan en site.css/admin.css
   la línea bajo el logo, el separador entre secciones, la rayita bajo los títulos, el reflejo fijo
   de los botones principales y el acento de precios/etiquetas (sin ellas, nada cambia en los demás temas).
   El texto siempre en colores lisos. Sin animación.
   SOLO variables CSS. Contraste AA comprobado:
     texto blanco sobre --accent #5A3D70 9,0 · sobre --accent-d #4A2F5E 11,3
     botón metálico (reflejo #9C7BB5 en el 22 %, hacia la esquina): texto blanco 5,2 en el centro,
       3,6–4,3 solo sobre el reflejo (primeras letras) → sombra de texto suave para que se lea
     --heading/--accent-ink #3E2750 sobre --bg 11,4 · sobre --g2 (pared) 8,0 · --price sobre blanco 9,0
     --muted sobre --bg2 5,9 · sobre --g2 4,6 · --accent-light sobre --dark 9,8
   @fuentes: fraunces-latin-opsz-normal.woff2, manrope-latin-wght-normal.woff2
   ===================================================================== */
:root {
  /* Colores */
  --bg: #f3eef4;
  --bg2: #eae1ee;
  --panel: #ffffff;
  --line: #ddd0e3;
  --text: #2a2230;
  --muted: #5c5163;
  --g1: #e6dcea;               /* pared LED lavanda */
  --g2: #d3c6da;
  --accent: #5a3d70;           /* amatista principal */
  --accent-d: #4a2f5e;         /* hover */
  --accent-soft: #ede3f2;      /* fondo fino */
  --accent-light: #d9c6e6;     /* acento sobre fondo oscuro (pie) */
  --gold: #8a6410;
  --dark: #2a2030;
  --dark-line: #463a4e;
  --on-dark: #d6ccdb;
  --ok: #2e8a5c;
  --danger: #a3312b;
  --focus: #5a3d70;

  --header-bg: rgba(246, 242, 247, 0.94);
  --glow: rgba(90, 61, 112, 0.22);
  --gift-1: #5a3d70;
  --gift-2: #3e2750;
  --placeholder-1: #f8f4f9;
  --placeholder-2: #e6daec;
  --placeholder-3: #d2bfdd;
  --gift-shadow: rgba(62, 39, 80, 0.3);

  --accent-ink: #3e2750;
  --price: #5a3d70;            /* precios en amatista */
  --heading: #3e2750;          /* títulos de la página (en los demás temas: el color del texto) */
  --page-bg:
    radial-gradient(ellipse 55% 38% at 18% 8%, rgba(255, 255, 255, 0.9), transparent 70%),
    radial-gradient(ellipse 45% 32% at 88% 62%, rgba(229, 214, 238, 0.5), transparent 70%),
    linear-gradient(135deg, #f8f5f9, #f3eef4 40%, #efe8f2 70%, #f5f1f6);
  --ico-bg:
    radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.95), transparent 55%),
    linear-gradient(135deg, #f8f5f9, #ede3f2 55%, #e3d4ec);
  --ico-color: #5a3d70;
  --ico-ring: 0 0 0 1.5px #8d6ba6, 0 0 14px 2px rgba(90, 61, 112, 0.2);

  /* Líneas de luz de la pared LED (blanco lavanda) */
  --led-line: linear-gradient(90deg, rgba(255, 255, 255, 0.4), #fbf8fd 30%, #f6f0fa 70%, rgba(236, 224, 244, 0.5));
  --led-glow: 0 0 10px 3px rgba(255, 255, 255, 0.95), 0 0 40px 14px rgba(217, 198, 230, 0.55), 0 0 90px 30px rgba(156, 123, 181, 0.22);

  /* Metálico (solo este tema) */
  --metal: '';                 /* enciende las líneas metálicas (content de los ::before/::after) */
  --metal-band: linear-gradient(90deg, #4a2f5e, #8d6ba6 25%, #d9c6e6 50%, #87659f 75%, #3e2750);
  --metal-fade: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
  --metal-btn: linear-gradient(135deg, #5a3d70, #9c7bb5 22%, #4a2f5e);
  --metal-btn-hover: linear-gradient(135deg, #4a2f5e, #87659f 22%, #3e2750);
  --metal-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -1px 0 rgba(30, 16, 40, 0.25), 0 2px 8px rgba(62, 39, 80, 0.22);
  --metal-btn-text-shadow: 0 1px 2px rgba(42, 26, 56, 0.55);
  --metal-badge: linear-gradient(135deg, #f6f1f8, #e6d9ee 50%, #efe6f4);
  --metal-ico: #fff;           /* iconos de redes sobre --metal-btn */
  --metal-ico-borde: transparent;
  --metal-badge-ring: inset 0 0 0 1px #b9a0cb;

  /* Tipografía */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Formas */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --shadow-card: 0 16px 48px rgba(62, 39, 80, 0.12);
  --shadow-pop: 0 32px 80px rgba(0, 0, 0, 0.25);
}

.amp-logo{--amp-color:#5A3D70;--amp-light:#ffffff;--amp-dur:3.2s}
    .amp-base{fill:var(--amp-color)}
    .amp-light{fill:none;stroke:var(--amp-light);stroke-linecap:round;stroke-linejoin:round;
      stroke-dasharray:.14 2;stroke-dashoffset:.14;animation:ampRun var(--amp-dur) ease-in-out infinite}
    .amp-soft{stroke-width:110;opacity:.55}
    .amp-core{stroke-width:46;opacity:.9}
    @keyframes ampRun{0%{stroke-dashoffset:.14}75%{stroke-dashoffset:-1}100%{stroke-dashoffset:-1}}
    @media (prefers-reduced-motion:reduce){.amp-light{animation:none;opacity:0}}