@charset "UTF-8";
/**
 * UFO Slider — Mungos Animations
 *
 * ── Responsive strategy ───────────────────────────────────────────────
 *  Reference image was designed at ~1400px widget width. Every position
 *  and size below is expressed in `cqi` (= 1% of the widget's own inline
 *  size), so the entire composition scales proportionally with the widget
 *  container — ANY viewport keeps the reference layout.
 *
 *  Below 1024px container width the info panel would be too narrow to
 *  read, so a `@container` query flips to a stacked mobile layout with
 *  fixed px sizes.
 *
 *  Reference numbers (÷ 1400 → cqi):
 *     Padding 40    → 2.85cqi     Stage height 800  → 57.14cqi
 *     UFO 460px     → 32.86cqi    UFO top -20       → -1.4cqi
 *     Product 260   → 18.57cqi    Product top 410   → 29.29cqi
 *     Title top 345 → 24.64cqi    Title font 56     → 4cqi
 *     Info width 280 → 20cqi      Info right 6%     → 6cqi
 *     Info h3 26    → 1.86cqi     Info p 13         → 0.93cqi
 *     Btn pad 12/28 → 0.86/2cqi   Btn font 15       → 1.07cqi
 *     Nav btn 38    → 2.71cqi
 */
.mungos-ovni-slider {
  container-type: inline-size;
  container-name: mungos-ufo;
  position: relative;
  min-height: 48cqi;
  padding: 2.5cqi 2.85cqi 1.5cqi;
  background: var(--mu-bg, #FFE9C2);
  overflow: hidden;
  color: #3D1F12;
  font-family: inherit;
  --mu-heading: #3D1F12;
  --mu-stack-x: 36%;
}
.mungos-ovni-slider .mu-particles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.mungos-ovni-slider .mu-ovni__stage {
  position: relative;
  width: 100%;
  height: 43cqi;
  margin: 0 auto;
}
.mungos-ovni-slider .mu-ovni__title {
  position: absolute;
  top: 15cqi;
  left: var(--mu-stack-x);
  transform: translateX(-50%);
  text-align: center;
  z-index: 7;
  pointer-events: none;
  white-space: nowrap;
}
.mungos-ovni-slider .mu-ovni__title h2 {
  font-family: "xanti-typewriter-variable", sans-serif !important;
  font-weight: 800 !important;
  font-variation-settings: "wght" 800 !important;
  font-size: 3.7cqi !important;
  line-height: 0.92 !important;
  margin: 0;
  color: var(--mu-heading) !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.mungos-ovni-slider .mu-ufo {
  position: absolute;
  left: var(--mu-stack-x);
  top: calc(var(--mu-stack-y, 0%) - 1cqi);
  transform: translateX(-50%);
  width: 26cqi;
  height: auto;
  z-index: 6;
  will-change: transform;
}
.mungos-ovni-slider .mu-ufo > svg,
.mungos-ovni-slider .mu-ufo > .mu-ufo-svg {
  display: block;
  width: 100%;
  height: auto;
}
.mungos-ovni-slider .mu-ufo.mu-ufo--lottie {
  aspect-ratio: 420/220;
}
.mungos-ovni-slider .mu-ufo__lottie {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.mungos-ovni-slider .mu-ufo__lottie svg {
  width: 100%;
  height: 100%;
  display: block;
}
@keyframes ufo-bob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-7px);
  }
}
.mungos-ovni-slider .uf {
  animation: ufo-bob 5s ease-in-out infinite;
}
@keyframes ufo-bp {
  0%, 100% {
    opacity: 0.55;
  }
  50% {
    opacity: 0.75;
  }
}
.mungos-ovni-slider .lb {
  animation: ufo-bp 4s ease-in-out infinite;
  opacity: 0.55;
}
@keyframes ufo-pg {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.85;
  }
}
.mungos-ovni-slider .py {
  animation: ufo-pg 3s ease-in-out infinite;
  opacity: 1;
}
@keyframes ufo-dg {
  0%, 100% {
    opacity: 0.85;
  }
  50% {
    opacity: 1;
  }
}
.mungos-ovni-slider .dc {
  animation: ufo-dg 3.5s ease-in-out infinite;
  opacity: 0.85;
}
.mungos-ovni-slider .mu-ufo__portal, .mungos-ovni-slider ellipse.mu-ufo__portal {
  opacity: 1 !important;
}
.mungos-ovni-slider .mu-ovni__product {
  position: absolute;
  left: var(--mu-stack-x);
  top: 21cqi;
  transform: translateX(-50%);
  width: 24cqi;
  z-index: 8;
  opacity: 1;
}
.mungos-ovni-slider .mu-ovni__product img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 1cqi 2cqi rgba(0, 0, 0, 0.18));
}
.mungos-ovni-slider .mu-ovni__product .mu-badge {
  position: absolute;
  padding: 0.43cqi 1cqi;
  background: var(--mungos-pink, #FF8FB1);
  color: #fff;
  font-weight: 800;
  font-size: 0.86cqi;
  border-radius: 999px;
  transform: rotate(-12deg);
}
.mungos-ovni-slider .mu-ovni__product .mu-badge--top-left {
  top: -0.7cqi;
  left: -0.7cqi;
}
.mungos-ovni-slider .mu-ovni__product .mu-badge--top-right {
  top: -0.7cqi;
  right: -0.7cqi;
}
.mungos-ovni-slider .mu-ovni__product .mu-badge--bottom-left {
  bottom: -0.7cqi;
  left: -0.7cqi;
}
.mungos-ovni-slider .mu-ovni__product .mu-badge--bottom-right {
  bottom: -0.7cqi;
  right: -0.7cqi;
}
.mungos-ovni-slider .mu-character {
  position: absolute;
  transform: translate(-50%, -50%);
  will-change: transform;
  pointer-events: none;
}
.mungos-ovni-slider .mu-character svg,
.mungos-ovni-slider .mu-character img {
  width: 100%;
  height: auto;
  display: block;
}
.mungos-ovni-slider .mu-character.is-flipped svg, .mungos-ovni-slider .mu-character.is-flipped img {
  transform: scaleX(-1);
}
.mungos-ovni-slider .mu-character--bob {
  animation: mungos-bob 1.8s ease-in-out infinite alternate;
}
.mungos-ovni-slider .mu-character--wiggle {
  animation: mungos-wiggle 2s ease-in-out infinite alternate;
}
.mungos-ovni-slider .mu-character--pulse {
  animation: mungos-pulse 2s ease-in-out infinite alternate;
}
.mungos-ovni-slider .mu-character--none {
  animation: none;
}
.mungos-ovni-slider .mu-character--dog-pink {
  margin-left: -40px; /* Shift the pink dog left 40px as requested by the user */
}
.mungos-ovni-slider .mu-ovni__info {
  position: absolute;
  right: 5cqi;
  top: 17cqi;
  width: 20cqi;
  z-index: 7;
}
.mungos-ovni-slider .mu-ovni__info h3 {
  font-family: "xanti-typewriter-variable", sans-serif !important;
  font-weight: 800 !important;
  font-variation-settings: "wght" 800 !important;
  font-size: 1.8cqi !important;
  line-height: 1.05 !important;
  margin: 0 0 0.6cqi !important;
  color: var(--mu-heading) !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.mungos-ovni-slider .mu-ovni__info p {
  font-size: 0.95cqi !important;
  line-height: 1.4 !important;
  margin: 0 0 0.8cqi !important;
  color: var(--mu-heading) !important;
}
.mungos-ovni-slider .mu-btn {
  display: inline-block !important;
  background: #B5DC4A !important;
  color: #1A3B3C !important;
  padding: 0.86cqi 2cqi !important;
  border-radius: 999px !important;
  font-family: "xanti-typewriter-variable", sans-serif !important;
  font-weight: 800 !important;
  font-variation-settings: "wght" 800 !important;
  font-size: 1.07cqi !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  border: 0.14cqi solid #1A3B3C !important;
  box-shadow: 0 0.21cqi 0 #1A3B3C;
  cursor: pointer;
}
.mungos-ovni-slider .mu-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.36cqi 0 #1A3B3C;
}
.mungos-ovni-slider .mu-btn:active {
  transform: translateY(0);
  box-shadow: 0 0.07cqi 0 #1A3B3C;
}
.mungos-ovni-slider .mu-btn--alt {
  background: #B5DC4A !important;
}
.mungos-ovni-slider .mu-ovni__nav {
  position: absolute;
  bottom: 1.2cqi;
  left: var(--mu-stack-x);
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1cqi;
  z-index: 9;
}
/* Flecha = componente de slider unificado (lima redondo, borde oscuro, sombra). */
.mungos-ovni-slider .mu-ovni__nav button {
  font-family: "xanti-typewriter-variable", sans-serif !important;
  font-weight: 800 !important;
  font-variation-settings: "wght" 800 !important;
  width: 2.71cqi !important;
  height: 2.71cqi !important;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50% !important;
  background: #c2e535 !important;
  border: 2px solid #1A3B3C !important;
  box-shadow: 2px 2px 0 #1A3B3C;
  cursor: pointer !important;
  touch-action: manipulation;
  font-size: 1.43cqi !important;
  line-height: 1 !important;
  color: #1A3B3C !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  padding: 0;
}
/* Blindaje anti-tema: marca en todos los estados (nada de fucsia). */
.mungos-ovni-slider .mu-ovni__nav button:hover,
.mungos-ovni-slider .mu-ovni__nav button:focus,
.mungos-ovni-slider .mu-ovni__nav button:focus-visible,
.mungos-ovni-slider .mu-ovni__nav button:active {
  background: #c2e535 !important;
  color: #1A3B3C !important;
  border-color: #1A3B3C !important;
}
.mungos-ovni-slider .mu-ovni__nav button:hover {
  transform: translateY(-1px);
  box-shadow: 3px 4px 0 #1A3B3C;
}
.mungos-ovni-slider .mu-ovni__nav button:active {
  transform: translateY(0);
  box-shadow: 1px 1px 0 #1A3B3C;
}
.mungos-ovni-slider .mu-ovni__nav button::before,
.mungos-ovni-slider .mu-ovni__nav button::after { content: none !important; }
.mungos-ovni-slider .mu-ovni__nav button:focus-visible {
  outline: 3px solid #2563EB;
  outline-offset: 2px;
}
/* Icono de flecha ‹ ›: en desktop no tenía tamaño → salía diminuto/descuadrado.
   Lo centramos y le damos proporción relativa al botón. */
.mungos-ovni-slider .mu-ovni__nav button { display: inline-flex; align-items: center; justify-content: center; }
.mungos-ovni-slider .mu-nav-prev .mu-arrow-ico,
.mungos-ovni-slider .mu-nav-next .mu-arrow-ico { width: 34%; max-width: 15px; height: auto; display: block; }
/* Flecha «anterior» apunta a la IZQUIERDA (‹ ›), como el conveyor-belt. */
.mungos-ovni-slider .mu-nav-prev .mu-arrow-ico { transform: scaleX(-1); }

@keyframes mungos-bob {
  from {
    transform: translate(-50%, calc(-50% - 6px));
  }
  to {
    transform: translate(-50%, calc(-50% + 6px));
  }
}
@keyframes mungos-wiggle {
  from {
    transform: translate(calc(-50% - 5px), -50%) rotate(-3deg);
  }
  to {
    transform: translate(calc(-50% + 5px), -50%) rotate(3deg);
  }
}
@keyframes mungos-pulse {
  from {
    transform: translate(-50%, -50%) scale(0.96);
  }
  to {
    transform: translate(-50%, -50%) scale(1.04);
  }
}
@container mungos-ufo (max-width: 1024px) {
  .mungos-ovni-slider {
    --mu-stack-x: 50%;
    min-height: 680px;
    padding: 28px 16px 16px;
  }
  .mungos-ovni-slider .mu-ovni__stage {
    height: 460px;
  }
  .mungos-ovni-slider .mu-ovni__title {
    top: 190px;
    white-space: normal;
  }
  .mungos-ovni-slider .mu-ovni__title h2 {
    font-size: 28px !important;
    line-height: 1 !important;
  }
  .mungos-ovni-slider .mu-ufo {
    width: 240px;
    height: auto;
    top: -8px;
  }
  .mungos-ovni-slider .mu-ovni__product {
    width: 170px;
    top: 200px;
  }
  .mungos-ovni-slider .mu-ovni__product img {
    filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.18));
  }
  .mungos-ovni-slider .mu-ovni__info {
    position: static !important;
    width: 100% !important;
    max-width: 420px;
    margin: 16px auto 0;
    padding: 0 8px;
    text-align: center;
  }
  .mungos-ovni-slider .mu-ovni__info h3 {
    font-size: 18px !important;
    margin: 0 0 6px !important;
  }
  .mungos-ovni-slider .mu-ovni__info p {
    font-size: 12px !important;
    margin: 0 0 12px !important;
  }
  .mungos-ovni-slider .mu-btn {
    padding: 9px 20px !important;
    font-size: 13px !important;
    border-width: 2px !important;
    box-shadow: 0 3px 0 #1A3B3C !important;
  }
  .mungos-ovni-slider .mu-ovni__nav {
    bottom: auto;
    top: 424px;
    left: 50% !important;
  }
  .mungos-ovni-slider .mu-ovni__nav button {
    width: 44px !important;
    height: 44px !important;
    font-size: 18px !important;
    border-width: 2px !important;
  }
}
@container mungos-ufo (max-width: 480px) {
  .mungos-ovni-slider .mu-ufo {
    width: 190px;
  }
  .mungos-ovni-slider .mu-ovni__product {
    width: 135px;
    top: 170px;
  }
  .mungos-ovni-slider .mu-ovni__title {
    top: 166px;
  }
  .mungos-ovni-slider .mu-ovni__title h2 {
    font-size: 23px !important;
  }
  .mungos-ovni-slider .mu-ovni__stage {
    height: 400px;
  }
  .mungos-ovni-slider .mu-ovni__nav {
    top: 372px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mungos-ovni-slider .mu-character {
    animation: none !important;
  }
}

/*# sourceMappingURL=ufo-slider.css.map */

/* ══ Responsive móvil — rediseño en COLUMNA (v1.1.5) ═══════════════════
   El layout desktop es absoluto (todo posicionado). En móvil pasamos a una
   columna en flujo con este orden: 1) título grande y protagonista, 2) info
   del producto (nombre + descripción), 3) ovni + producto en el haz (con las
   flechas ‹ › al lado del producto y el gato + perro rosado encima de ellas),
   4) fila de botones [Comprar ahora] [Ver todos], cada uno de color distinto.
   El reordenamiento del DOM (CTA→nav, flechas→stage, gato+perro→stage) lo hace
   `mungosOvniReflow()` en ufo-slider.js (solo en móvil; revierte en desktop). */
.mungos-ovni-slider { max-width: 100%; overflow-x: clip; }
/* ══ FIX espacio fantasma del ovni (TODOS los tamaños) — mismo bug que el footer ══
   El slider tiene `container-type: inline-size` (para las unidades cqi del layout)
   y su contenedor de Elementor es flex-column → dispara el bug container-query+
   flexbox: el WRAPPER del widget se infla ~715–877px de más → HUECO invisible bajo
   los botones (lo que Naty ve como "espacio extra"). Forzamos el contenedor PADRE a
   display:block (con un solo hijo, block y flex-column se ven idénticos) y el hueco
   desaparece SIN tocar los cqi (desktop sigue igual). Cubrimos las clases de
   contenedor actuales de Elementor (.elementor-element Y .e-con-inner) porque el
   padre real varía por versión —el selector viejo del footer solo cubría una y por
   eso el hueco volvía—. Verificado en vivo: wrapper 1847px→874px (== contenido). */
.elementor-element:has(> .elementor-widget-mungos-ufo-slider),
.e-con-inner:has(> .elementor-widget-mungos-ufo-slider) {
  display: block !important;
}

@media (max-width: 768px) {
  .mungos-ovni-slider {
    display: flex; flex-direction: column; align-items: center;
    --mu-stack-x: 50%; padding: 26px 16px 26px; gap: 0;
    /* FIX espacio fantasma: el slider tiene `container-type: inline-size` (para las
       unidades cqi del layout desktop). Dentro de un contenedor Elementor flex-column,
       eso dispara un bug de container-query+flexbox que infla el WRAPPER del widget
       ~715px de más (hueco invisible bajo los botones). En móvil el layout NO usa cqi
       (todo es %/vw/px), así que apagamos el container-query aquí y el hueco desaparece.
       Verificado en vivo: wrapper 1542px→791px (== contenido real), sin romper tamaños. */
    container-type: normal !important;
  }

  /* 1) Título arriba, grande, protagonista (separado del nombre del producto) */
  .mungos-ovni-slider .mu-ovni__title {
    position: static !important; order: 1; width: 100%;
    left: auto; top: auto; transform: none !important; margin: 0 0 34px; /* separado del bloque de info */
  }
  .mungos-ovni-slider .mu-ovni__title h2 {
    font-size: clamp(30px, 8.6vw, 44px) !important; line-height: .95;
    text-align: center; white-space: normal;
  }

  /* 2) Info del producto (nombre + descripción) */
  .mungos-ovni-slider .mu-ovni__info {
    position: static !important; order: 2; width: 100%; max-width: 430px;
    left: auto; top: auto; right: auto; transform: none !important;
    text-align: center; margin: 0 0 14px;
  }
  /* Nombre del producto = STICKER/PILL rojo (claymorphism de la marca) para que
     NO se mezcle con el título principal: es un objeto distinto, no un heading más. */
  .mungos-ovni-slider .mu-ovni__info h3 {
    display: inline-block;
    font-size: clamp(16px, 4.9vw, 22px) !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .6px;
    line-height: 1.15; color: #FFF3E0 !important; background: #FD472E !important;
    padding: 6px 20px; border-radius: 999px; border: 2px solid #331900;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .18); margin: 0 auto 12px;
  }
  /* !important porque Elementor fija el font-size de la descripción con más
     especificidad (como el ticker). Grosor 600 + centrado. */
  .mungos-ovni-slider .mu-ovni__info p,
  .mungos-ovni-slider .mu-ovni__info .mu-product-desc {
    font-size: 17px !important; font-weight: 600 !important; line-height: 1.5;
    text-align: center !important; margin: 0 auto !important; max-width: 42ch;
  }
  .mungos-ovni-slider .mu-ovni__info .mu-btn { display: none !important; } /* el CTA se mueve al nav (JS) */

  /* 3) Ovni + producto (nave, haz, producto grande, flechas al lado, personajes encima) */
  /* alto del stage ≈ alto del haz, para que los botones caigan justo donde
     TERMINA la luz del ovni (la nave+haz overflowean el stage, absolutas). */
  .mungos-ovni-slider .mu-ovni__stage {
    position: relative !important; order: 3; width: 100%;
    height: min(118vw, 460px); margin: 8px 0 0; /* alto ≈ haz; los botones caen al final de la luz */
  }
  .mungos-ovni-slider .mu-ufo {
    position: absolute !important; left: 50% !important; top: -2% !important;
    transform: translateX(-50%); width: min(64%, 250px) !important; height: auto !important;
  }
  /* La luz del ovni se DESVANECE suave en la parte de abajo (fade a transparente),
     en vez de cortar con un borde duro. */
  .mungos-ovni-slider .mu-ufo__beam,
  .mungos-ovni-slider .mu-ufo__beam-group {
    -webkit-mask-image: linear-gradient(to bottom, #000 40%, rgba(0, 0, 0, 0) 95%) !important;
            mask-image: linear-gradient(to bottom, #000 40%, rgba(0, 0, 0, 0) 95%) !important;
  }
  /* Doble clase .mu-ovni__product.mu-ovni__product → especificidad (0,3,0) A PROPÓSITO.
     LiteSpeed dejó una copia VIEJA del CSS combinada (af01db81…css) con
     `.mungos-ovni-slider .mu-ovni__product{width:20.4cqi!important}` (=70px). Tiene
     nuestra MISMA especificidad (0,2,0) y como carga DESPUÉS, ganaba y el producto
     salía diminuto. Subiendo a (0,3,0) ganamos por especificidad, sin depender de
     que se purgue la caché de LiteSpeed. (Idealmente además: Purge All en LiteSpeed.) */
  .mungos-ovni-slider .mu-ovni__product.mu-ovni__product {
    position: absolute !important; left: 50% !important; top: calc(50% - 70px) !important; /* separado del ovni, subido */
    transform: translateX(-50%) rotate(8deg) !important; /* ángulo hacia la derecha, como en desktop */
    width: min(70%, 266px) !important; height: auto !important; /* +30% */
    opacity: 1 !important; /* en móvil el producto se ve fijo en el haz (sin la abducción de desktop) */
  }
  .mungos-ovni-slider .mu-ovni__product img { width: 100%; height: auto; }

  /* Flechas ‹ › al lado del producto (dentro del stage, las mueve el JS).
     Al salir de .mu-ovni__nav perdían el botón redondo verde → lo replicamos. */
  .mungos-ovni-slider .mu-ovni__stage .mu-nav-prev,
  .mungos-ovni-slider .mu-ovni__stage .mu-nav-next {
    position: absolute !important; top: 40% !important; transform: translateY(-50%);
    z-index: 8; margin: 0 !important;
    width: 44px !important; height: 44px !important; min-width: 44px; min-height: 44px;
    display: flex !important; align-items: center; justify-content: center; padding: 0 !important;
    border-radius: 50% !important; background: #c2e535 !important; border: 2px solid #1A3B3C !important;
    box-shadow: 2px 2px 0 #1A3B3C; color: #1A3B3C !important; cursor: pointer;
  }
  .mungos-ovni-slider .mu-ovni__stage .mu-nav-prev .mu-arrow-ico,
  .mungos-ovni-slider .mu-ovni__stage .mu-nav-next .mu-arrow-ico { width: 12px; height: auto; }
  .mungos-ovni-slider .mu-ovni__stage .mu-nav-prev .mu-arrow-ico { transform: scaleX(-1); }
  .mungos-ovni-slider .mu-ovni__stage .mu-nav-prev { left: 1% !important; }
  .mungos-ovni-slider .mu-ovni__stage .mu-nav-next { right: 1% !important; }

  /* Solo gato + perro rosado, anclados al stage y ENCIMA de las flechas */
  .mungos-ovni-slider .mu-character--dog-corral,
  .mungos-ovni-slider .mu-character--dog-sitting,
  .mungos-ovni-slider .mu-character--dogs-camera { display: none !important; }
  .mungos-ovni-slider .mu-ovni__stage .mu-character { position: absolute; }
  /* gato a la IZQUIERDA, perro rosado a la DERECHA, encima de las flechas (tamaño -10%) */
  .mungos-ovni-slider .mu-ovni__stage .mu-character--cat-jump { display: block !important; left: 4% !important; right: auto !important; top: 24% !important; z-index: 6 !important; width: clamp(47px, 16vw, 70px) !important; }
  .mungos-ovni-slider .mu-ovni__stage .mu-character--dog-pink { display: block !important; right: 4% !important; left: auto !important; top: 24% !important; z-index: 6 !important; width: clamp(47px, 16vw, 70px) !important; }

  /* 4) Botones abajo lado a lado, colores distintos */
  .mungos-ovni-slider .mu-ovni__nav {
    position: static !important; order: 4; transform: none !important;
    top: auto !important; left: auto !important; right: auto !important;
    display: flex; align-items: center; justify-content: center; gap: 10px;
    width: 100%; margin: 10px 0 0 !important; flex-wrap: nowrap;
  }
  .mungos-ovni-slider .mu-ovni__nav .mu-btn { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 1 auto; white-space: nowrap; }
  .mungos-ovni-slider .mu-ovni__nav .mu-btn:not(.mu-btn--alt) { background: #B5DC4A !important; color: #173A1B !important; } /* Comprar ahora */
  .mungos-ovni-slider .mu-ovni__nav .mu-btn--alt { background: #FFD500 !important; color: #5A2E1F !important; border-color: #5A2E1F !important; } /* Ver todos */

  .mungos-ovni-slider .mu-badge { font-size: 10px !important; padding: 2px 8px !important; }
}