/* ── 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;
    }
}