.nav .menu{gap:4px;font-size:15px;font-weight:500;height:100%}
.nav .mi{position:relative;display:flex;align-items:center}
.nav .mi>a{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;color:var(--ws-texto)}
.nav .mi>a:hover,.nav .mi>a.cur{background:var(--ws-fondo);color:var(--ws-bosque);text-decoration:none}
.nav .mi>a.cur{font-weight:600}
.nav .mi>a svg{width:15px;height:15px;color:var(--ws-texto-2);transition:transform .2s}
.nav .mi:hover>a svg,.nav .mi:focus-within>a svg{transform:rotate(180deg)}
.nav .mega{position:absolute;top:calc(100% - 6px);left:0;width:min(860px,calc(100vw - 32px));display:grid;grid-template-columns:250px minmax(0,1fr);background:#fff;border:1px solid var(--ws-borde);border-radius:18px;box-shadow:0 24px 48px -18px rgba(11,61,46,.24);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.nav .mm:hover .mega,.nav .mm:focus-within .mega{opacity:1;visibility:visible;transform:none}
.nav .mg-side{background:var(--ws-fondo);border-right:1px solid var(--ws-borde);padding:18px 12px;display:flex;flex-direction:column;gap:4px}
.nav .mg-k{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ws-texto-2);padding:0 10px 8px}
.nav .mg-tab{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:10px;border:0;border-radius:12px;background:transparent;text-align:left;cursor:pointer;transition:background .15s,box-shadow .15s}
.nav .mg-tab .tile{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--ws-borde);color:var(--ws-esmeralda)}
.nav .mg-tab .tile svg{width:17px;height:17px}
.nav .mg-tab b{display:block;font-size:14.5px;font-weight:600;color:var(--ws-texto)}
.nav .mg-tab small{display:block;margin-top:1px;font-size:12.5px;line-height:1.35;color:var(--ws-texto-2)}
.nav .mg-tab:hover{background:rgba(255,255,255,.7)}
.nav .mg-tab.on{background:#fff;box-shadow:0 4px 14px -6px rgba(11,61,46,.2)}
.nav .mg-tab.on .tile{background:var(--ws-esmeralda);border-color:var(--ws-esmeralda);color:#fff}
.nav .mg-tab.on b{color:var(--ws-bosque)}
.nav .mg-tab:focus-visible{outline:2px solid var(--ws-esmeralda);outline-offset:1px}
.nav .mg-all{display:flex;align-items:center;gap:6px;margin-top:auto;padding:12px 10px 2px;color:var(--ws-esmeralda);font-size:14px;font-weight:600}
.nav .mg-all svg{width:15px;height:15px}
.nav .mg-all:hover{color:var(--ws-bosque);text-decoration:none}
.nav .mg-main{min-width:0;padding:20px 22px 22px}
.nav .mg-pane{display:none}
.nav .mg-pane.on{display:block;animation:delivery-nav-in .18s ease both}
.nav .mg-ph{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:0 10px 12px;border-bottom:1px solid var(--ws-borde)}
.nav .mg-ph b{color:var(--ws-bosque);font-size:15px}
.nav .mg-ph a{display:inline-flex;align-items:center;gap:6px;color:var(--ws-esmeralda);font-size:13px;font-weight:600;white-space:nowrap}
.nav .mg-ph a svg{width:14px;height:14px}
.nav .mg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}
.nav .mg-it{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:10px;border-radius:12px;color:var(--ws-texto);transition:background .15s}
.nav .mg-it:hover{background:var(--ws-fondo);text-decoration:none}
.nav .mg-it:hover b{color:var(--ws-esmeralda)}
.nav .mg-it .tile{width:36px;height:36px;border-radius:10px}
.nav .mg-it .tile svg{width:17px;height:17px}
.nav .mg-it b{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;font-weight:600;line-height:1.3;transition:color .15s}
.nav .mg-it b em{padding:2px 7px;border-radius:99px;background:var(--ws-neutro-bg);color:var(--ws-neutro-fg);font-size:10.5px;font-style:normal;font-weight:600}
.nav .mg-it small{display:block;margin-top:2px;color:var(--ws-texto-2);font-size:12.5px;line-height:1.4}
.nav .mg-it.lg{grid-template-columns:76px minmax(0,1fr);align-items:center}
.nav .mg-it .lw{width:76px;height:40px;display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--ws-borde);border-radius:10px;background:#fff;--h:16px}
.nav .mg-it .lw img{max-width:100%}
.nav .mg-it .lw .tile{width:28px;height:28px;border:0}
.nav .mg-it .L{display:block;width:auto;height:var(--h,24px);flex:none}
.nav .mg-it .L.vtex{height:calc(var(--h,24px)*1.05)}
.nav .mg-it .L.woo{height:calc(var(--h,24px)*.82)}
.nav .mg-it .L.presta{height:calc(var(--h,24px)*.78)}
.nav .mg-it .L.adobe{height:calc(var(--h,24px)*.95)}
.nav .mg-it .L.fala{height:calc(var(--h,24px)*1.05)}
.nav .mg-it .L.ripley{height:calc(var(--h,24px)*.62)}
.nav .mg-it .L.ml,.nav .mg-it .L.juntoz,.nav .mg-it .L.hub{height:calc(var(--h,24px)*.95)}
.nav .mg-it .L.sap{height:calc(var(--h,24px)*1.15)}
.nav .mg-it .L.odoo{height:calc(var(--h,24px)*.9)}
.nav .mnav details.mn{border-bottom:1px solid var(--ws-borde)}
.nav .mnav summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 4px;color:var(--ws-texto);font-size:16px;font-weight:500}
.nav .mnav summary::-webkit-details-marker{display:none}
.nav .mnav summary svg{width:18px;height:18px;color:var(--ws-texto-2);transition:transform .2s}
.nav .mnav details[open] summary svg{transform:rotate(180deg)}
.nav .mnav details[open] summary{color:var(--ws-bosque);font-weight:600}
.nav .mn-b{display:flex;flex-direction:column;padding:0 0 14px 4px}
.nav .mn-k{padding:12px 0 4px;color:var(--ws-texto-2);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.nav .mnav .mn-b a{height:42px;justify-content:flex-start;gap:8px;border:0;color:var(--ws-texto-2);font-size:15px}
.nav .mnav .mn-b a em{padding:2px 7px;border-radius:99px;background:var(--ws-neutro-bg);color:var(--ws-neutro-fg);font-size:11px;font-style:normal;font-weight:600}
.nav .mnav .mn-b a.mn-all{margin-top:4px;color:var(--ws-esmeralda);font-weight:600}
.nav .mnav .mn-b a.mn-all svg{width:15px;height:15px}
.nav .mnav>.btn.btn-p{color:#fff}
@keyframes delivery-nav-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.nav .menu .mi>a{padding:8px}.nav .wrap{gap:16px}}
@media(max-width:900px){.nav .menu{display:none}.nav .burger{display:inline-flex}.nav .wrap{gap:12px;height:64px}.nav.open .mnav{display:flex;flex-direction:column;gap:4px;padding:8px 20px 20px;border-top:1px solid var(--ws-borde);background:#fff;max-height:calc(100vh - 64px);overflow:auto}}