/* ==========================================================================
   INWORTEC · Panel de navegación único  (v20261019f)
   Una sola hoja de estilos para la home (/index.html, dentro del iframe) y
   para todas las páginas internas de WordPress/Elementor.
   Todo está bajo el prefijo .inwt-* para no chocar con Elementor, Litho ni
   Element Pack.  Mega menús CENTRADOS en pantalla y siempre contenidos.
   ========================================================================== */
:root{
  --inwt-h:64px;
  --inwt-lime:#d4ff00;
  --inwt-cyan:#00f0ff;
  --inwt-bg:rgba(7,8,10,.92);
  --inwt-panel:rgba(10,12,17,.985);
  --inwt-line:rgba(255,255,255,.09);
  --inwt-line-hi:rgba(212,255,0,.4);
  --inwt-text:#e8ecf1;
  --inwt-muted:#94a3b8;
  --inwt-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --inwt-display:'Syne','Plus Jakarta Sans',system-ui,sans-serif;
  --inwt-body:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* ---- páginas internas: reservar el alto del header y ocultar el header viejo del tema ---- */
body.inwt-has-nav{padding-top:var(--inwt-h)!important}
html:has(body.inwt-has-nav){scroll-padding-top:calc(var(--inwt-h) + 12px)}
body.inwt-has-nav #masthead.site-header{display:none!important}
/* el cotizador Neonflex (copia guardada de otra tienda) pinta su aviso de error en absolute con z-index enorme y tapaba el panel */
body.inwt-has-nav .npc-modal{top:var(--inwt-h)!important}
.admin-bar .inwt-hdr{top:32px}
@media (max-width:782px){.admin-bar .inwt-hdr{top:46px}}

.inwt-hdr,.inwt-hdr *,.inwt-drawer,.inwt-drawer *,.inwt-backdrop{box-sizing:border-box}
.inwt-hdr a,.inwt-drawer a{text-decoration:none}

/* ---- barra ---- */
.inwt-hdr{
  position:fixed;inset:0 0 auto 0;height:var(--inwt-h);z-index:9990;
  display:flex;align-items:stretch;gap:clamp(8px,1.1vw,18px);
  padding:0 clamp(12px,1.8vw,28px);
  border-bottom:1px solid var(--inwt-line);
  font-family:var(--inwt-mono);color:var(--inwt-text);line-height:1.2;
}
.inwt-hdr::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--inwt-bg);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}

/* ---- marca ---- */
.inwt-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:#fff}
.inwt-brand img{height:36px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(212,255,0,.25))}
.inwt-brand-t{display:flex;flex-direction:column;gap:3px}
.inwt-brand-t b{font:900 1.02rem/1.05 var(--inwt-display);letter-spacing:1px;color:#fff}
.inwt-brand-t small{display:flex;align-items:center;gap:6px;font:500 .6rem/1 var(--inwt-mono);color:var(--inwt-lime);letter-spacing:.5px;white-space:nowrap}
.inwt-dot{width:7px;height:7px;border-radius:50%;background:var(--inwt-lime);box-shadow:0 0 10px var(--inwt-lime);animation:inwtPulse 2s infinite ease-in-out}
@keyframes inwtPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}

