/* Coming soon message shown instead of products while WooCommerce is in "Coming soon" mode. */
.rp-coming-soon{
  --rpcs-accent:#da0032;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:clamp(40px,6vw,76px) clamp(20px,5vw,56px);
  border:1px solid #ececec;
  border-radius:24px;
  background:
    radial-gradient(70% 90% at 12% 0%,color-mix(in srgb,var(--rpcs-accent) 8%,transparent) 0%,transparent 70%),
    radial-gradient(60% 80% at 92% 8%,rgba(120,140,190,.09) 0%,transparent 70%),
    #fff;
  text-align:center;
  font-family:Roboto,Arial,sans-serif;
  color:#414141;
}
.rp-coming-soon *{box-sizing:border-box}
.rp-coming-soon__glow{display:none}
.rp-coming-soon__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:68px;
  height:68px;
  margin:0 auto 20px;
  border-radius:50%;
  background:#fff;
  color:var(--rpcs-accent);
  box-shadow:0 10px 30px color-mix(in srgb,var(--rpcs-accent) 16%,transparent),0 0 0 8px color-mix(in srgb,var(--rpcs-accent) 6%,transparent);
  animation:rpcs-float 4s ease-in-out infinite;
}
.rp-coming-soon__icon svg{display:block}
.rp-coming-soon__eyebrow{
  display:inline-block;
  margin:0 0 12px!important;
  padding:6px 14px;
  border-radius:999px;
  background:color-mix(in srgb,var(--rpcs-accent) 9%,#fff);
  color:var(--rpcs-accent);
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.rp-coming-soon__title{
  margin:0 0 12px!important;
  font-family:inherit!important;
  font-size:clamp(26px,3.2vw,36px)!important;
  font-weight:600!important;
  line-height:1.2!important;
  color:#333!important;
}
.rp-coming-soon__text{
  max-width:520px;
  margin:0 auto!important;
  font-size:16px;
  line-height:1.65;
  color:#6b6b6b;
}
.rp-coming-soon__dots{display:inline-flex;gap:7px;margin-top:24px}
.rp-coming-soon__dots i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--rpcs-accent);
  opacity:.25;
  animation:rpcs-dot 1.4s ease-in-out infinite;
}
.rp-coming-soon__dots i:nth-child(2){animation-delay:.2s}
.rp-coming-soon__dots i:nth-child(3){animation-delay:.4s}
@keyframes rpcs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes rpcs-dot{0%,80%,100%{opacity:.25;transform:scale(1)}40%{opacity:1;transform:scale(1.25)}}
@media(max-width:767px){
  .rp-coming-soon{border-radius:18px}
  .rp-coming-soon__icon{width:58px;height:58px;margin-bottom:16px}
  .rp-coming-soon__text{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .rp-coming-soon__icon,.rp-coming-soon__dots i{animation:none}
  .rp-coming-soon__dots i{opacity:.5}
}

/* Background image from Ajustes → Mantenimiento. */
.rp-coming-soon.has-image{background:#222 var(--rpcs-image) center/cover no-repeat;border-color:transparent}
.rp-coming-soon.has-image::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--rpcs-overlay,.45) * .75)),rgba(0,0,0,var(--rpcs-overlay,.45)))}
.rp-coming-soon.has-image .rp-coming-soon__title{color:#fff!important}
.rp-coming-soon.has-image .rp-coming-soon__text{color:rgba(255,255,255,.88)}
.rp-coming-soon.has-image .rp-coming-soon__eyebrow{background:rgba(255,255,255,.92)}
.rp-coming-soon.has-image .rp-coming-soon__dots i{background:#fff}
