.ditroit-menu-wrap{position:relative;z-index:99990;font-family:inherit}
.ditroit-menu-trigger{display:inline-flex;align-items:center;gap:10px;border:1px solid #111;background:#111;color:#fff;border-radius:6px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer}
.ditroit-menu-trigger:hover{background:#2b2b2b}
.ditroit-menu-trigger-icon{font-size:20px;line-height:1}
.ditroit-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.25s ease;z-index:99998}
.ditroit-menu-overlay.activo{opacity:1;visibility:visible}
.ditroit-menu-panel{position:fixed;top:0;left:0;width:min(430px,88vw);height:100vh;background:#fff;box-shadow:8px 0 30px rgba(0,0,0,.18);transform:translateX(-105%);transition:transform .28s ease;z-index:99999;display:flex;flex-direction:column}
.ditroit-menu-panel.activo{transform:translateX(0)}
.ditroit-menu-head{min-height:68px;padding:0 20px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}
.ditroit-menu-head strong{font-size:20px;color:#111}
.ditroit-menu-close{border:0;background:transparent;color:#111;font-size:34px;line-height:1;cursor:pointer;padding:4px 8px}
.ditroit-menu-nav{flex:1;overflow-y:auto;padding:10px 0 30px}
.ditroit-menu-row{display:flex;align-items:center;min-height:54px;border-bottom:1px solid #f1f1f1}
.ditroit-menu-link{flex:1;display:block;color:#111;text-decoration:none;padding:15px 20px;font-size:17px;font-weight:500}
.ditroit-menu-link:hover{color:#111;background:#fafafa}
.ditroit-menu-home{font-weight:700}
.ditroit-menu-toggle{width:54px;height:54px;border:0;background:transparent;color:#555;cursor:pointer;font-size:18px;transition:transform .2s ease}
.ditroit-menu-toggle.activo{transform:rotate(180deg)}
.ditroit-menu-children{display:none;background:#fafafa}
.ditroit-menu-children.activo{display:block}
.ditroit-menu-children .ditroit-menu-link{padding-left:36px;font-size:15px}
.ditroit-menu-children .level-2 .ditroit-menu-link{padding-left:52px;font-size:14px}
.ditroit-menu-all{color:#555;font-weight:600}
.ditroit-menu-footer{border-top:1px solid #eee;padding:14px 20px;display:flex;gap:20px}
.ditroit-menu-footer a{color:#111;text-decoration:none;font-size:14px;font-weight:600}
@media(max-width:600px){.ditroit-menu-trigger{padding:11px 15px}.ditroit-menu-link{font-size:16px}}