/* Tema Safari: tierra, selva y atardecer */
:root {
  --paper: #fbf3e2;
  --paper-2: #efdfc0;
  --heading: #4f2f17;
  --deep: #2b1a0d;
  --c1: #e07a2f;
  --c2: #2f6b3f;
  --c3: #b8862b;
  --accent: #f6c445;
  --soft: #a8c69f;
  --ink: #3b2f25;
  --script: "Luckiest Guy", "Arial Black", sans-serif;
  --gate-bg:
    radial-gradient(circle at 50% 110%, rgba(246,196,69,.45), transparent 55%),
    linear-gradient(#2f6b3f, #1d4428);
  --intro-bg: linear-gradient(#ff9a4d, #ffc46b 45%, #ffe2a1 75%, #f6c445);
  --game-bg: linear-gradient(#bfe6c4, #e8f4d6 55%, var(--paper));
  --invite-bg:
    radial-gradient(circle at 0% 0%, rgba(47,107,63,.18), transparent 40%),
    radial-gradient(circle at 100% 25%, rgba(224,122,47,.18), transparent 40%),
    var(--paper);
}
.gate-title, .overlay-card h2, .invite-heading { letter-spacing: .02em; }
.gate-sub { color: var(--c1); }
.intro-presents { color: #4f2f17; text-shadow: 0 0 14px rgba(255,255,255,.7); font-family: var(--ui); font-style: normal; font-weight: 600; }
.scene-art { filter: none; }

/* letras del logo como letreros de madera */
.logo-text { column-gap: .35em; row-gap: .25em; font-size: clamp(2.2rem, 11vw, 4.4rem); }
.logo-text .w { gap: .12em; }
.logo-text .w span {
  padding: .12em .14em .02em;
  background: linear-gradient(#a8692f, #7c4a1e);
  border: 3px solid #4f2f17;
  border-radius: .18em;
  color: #fff4d6;
  text-shadow: 0 3px 0 #4f2f17;
  box-shadow: 0 6px 0 rgba(0,0,0,.25);
  transform: rotate(-4deg);
}
.logo-text .w span:nth-child(even) { transform: rotate(4deg) translateY(.06em); background: linear-gradient(#3f8a52, #2f6b3f); }
.logo-tag { color: #fff; font-size: clamp(1.1rem, 5vw, 1.6rem); text-shadow: 0 2px 0 #4f2f17, 0 0 12px rgba(79,47,23,.5); }

.tc-stub { background: var(--c2); }
.ticket-card { border-color: var(--c2); }