/* MOON 12.2.4 — franja carmesí continua + información compacta. */
.moon-promo-marquee{
  margin:0!important;
  padding:17px 0!important;
  background:linear-gradient(100deg,#4a101b 0%,#8d2035 48%,#551322 100%)!important;
  color:#fff3f5!important;
  border:0!important;
  border-bottom:1px solid rgba(255,171,177,.35)!important;
  border-radius:0!important;
  box-shadow:inset 0 1px rgba(255,220,220,.07),0 3px 11px #06020a44!important;
  font-size:13.5px!important;
  font-weight:850!important;
  letter-spacing:.55px!important;
  line-height:1.35!important;
  overflow:hidden!important;
  white-space:nowrap;
  isolation:isolate;
}
.moon-ticker-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:37px!important;
  animation:moonContinuousTicker var(--moon-ticker-duration,30s) linear infinite!important;
  will-change:transform;
}
.moon-ticker-segment{display:flex;align-items:center;gap:37px;flex:none;white-space:nowrap}
.moon-ticker-segment>span{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;flex:none}
.moon-ticker-segment>span::before{content:'✦';font-size:10px;color:#ffb4c0;flex:none}
@keyframes moonContinuousTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--moon-ticker-distance, 700px)),0,0)}}
.moon-promo-marquee:focus-within .moon-ticker-track{animation-play-state:paused!important}
/* Los tres temas de ayuda se ven como botones discretos, no como barras gigantes. */
#moon-ayuda.moon-commercial{
  display:flex!important;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;
  column-gap:10px;row-gap:9px;margin:16px auto 18px!important;
  padding:0!important;position:relative;z-index:10;
}
#moon-ayuda.moon-commercial details{
  display:block;flex:0 0 auto;margin:0!important;padding:0!important;
  width:auto;max-width:100%;border:none!important;
  background:none!important;box-shadow:none!important;position:relative;
}
#moon-ayuda.moon-commercial details[open]{z-index:20}
#moon-ayuda.moon-commercial summary{
  list-style:none;display:flex;align-items:center;gap:8px;white-space:nowrap;
  padding:10px 14px!important;
  font-size:12.5px!important;font-weight:750!important;line-height:1.35;
  color:#f2deea!important;
  border:1px solid rgba(204,139,180,.35);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(48,27,51,.95),rgba(39,21,44,.96));
  cursor:pointer;transition:border-color .15s ease,background .15s ease;
}
#moon-ayuda.moon-commercial summary::-webkit-details-marker{display:none}
#moon-ayuda.moon-commercial summary::after{content:'⌄';font-size:14px;color:#dca8be;display:inline-block;transition:transform .15s ease}
#moon-ayuda.moon-commercial details[open] summary::after{transform:rotate(180deg)}
#moon-ayuda.moon-commercial summary:hover,#moon-ayuda.moon-commercial details[open] summary{
  border-color:#cb7d9f;background:linear-gradient(130deg,#52283c,#392237);
}
#moon-ayuda.moon-commercial summary:focus-visible{outline:2px solid #ffb0cf;outline-offset:3px}
#moon-ayuda.moon-commercial .moon-help-content{
  position:absolute;left:0;top:calc(100% + 8px);width:340px;
  max-width:min(340px,calc(100vw - 26px));
  padding:14px 16px 16px;border-radius:13px;
  border:1px solid #9d5a79;background:#211529;
  box-shadow:0 16px 40px #0009;
  white-space:normal;overflow-wrap:break-word;
}
#moon-ayuda.moon-commercial .moon-help-content p{
  margin:0 0 8px!important;font-size:12.5px!important;line-height:1.65!important;
  color:#e9dce8!important;
}
#moon-ayuda.moon-commercial .moon-help-content p:last-child{margin-bottom:0!important}
#moon-ayuda.moon-commercial .moon-info-wa{display:inline-block;font-size:12px;margin-top:4px;color:#ffb4cf}
@media(max-width:760px){
 .moon-promo-marquee{padding:14px 0!important;font-size:12.5px!important;letter-spacing:.35px!important}
 #moon-ayuda.moon-commercial{gap:8px;margin:12px auto 15px!important}
 #moon-ayuda.moon-commercial summary{font-size:11.5px!important;padding:10px 11px!important}
 #moon-ayuda.moon-commercial details{position:static}
 #moon-ayuda.moon-commercial .moon-help-content{max-width:100%;width:min(340px,100%);left:0;top:calc(100% + 8px)}
}
@media(max-width:430px){
 #moon-ayuda.moon-commercial{column-gap:7px;row-gap:8px}
 #moon-ayuda.moon-commercial summary{font-size:11px!important;padding:9px 10px!important}
}
@media(prefers-reduced-motion:reduce){
 .moon-ticker-track{width:100%;animation:none!important;will-change:auto;justify-content:center;overflow:hidden}
 .moon-ticker-segment{flex-wrap:wrap;gap:9px 22px;justify-content:center;white-space:normal}
 .moon-ticker-segment>span{white-space:normal}
 .moon-ticker-segment:nth-child(n+2){display:none}
}