/* V367 - Identidad visual Herramientas T.I. - Menú con iconos y panel lateral contenido */
:root{--hti367-cyan:#52d6e9;--hti367-blue:#1262a0;--hti367-bg:#071c31;--hti367-edge:rgba(91,194,234,.25)}
/* Menu iconografico: iconos inspirados en la referencia, sin datos de Support Tech */
#siteMenu .nav{gap:5px!important;align-items:stretch}
#siteMenu .nav>a,#siteMenu .nav>.nav-drop>button{display:flex!important;align-items:center!important;gap:9px!important;min-height:40px!important;padding:8px 12px!important;border-radius:11px!important;color:#eaf6ff!important;font-weight:750!important;letter-spacing:.01em!important;text-decoration:none!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
#siteMenu .nav>a:hover,#siteMenu .nav>.nav-drop>button:hover{background:rgba(48,136,196,.19)!important;color:#fff!important}
#siteMenu .nav .nav-icon{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:7px;background:rgba(55,184,222,.12);color:#6ce3f5}
#siteMenu .nav .nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
#siteMenu .nav .nav-home{background:linear-gradient(110deg,rgba(20,105,166,.35),rgba(14,69,117,.20))!important;border:1px solid rgba(80,204,237,.33)!important}
#siteMenu .nav .nav-drop-menu a{color:#dcefff!important}
/* Compactacion visual del catalogo sin tocar contenido, precios ni tarjetas de compra */
#catalogo .hti-market-wrap{align-items:start!important;gap:clamp(14px,2vw,24px)!important}
#catalogo .hti-market-main{min-width:0!important}
#catalogo .hti-market-sidebar{position:sticky!important;top:96px!important;align-self:start!important;height:max-content!important;max-height:calc(100vh - 110px)!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2875a4 transparent;display:grid!important;gap:12px!important;z-index:3}
#catalogo .hti-market-sidebar .hti-side-card{padding:15px!important;border:1px solid var(--hti367-edge)!important;border-radius:15px!important;background:linear-gradient(155deg,#0b2946,#071b30)!important;box-shadow:0 10px 26px rgba(0,9,26,.18)!important}
#catalogo .hti-market-sidebar h3{color:#f1fbff!important;font-size:15px!important;margin:0 0 10px!important}
#catalogo .hti-market-sidebar p{color:#c9e2f2!important;font-size:12px!important;line-height:1.6!important}
#catalogo .hti-category-nav{gap:5px!important}
#catalogo .hti-category-nav button,#catalogo .hti-category-nav a{min-height:34px!important;padding:7px 10px!important;border-radius:9px!important;font-size:12px!important;line-height:1.35!important}
#catalogo .hti-side-help .btn{font-size:12px!important;min-height:38px!important}
/* El panel se detiene naturalmente al terminar la seccion #catalogo, justo tras su paginacion. */
@media(max-width:980px){#catalogo .hti-market-sidebar{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important;width:100%!important}#siteMenu .nav .nav-icon{flex-basis:24px}}
@media(prefers-reduced-motion:reduce){#siteMenu .nav>a,#siteMenu .nav>.nav-drop>button{transition:none!important}}

/* V368: panel completo, sin scroll interno ni recortes. Se detiene en la paginación del catálogo. */
@media(min-width:981px){
 #catalogo .hti-market-wrap{align-items:stretch!important;grid-template-columns:minmax(0,1fr) 260px!important}
 #catalogo .hti-market-sidebar{position:sticky!important;top:12px!important;align-self:start!important;height:auto!important;max-height:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:14px!important}
 #catalogo .hti-category-nav{display:flex!important;flex-direction:column!important;gap:5px!important}
 #catalogo .hti-category-nav button{width:100%!important;text-align:left!important;white-space:normal!important}
}
#siteMenu .nav-drop.is-open .nav-drop-menu{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#catalogo .hti-market-sidebar .hti-side-card{background:linear-gradient(150deg,#123c64,#09243f)!important}
#catalogo .hti-category-nav button{color:#e9f6ff!important;background:rgba(19,78,122,.65)!important;border:1px solid rgba(108,193,230,.22)!important}
#catalogo .hti-category-nav button.active{background:linear-gradient(110deg,#1a88c0,#14679e)!important;color:#fff!important;border-color:#6fd8f1!important}