/* Mesero landing: the ONE site header (bar, menus, phone drawer) for every page that has the full nav.
   The markup lives in tools/landing-nav/nav.es.html and nav.en.html and is stamped into each page by
   tools/landing-nav/stamp.py; LandingNavTests fails when a page drifts. This file is served immutable
   (?v=), so any change here bumps the ?v= in both templates and re-stamps.
   Every rule is scoped to .site-header: the pages' own .brand/.container rules (footers) stay theirs. */

:root{--site-header-h:72px}
html{scroll-padding-top:calc(var(--site-header-h) + 16px)}

.site-header{
  --sn-bg:#ffffff;
  --sn-line:rgba(15,23,42,.08);
  --sn-text:#0f172a;
  --sn-muted:#475569;
  --sn-dim:#64748b;
  --sn-pill:rgba(15,23,42,.035);
  --sn-pill-line:rgba(15,23,42,.07);
  --sn-chip:#ffffff;
  --sn-chip-shadow:0 1px 2px rgba(15,23,42,.10),0 0 0 1px rgba(15,23,42,.04);
  /* The action colour. A page may set these on .site-header (the home page sets its coral); the bar's rules stay here. */
  --sn-cta:linear-gradient(135deg,#6d7cff 0%,#5368ff 100%);
  --sn-cta-shadow:0 8px 20px rgba(83,104,255,.30);
  --sn-cta-shadow-hover:0 12px 26px rgba(83,104,255,.36);
  --sn-focus:rgba(83,104,255,.6);
  position:sticky;
  top:0;
  z-index:50;
  font-family:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--sn-text);
  -webkit-font-smoothing:antialiased;
}
.site-header *,.site-header *::before,.site-header *::after{box-sizing:border-box}
.site-header .nav{
  background:var(--sn-bg);
  border-bottom:1px solid var(--sn-line);
  transition:background-color .25s ease,border-color .25s ease;
}
.site-header .nav-inner{
  position:relative;
  width:min(1280px,calc(100vw - 40px));
  height:var(--site-header-h);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:24px;
}
.site-header a{color:inherit;text-decoration:none}

/* Brand */
.site-header .brand{
  display:inline-flex;
  align-items:center;
  gap:11px;
  flex:none;
  color:var(--sn-text);
  font-family:"Space Grotesk","Segoe UI",sans-serif;
  font-size:1.42rem;
  font-weight:700;
  letter-spacing:-.04em;
  line-height:1;
}
.site-header .brand-mark{
  width:38px;
  height:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(140deg,#ff6152 0%,#eb4037 100%);
  color:#fff;
  font-size:1.08rem;
  font-weight:800;
  letter-spacing:0;
  box-shadow:0 6px 16px rgba(235,64,55,.24),inset 0 1px 0 rgba(255,255,255,.25);
}

/* Bar: links in a pill on the left, actions on the right */
.site-header .menu{display:flex;align-items:center;gap:16px;flex:1;min-width:0}
.site-header .menu-links{
  display:flex;
  align-items:center;
  gap:2px;
  padding:4px;
  border:1px solid var(--sn-pill-line);
  border-radius:999px;
  background:var(--sn-pill);
}
.site-header .menu-links>a,.site-header .nav-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 14px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--sn-muted);
  font:inherit;
  font-size:.9rem;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.site-header .menu-links>a:hover,.site-header .menu-links>a:focus-visible,
.site-header .nav-link:hover,.site-header .nav-link:focus-visible,
.site-header .nav-group:hover>.nav-link,.site-header .nav-group.is-open>.nav-link,
.site-header .menu-links>a.is-active,.site-header .nav-link.is-active{
  background:var(--sn-chip);
  color:var(--sn-text);
  box-shadow:var(--sn-chip-shadow);
}
.site-header .nav-toggle::after{
  content:"";
  width:6px;
  height:6px;
  border-right:1.7px solid currentColor;
  border-bottom:1.7px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  opacity:.55;
  transition:transform .2s ease;
}
.site-header .nav-group:hover>.nav-toggle::after,.site-header .nav-group.is-open>.nav-toggle::after{transform:translateY(1px) rotate(-135deg)}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid var(--sn-focus);outline-offset:2px}

