/* Cabecera, menú y pie únicos del sitio (los inserta lib/site-chrome.js).
   Todo va con prefijo mm- para no chocar con el CSS propio de cada página.
   Tokens = los de /web. /ademan usa .mm-theme-ademan (mismos elementos, colores de Ademán). */

.mm-header,.mm-mobile,.mm-footer,.mm-subnav{
  --mm-ink:#0a0a0a; --mm-paper:#EEECE4; --mm-line:rgba(10,10,10,.18); --mm-muted:rgba(10,10,10,.6);
  --mm-accent:#4F7379; --mm-menu-bg:#0a0a0a; --mm-menu-fg:#EEECE4;
  --mm-brand-font:'Prata',Georgia,serif; --mm-font:'DM Sans',system-ui,sans-serif;
}
.mm-theme-ademan{
  --mm-ink:#BA1827; --mm-paper:#FFF8EA; --mm-line:rgba(186,24,39,.2); --mm-muted:#7E3B3C;
  --mm-accent:#BA1827; --mm-menu-bg:#BA1827; --mm-menu-fg:#FED794;
}
html.mm-locked{overflow:hidden}

/* ── CABECERA ─────────────────────────────────────────────────── */
.mm-header{
  position:fixed;top:0;left:0;right:0;z-index:150;box-sizing:border-box;
  height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:0 4vw;margin:0;font-family:var(--mm-font);color:var(--mm-ink);
  background:var(--mm-paper);border-bottom:1px solid var(--mm-line);
  transition:background .3s,color .3s,border-color .3s;
}
.mm-spacer{height:76px}
.mm-header.mm-overlay,.mm-header.mm-overlay-light{background:transparent;border-color:transparent}
.mm-header.mm-overlay-light{color:#fff}
.mm-header.mm-scrolled{background:var(--mm-paper);color:var(--mm-ink);border-color:var(--mm-line)}
.mm-header a,.mm-mobile a,.mm-footer a,.mm-subnav a{color:inherit;text-decoration:none}
.mm-brand{font-family:var(--mm-brand-font);font-size:19px;line-height:1;white-space:nowrap;display:flex;align-items:baseline;gap:12px}
.mm-co{font-family:var(--mm-font);font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.mm-nav{display:flex;align-items:center;gap:34px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.mm-nav>a,.mm-dd>button{padding:6px 0;border-bottom:1px solid transparent}
.mm-nav>a:hover,.mm-dd>button:hover{border-bottom-color:currentColor}
.mm-nav [aria-current="page"]{border-bottom-color:currentColor}
.mm-dd{position:relative}
.mm-dd>button{background:none;border-top:0;border-left:0;border-right:0;margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}
.mm-dd>button::after{content:" ▾";font-size:8px}
.mm-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.mm-dd .mm-panel{
  display:none;position:absolute;top:100%;left:-22px;margin-top:16px;padding:16px 22px 18px;min-width:300px;max-height:calc(100vh - 110px);overflow-y:auto;
  background:var(--mm-paper);color:var(--mm-ink);border:1px solid var(--mm-line);
  text-transform:none;letter-spacing:.01em;font-size:13px;box-shadow:0 14px 34px rgba(10,10,10,.08);
}
.mm-dd:last-of-type .mm-panel{left:auto;right:-22px}
.mm-dd:hover .mm-panel,.mm-dd:focus-within .mm-panel{display:block}
.mm-panel a{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:6px 0}
.mm-panel a:hover{color:var(--mm-accent)}
.mm-panel small{font-size:11px;color:var(--mm-muted);white-space:nowrap}
.mm-sec{margin:12px 0 4px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mm-muted)}
.mm-sec:first-child{margin-top:0}
.mm-lang{background:none;border:1px solid currentColor;opacity:.75;color:inherit;font:inherit;font-size:10px;letter-spacing:.15em;padding:5px 11px;cursor:pointer}
.mm-lang:hover{opacity:1}
.mm-menu-btn{display:none;background:none;border:0;color:inherit;font:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:8px 0}
.mm-header :focus-visible,.mm-mobile :focus-visible,.mm-footer :focus-visible,.mm-subnav :focus-visible{outline:1px solid currentColor;outline-offset:3px}

/* Barra secundaria (tienda) */
.mm-subnav{display:flex;gap:28px;padding:14px 4vw;background:var(--mm-paper);border-bottom:1px solid var(--mm-line);font-family:var(--mm-font);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--mm-muted);overflow-x:auto;white-space:nowrap}
.mm-subnav a:hover,.mm-subnav a[aria-current="page"]{color:var(--mm-ink)}
.mm-subnav a[aria-current="page"]{border-bottom:1px solid currentColor}

/* ── MENÚ MÓVIL ───────────────────────────────────────────────── */
.mm-mobile{
  display:none;position:fixed;inset:0;z-index:300;overflow-y:auto;box-sizing:border-box;
  padding:84px 24px 48px;background:var(--mm-menu-bg);color:var(--mm-menu-fg);font-family:var(--mm-font);
  flex-direction:column;align-items:center;gap:26px;text-align:center;
}
.mm-mobile.open{display:flex}
.mm-mobile>a,.mm-mobile summary{font-size:14px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.mm-mobile summary{list-style:none}
.mm-mobile summary::-webkit-details-marker{display:none}
.mm-mobile summary::after{content:" ▾";font-size:9px}
.mm-mobile details{width:min(340px,86vw)}
.mm-mobile details .mm-panel{padding:10px 0 4px}
.mm-mobile .mm-panel a{justify-content:center;flex-wrap:wrap;column-gap:10px;font-size:13px;padding:6px 0}
.mm-mobile .mm-panel small,.mm-mobile .mm-sec{color:var(--mm-menu-fg);opacity:.6}
.mm-mobile .mm-sec{margin-top:16px}
.mm-close{position:absolute;top:22px;right:24px;background:none;border:0;color:inherit;font-size:22px;cursor:pointer}
.mm-mobile .mm-lang{margin-top:8px}

/* ── PIE ──────────────────────────────────────────────────────── */
.mm-footer{
  display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:32px;box-sizing:border-box;
  padding:60px 4vw 28px;margin:0;background:var(--mm-paper);color:var(--mm-ink);
  border-top:1px solid var(--mm-line);font-family:var(--mm-font);font-size:13px;line-height:1.5;
}
.mm-footer p{margin:0}
.mm-footer>div:not(.mm-f-legal){display:flex;flex-direction:column;gap:8px;min-width:0}
.mm-footer a:hover{text-decoration:underline}
.mm-f-h{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mm-muted);margin-bottom:4px!important}
.mm-f-brand{font-family:var(--mm-brand-font);font-size:22px;line-height:1.2}
.mm-f-id p:not(.mm-f-brand){color:var(--mm-muted);line-height:1.7}
.mm-f-legal{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:22px;border-top:1px solid var(--mm-line);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mm-muted)}
.mm-footer a[href^="mailto"]{overflow-wrap:anywhere}

