/* AFTER Seasonal 3.0 — sem dependência do CSS principal. */
#after-seasonal-opening.after-seasonal-v3{--accent:#c49aff;position:fixed;inset:0;z-index:2147483000;isolation:isolate;display:grid;place-items:center;overflow:hidden;box-sizing:border-box;padding:24px;background:radial-gradient(ellipse at 50% 38%,#452168 0%,#1d1132 46%,#080713 100%);color:#fff;text-align:center;animation:as-in .5s ease both}
#after-seasonal-opening.after-seasonal-v3 *{box-sizing:border-box}
#after-seasonal-opening.after-seasonal-natal{--accent:#f5d79d;background:radial-gradient(ellipse at 50% 50%,#20504b 0%,#0e292e 44%,#06121c 100%)}
#after-seasonal-opening.after-seasonal-ano-novo{--accent:#e4c5ff;background:radial-gradient(ellipse at 50% 48%,#302457 0%,#14142d 48%,#070a1c 100%)}
#after-seasonal-opening .as-sky{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
#after-seasonal-opening .as-sky:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#fff9 1px,transparent 1.6px),radial-gradient(#ffdfaa88 1px,transparent 1.6px);background-size:97px 83px,139px 121px;background-position:14px 22px,55px 40px;opacity:.28}
#after-seasonal-opening .as-content{position:relative;z-index:2;width:min(100%,650px);padding:clamp(22px,4vw,46px);border:1px solid #ffffff25;border-radius:30px;background:linear-gradient(150deg,#151425bf,#1311209c);box-shadow:0 24px 90px #0006;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:as-rise .75s both}
#after-seasonal-opening .as-logo{display:flex;justify-content:center;align-items:center;gap:10px;height:40px;margin-bottom:26px}
#after-seasonal-opening .as-mark{width:38px;height:38px;object-fit:contain}
#after-seasonal-opening .as-wordmark{width:auto;max-width:155px;max-height:34px;object-fit:contain}
#after-seasonal-opening .as-kicker{font:800 11px Inter,Arial,sans-serif;letter-spacing:.23em;color:var(--accent);margin-bottom:16px}
#after-seasonal-opening .as-title{font:850 clamp(37px,6vw,64px)/1.08 Inter,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 17px;color:#fff;text-wrap:balance;text-shadow:0 4px 30px #0003}
#after-seasonal-opening .as-description{font:400 clamp(14px,2.4vw,17px)/1.65 Inter,Arial,sans-serif;color:#eee9f3;max-width:500px;margin:0 auto 23px;text-wrap:pretty}
#after-seasonal-opening .as-ribbon{font:800 10px Inter,Arial,sans-serif;letter-spacing:.24em;color:var(--accent);margin:0 auto 26px;display:flex;align-items:center;gap:16px;justify-content:center}
#after-seasonal-opening .as-ribbon:before,#after-seasonal-opening .as-ribbon:after{content:'';height:1px;width:60px;background:linear-gradient(90deg,transparent,var(--accent))}
#after-seasonal-opening .as-ribbon:after{transform:rotate(180deg)}
#after-seasonal-opening .as-continue{display:block;margin:auto;border:1px solid #ffffff55;border-radius:99px;padding:13px 27px;background:linear-gradient(135deg,#e6d4ff,#bca1ff);color:#1b1131;font:800 13px Inter,Arial,sans-serif;cursor:pointer;transition:transform .2s,filter .2s}
#after-seasonal-opening .as-continue:hover{transform:translateY(-2px);filter:brightness(1.06)}
#after-seasonal-opening .as-skip{margin-top:9px;border:0;padding:10px;background:transparent;color:#d5cddd;font:500 12px Inter,Arial,sans-serif;cursor:pointer}
#after-seasonal-opening button:focus-visible{outline:2px solid white;outline-offset:4px}
#after-seasonal-opening .as-moon{position:absolute;top:8%;right:13%;width:clamp(85px,13vw,170px);aspect-ratio:1;border-radius:50%;background:#fff0bd;box-shadow:0 0 75px #fff3b57a,0 0 140px #ffe5a03a;opacity:.85}
#after-seasonal-opening .as-halloween-moon{background:#ffa65b;box-shadow:0 0 90px #fa8b6c6b}
#after-seasonal-opening .as-bat{position:absolute;top:calc(13% + var(--delay)*9%);left:var(--x);font-size:23px;color:#ffc6ff;opacity:.45;animation:as-bat 3s ease-in-out infinite alternate;animation-delay:var(--delay)}
/* Natal: Papai Noel no trenó atravessando o céu */
#after-seasonal-opening .as-sleigh{position:absolute;top:clamp(8%,14vh,20%);left:0;width:clamp(260px,38vw,510px);filter:drop-shadow(0 7px 13px #0007);animation:as-sleigh 9s linear infinite;z-index:1}
#after-seasonal-opening .as-sleigh svg{width:100%;height:auto;display:block}
#after-seasonal-opening .as-snow{position:absolute;top:-12%;left:var(--x);color:#fff;font-size:clamp(8px,1.3vw,15px);opacity:.8;text-shadow:0 0 8px #fff;animation:as-snowfall var(--duration) linear infinite;animation-delay:var(--delay)}
#after-seasonal-opening .as-snowground{position:absolute;bottom:-70px;left:-10%;width:120%;height:125px;border-radius:50% 50% 0 0;background:linear-gradient(#d4ecf3b5,#eafaff30);filter:blur(12px)}

