/* Tema Vaquero: arena, óxido y turquesa */
:root {
  --paper: #fbf1dc;
  --paper-2: #ecd9b2;
  --heading: #4a2c17;
  --deep: #3b200f;
  --c1: #a8432a;
  --c2: #3d5a80;
  --c3: #1f7a70;
  --accent: #e9b44c;
  --soft: #f3d9a8;
  --ink: #3b2a1c;
  --script: "Rye", "Georgia", serif;
  --gate-bg:
    radial-gradient(circle at 50% 110%, rgba(233,180,76,.45), transparent 55%),
    linear-gradient(#7a3b1f, #3b200f);
  --intro-bg: linear-gradient(#2d1b4e, #b5532c 45%, #e9a35b 70%, #f3c98b);
  --game-bg: linear-gradient(#f9dfb6, #fbeed6 60%, var(--paper));
  --invite-bg:
    radial-gradient(circle at 0% 0%, rgba(233,180,76,.25), transparent 40%),
    radial-gradient(circle at 100% 30%, rgba(42,157,143,.14), transparent 40%),
    var(--paper);
}
.gate-sub { color: var(--c1); font-family: var(--ui); font-style: normal; font-weight: 600; }
.intro-presents { font-family: var(--ui); font-style: normal; font-weight: 600; color: #fff4d6; text-shadow: 0 2px 6px rgba(0,0,0,.4); }
.logo-text { column-gap: .35em; font-size: clamp(2.2rem, 11vw, 4.4rem); }
.logo-text .w { gap: .02em; }
.logo-text .w span { color: #fff4d6; text-shadow: 0 3px 0 #8b4a22, 0 6px 0 #3b200f, 0 0 20px rgba(0,0,0,.35); }
.logo-tag { color: #fff4d6; text-shadow: 0 2px 0 #3b200f; }
.tc-stub { background: var(--heading); }
.ticket-card { border-color: var(--c1); }