/* ---------- pantalla principal: novedades, evento y Discord ---------- */
.sp-news { position: absolute; left: 54px; top: 150px; width: 540px; padding: 20px 24px 18px; border-radius: 30px; z-index: 2;
  background: linear-gradient(160deg, rgba(255,255,255,.96), rgba(226,242,255,.94)); border: 5px solid #1d5fa8;
  box-shadow: 0 12px 0 rgba(13,52,100,.25), 0 0 0 8px rgba(255,255,255,.45); animation: spIn .7s cubic-bezier(.3,1.5,.5,1) both .2s; }
.sp-news::before { content: ''; position: absolute; left: 30px; right: 30px; top: -16px; height: 26px; border-radius: 16px 16px 6px 6px;
  background: radial-gradient(circle at 10% 70%, #fff 0 12px, transparent 13px), radial-gradient(circle at 32% 60%, #fff 0 16px, transparent 17px),
    radial-gradient(circle at 58% 70%, #fff 0 13px, transparent 14px), radial-gradient(circle at 84% 60%, #fff 0 15px, transparent 16px); }
.spn-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.spn-head b { font: 800 34px var(--font); color: #12407a; }
.spn-flake { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(#7fc2f0, #2a7ad0); color: #fff; font-size: 28px;
  box-shadow: inset 0 3px 0 rgba(255,255,255,.4); animation: spSpin 8s linear infinite; }
.spn-new { margin-left: auto; padding: 4px 14px; border-radius: 14px; background: linear-gradient(#ff7a5a, #e8323c); color: #fff; font: 800 18px var(--font);
  box-shadow: 0 3px 0 #8a1a1a; animation: spPulse 1.6s ease-in-out infinite; }
.sp-news ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.sp-news li { display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 18px;
  background: #fff; border: 3px solid #cfe4f8; animation: spRow .5s ease-out both var(--d); }
.spn-ic { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: #eaf5ff; font-size: 32px; }
.spn-t { font: 700 21px/1.2 var(--font); color: #183a63; }
.sp-news li small { font: 700 16px var(--font); color: #5a86b8; white-space: nowrap; }
.spn-foot { margin-top: 12px; text-align: center; font: 600 17px var(--font); color: #4a6a90; }
.spn-foot b { color: #12407a; }

.sp-event { position: absolute; left: 54px; top: 652px; width: 540px; display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-radius: 26px; z-index: 2;
  background: linear-gradient(120deg, #2a1240, #5a1e72 55%, #ff7a1a); border: 5px solid #ffb03a; color: #fff;
  box-shadow: 0 10px 0 rgba(40,10,40,.35), 0 0 30px rgba(255,140,40,.55); animation: spIn .7s cubic-bezier(.3,1.5,.5,1) both .45s, spGlow 2.4s ease-in-out infinite 1.2s; }
.sp-event b { display: block; font: 800 26px var(--font); white-space: nowrap; text-shadow: 0 3px 0 #2a0a30; }
.sp-event small { font: 600 17px/1.25 var(--font); color: #ffe2b8; }
.spe-pumpkin { font-size: 52px; animation: spBounce 1.4s ease-in-out infinite; }
.spe-bat { margin-left: auto; font-size: 34px; animation: spBat 3s ease-in-out infinite; }

.sp-discord { position: absolute; left: 40px; bottom: 40px; z-index: 2; display: flex; align-items: center; gap: 14px; padding: 12px 22px 12px 14px; border-radius: 26px;
  background: #5865f2; border: 5px solid #fff; color: #fff; text-decoration: none; box-shadow: 0 8px 0 rgba(30,36,120,.45);
  transition: transform .18s cubic-bezier(.3,1.6,.5,1); animation: spIn .7s cubic-bezier(.3,1.5,.5,1) both .6s; }
.sp-discord:hover { transform: translateY(-4px) scale(1.04); }
.sp-discord .dc-logo { width: 62px; height: 62px; }
.sp-discord b { display: block; font: 800 26px var(--font); }
.sp-discord small { font: 600 16px var(--font); opacity: .9; }
#splash.gone .sp-news, #splash.gone .sp-event, #splash.gone .sp-discord { pointer-events: none; }
@keyframes spIn { from { opacity: 0; transform: translateY(-24px) scale(.92); } }
@keyframes spRow { from { opacity: 0; transform: translateX(-26px); } }
@keyframes spSpin { to { transform: rotate(360deg); } }
@keyframes spPulse { 50% { transform: scale(1.08); } }
@keyframes spGlow { 50% { box-shadow: 0 10px 0 rgba(40,10,40,.35), 0 0 46px rgba(255,160,40,.9); } }
@keyframes spBounce { 50% { transform: translateY(-6px) rotate(-6deg); } }
@keyframes spBat { 0%, 100% { transform: translate(0, 0) rotate(0); } 50% { transform: translate(-10px, -8px) rotate(-10deg); } }

/* ---------- "¿Sabías que…?" sin el pico cortado ---------- */
#loadTips .lt-bubble { padding: 26px 28px 22px 30px; border-radius: 28px; overflow: visible; width: 500px;
  background: linear-gradient(160deg, #ffffff, #e6f3ff); border: 5px solid var(--blue-d); box-shadow: 0 10px 0 rgba(13,52,100,.22), 0 0 0 7px rgba(255,255,255,.55); }
#loadTips .lt-bubble::after { display: none; }
#loadTips .lt-bubble::before { content: '🐻'; position: absolute; left: -22px; top: -26px; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%;
  background: linear-gradient(#ffe27a, #f2a51c); border: 5px solid var(--blue-d); font-size: 32px; box-shadow: 0 5px 0 rgba(13,52,100,.25); animation: spBounce 2.4s ease-in-out infinite; }
#loadTips .lt-bubble b { padding-left: 30px; font-size: 27px; }
#loadTips .lt-bubble p { min-height: 98px; }
@media (prefers-reduced-motion: reduce) { .sp-news, .sp-event, .sp-discord, .spn-flake, .spn-new, .spe-pumpkin, .spe-bat, #loadTips .lt-bubble::before { animation: none; } }