@media(max-width:860px){
  .mm-header{height:64px;padding:0 20px}
  .mm-spacer{height:64px}
  .mm-brand{font-size:16px}
  .mm-co{display:none}
  .mm-nav{display:none}
  .mm-menu-btn{display:block}
  .mm-subnav{padding:12px 20px;gap:22px}
  .mm-footer{grid-template-columns:1fr 1fr;padding:48px 20px 24px}
  .mm-f-id{grid-column:1/-1}
}
@media(max-width:420px){.mm-footer{grid-template-columns:1fr}}

/* Sobre heros oscuros (/exposicion, /guia-oleo): velo para que el menú se lea */
.mm-header.mm-overlay-light:not(.mm-scrolled){background:linear-gradient(to bottom,rgba(0,0,0,.42),transparent)}

/* ── DOCUMENTOS LEGALES (/terminos, /privacy, /deletion, /guia-oleo/privacidad) ── */
body.mm-doc-page{margin:0;background:#EEECE4;color:#0a0a0a;font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.mm-doc{display:grid;grid-template-columns:240px minmax(0,1fr);gap:6vw;padding:90px 4vw 120px;max-width:1240px;box-sizing:border-box}
.mm-doc a{color:inherit}
.mm-doc-toc{position:sticky;top:110px;align-self:start;font-size:13px;line-height:2.1}
.mm-doc-toc a{display:flex;gap:12px;text-decoration:none}
.mm-doc-toc a span{color:rgba(10,10,10,.5);font-variant-numeric:tabular-nums}
.mm-doc-toc a:hover{color:#4F7379}
.mm-doc-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:rgba(10,10,10,.6);margin:0}
.mm-doc h1{font:400 clamp(44px,6vw,84px)/1.02 'Prata',Georgia,serif;margin:18px 0 18px;text-wrap:balance}
.mm-doc-meta{color:rgba(10,10,10,.6);font-size:14px;margin:0}
.mm-doc-lead{font-size:19px;line-height:1.6;max-width:680px;margin:36px 0 64px}
.mm-clause{display:grid;grid-template-columns:70px minmax(0,1fr);border-top:1px solid rgba(10,10,10,.18);padding:34px 0;scroll-margin-top:90px}
.mm-clause>.n{font-size:11px;letter-spacing:.17em;color:rgba(10,10,10,.5);padding-top:9px}
.mm-clause h2{font:400 28px/1.15 'Prata',Georgia,serif;margin:0 0 16px}
.mm-clause p,.mm-clause li{font-size:16px;line-height:1.7;max-width:680px}
.mm-clause p{margin:0}
.mm-clause p+p,.mm-clause ul+p,.mm-clause p+ul{margin-top:14px}
.mm-clause ul{margin:0;padding-left:18px}
.mm-clause li+li{margin-top:6px}
.mm-doc-note{border-top:1px solid rgba(10,10,10,.18);padding-top:26px;font-size:13px;color:rgba(10,10,10,.6);max-width:680px}
.mm-doc-btn{display:inline-block;margin-top:18px;background:#0a0a0a;color:#EEECE4!important;text-decoration:none;padding:14px 22px;border-radius:50px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:860px){
  .mm-doc{display:block;padding:48px 20px 80px}
  .mm-doc-toc{display:none}
  .mm-clause{grid-template-columns:1fr}
  .mm-clause>.n{padding:0 0 8px}
}