.site-header .menu-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.site-header .nav-login{
  display:inline-flex;
  align-items:center;
  padding:9px 14px;
  border-radius:999px;
  color:var(--sn-text);
  font-size:.9rem;
  font-weight:700;
  white-space:nowrap;
  transition:background-color .16s ease;
}
.site-header .nav-login:hover{background:var(--sn-pill)}
.site-header .cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  background:var(--sn-cta);
  color:#fff;
  font-size:.9rem;
  font-weight:800;
  white-space:nowrap;
  box-shadow:var(--sn-cta-shadow),inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.site-header .cta:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:var(--sn-cta-shadow-hover),inset 0 1px 0 rgba(255,255,255,.22)}

.site-header .lang{
  display:inline-flex;
  align-items:center;
  gap:2px;
  flex:none;
  padding:3px;
  border:1px solid var(--sn-pill-line);
  border-radius:999px;
  background:var(--sn-pill);
}
.site-header .lang a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:28px;
  padding:0 8px;
  border-radius:999px;
  color:var(--sn-dim);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.06em;
  transition:background-color .16s ease,color .16s ease;
}
.site-header .lang a:hover{color:var(--sn-text)}
.site-header .lang a.active{background:var(--sn-chip);color:var(--sn-text);box-shadow:var(--sn-chip-shadow)}

.site-header .toggle{display:none}

/* Dropdown panels. The Producto mega menu is centred in the bar (its group is static, so the panel is placed
   against .nav-inner); the smaller panels open centred under their own trigger, moved by --nav-shift (site-nav.js)
   when that would cross the window's edge. Panels stay white in every tone. */
.site-header .nav-group{position:relative}
.site-header .nav-group-mega{position:static}
.site-header .nav-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  left:50%;
  z-index:2;
  padding:10px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  background:#fff;
  color:#0f172a;
  box-shadow:0 1px 2px rgba(15,23,42,.06),0 16px 36px -8px rgba(15,23,42,.18),0 40px 80px -24px rgba(15,23,42,.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(calc(-50% + var(--nav-shift,0px)),6px) scale(.985);
  transform-origin:top center;
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
}
/* Hover bridge: the gap between the trigger and the panel keeps the hover alive. */
.site-header .nav-dropdown::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
.site-header .nav-group:hover>.nav-dropdown,
.site-header .nav-group:focus-within>.nav-dropdown,
.site-header .nav-group.is-open>.nav-dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(calc(-50% + var(--nav-shift,0px)),0) scale(1);
  transition-delay:0s;
}
.site-header .nav-group.is-dismissed>.nav-dropdown{opacity:0;visibility:hidden;pointer-events:none}

.site-header .nav-mega{
  top:calc(100% - 6px);
  width:min(1010px,calc(100vw - 32px));
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:2px 6px;
}
.site-header .nav-list{width:620px}
.site-header .nav-list>.nav-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px}
.site-header .nav-duo{width:620px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px}

