.elementor-kit-256437{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-c9b5187:#FF7300;--e-global-color-6e98c3d:#EE3B7B;--e-global-color-ad82394:#D9D9D9;--e-global-color-c7ed089:#141414;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-256437 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   mNw Elementor Boilerplate (Normalized)
   Prefix: mNw-
   Sections:
     1) Base reset
     2) Tokens
     3) Utilities
     4) Components (Header/Nav/Reveal/InvRadius)
     5) Legacy aliases (optional)
   ========================================================= */

/* ---------------------------------------------------------
   1) Base reset (safe + minimal)
   --------------------------------------------------------- */
:where(*, *::before, *::after){ box-sizing: border-box; }
:where(html){ -webkit-text-size-adjust: 100%; }
:where(body){ margin: 0; text-rendering: optimizeLegibility; }
:where(img, svg, video){ max-inline-size: 100%; block-size: auto; }
:where(a){ color: inherit; }

/* ---------------------------------------------------------
   2) Tokens (design system)
   --------------------------------------------------------- */
:root{
  /* =========================================================
     LAYER 1 — BRAND PRIMITIVES (DS single source of truth)
     Mirror these names 1:1 in Elementor → Site Settings →
     Variables. Source: NacionSushi Design System (standalone)
     + PRD §8. Each later consumer uses var(--x, fallback) so a
     missing/unregistered token can never break the layout.
     ========================================================= */

  /* Color (DS palette) */
  --ink:      #141414;
  --ink-2:    #1d1d1d;
  --paper:    #f4f1ea;
  --white:    #ffffff;
  --pink:     #ee3b7b;
  --pink-d:   #d42a68;
  --orange:   #ff7300;
  --orange-d: #f26500;
  --lime:     #cddc28;

  /* Type families (project custom fonts) */
  --disp:   "Champ", system-ui, sans-serif;                          /* display / wordmark / big prices */
  --sans:   "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif; /* body / UI */
  --serif:  "Panama", Georgia, "Times New Roman", serif;             /* italic dish descriptions */
  --mono:   "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; /* kickers / labels */
  --script: "Palmer Script", "Palmer Lake Script", "Brush Script MT", cursive; /* pink eyebrows */

  /* Layout primitives (DS) */
  --pad:     1rem;      /* 16px gutter */
  --maxw:    90rem;     /* 1440px container */
  --r-panel: 1.875rem;  /* 30px heros/sections */
  --r-card:  1.375rem;  /* 22px cards */
  --r-pill:  6.25rem;   /* 100px pills/buttons */
  --r-chip:  0.5625rem; /* 9px small chips */

  /* =========================================================
     LAYER 2 — SEMANTIC TOKENS (--mNw-*)
     Map the boilerplate's component system onto the brand
     primitives. Change a brand value in Layer 1 once and every
     component below follows. Names kept stable so existing
     component CSS keeps working.
     ========================================================= */

  /* ---------- Brand + action (mapped to DS, with hard fallbacks) ---------- */
  --mNw-brand:          var(--pink, #ee3b7b);
  --mNw-brand-strong:   var(--pink-d, #d42a68);
  --mNw-brand-contrast: var(--white, #ffffff);
  --mNw-accent:         var(--orange, #ff7300);
  --mNw-accent-strong:  var(--orange-d, #f26500);
  --mNw-accent-2:       var(--lime, #cddc28);

  /* Neutrals mapped to DS ink scale */
  --mNw-neutral-950: var(--ink, #141414);
  --mNw-neutral-900: var(--ink-2, #1d1d1d);
  --mNw-neutral-700: #4a4a4a;
  --mNw-neutral-0:   var(--white, #ffffff);

  /* Fonts */
  --mNw-font-display: var(--disp);
  --mNw-font-sans:    var(--sans);
  --mNw-font-serif:   var(--serif);
  --mNw-font-mono:    var(--mono);
  --mNw-font-script:  var(--script);

  /* Fluid type scale.

     Since kit v0.7.0 these eight steps are real Elementor Variables, so the
     editor's Font Size field can finally offer a token for TYPE — every one of
     the 14 original size variables was a radius, a spacing step or a max-width.

     They are `global-custom-size-variable`, NOT `global-size-variable`. That
     distinction is the whole trick: an ordinary size variable runs its value
     through parse_size_value()'s `^(-?\d*\.?\d+)([a-z%]+)$` regex, which a
     clamp() cannot match, so it degrades to the DEFAULT_UNIT and renders the
     literal `px`. The custom type stores {size: <raw>, unit: 'custom'} and
     Size_Transformer returns it verbatim. In the editor this is the panel's
     "fx CSS function" field.

     The kit value wins; the clamp is the fallback for a site the kit has not
     landed on (network root pre-provisioning, a fresh country site). Keep the
     pair IDENTICAL — the fallback exists so nothing renders unstyled, not as a
     second place to change the scale. verify-kit.sh AC8(0) compares the landed
     variables against the authored source, so drift shows up there. */
  --mNw-text-xs: var(--text-xs, clamp(0.75rem, 0.72rem + 0.20vw, 0.875rem));
  --mNw-text-s:  var(--text-s,  clamp(0.875rem, 0.84rem + 0.25vw, 1rem));
  --mNw-text-m:  var(--text-m,  clamp(1rem, 0.96rem + 0.30vw, 1.125rem));
  --mNw-text-l:  var(--text-l,  clamp(1.125rem, 1.06rem + 0.45vw, 1.375rem));
  --mNw-h-s:     var(--h-s,     clamp(1.375rem, 1.20rem + 0.90vw, 1.875rem));
  --mNw-h-m:     var(--h-m,     clamp(1.75rem, 1.45rem + 1.40vw, 2.50rem));
  --mNw-h-l:     var(--h-l,     clamp(2.25rem, 1.75rem + 2.30vw, 3.50rem));
  --mNw-h-xl:    var(--h-xl,    clamp(2.75rem, 2.00rem + 3.20vw, 4.50rem));

  /* Line heights */
  --mNw-lh-tight: 1.1;
  --mNw-lh-ui:    1.3;
  --mNw-lh-body:  1.6;

  /* Spacing */
  --mNw-space-1: 0.25rem;
  --mNw-space-2: 0.5rem;
  --mNw-space-3: 0.75rem;
  --mNw-space-4: 1rem;
  --mNw-space-5: 1.5rem;
  --mNw-space-6: 2rem;
  --mNw-space-7: 3rem;
  --mNw-space-8: 4rem;

  /* Radius — mapped to DS radii */
  --mNw-radius-s:    var(--r-chip, 0.5625rem);
  --mNw-radius-m:    var(--r-card, 1.375rem);
  --mNw-radius-l:    var(--r-panel, 1.875rem);
  --mNw-radius-pill: var(--r-pill, 6.25rem);

  /* Shadows */
  --mNw-shadow-s: 0 6px 18px rgba(0,0,0,.08);
  --mNw-shadow-m: 0 12px 30px rgba(0,0,0,.10);

  /* Motion */
  --mNw-dur-fast: 180ms;
  --mNw-dur-med:  420ms;
  --mNw-dur-slow: 900ms;
  --mNw-ease-out: cubic-bezier(.2,.8,.2,1);
  --mNw-ease-io:  cubic-bezier(.65,0,.35,1);

  /* Surfaces — DS light editorial brand (paper/ink) */
  --mNw-surface-1:   var(--paper, #f4f1ea);  /* page background */
  --mNw-surface-2:   var(--white, #ffffff);  /* raised cards/panels */
  --mNw-surface-ink: var(--ink, #141414);    /* dark bands */
  --mNw-text-1:      var(--ink, #141414);
  --mNw-text-2:      rgba(20,20,20,.72);
  --mNw-text-on-ink: var(--paper, #f4f1ea);

  /* Glass */
  --mNw-glass-bg: rgba(244,241,234,.80);   /* paper-tinted */
  --mNw-glass-border: rgba(0,0,0,.08);
  --mNw-glass-shadow: var(--mNw-shadow-m);
  --mNw-glass-blur: blur(12px);

  /* Header */
  --mNw-header-z: 99999;
  --mNw-header-hide-y: -110%;
  --mNw-header-dur: var(--mNw-dur-med);
  --mNw-header-ease: var(--mNw-ease-out);
  --mNw-logo-h-normal: 120px;
  --mNw-logo-h-sticky: 70px;

  /* Reveal */
  --mNw-reveal-dur: var(--mNw-dur-slow);
  --mNw-reveal-delay: 0ms;
  --mNw-reveal-ease: var(--mNw-ease-out);
  --mNw-reveal-y: 1.1em;
  --mNw-reveal-blurFrom: 12px;
  --mNw-reveal-wipe: currentColor;
  --mNw-reveal-highlight: rgba(255,255,0,.45);

  /* Inverted radius */
  --mNw-inv-r: 1rem;
  --mNw-inv-fill: var(--mNw-surface-1);
  
  /* ---------- Buttons ---------- */
  --mNw-btn-radius: var(--r-pill, 6.25rem);
  --mNw-btn-pad-y: 0.85em;
  --mNw-btn-pad-x: 1.20em;
  --mNw-btn-gap: 0.55em;

  --mNw-btn-lh: var(--mNw-lh-ui);
  --mNw-btn-weight: 600;

  --mNw-btn-dur: var(--mNw-dur-med);
  --mNw-btn-ease: var(--mNw-ease-out);

    /* Secondary / outlines */
  --mNw-border: rgba(0,0,0,.12);

  /* Focus ring */
  --mNw-focus: rgba(0,0,0,.45);

  /* ---------- Section spacing ---------- */
  /* baseline section padding (fluid) */
  --mNw-sec-y: clamp(3rem, 2.2rem + 2.6vw, 6rem);
  --mNw-sec-y-tight: clamp(2rem, 1.5rem + 1.8vw, 4rem);
  --mNw-sec-y-loose: clamp(4rem, 3rem + 3.5vw, 8rem);

  /* horizontal padding for boxed layouts */
  --mNw-sec-x: clamp(1rem, 0.6rem + 1.2vw, 2rem);

  /* max width for “container” feel */
  --mNw-container: var(--maxw, 90rem);
}

.mNw-accent {
    color: var(--pink);
}

/* ==========================================================
   NUMBERED ICON LIST
   Starts at 2
   ========================================================== */

.mNw-numbered-list .elementor-icon-list-items {
    counter-reset: franchise-step 1;
}

/* Each list item increases the counter */
.mNw-numbered-list .elementor-icon-list-item {
    counter-increment: franchise-step;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Hide Elementor's original icon */
.mNw-numbered-list .elementor-icon-list-icon {
    display: none;
}

/* Number circle */
.mNw-numbered-list .elementor-icon-list-item::before {
    content: counter(franchise-step);

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;
    flex: 0 0 30px;

    border-radius: 50%;

    background: #F43C8E;
    color: #ffffff;

    font-size: 15px;
    font-weight: 600;
    line-height: 1;
}/* End custom CSS */