#countdown-banner{
  position: fixed;
  top: 0;                 /* Ahora siempre hasta arriba */
  left: 0;
  right: 0;
  z-index: 9999;
  background: linear-gradient(225deg,#0c0b0b,#343534);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
}
#countdown-banner.cb-hidden{ display:none; }

/* Cuando el banner está visible, empuja TODO el body */
body.cb-has-countdown {
  padding-top: var(--cb-banner-h, 0px);
}

#countdown-banner .cb-wrap{
  max-width:1200px; margin:0 auto; padding:10px 16px;
  display:flex; gap:16px; align-items:center; justify-content:space-between;
}
.cb-left{ display:flex; align-items:center; gap:10px; font-weight:600; }
.cb-emoji{ filter: drop-shadow(0 0 4px rgba(255,255,255,.25)); }
.cb-title{ font-size:15px; line-height:1.2; }

.cb-timers{ display:flex; gap:10px; align-items:center; }
.cb-box{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-width:56px; padding:6px 8px; border-radius:12px;
  background: linear-gradient(225deg,#f0145a,#ff5b7f);
  box-shadow:0 4px 14px rgba(240,20,90,.35);
}
.cb-box span{ font-weight:800; font-size:20px; line-height:1; }
.cb-box small{ font-size:11px; opacity:.9; margin-top:4px; }

.cb-close{
  appearance:none; border:0; background:#1a1a1a; color:#fff; border-radius:10px;
  padding:4px 8px; cursor:pointer; font-size:14px; opacity:.8;
}
.cb-close:hover{ opacity:1; }

#countdown-banner{ position: fixed; top:0; left:0; right:0; z-index:9999; }

@media (max-width:768px){
  #countdown-banner .cb-wrap{ flex-wrap:wrap; gap:12px; }
  .cb-left{ width:100%; }
  .cb-title{ font-size:14px; }
  .cb-box{ min-width:52px; border-radius:10px; }
}

body.cb-has-countdown header.headerInterno.headerHome {
  margin-top: var(--cb-banner-h, 0px);
}