/* Tema Bajo el mar: turquesa, coral y arena */
:root {
  --paper: #eefaff;
  --paper-2: #cdeef6;
  --heading: #0b3d55;
  --deep: #062a3d;
  --c1: #e2574c;
  --c2: #0b7c8c;
  --c3: #5b4bd1;
  --accent: #ffd166;
  --soft: #9fe3f0;
  --ink: #12384a;
  --script: "Baloo 2", "Arial Rounded MT Bold", sans-serif;
  --gate-bg:
    radial-gradient(circle at 30% 0%, rgba(160,240,255,.35), transparent 50%),
    linear-gradient(#0b6c8c, #062a3d);
  --intro-bg: linear-gradient(#5fd3e8, #1b8fb0 40%, #0b4f6c 80%, #062a3d);
  --game-bg: linear-gradient(#bdeefa, #7fd3e8 70%, #f6e7c1);
  --invite-bg:
    radial-gradient(circle at 0% 0%, rgba(32,191,169,.18), transparent 40%),
    radial-gradient(circle at 100% 30%, rgba(255,127,107,.14), transparent 40%),
    var(--paper);
}
.gate-title { font-weight: 800; }
.gate-sub { color: var(--c2); font-family: var(--ui); font-style: normal; font-weight: 600; }
.overlay-card h2, .invite-heading, .tc-name { font-weight: 800; }
.intro-presents { font-family: var(--ui); font-style: normal; font-weight: 600; color: #e9fbff; }
#intro.run .scene-art .sway { transform-origin: bottom; animation: sway 3s ease-in-out infinite alternate; }
@keyframes sway { to { transform: skewX(6deg); } }
.logo-text { column-gap: .3em; font-size: clamp(2.4rem, 12vw, 4.6rem); font-weight: 800; }
.logo-text .w { gap: .02em; }
.logo-text .w span { color: #fff; text-shadow: 0 3px 0 #0b7c8c, 0 0 18px rgba(160,240,255,.8); animation: bob 2.4s ease-in-out infinite; }
.logo-text .w span:nth-child(3n+1) { color: #ffd166; animation-delay: .2s; }
.logo-text .w span:nth-child(3n+2) { color: #ffb3a7; animation-delay: .4s; }
.logo-tag { color: #e9fbff; }
.tc-stub { background: var(--c2); }
.ticket-card { border-color: var(--c2); }