/* Halloween: bruxinha simpática voando na vassoura */
#after-seasonal-opening .as-witch{
  position:absolute;
  top:clamp(105px,22vh,220px);
  left:-190px;
  width:clamp(145px,22vw,235px);
  z-index:1;
  pointer-events:none;
  filter:drop-shadow(0 9px 18px #0007);
  animation:as-witch-flight 16s ease-in-out infinite;
}
#after-seasonal-opening .as-witch svg{display:block;width:100%;height:auto;overflow:visible}
@keyframes as-witch-flight{
  0%{transform:translate3d(-10vw,20px,0) rotate(-7deg)}
  18%{transform:translate3d(18vw,-15px,0) rotate(2deg)}
  38%{transform:translate3d(42vw,22px,0) rotate(-3deg)}
  58%{transform:translate3d(67vw,-24px,0) rotate(4deg)}
  78%{transform:translate3d(92vw,8px,0) rotate(-2deg)}
  100%{transform:translate3d(calc(100vw + 230px),-18px,0) rotate(5deg)}
}

/* Ano-Novo: foguete sobe e abre em 16 faíscas por explosão */
#after-seasonal-opening .as-firework{position:absolute;left:var(--x);top:var(--y);width:1px;height:1px;--cycle:4.25s}
#after-seasonal-opening .as-rocket{position:absolute;left:-2px;top:0;width:4px;height:18px;border-radius:50%;background:linear-gradient(transparent,hsl(var(--hue) 100% 82%));box-shadow:0 0 13px hsl(var(--hue) 100% 75%);animation:as-rocket var(--cycle) ease-out infinite;animation-delay:var(--delay)}
#after-seasonal-opening .as-spark{position:absolute;left:0;top:0;width:4px;height:15px;border-radius:8px;background:hsl(var(--hue) 100% 78%);box-shadow:0 0 12px hsl(var(--hue) 100% 70%),0 0 24px hsl(var(--hue) 100% 65% / .7);transform-origin:center center;opacity:0;animation:as-burst var(--cycle) ease-out infinite;animation-delay:var(--delay)}
#after-seasonal-opening.as-leaving{animation:as-out .45s ease forwards;pointer-events:none}
@keyframes as-in{from{opacity:0}to{opacity:1}}@keyframes as-out{to{opacity:0}}@keyframes as-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes as-sleigh{0%{transform:translateX(-115%) translateY(24px) rotate(-3deg)}50%{transform:translateX(45vw) translateY(-12px) rotate(2deg)}100%{transform:translateX(calc(100vw + 15%)) translateY(10px) rotate(-2deg)}}
@keyframes as-snowfall{0%{transform:translate3d(0,-15px,0);opacity:0}15%{opacity:.9}85%{opacity:.8}100%{transform:translate3d(45px,115vh,0);opacity:0}}
@keyframes as-rocket{0%,8%{opacity:0;transform:translateY(130px) scale(.6)}12%{opacity:1}29%{opacity:1;transform:translateY(0) scale(1)}35%,100%{opacity:0;transform:translateY(0)}}
@keyframes as-burst{0%,28%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.2)}32%{opacity:1}51%{opacity:1;transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) scale(1)}68%,100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1.45 * var(--distance))) scale(.2)}}
@keyframes as-bat{to{transform:translate(14px,-15px) rotate(15deg);opacity:.8}}
@media(max-width:600px){#after-seasonal-opening.after-seasonal-v3{padding:14px}#after-seasonal-opening .as-content{padding:26px 19px;border-radius:22px}#after-seasonal-opening .as-logo{margin-bottom:18px}#after-seasonal-opening .as-sleigh{top:9%;width:280px}#after-seasonal-opening .as-moon{top:5%;right:7%}#after-seasonal-opening .as-firework{transform:scale(.65)}}
@media(max-height:620px){#after-seasonal-opening .as-content{padding:14px 20px}#after-seasonal-opening .as-logo{margin-bottom:8px}#after-seasonal-opening .as-ribbon{margin-bottom:12px}#after-seasonal-opening .as-description{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){#after-seasonal-opening,#after-seasonal-opening *{animation:none!important;transition:none!important}#after-seasonal-opening .as-sleigh{transform:translateX(10vw)}#after-seasonal-opening .as-witch{left:8%;top:16%;transform:none}#after-seasonal-opening .as-snow{display:none}#after-seasonal-opening .as-firework{display:none}}
