.elementor-56596 .elementor-element.elementor-element-463ba36{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.57;}.elementor-56596 .elementor-element.elementor-element-463ba36:not(.elementor-motion-effects-element-type-background), .elementor-56596 .elementor-element.elementor-element-463ba36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://modasnt.com/wp-content/uploads/2025/08/Moda-primavera-verano-2023.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-56596 .elementor-element.elementor-element-463ba36::before, .elementor-56596 .elementor-element.elementor-element-463ba36 > .elementor-background-video-container::before, .elementor-56596 .elementor-element.elementor-element-463ba36 > .e-con-inner > .elementor-background-video-container::before, .elementor-56596 .elementor-element.elementor-element-463ba36 > .elementor-background-slideshow::before, .elementor-56596 .elementor-element.elementor-element-463ba36 > .e-con-inner > .elementor-background-slideshow::before, .elementor-56596 .elementor-element.elementor-element-463ba36 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-56596 .elementor-element.elementor-element-beea292 img{width:29%;}.elementor-56596 .elementor-element.elementor-element-3469549 > .elementor-widget-container{padding:0px 0px 50px 0px;}/* Start custom CSS for html, class: .elementor-element-3469549 *//* ====== Contenedor general ====== */
#live-block {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color: #fff;
  background: rgba(0,0,0,0.25); /* fondo más transparente */
  border: 1px solid rgba(255,255,255,0.2);
  backdrop-filter: blur(6px); /* efecto glass suave */
  border-radius: 14px;
  padding: 30px 20px;
  max-width: 500px;
  margin: 0 auto;
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
  text-align: center;
}

/* Título del countdown */
#live-block .lb-title {
  font-size: 1.6rem;
  margin-bottom: 18px;
  font-weight: 700;
  color: #fff;
}

/* ====== Countdown ====== */
#live-block .lb-timer {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-bottom: 20px;
}

#live-block .sep {
  font-size: 2rem;
  font-weight: bold;
  color: #ddd;
  align-self: center;
}

#live-block .time-box {
  background: rgba(255,255,255,0.1);
  border-radius: 10px;
  padding: 14px 18px;
  min-width: 90px;
  text-align: center;
  border: 1px solid rgba(255,255,255,0.2);
  box-shadow: inset 0 -4px 12px rgba(0,0,0,0.2);
}

#live-block .time-box .num {
  font-size: 2.2rem;
  font-weight: 800;
  color: #fff;
}

#live-block .time-box .label {
  font-size: 0.8rem;
  color: #ccc;
  margin-top: 6px;
}

/* ====== Estado EN VIVO ====== */
#live-block .lb-live {
  display: none; /* se activa por JS */
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

#live-block .live-status {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff4d4d, #e63946);
  border: 2px solid rgba(255,255,255,0.2);
  box-shadow: 0 0 20px rgba(230,57,70,0.5);
}

#live-block .live-status .dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 14px #fff, 0 0 30px rgba(255,255,255,0.9);
  animation: blink 0.9s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

#live-block .live-status .live-text {
  font-size: 1.3rem;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ====== Botón CTA ====== */
#live-block .btn-live {
  padding: 14px 32px;
  border-radius: 10px;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(180deg, #ff4d4d, #b71c1c);
  box-shadow: 0 8px 25px rgba(230,57,70,0.6);
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

#live-block .btn-live:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(230,57,70,0.8);
}/* End custom CSS */