/* ── Fuente de marca: Xanti Typewriter VF (auto-hospedada) ────────────────
   El kit de Adobe Fonts (mungos-typekit) que también sirve esta familia es
   domain-locked y se bloquea a menudo en staging u otros dominios, con lo que
   cada widget cae en silencio a una fuente del sistema. Registrar aquí el
   woff2 — en la hoja compartida de la que dependen TODOS los widgets Mungos —
   hace que la tipografía de marca cargue de forma fiable en cualquier dominio,
   con o sin Adobe. Eje variable 400–800 (Book → ExtraBold). */
@font-face {
    font-family: "xanti-typewriter-variable";
    src: url("../fonts/xanti-typewriter.woff2") format("woff2");
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}

/* ── Fuente condensada compartida: SansPlomb ──────────────────────────────
   Antes vivía como 3 copias .otf (~65 KB c/u, sin comprimir) en conveyor-belt,
   ladralo-form y store-locator. Ahora: un único woff2 (~32 KB) declarado aquí,
   en la hoja de la que dependen todos los widgets. */
@font-face {
    font-family: "sans-plomb";
    src: url("../fonts/SansPlomb-CondensedRegular.woff2") format("woff2");
    font-weight: 400 700;
    font-display: swap;
}

/* ── Fuente display de marca: Custard (auto-hospedada) ────────────────────
   El título grande de varios widgets (Especificaciones, Mobility Toggle,
   Footer) usa la familia «custard», que antes servía el kit de Adobe Fonts
   (ya removido, igual que la Xanti). El woff2 ya vivía en assets/fonts pero
   nadie la registraba: sin @font-face el navegador no sabe cargarla y el
   título caía en silencio a Fredoka/sistema. Declararla aquí — en la hoja de
   la que dependen TODOS los widgets — la hace cargar en cualquier dominio.
   (Testimonials la registra aparte como «mungos-custard», mismo woff2.) */
@font-face {
    font-family: "custard";
    src: url("../fonts/custard.woff2") format("woff2");
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --mungos-turquoise: #2DCAB8;
    --mungos-yellow:    #FFD500;
    --mungos-lime:      #B5DC4A;
    --mungos-dark:      #1A3B3C;
    --mungos-pink:      --mungos-pink-token; /* Fallback placeholder, overridden dynamically */
    --mungos-pink:      #FF8FB1;
    --mungos-cream:     #FFE9C2;
    --mungos-brown:     #5A2E1F;
}

/* Reset for plugin-rendered sections */
.mungos-ovni-slider * { box-sizing: border-box; }

/* ── Brand slider arrow icon (Recurso «frecha slider») ──────────────────
   Shared by every carousel/slider button in the plugin. The glyph points
   right; the "previous" buttons flip it horizontally. Colour follows each
   button's own `color` (fill: currentColor in the markup). */
.mu-arrow-ico { display: block; width: auto; height: 1em; }
.mu-sl__prev  .mu-arrow-ico,
.mu-pc__prev  .mu-arrow-ico,
.mu-ps__nav--prev .mu-arrow-ico,
.mu-nav-prev  .mu-arrow-ico { transform: scaleX(-1); }

/* Reduced-motion guard */
@media (prefers-reduced-motion: reduce) {
    .mungos-ovni-slider .mu-ufo,
    .mungos-ovni-slider .mu-ufo__rim,
    .mungos-ovni-slider .mu-character {
        animation: none !important;
        transform: none !important;
    }
}

/* ── Anti «widget invisible para INVITADOS» ──────────────────────────────────
   Si en Elementor se aplica una «Animación de entrada» (Avanzado → Efectos de
   movimiento) a un widget Mungos, Elementor le pone la clase `elementor-invisible`
   (opacity:0) y la QUITA con SU JS de frontend al hacer scroll. Para INVITADOS,
   LiteSpeed retrasa/aplaza ese JS → la clase nunca se quita → el widget queda
   OCULTO (logueado se ve porque salta la optimización; invitado no). Los widgets
   Mungos ya traen su propia animación de entrada en JS, así que forzamos su
   visibilidad si quedan atrapados en `elementor-invisible`. Cubre el caso en que la
   animación está en el propio widget O en la sección/contenedor que lo envuelve
   (:has). Cuando el JS de Elementor SÍ corre, la clase se quita sola y esta regla
   deja de aplicar → sin conflicto con la animación normal. */
[class*="elementor-widget-mungos-"].elementor-invisible,
.elementor-element.elementor-invisible:has([class*="elementor-widget-mungos-"]) {
    opacity: 1 !important;
}