/* ───────── Shared site header (templates/_site_header.html) — identical on the landing, the mobile landing and every inner page.
   Everything is namespaced .mh-* so neither site.css nor landing.css can restyle it. ───────── */
.mh,.mh *{box-sizing:border-box}
.mh{--mh-ink:#1C1C1C;--mh-soft:#4E463F;--mh-line:rgba(28,28,28,.10);--mh-yellow:#F2C94C;--mh-blue:#1E88C7;--mh-paper:#FBF8F2;--mh-tap:44px;--mh-ease:cubic-bezier(.22,.61,.36,1);
  position:fixed;top:0;left:0;right:0;z-index:90;font-family:"Nunito",system-ui,sans-serif;color:var(--mh-ink);
  background:rgba(251,248,242,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--mh-line);
  padding-top:env(safe-area-inset-top,0px);transition:box-shadow .35s var(--mh-ease);transform:translateZ(0)}
.mh.is-scrolled{box-shadow:0 10px 30px -18px rgba(40,25,10,.35)}
@media(hover:none){.mh{background:rgba(251,248,242,.98);-webkit-backdrop-filter:none;backdrop-filter:none}}
.mh a{text-decoration:none;color:inherit}
.mh-wrap{max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,3vw,36px)}
.mh-skip{position:fixed;left:16px;top:-100px;z-index:100;background:#1C1C1C;color:#fff;padding:10px 16px;border-radius:0 0 12px 12px;font-weight:700;text-decoration:none}
.mh-skip:focus{top:0}

/* blue Europe strip */
.mh-strip{background:linear-gradient(90deg,#0B3D91,#1E5BB8 50%,#0B3D91);color:#fff;font-size:12.5px;line-height:1.2;text-align:center}
.mh-strip .mh-wrap{display:flex;align-items:center;justify-content:center;gap:8px;min-height:30px;padding-block:5px;flex-wrap:wrap}
.mh-strip b{font-weight:800}
.mh-star{color:#FFD500}
.mh-sep{opacity:.6}
.mh-more{opacity:.9}

/* main row */
.mh-row{display:flex;align-items:center;gap:clamp(12px,2vw,28px);min-height:72px;padding-block:8px}
.mh-brand{display:flex;align-items:center;gap:10px;flex:none}
.mh-logo{height:48px;width:auto;display:block;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18))}
.mh-country{font-family:"Fredoka",sans-serif;font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--mh-blue)}
.mh-nav{display:flex;align-items:center;gap:clamp(10px,1.6vw,24px);margin-inline:auto}
.mh-nav a{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:var(--mh-tap);font-weight:700;font-size:15px;color:var(--mh-soft);white-space:nowrap;transition:color .25s}
.mh-nav a:hover{color:var(--mh-blue)}
.mh-nav a.is-active{color:var(--mh-ink)}
.mh-nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:3px;border-radius:3px;background:var(--mh-yellow)}
.mh-home svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mh-tools{display:flex;align-items:center;gap:10px;flex:none}
.mh-cta{display:inline-flex;align-items:center;min-height:42px;padding:0 20px;border-radius:999px;background:var(--mh-yellow);border:2px solid var(--mh-ink);font-family:"Fredoka",sans-serif;font-weight:600;font-size:15px;color:var(--mh-ink)!important;white-space:nowrap;transition:transform .3s var(--mh-ease),box-shadow .3s}
.mh-cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(0,0,0,.45)}
.mh-cta .short{display:none}
.mh-pill{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:2px solid var(--mh-ink);font-weight:800;font-size:13.5px}
.mh-pill-staff{border-color:var(--mh-blue);color:var(--mh-blue)!important}
.mh-cart{position:relative;display:grid;place-items:center;width:var(--mh-tap);height:var(--mh-tap);border-radius:12px;color:var(--mh-ink)}
.mh-cart:hover{background:rgba(28,28,28,.06)}
.mh-badge{position:absolute;top:2px;right:0;background:var(--mh-yellow);color:var(--mh-ink);font-size:11px;font-weight:800;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px}

