/* MOON V12.2.6 — logo centrado, rojo #FF2C2C, sin botones de ayuda duplicados. */
/* El logo ocupa el centro real de la cabecera, independientemente del ancho del carrito. */
.moon-header-stack .head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.moon-header-stack .moon-top-menu{display:contents}
.moon-header-stack #moonMenuToggle{grid-column:1;grid-row:1;justify-self:start}
.moon-header-stack .brand-link{grid-column:2;grid-row:1;justify-self:center;display:inline-flex;align-items:center}
.moon-header-stack .logo-moon{
  width:clamp(180px,20vw,245px);height:76px;
  object-position:center center;
  filter:drop-shadow(0 3px 9px rgba(234,177,255,.18));
}
.moon-header-stack .header-actions{grid-column:3;grid-row:1;justify-self:end;min-width:0}
/* Fondo sólido solicitado: no lo degradamos ni oscurecemos en los bordes. */
.moon-header-stack .moon-promo-marquee{
  background:#FF2C2C!important;color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.23)!important;
  text-shadow:0 1px 2px rgba(75,0,0,.65);
}
.moon-header-stack .moon-ticker-segment>span::before{color:#fff!important}
/* Información sensible a la compra: una única sección discreta en el pie. */
.moon-footer-help{margin-top:14px;border-top:1px solid rgba(202,177,255,.18);padding-top:12px;max-width:470px}
.moon-footer-help summary{
  display:list-item;cursor:pointer;color:#ead7f9;font-weight:750;
  font-size:12px;line-height:1.6;
}
.moon-footer-help summary:hover,.moon-footer-help summary:focus-visible{color:#fff;text-decoration:underline}
.moon-footer-help-content{padding:4px 0 5px 13px}
.moon-footer-help-content p{margin:8px 0!important;font-size:12px;line-height:1.6;color:#c6b5d1}
.moon-footer-help-content strong{color:#e8d4f4}
.moon-footer-help-content a{font-size:12px;color:#f1cce9}
/* Anclas sin taparse bajo el encabezado flotante. */
#moon-ayuda{scroll-margin-top:calc(var(--moon-header-height,125px) + 15px)}
@media(max-width:620px){
 .moon-header-stack .head{gap:6px;min-height:72px}
 .moon-header-stack .logo-moon{width:clamp(138px,40vw,174px);height:62px}
 .moon-header-stack .header-actions .desktop-txt{display:none!important}
 .moon-header-stack .cart-open{padding:10px 10px;min-width:66px}
}
@media(max-width:340px){
 .moon-header-stack .head{gap:4px}
 .moon-header-stack .logo-moon{width:133px;height:60px}
}
