/* ============================================================
   Theme: STAGE — Movement / Editorial (dark plum)
   Danza · ballet · pole · movimiento
   Neutro + editable: CTA marfil sobre plum + acento champagne (theme.accent)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap');

[data-template="stage"] {
  --bg:          #14101A;
  --surface:     #1E1826;
  --surface-2:   #2A2233;
  --ink:         #F5EEF2;
  --ink-soft:    #C3B4C6;
  --primary:     #F5EEF2;   /* CTA: marfil sobre plum */
  --primary-600: #E4D6E0;
  --accent:      #C9A87C;   /* champagne, editable (theme.accent) */
  --on-primary:  #14101A;
  --focus:       #C9A87C;

  --border:        rgba(245,238,242,.10);
  --border-strong: rgba(245,238,242,.24);
  --shadow-md:     0 16px 40px rgba(0,0,0,.5);

  --font-body:     'Inter', system-ui, sans-serif;
  --font-display:  'Playfair Display', Georgia, serif;
  --display-weight: 600;
  --display-tracking: .005em;
  --display-case:  none;

  --r-md: 8px; --r-lg: 12px; --r-xl: 16px; --r-full: 9999px;
  --maxw: 1180px;
}

[data-template="stage"] .eyebrow { color: var(--accent); letter-spacing: .22em; }
[data-template="stage"] .hero-scrim { background: linear-gradient(180deg, rgba(20,16,26,.25) 0%, rgba(20,16,26,.55) 50%, rgba(20,16,26,.95) 100%); }
[data-template="stage"] .hero-title { text-shadow: 0 2px 30px rgba(0,0,0,.4); }
[data-template="stage"] .pillar-ic { background: color-mix(in srgb, var(--accent) 15%, transparent); color: var(--accent); border-radius: 50%; }
[data-template="stage"] .card:hover { border-color: color-mix(in srgb, var(--accent) 42%, transparent); }
[data-template="stage"] .quote p { font-family: var(--font-display); font-style: italic; }
[data-template="stage"] .footer { background: #0F0C14; }
[data-template="stage"] .footer .xf-light { display: inline-block; }
[data-template="stage"] .footer .xf-dark { display: none; }
[data-template="stage"] .services, [data-template="stage"] .testi, [data-template="stage"] .location { background: #181320; }
[data-template="stage"] .cta-band { background: linear-gradient(120deg, #1E1826, #2A2233); color: #fff; border-block: 1px solid var(--border); }
[data-template="stage"] .cta-band .btn-primary { background: var(--primary); color: var(--on-primary); }
[data-template="stage"] .cta-band .btn-primary:hover { background: var(--primary-600); }