/* Menú común de theimageexperience.com.
   Se inyecta en el Home, en la Galería y en las 8 landings copiadas (ver _armar.py).
   Todo va bajo #tie-menu y con propiedades explícitas: cada landing trae sus propios
   estilos globales (a, button, ul, img) y no deben alcanzar al menú. */
#tie-menu{--tm-negro:#0B0C0A;--tm-panel:#0F110D;--tm-linea:#23271F;--tm-linea2:#333830;--tm-texto:#F2F3EF;--tm-suave:#B4BAAD;--tm-tenue:#7A8173;--tm-verde:#3ADB5C;--tm-tinta:#07130B;
  position:relative;z-index:1000;background:rgba(11,12,10,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--tm-linea);font-family:Archivo,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--tm-texto);-webkit-font-smoothing:antialiased;line-height:1.4;text-align:left}
#tie-menu.tm-sticky{position:sticky;top:0}
#tie-menu *{box-sizing:border-box}
#tie-menu a{color:inherit;text-decoration:none;background:none;border:0;box-shadow:none}
#tie-menu a:hover{color:inherit;filter:none;transform:none}
#tie-menu ul{list-style:none;margin:0;padding:0}
#tie-menu li{margin:0;padding:0}
#tie-menu li::before,#tie-menu li::marker{content:none}
#tie-menu img{display:block;max-width:100%;border:0}
#tie-menu button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer;box-shadow:none;border-radius:0;text-transform:none;letter-spacing:normal;width:auto;height:auto;min-height:0;line-height:inherit}
#tie-menu :focus-visible{outline:2px solid var(--tm-verde);outline-offset:3px}

#tie-menu .tm-bar{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px);height:72px;display:flex;align-items:center;gap:clamp(16px,3vw,40px)}
#tie-menu .tm-logo{flex:none;display:block}
#tie-menu .tm-logo img{height:30px;width:auto}
#tie-menu .tm-nav{flex:1;display:flex;justify-content:center}
#tie-menu .tm-list{display:flex;gap:clamp(4px,1.2vw,14px);align-items:center}
#tie-menu .tm-item{position:relative}
#tie-menu .tm-top{display:inline-flex;align-items:center;gap:7px;height:72px;padding:0 12px;font-family:'Big Shoulders Display',Archivo,sans-serif;font-weight:700;font-size:17px;letter-spacing:.07em;text-transform:uppercase;color:var(--tm-suave);transition:color .2s}
#tie-menu .tm-top svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.4;transition:transform .25s}
#tie-menu .tm-item:hover .tm-top,#tie-menu .tm-item.tm-abierto .tm-top,#tie-menu .tm-top[aria-current]{color:var(--tm-texto)}
#tie-menu .tm-top[aria-current]{box-shadow:inset 0 -2px 0 var(--tm-verde)}
#tie-menu .tm-item.tm-abierto .tm-top svg{transform:rotate(180deg)}

/* panel desplegable */
#tie-menu .tm-panel{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility 0s .2s;background:var(--tm-panel);border:1px solid var(--tm-linea2);box-shadow:0 24px 60px rgba(0,0,0,.55);display:grid;grid-template-columns:220px minmax(300px,1fr);width:max-content;max-width:min(680px,92vw)}
#tie-menu .tm-item.tm-abierto .tm-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .2s,transform .2s}
#tie-menu .tm-foto{position:relative;overflow:hidden;border-right:1px solid var(--tm-linea)}
#tie-menu .tm-foto img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
#tie-menu .tm-foto span{position:absolute;left:14px;right:14px;bottom:14px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.8)}
#tie-menu .tm-links{padding:10px}
#tie-menu .tm-link{display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:12px 14px;border-left:2px solid transparent;transition:background .15s,border-color .15s}
#tie-menu .tm-link:hover,#tie-menu .tm-link[aria-current]{background:#171A13;border-left-color:var(--tm-verde)}
#tie-menu .tm-t{font-family:'Big Shoulders Display',Archivo,sans-serif;font-weight:700;font-size:19px;letter-spacing:.04em;text-transform:uppercase;color:var(--tm-texto)}
#tie-menu .tm-d{grid-column:1;font-size:13.5px;color:var(--tm-tenue)}
#tie-menu .tm-p{grid-row:1/3;grid-column:2;align-self:center;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11.5px;letter-spacing:.08em;color:var(--tm-verde);white-space:nowrap}
#tie-menu .tm-link.tm-principal .tm-t{color:var(--tm-verde)}
#tie-menu .tm-sep{height:1px;background:var(--tm-linea);margin:6px 14px}

#tie-menu .tm-wa{flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--tm-verde);color:var(--tm-tinta);font-family:'Big Shoulders Display',Archivo,sans-serif;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;border-radius:2px;transition:filter .15s}
#tie-menu .tm-wa:hover{color:var(--tm-tinta);filter:brightness(1.1)}
#tie-menu .tm-burger{display:none;flex:none;width:46px;height:46px;border:1px solid var(--tm-linea2);border-radius:2px;align-items:center;justify-content:center}
#tie-menu .tm-burger span{display:block;width:20px;height:2px;background:var(--tm-texto);position:relative;transition:background .2s}
#tie-menu .tm-burger span::before,#tie-menu .tm-burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--tm-texto);transition:transform .25s}
#tie-menu .tm-burger span::before{top:-6px}#tie-menu .tm-burger span::after{top:6px}
#tie-menu.tm-movil-abierto .tm-burger span{background:transparent}
#tie-menu.tm-movil-abierto .tm-burger span::before{transform:translateY(6px) rotate(45deg)}
#tie-menu.tm-movil-abierto .tm-burger span::after{transform:translateY(-6px) rotate(-45deg)}

/* celular y tableta: hamburguesa y acordeón */
@media (max-width:980px){
  /* backdrop-filter vuelve a la barra el contenedor de los position:fixed y cortaría el panel */
  #tie-menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--tm-negro)}
  #tie-menu .tm-bar{height:64px;gap:12px}
  #tie-menu .tm-logo img{height:24px}
  #tie-menu .tm-burger{display:inline-flex}
  #tie-menu .tm-wa{margin-left:auto;font-size:14px;padding:9px 12px}
  #tie-menu .tm-nav{display:none;position:fixed;left:0;right:0;top:var(--tm-top,64px);bottom:0;background:var(--tm-negro);overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--tm-linea);padding:8px 0 40px}
  #tie-menu.tm-movil-abierto .tm-nav{display:block}
  #tie-menu .tm-list{display:block}
  #tie-menu .tm-item{border-bottom:1px solid var(--tm-linea)}
  #tie-menu .tm-top{display:flex;width:100%;justify-content:space-between;height:auto;padding:20px clamp(16px,4vw,40px);font-size:24px;color:var(--tm-texto)}
  #tie-menu .tm-top[aria-current]{box-shadow:none;color:var(--tm-verde)}
  #tie-menu .tm-top svg{width:14px;height:14px}
  #tie-menu .tm-panel{position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;display:none;width:auto;max-width:none;box-shadow:none;border:0;background:transparent;transition:none}
  #tie-menu .tm-item.tm-abierto .tm-panel{display:block;transform:none}
  #tie-menu .tm-foto{display:none}
  #tie-menu .tm-links{padding:0 clamp(8px,3vw,32px) 14px}
}
@media (prefers-reduced-motion:reduce){#tie-menu *{transition:none!important}}