.elementor-18543 .elementor-element.elementor-element-e4d02f6{margin-top:60px;margin-bottom:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-decoration:var( --e-global-typography-primary-text-decoration );color:var( --e-global-color-primary );}.elementor-18543 .elementor-element.elementor-element-f19e941{text-align:center;}.elementor-18543 .elementor-element.elementor-element-f19e941 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:43px;font-weight:700;text-decoration:none;color:var( --e-global-color-7ca848c7 );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:767px){.elementor-18543 .elementor-element.elementor-element-e4d02f6{margin-top:0px;margin-bottom:0px;}.elementor-18543 .elementor-element.elementor-element-f19e941 > .elementor-widget-container{margin:110px 0px 0px 0px;}.elementor-18543 .elementor-element.elementor-element-f19e941 .elementor-heading-title{font-size:30px;}.elementor-18543 .elementor-element.elementor-element-27aac88{margin-top:50px;margin-bottom:0px;}}/* Start custom CSS *//* Base: desktop/tablet */
.wpstream_not_live_mess_mess{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;

  width:min(85%, 720px);
  padding:clamp(18px, 2.8vw, 36px) clamp(22px, 3.5vw, 54px) !important;
  border-radius:18px !important;

  background:linear-gradient(135deg,#0b3c74,#1e73be) !important;
  color:#fff !important;

  font-weight:800 !important;
  font-size:clamp(18px, 2vw, 26px) !important;
  line-height:1.25 !important;
  text-align:center !important;

  box-shadow:0 20px 60px rgba(0,0,0,.55) !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;

  /* ✅ TRADUCCIÓN: ocultamos el texto original del plugin */
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Spinner sutil */
.wpstream_not_live_mess_mess:before{
  content:"";
  width:22px;
  height:22px;
  border:3px solid rgba(255,255,255,.28);
  border-top-color:#fff;
  border-radius:50%;
  animation:wpstreamSpin .9s linear infinite;
  flex:0 0 auto;
}

/* ✅ TRADUCCIÓN: texto en español */
.wpstream_not_live_mess_mess:after{
  content:"La retransmisión aún no ha comenzado" !important;
  font-size:clamp(18px, 2vw, 26px) !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  color:#fff !important;
  display:block;
}

@keyframes wpstreamSpin{
  to{ transform:rotate(360deg); }
}

/* ✅ Mobile: banner inferior, compacto, no tapa el poster */
@media (max-width: 600px){
  .wpstream_not_live_mess_mess{
    top:auto !important;
    bottom:14px !important;
    left:50% !important;
    transform:translateX(-50%) !important;

    width:calc(100% - 28px) !important;
    max-width:520px !important;

    padding:12px 14px !important;
    border-radius:14px !important;

    text-align:left !important;
    justify-content:flex-start !important;
    gap:10px !important;

    box-shadow:0 16px 40px rgba(0,0,0,.55) !important;

    /* ✅ TRADUCCIÓN: seguimos ocultando el texto original */
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .wpstream_not_live_mess_mess:before{
    width:18px;
    height:18px;
    border-width:3px;
  }

  /* ✅ TRADUCCIÓN: mensaje corto en móvil */
  .wpstream_not_live_mess_mess:after{
    content:"El directo aún no ha comenzado" !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }
}/* End custom CSS */