/* ---- navegación principal (los <li> ocupan TODO el alto de la barra: sin zona muerta entre botón y panel) ---- */
.inwt-hdr>nav{display:flex;align-items:stretch;margin:0 auto;min-width:0}
.inwt-nav{display:flex;align-items:stretch;justify-content:center;gap:2px;margin:0;padding:0;list-style:none;min-width:0}
.inwt-item{display:flex;align-items:center;position:relative;margin:0}
.inwt-item.has-mega{position:static}
.inwt-link{
  display:inline-flex;align-items:center;gap:6px;padding:8px clamp(6px,.75vw,12px);
  border:1px solid transparent;border-radius:5px;background:transparent;color:#cbd5e1;
  font:600 clamp(.66rem,.42vw + .5rem,.75rem)/1 var(--inwt-mono);letter-spacing:.01em;
  white-space:nowrap;cursor:pointer;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;
}
.inwt-link:hover,.inwt-item:hover>.inwt-link,.inwt-item.is-open>.inwt-link{color:var(--inwt-lime);border-color:rgba(212,255,0,.3);background:rgba(212,255,0,.08)}
.inwt-link:focus-visible,.inwt-ico:focus-visible,.inwt-burger:focus-visible,.inwt-x:focus-visible,.inwt-list a:focus-visible,.inwt-dlink:focus-visible,.inwt-acc>summary:focus-visible,.inwt-sub>summary:focus-visible{outline:2px solid var(--inwt-cyan);outline-offset:2px}
.inwt-link.is-hot{color:#07080a;background:var(--inwt-lime);font-weight:700;box-shadow:0 0 14px rgba(212,255,0,.35)}
.inwt-link.is-hot:hover,.inwt-item:hover>.inwt-link.is-hot{background:#e6ff40;color:#000;border-color:#fff}
.inwt-pill{background:var(--inwt-cyan);color:#07080a;font-size:.58rem;font-weight:800;padding:2px 6px;border-radius:10px}
.inwt-count{opacity:.85}
.inwt-caret{font-size:.7em;opacity:.8;transition:transform .2s}
.inwt-item.is-open .inwt-caret{transform:rotate(180deg)}

/* ---- paneles desplegables ---- */
.inwt-panel{
  position:absolute;top:100%;left:0;z-index:9991;margin:0;padding:18px 20px 20px;
  background:var(--inwt-panel);border:1px solid var(--inwt-line-hi);border-top:0;border-radius:0 0 12px 12px;
  box-shadow:0 24px 60px rgba(0,0,0,.85),0 0 30px rgba(212,255,0,.08);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);
  transition:opacity .2s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility 0s linear .22s;
}
/* mega menús: centrados respecto a la pantalla, nunca más anchos ni más altos que la ventana */
.has-mega>.inwt-panel{
  left:50%;width:min(var(--inwt-pw,1100px),calc(100vw - 24px));
  max-height:calc(100vh - var(--inwt-h) - 16px);overflow-y:auto;overscroll-behavior:contain;
  transform:translate(-50%,8px);scrollbar-width:thin;scrollbar-color:rgba(212,255,0,.35) transparent;
}
/* menús pequeños (Descargas): anclados al borde derecho de su botón */
.has-menu>.inwt-panel{left:auto;right:0;min-width:250px;border-radius:0 0 12px 12px}
.inwt-item.is-open>.inwt-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.has-mega.is-open>.inwt-panel{transform:translate(-50%,0)}
@media (hover:hover){
  .inwt-item:hover>.inwt-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
  .has-mega:hover>.inwt-panel{transform:translate(-50%,0)}
}
.inwt-item:has(:focus-visible)>.inwt-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.has-mega:has(:focus-visible)>.inwt-panel{transform:translate(-50%,0)}

.inwt-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:20px 24px}
.inwt-coltitle{display:flex;align-items:center;gap:6px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid rgba(212,255,0,.2);
  font:800 .76rem/1.2 var(--inwt-display);letter-spacing:.5px;text-transform:uppercase;color:var(--inwt-lime)}
.inwt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.inwt-list li{margin:0}
.inwt-list a{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:4px;color:var(--inwt-muted);
  font:500 .8rem/1.25 var(--inwt-body);transition:color .15s,background .15s,transform .15s}
.inwt-list a::before{content:"";flex:0 0 4px;height:4px;border-radius:50%;background:var(--inwt-lime);opacity:.55;transition:box-shadow .15s,opacity .15s}
.inwt-list a:hover{color:#fff;background:rgba(255,255,255,.06);transform:translateX(2px)}
.inwt-list a:hover::before{opacity:1;box-shadow:0 0 6px var(--inwt-lime)}
.inwt-list a[target="_blank"]::after{content:"\2197";font-size:.85em;opacity:.55;margin-left:2px}
.inwt-tag{font:800 .55rem/1 var(--inwt-mono);font-style:normal;color:#07080a;background:#ff6b8b;border-radius:8px;padding:2px 5px;margin-left:4px}

.inwt-list a[aria-current="page"]{color:#fff;background:rgba(212,255,0,.1)}
.inwt-list a[aria-current="page"]::before{opacity:1}
.inwt-link.is-current{color:var(--inwt-lime)}
.inwt-dlink[aria-current="page"]{color:var(--inwt-lime)}

/* ---- enlaces DESACTIVADOS ("PRONTO"): subdominios que aún no tienen DNS/publicación; se reactivan al reconstruir el menú ---- */
.inwt-off{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:4px;color:#6f7f95;font:500 .8rem/1.25 var(--inwt-body);cursor:not-allowed;user-select:none}
.inwt-off::before{content:"";flex:0 0 4px;height:4px;border-radius:50%;background:#6f7f95;opacity:.5}
.inwt-tag--off{background:transparent;color:#8da0b8;border:1px solid rgba(141,160,184,.5);letter-spacing:.4px}

/* ---- INDUSTRIAS = sectores del ERP: lista de sectores + detalle, dentro del mismo panel centrado ---- */
.inwt-ind-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid rgba(212,255,0,.2)}
.inwt-ind-head b{font:800 .8rem/1.2 var(--inwt-display);letter-spacing:.5px;text-transform:uppercase;color:var(--inwt-lime)}
.inwt-ind-head em{font-style:normal;color:#fff}
.inwt-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;background:var(--inwt-lime);color:#07080a;font:700 .74rem/1 var(--inwt-mono);white-space:nowrap;transition:background .15s,color .15s}
.inwt-cta:hover{background:#e6ff40;color:#000}
.inwt-cta--ghost{background:transparent;color:var(--ac,var(--inwt-lime));border:1px solid var(--ac,var(--inwt-lime))}
.inwt-cta--ghost:hover{background:var(--ac,var(--inwt-lime));color:#07080a}
.inwt-cta:focus-visible,.inwt-chips a:focus-visible,.inwt-ind-a:focus-visible{outline:2px solid var(--inwt-cyan);outline-offset:2px}
.inwt-ind-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 22px;align-items:start}
.inwt-ind-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(var(--rows,11),auto);gap:3px 8px}
.inwt-ind-list li{margin:0}
.inwt-ind-a{display:flex;align-items:center;gap:8px;height:100%;padding:7px 8px;border:1px solid transparent;border-radius:6px;color:var(--inwt-muted);font:600 .76rem/1.15 var(--inwt-body);transition:color .15s,background .15s,border-color .15s}
.inwt-ind-a i{flex:0 0 20px;font-style:normal;font-size:1rem;text-align:center}
.inwt-ind-a span{flex:1 1 auto;min-width:0}
.inwt-ind-a em{flex:0 0 auto;font:600 .66rem/1 var(--inwt-mono);font-style:normal;color:var(--ac,var(--inwt-lime))}
.inwt-ind-a:hover,.inwt-ind-a.is-active{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);border-color:var(--ac,var(--inwt-lime))}
.inwt-ind-pane{display:none;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.03)}
@supports (color:color-mix(in srgb,red 10%,blue)){
  .inwt-ind-pane{border-color:color-mix(in srgb,var(--ac) 50%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 14%,transparent),rgba(255,255,255,.02))}
}
.inwt-ind-pane.is-active{display:block;animation:inwtFade .18s ease}
@keyframes inwtFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.inwt-ind-pane h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:800 .95rem/1.2 var(--inwt-display);color:#fff}
.inwt-ind-pane h4 i{font-style:normal;font-size:1.3rem}
.inwt-ind-pane p{margin:0 0 8px;color:var(--inwt-muted);font:500 .8rem/1.45 var(--inwt-body)}
.inwt-ind-meta{margin:0 0 10px;color:var(--inwt-muted);font:500 .72rem/1.3 var(--inwt-mono)}
.inwt-ind-meta b{color:var(--ac,var(--inwt-lime))}
.inwt-chips{display:flex;flex-wrap:wrap;gap:5px}
.inwt-ind-pane .inwt-chips{margin:0 0 14px}
.inwt-chips a,.inwt-chips .inwt-off{padding:4px 9px;border:1px solid var(--inwt-line);border-radius:999px;font:500 .7rem/1.2 var(--inwt-body)}
.inwt-chips a{color:#cbd5e1;transition:color .15s,border-color .15s,background .15s}
.inwt-chips a:hover{color:#fff;border-color:var(--ac,var(--inwt-lime));background:rgba(255,255,255,.06)}
.inwt-chips .inwt-off{display:inline-flex;border-style:dashed;border-color:rgba(141,160,184,.35)}
.inwt-chips .inwt-off::before{display:none}
.inwt-ind-foot{margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--inwt-line)}
.inwt-ind-foot-t{display:block;margin:0 0 8px;font:700 .66rem/1 var(--inwt-mono);letter-spacing:.6px;color:var(--inwt-lime)}
.inwt-chips--sm a,.inwt-chips--sm .inwt-off{padding:3px 8px;font-size:.66rem}

/* ---- herramientas (iconos de cuenta/tienda) ---- */
.inwt-tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}
.inwt-acct{display:flex;align-items:center;gap:6px}
.inwt-ico{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--inwt-line);
  background:rgba(255,255,255,.04);color:var(--inwt-text);transition:color .2s,border-color .2s,background .2s,transform .15s}
.inwt-ico:hover{color:var(--inwt-lime);border-color:var(--inwt-lime);background:rgba(212,255,0,.1);transform:translateY(-1px)}
.inwt-ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.inwt-home-only{display:flex;align-items:center;gap:8px}

/* ---- hamburguesa ---- */
.inwt-burger{display:none;align-self:center;width:42px;height:38px;padding:0;border:1px solid var(--inwt-line);border-radius:6px;background:rgba(255,255,255,.04);cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px}
.inwt-burger span{display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
.inwt-burger:hover{border-color:var(--inwt-lime)}

/* ---- cajón móvil ---- */
.inwt-backdrop{position:fixed;inset:0;z-index:9995;background:rgba(0,0,0,.62);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s}
.inwt-backdrop.is-open{opacity:1;visibility:visible;transition-delay:0s}
.inwt-drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:9996;width:min(92vw,400px);display:flex;flex-direction:column;
  background:rgba(10,12,17,.995);border-left:1px solid var(--inwt-line-hi);box-shadow:-12px 0 40px rgba(0,0,0,.85);
  transform:translateX(105%);visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s;
  font-family:var(--inwt-mono);color:var(--inwt-text);
}
.inwt-drawer.is-open{transform:none;visibility:visible;transition-delay:0s}
.inwt-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--inwt-line)}
.inwt-x{width:38px;height:38px;border:1px solid var(--inwt-line);border-radius:6px;background:transparent;color:#fff;font-size:1.1rem;cursor:pointer}
.inwt-x:hover{border-color:var(--inwt-lime);color:var(--inwt-lime)}
.inwt-drawer-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px 20px;display:flex;flex-direction:column;gap:6px}
.inwt-dlink{display:block;padding:11px 12px;border-radius:6px;border-bottom:1px solid rgba(255,255,255,.04);color:#cbd5e1;font:600 .86rem/1.2 var(--inwt-mono)}
.inwt-dlink:hover{color:var(--inwt-lime);background:rgba(212,255,0,.08)}
.inwt-dlink.is-hot{color:var(--inwt-lime);font-weight:700}
.inwt-acc{border-bottom:1px solid rgba(255,255,255,.04)}
.inwt-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:6px;color:#cbd5e1;font:700 .86rem/1.2 var(--inwt-mono)}
.inwt-acc>summary::-webkit-details-marker{display:none}
.inwt-acc>summary::after{content:"\25BE";opacity:.8;transition:transform .2s}
.inwt-acc[open]>summary{color:var(--inwt-lime)}
.inwt-acc[open]>summary::after{transform:rotate(180deg)}
.inwt-acc .inwt-coltitle{margin:12px 12px 6px}
.inwt-acc .inwt-list{padding:0 8px 6px}
.inwt-drawer-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;border-top:1px solid var(--inwt-line)}
.inwt-drawer-foot .btn-primary{flex:1 1 100%;justify-content:center}
/* sub-acordeones del cajón (Industrias → sector → nichos) */
.inwt-sub{border-top:1px solid rgba(255,255,255,.04)}
.inwt-sub>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:9px 12px 9px 16px;border-radius:6px;color:#b6c2d1;font:600 .78rem/1.25 var(--inwt-mono)}
.inwt-sub>summary::-webkit-details-marker{display:none}
.inwt-sub>summary i{font-style:normal}
.inwt-sub>summary em{margin-left:auto;font-style:normal;font-size:.68rem;color:var(--ac,var(--inwt-lime))}
.inwt-sub>summary::after{content:"\25BE";opacity:.7;transition:transform .2s}
.inwt-sub[open]>summary{color:#fff}
.inwt-sub[open]>summary::after{transform:rotate(180deg)}
.inwt-acc .inwt-sub .inwt-list{padding:0 8px 8px 24px}

/* ---- extras de la home (idiomas / SFX / cotizador): solo existen en el panel de /index.html ---- */
.inwt-hdr--home{z-index:1000}
.inwt-hdr--home .lang-bar{padding:2px 6px}
.inwt-hdr .cta-s{display:none}

/* ---- niveles de compactación (verificados midiendo el DOM: sin desborde en ningún ancho) ---- */
@media (max-width:1919px){
  .inwt-hdr--home .lang-more,.inwt-hdr--home .sfx-t{display:none}
}
@media (max-width:1799px){
  .inwt-hdr--home .lang-q{display:none}
}
@media (max-width:1699px){
  .inwt-brand-t{display:none}
}
@media (max-width:1599px){
  .inwt-item--inicio,.inwt-pill{display:none}
  .inwt-hdr--home .cta-t{display:none}
  .inwt-hdr--home .cta-s{display:inline}
}
@media (max-width:1399px){
  .inwt-acct .inwt-ico:nth-child(4){display:none}
  .inwt-link{padding-inline:6px}
  .inwt-hdr--home #sfx-btn,.inwt-hdr--home .lang-bar .lang-btn:not(.all-langs-btn){display:none}
}
@media (max-width:1299px){
  .inwt-hdr--home .btn-hud.cta{display:none}
}
@media (max-width:1239px){
  .inwt-nav,.inwt-acct,.inwt-home-only{display:none!important}
  .inwt-burger{display:flex}
  .inwt-tools{margin-left:auto}
}
@media (max-width:480px){
  :root{--inwt-h:58px}
  .inwt-brand img{height:32px}
  .inwt-brand-t b{font-size:.9rem}
}
@media (prefers-reduced-motion:reduce){
  .inwt-dot,.inwt-ind-pane{animation:none!important}
  .inwt-panel,.inwt-drawer,.inwt-backdrop,.inwt-link,.inwt-list a{transition:none!important}
}
@media print{.inwt-hdr,.inwt-drawer,.inwt-backdrop{display:none!important}body.inwt-has-nav{padding-top:0!important}}