/* ===========================================================
   SUPERTHINGS: EL PREESTRENO — próximamente (usa tema EK)
   =========================================================== */
.pre-hero { text-align: center; padding-block: clamp(56px, 9vw, 110px); }
.pre-logo {
  width: min(640px, 92%); margin: 18px auto 6px;
  filter: drop-shadow(0 14px 26px rgba(0,0,0,.5));
  animation: pre-bob 4.5s ease-in-out infinite;
}
@keyframes pre-bob { 0%,100% { transform: translateY(0) rotate(-.6deg); } 50% { transform: translateY(-12px) rotate(.6deg); } }

.pre-badge {
  display: inline-block; font-family: "Bangers", cursive; letter-spacing: .1em; font-size: 1.1rem;
  color: #fff; background: var(--ek-rojo, #e3000f); padding: 8px 20px; border-radius: 999px;
  border: 3px solid #0b2a55; box-shadow: 0 4px 0 #0b2a55; transform: rotate(-2deg);
}

/* Indicador "en directo" */
.pre-live {
  display: inline-flex; align-items: center; gap: 10px; margin-top: 20px;
  font-weight: 800; letter-spacing: .04em; color: #fff; text-shadow: 0 2px 0 #0b2a55;
  background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.35); border-radius: 999px; padding: 8px 18px;
}
.pre-live__dot { width: 12px; height: 12px; border-radius: 50%; background: #ff2b2b; box-shadow: 0 0 0 0 rgba(255,43,43,.7); animation: pre-pulse 1.4s ease-out infinite; }
@keyframes pre-pulse { 0% { box-shadow: 0 0 0 0 rgba(255,43,43,.7); } 70% { box-shadow: 0 0 0 12px rgba(255,43,43,0); } 100% { box-shadow: 0 0 0 0 rgba(255,43,43,0); } }

/* Fecha por anunciar */
.pre-cd {
  display: inline-block; font-family: "Bangers", cursive; letter-spacing: .12em; font-size: clamp(1.3rem, 4vw, 2.2rem);
  color: #ffd200; -webkit-text-stroke: 2px #0b2a55; paint-order: stroke fill;
}