.site-header .nav-col{display:flex;flex-direction:column;gap:2px;min-width:0}
.site-header .nav-list>.nav-col>.nav-col-title{grid-column:1 / -1}
.site-header .nav-col-title{
  margin:8px 10px 4px;
  color:#64748b;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.1em;
  line-height:1.3;
  text-transform:uppercase;
}
.site-header .nav-col>a{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  column-gap:12px;
  align-items:center;
  padding:9px 10px;
  border-radius:12px;
  color:#0f172a;
  transition:background-color .14s ease;
}
.site-header .nav-col>a:hover,.site-header .nav-col>a:focus-visible{background:rgba(15,23,42,.045)}
.site-header .nav-col>a[aria-current="page"]{background:rgba(83,104,255,.07)}
.site-header .nav-col>a[aria-current="page"] strong{color:#3344dd}
.site-header .nav-col strong{display:block;font-size:.88rem;font-weight:700;line-height:1.3}
.site-header .nav-col small{display:block;margin-top:2px;color:#64748b;font-size:.78rem;font-weight:500;line-height:1.35}

/* Icon tiles: the glyph is a CSS mask (below), tinted per column. */
.site-header .ni{
  grid-row:1 / span 2;
  width:34px;
  height:34px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--ni-bg,rgba(83,104,255,.10));
  color:var(--ni-fg,#4655e6);
  transition:transform .16s ease;
}
.site-header .ni::before{
  content:"";
  width:18px;
  height:18px;
  background:currentColor;
  -webkit-mask:var(--i) center / contain no-repeat;
  mask:var(--i) center / contain no-repeat;
}
.site-header .nav-col>a:hover .ni{transform:scale(1.06)}
.site-header .nav-mega>.nav-col:nth-child(2),.site-header .nav-duo>.nav-col:nth-child(2){--ni-bg:rgba(234,88,12,.10);--ni-fg:#c2410c}
.site-header .nav-mega>.nav-col:nth-child(3){--ni-bg:rgba(225,29,72,.09);--ni-fg:#be123c}
.site-header .nav-mega>.nav-col:nth-child(4){--ni-bg:rgba(16,185,129,.12);--ni-fg:#047857}

.site-header .nav-foot{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:6px;
  padding:10px 6px 2px 10px;
  border-top:1px solid rgba(15,23,42,.07);
}
.site-header .nav-meta{display:flex;flex-wrap:wrap;gap:6px}
.site-header .nav-meta span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  background:rgba(15,23,42,.045);
  color:#475569;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.site-header .nav-foot-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 12px;
  border-radius:999px;
  color:#3344dd;
  font-size:.84rem;
  font-weight:800;
  white-space:nowrap;
  transition:background-color .14s ease;
}
.site-header .nav-foot-link::after{content:"\2192";transition:transform .16s ease}
.site-header .nav-foot-link:hover{background:rgba(83,104,255,.08)}
.site-header .nav-foot-link:hover::after{transform:translateX(2px)}
.site-header .nav-foot-link[aria-current="page"]{background:rgba(83,104,255,.08)}

/* Home pages: the bar sits ON the dark hero (the page pulls its hero up under it) and turns into the white bar
   once the hero has scrolled away. site-nav.js sets data-tone: clear (at the top) · dark (over a
   [data-nav-dark] area) · light. Without the script the bar stays dark, which reads on every section. */
.site-header--hero{margin-bottom:calc(-1 * var(--site-header-h))}
.site-header--hero:not([data-tone="light"]){
  --sn-bg:#080912;
  --sn-line:rgba(255,255,255,.07);
  --sn-text:#f5f7ff;
  --sn-muted:#c0c6df;
  --sn-dim:#9aa3c4;
  --sn-pill:rgba(255,255,255,.05);
  --sn-pill-line:rgba(255,255,255,.10);
  --sn-chip:rgba(255,255,255,.12);
  --sn-chip-shadow:none;
}
.site-header--hero[data-tone="clear"] .nav{background:transparent;border-bottom-color:transparent}

/* Narrow desktops: a little less air so the Spanish bar keeps its slack (measured: 35 px at 1180). */
@media (min-width:1180px) and (max-width:1279.98px){
  .site-header .nav-inner{gap:20px}
  .site-header .menu-links>a,.site-header .nav-link{padding:8px 12px}
}

/* Phone, tablet and small laptop: a full-screen drawer (the Spanish bar needs 1180 px). */
@media (max-width:1179.98px){
  :root{--site-header-h:66px}
  .site-header .nav-inner{gap:12px}
  .site-header .brand{font-size:1.3rem;gap:10px}
  .site-header .brand-mark{width:34px;height:34px;border-radius:11px;font-size:1rem}
  .site-header .menu,.site-header .lang{display:none}
  .site-header .toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:auto;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid var(--sn-pill-line);
    border-radius:12px;
    background:var(--sn-pill);
    color:var(--sn-text);
    cursor:pointer;
  }
  .site-header .toggle-bars,.site-header .toggle-bars::before,.site-header .toggle-bars::after{
    display:block;
    width:18px;
    height:2px;
    border-radius:2px;
    background:currentColor;
    transition:transform .2s ease,background-color .2s ease;
  }
  .site-header .toggle-bars{position:relative}
  .site-header .toggle-bars::before,.site-header .toggle-bars::after{content:"";position:absolute;left:0}
  .site-header .toggle-bars::before{top:-6px}
  .site-header .toggle-bars::after{top:6px}

  body.menu-open{overflow:hidden}
  body.menu-open .site-header{
    --sn-bg:#ffffff;
    --sn-line:rgba(15,23,42,.08);
    --sn-text:#0f172a;
    --sn-muted:#475569;
    --sn-dim:#64748b;
    --sn-pill:rgba(15,23,42,.035);
    --sn-pill-line:rgba(15,23,42,.08);
    --sn-chip:#ffffff;
    --sn-chip-shadow:0 1px 2px rgba(15,23,42,.10),0 0 0 1px rgba(15,23,42,.04);
    position:fixed;
    inset:0;
    height:100vh;
    height:100dvh;
    margin:0;
    z-index:60;
  }
  body.menu-open .site-header .nav{height:100%;background:#fff;border-bottom:0}
  body.menu-open .site-header .nav-inner{
    height:100%;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:var(--site-header-h) minmax(0,1fr) auto;
    grid-template-areas:"brand toggle" "menu menu" "lang lang";
    column-gap:12px;
    align-items:center;
  }
  body.menu-open .site-header .brand{grid-area:brand}
  body.menu-open .site-header .toggle{grid-area:toggle}
  body.menu-open .site-header .toggle-bars{background:transparent}
  body.menu-open .site-header .toggle-bars::before{transform:translateY(6px) rotate(45deg)}
  body.menu-open .site-header .toggle-bars::after{transform:translateY(-6px) rotate(-45deg)}
  body.menu-open .site-header .menu{
    grid-area:menu;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:8px 2px 24px;
    animation:snDrawerIn .24s ease;
  }
  body.menu-open .site-header .menu-actions{
    order:-1;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    margin:0 0 6px;
    padding:4px 0 18px;
    border-bottom:1px solid var(--sn-line);
  }
  body.menu-open .site-header .menu-actions .cta{order:-2;padding:14px 18px;font-size:1rem}
  body.menu-open .site-header .menu-actions .nav-login{order:-1}
  body.menu-open .site-header .menu-actions>a:not(.cta){
    justify-content:center;
    padding:12px 14px;
    border:1px solid rgba(15,23,42,.12);
    border-radius:999px;
    font-size:.95rem;
  }
  body.menu-open .site-header .menu-links{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
  }
  body.menu-open .site-header .menu-links>a,
  body.menu-open .site-header .nav-group>.nav-link{
    display:flex;
    width:100%;
    justify-content:space-between;
    padding:16px 4px;
    border-radius:0;
    border-bottom:1px solid var(--sn-line);
    background:none;
    box-shadow:none;
    color:var(--sn-text);
    font-size:1.06rem;
  }
  body.menu-open .site-header .menu-links>a.is-active,
  body.menu-open .site-header .nav-link.is-active{color:#3344dd}
  body.menu-open .site-header .nav-toggle::after{width:8px;height:8px;opacity:.5;transform:translateY(-2px) rotate(45deg)}
  body.menu-open .site-header .nav-group.expanded>.nav-toggle::after{transform:translateY(2px) rotate(-135deg)}
  body.menu-open .site-header .nav-group.expanded>.nav-link{border-bottom-color:transparent}
  body.menu-open .site-header .nav-group>.nav-dropdown{
    position:static;
    display:none;
    width:auto;
    padding:0 0 12px;
    border:0;
    border-bottom:1px solid var(--sn-line);
    border-radius:0;
    background:none;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition:none;
  }
  body.menu-open .site-header .nav-dropdown::before{display:none}
  body.menu-open .site-header .nav-group.expanded>.nav-dropdown{display:block}
  body.menu-open .site-header .nav-list>.nav-col{display:flex}
  body.menu-open .site-header .nav-col-title{margin:10px 4px 2px}
  body.menu-open .site-header .nav-col>a{grid-template-columns:30px minmax(0,1fr);padding:8px 4px}
  body.menu-open .site-header .nav-col small{display:none}
  body.menu-open .site-header .ni{width:30px;height:30px;border-radius:9px;grid-row:auto}
  body.menu-open .site-header .ni::before{width:16px;height:16px}
  body.menu-open .site-header .nav-foot{margin:4px 0 0;padding:6px 0 0;border-top:0}
  body.menu-open .site-header .nav-meta{display:none}
  body.menu-open .site-header .lang{
    grid-area:lang;
    display:inline-flex;
    justify-self:center;
    margin:10px 0 max(16px,env(safe-area-inset-bottom));
  }
  body.menu-open .site-header .lang a{min-width:56px;height:34px}
  body.menu-open .mvc-root{display:none}
  /* The cookie banner (cookie-consent.js) floats over the drawer's foot: on a first visit its «Aceptar» sat exactly on
     «EN», so switching language accepted advertising cookies (the live tester, 2026-10-21). It steps aside while the
     drawer is open and is back, still unanswered, when it closes. */
  body.menu-open #mesero-cookie-banner{display:none}
}
/* Tablets: the drawer's content keeps a readable width, and the product groups sit two by two. */
@media (min-width:640px) and (max-width:1179.98px){
  body.menu-open .site-header .menu{justify-self:center;width:100%;max-width:720px}
  body.menu-open .site-header .nav-group.expanded>.nav-mega,
  body.menu-open .site-header .nav-group.expanded>.nav-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  body.menu-open .site-header .nav-group.expanded>.nav-list>.nav-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
}
/* Phones: the same 12 px gutter as the pages' .container. */
@media (max-width:560px){.site-header .nav-inner{width:min(1280px,calc(100vw - 24px))}}
@keyframes snDrawerIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .site-header *,.site-header *::before,.site-header *::after{transition:none!important;animation:none!important}
}
@media print{.site-header{position:static}}

/* Icons (stroke drawings, used as masks) */
.site-header .ni-tpv{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E")}
.site-header .ni-comandas{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='2.5'/%3E%3Cpath d='M9.5 7h5M9.5 10.5h5M9.5 14h3'/%3E%3C/svg%3E")}
.site-header .ni-qr{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='6.5' height='6.5' rx='1.2'/%3E%3Crect x='14' y='3.5' width='6.5' height='6.5' rx='1.2'/%3E%3Crect x='3.5' y='14' width='6.5' height='6.5' rx='1.2'/%3E%3Cpath d='M14 14h3v3M20.5 14v.01M14 20.5h.01M17 20.5h3.5V17'/%3E%3C/svg%3E")}
.site-header .ni-kiosko{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2.5' width='12' height='14' rx='2'/%3E%3Cpath d='M12 16.5v4M8.5 20.5h7M9.5 7h5M9.5 10.5h5'/%3E%3C/svg%3E")}
.site-header .ni-online{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.1 12.5H6.1z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E")}
.site-header .ni-kds{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='M9 4v14M15 4v14M8 21h8'/%3E%3C/svg%3E")}
.site-header .ni-caja{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='19' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 9.5v.01M18 14.5v.01'/%3E%3C/svg%3E")}
.site-header .ni-inventario{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.5 12 3l8.5 4.5v9L12 21l-8.5-4.5z'/%3E%3Cpath d='M3.5 7.5 12 12l8.5-4.5M12 12v9'/%3E%3C/svg%3E")}
.site-header .ni-gestoria{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v4h4M9 12h6M9 15.5h6M9 8.5h2'/%3E%3C/svg%3E")}
.site-header .ni-reservas{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4M8 13.5h2M14 13.5h2M8 17h2'/%3E%3C/svg%3E")}
.site-header .ni-club{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10A4.3 4.3 0 0 1 12 7.4 4.3 4.3 0 0 1 19.5 10c0 5.4-7.5 10-7.5 10z'/%3E%3C/svg%3E")}
.site-header .ni-crm{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0M16 5.2a3.5 3.5 0 0 1 0 6.6M18 14.2a6.5 6.5 0 0 1 3.5 5.8'/%3E%3C/svg%3E")}
.site-header .ni-resenas{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E")}
.site-header .ni-fichar{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
.site-header .ni-wafichaje{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V6.5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H8z'/%3E%3Cpath d='m9 10.5 2 2 4-4'/%3E%3C/svg%3E")}
.site-header .ni-whatsapp{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.5a8.5 8.5 0 0 1-12.4 7.6l-4.6 1.4 1.4-4.4a8.5 8.5 0 1 1 15.6-4.6z'/%3E%3Cpath d='M8.5 11.5h.01M12 11.5h.01M15.5 11.5h.01'/%3E%3C/svg%3E")}
.site-header .ni-mesa{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3v8M5 3v5a2 2 0 0 0 4 0V3M7 11v10M17 21v-8h-2.5V9.5C14.5 6.4 15.3 4.2 17 3z'/%3E%3C/svg%3E")}
.site-header .ni-bar{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h12v6a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5z'/%3E%3Cpath d='M16 10h1.5a2.5 2.5 0 0 1 0 5H16M8 3.5v2M12 3.5v2'/%3E%3C/svg%3E")}
.site-header .ni-fastcasual{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2.5 4.5 13.5H12l-1 8 8.5-11H12z'/%3E%3C/svg%3E")}
.site-header .ni-delivery{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E")}
.site-header .ni-multilocal{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 21V8.5L9.5 5v16M9.5 21V3l11 4.5V21M2.5 21h19M13 10h4M13 13.5h4M13 17h4'/%3E%3C/svg%3E")}
.site-header .ni-buffet{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h18a9 9 0 0 1-18 0z'/%3E%3Cpath d='M8 7.5c0-1.5 1-2 1-3.5M12 7.5c0-1.5 1-2 1-3.5M16 7.5c0-1.5 1-2 1-3.5'/%3E%3C/svg%3E")}
.site-header .ni-docs{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4.5A1.5 1.5 0 0 1 5.5 3H20v15H5.5A1.5 1.5 0 0 0 4 19.5z'/%3E%3Cpath d='M4 19.5A1.5 1.5 0 0 0 5.5 21H20v-3M8.5 7.5h7M8.5 11h5'/%3E%3C/svg%3E")}
.site-header .ni-video{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m10 8.8 5 3.2-5 3.2z'/%3E%3C/svg%3E")}
.site-header .ni-equipo{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9 12 4.5 21.5 9 12 13.5z'/%3E%3Cpath d='M6.5 11v4.5c0 1.4 2.5 3 5.5 3s5.5-1.6 5.5-3V11M21.5 9v5'/%3E%3C/svg%3E")}
.site-header .ni-novedades{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 13.6 9l5.4 1.6-5.4 1.6-1.6 5.5-1.6-5.5L5 10.6 10.4 9z'/%3E%3Cpath d='M18.5 15.5v4M16.5 17.5h4'/%3E%3C/svg%3E")}
.site-header .ni-comparativa{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20.5h16M7 20.5V11M12 20.5V5M17 20.5v-7'/%3E%3C/svg%3E")}
.site-header .ni-verifactu{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.6 3.2 8.2 7.5 9.5 4.3-1.3 7.5-4.9 7.5-9.5V6z'/%3E%3Cpath d='m8.8 12 2.2 2.2 4.4-4.4'/%3E%3C/svg%3E")}
.site-header .ni-casos{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5.5'/%3E%3Cpath d='m8.5 13.3-1.5 7.2 5-2.7 5 2.7-1.5-7.2'/%3E%3C/svg%3E")}
.site-header .ni-blog{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4z'/%3E%3Cpath d='m14.5 5.5 3 3'/%3E%3C/svg%3E")}