/* burger + phone drawer */
.mh-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:0;padding:0;width:var(--mh-tap);height:var(--mh-tap);border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mh-burger span{width:24px;height:2px;background:var(--mh-ink);border-radius:2px;transition:transform .3s var(--mh-ease),opacity .3s}
body.nav-open .mh-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open .mh-burger span:nth-child(2){opacity:0}
body.nav-open .mh-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mh-drawer{display:none;flex-direction:column;gap:2px;padding:10px clamp(16px,4vw,28px) calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--mh-line);background:var(--mh-paper);max-height:calc(100dvh - var(--mh-h,110px));overflow-y:auto;overscroll-behavior:contain}
.mh-drawer>a,.mh-drawer-sub a,.mh-drawer-sub button{display:flex;align-items:center;gap:10px;min-height:var(--mh-tap);padding:10px 4px;font-weight:700;font-size:18px;color:var(--mh-ink);border-radius:10px;background:none;border:0;width:100%;text-align:left;font-family:inherit;cursor:pointer}
.mh-drawer>a.is-active{color:var(--mh-blue)}
.mh-drawer>a:active,.mh-drawer-sub a:active{background:rgba(28,28,28,.06)}
.mh-drawer .mh-home svg{width:20px;height:20px}
.mh-drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px 0 12px;margin-bottom:6px;border-bottom:1px solid var(--mh-line)}
.mh-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border-radius:14px;font-family:"Fredoka",sans-serif;font-weight:600;font-size:16px;white-space:nowrap;border:2px solid var(--mh-ink);color:var(--mh-ink)}
.mh-btn-yellow{background:var(--mh-yellow);border-color:var(--mh-yellow)}
.mh-btn-ghost{background:transparent}
.mh-drawer-sub{margin-top:8px;padding-top:8px;border-top:1px solid var(--mh-line);display:grid}
.mh-drawer-sub a,.mh-drawer-sub button{font-size:16px;color:var(--mh-soft)}
.mh-drawer-sub form{margin:0}
.mh-drawer .mkt-inline{margin-top:12px;padding-top:12px;border-top:1px solid var(--mh-line)}
.mh-backdrop{position:fixed;inset:0;z-index:89;background:rgba(28,28,28,.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.mh-backdrop[hidden]{display:none}
body.nav-open{overflow:hidden}
html:has(body.nav-open){overflow:hidden}

/* the page starts below the fixed header, on every template */
body.mh-body,body:has(#siteHeader:not(.mh-overlay)){padding-top:var(--mh-h,103px)!important}
html{scroll-padding-top:calc(var(--mh-h,110px) + 12px)}

/* laptop widths: compact, still one line */
@media (max-width:1280px){
  .mh-nav{gap:14px}
  .mh-nav a{font-size:14px}
  .mh-home span{display:none}
  .mh-tools .mkt .mkt-name{display:none}
}
@media (max-width:1080px){
  .mh-nav{gap:10px}
  .mh-nav a{font-size:13.5px}
  .mh-country{display:none}
  .mh-cta .full{display:none} .mh-cta .short{display:inline}
  .mh-cta{padding:0 14px}
  .mh-logo{height:42px}
}
/* phones & small tablets: logo + country selector + button + burger; links go to the drawer */
@media (max-width:900px){
  .mh-nav,.mh-pill-staff{display:none}
  .mh-burger{display:flex}
  .mh-tools{margin-left:auto;gap:6px}
  .mh-row{min-height:60px;gap:10px}
  .mh-logo{height:38px}
  .mh-country{display:inline;font-size:11px;letter-spacing:.12em}
  .mh-strip{font-size:11.5px}
  .mh-strip .mh-sep,.mh-strip .mh-more{display:none}
  body.nav-open .mh-drawer{display:flex}
}
@media (max-width:420px){
  .mh-country{display:none}
  .mh-cta{min-height:38px;font-size:14px}
}
@media (min-width:901px){.mh-drawer,.mh-backdrop{display:none!important}}
@media print{.mh,.mh-backdrop{display:none!important} body.mh-body{padding-top:0!important}}
/* phone drawer always shows the "Inicio" word next to the house */
.mh-drawer .mh-home span{display:inline!important}
.mh-drawer .mkt-inline .mkt-title{grid-column:1/-1}

/* ── overlay variant (desktop landing): integrated with the film, transparent until the page scrolls ── */
body:has(.mh-overlay){padding-top:0!important}
.mh-overlay{transition:background .45s var(--mh-ease),border-color .45s,box-shadow .45s,-webkit-backdrop-filter .45s,backdrop-filter .45s}
.mh-overlay:not(.is-solid){background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.mh-overlay .mh-strip{transition:background .45s}
.mh-overlay:not(.is-solid) .mh-strip{background:rgba(20,12,4,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mh-overlay:not(.is-solid) .mh-nav a{color:rgba(255,255,255,.95);text-shadow:0 1px 3px rgba(0,0,0,.35)}
.mh-overlay:not(.is-solid) .mh-nav a:hover{color:#FFE27A}
.mh-overlay:not(.is-solid) .mh-nav a.is-active{color:#fff}
.mh-overlay:not(.is-solid) .mh-country{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.mh-overlay:not(.is-solid) .mh-logo{height:clamp(52px,5vw,72px);filter:drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.mh-overlay .mh-logo{transition:height .45s var(--mh-ease)}
.mh-overlay:not(.is-solid) .mh-row{min-height:92px}
.mh-overlay .mh-row{transition:min-height .45s var(--mh-ease)}
.mh-overlay:not(.is-solid) .mh-cart{color:#fff}
.mh-overlay:not(.is-solid) .mh-burger span{background:#fff}
.mh-overlay:not(.is-solid) .mh-pill-staff{color:#fff!important;border-color:rgba(255,255,255,.8)}