.mm-menu{position:relative;display:inline-flex;}
.mm-menu__toggle{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:#080D14;}
.mm-menu[data-dark="1"] .mm-menu__toggle{color:#fff;}

.mm-menu__panel{position:absolute;top:calc(100% + 14px);left:0;background:#fff;border:1px solid rgba(8,13,20,.1);
  border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.16);min-width:240px;padding:8px;z-index:200;}
.mm-menu__list,.mm-menu__sub{list-style:none;margin:0;padding:0;}
.mm-menu__item--has{position:relative;}

.mm-menu__link{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;
  padding:11px 14px;font-size:14px;font-weight:500;color:#080D14;text-decoration:none;background:none;border:none;
  border-radius:9px;cursor:pointer;font-family:inherit;text-align:left;line-height:1.3;}
.mm-menu__link:hover,.mm-menu__parent.mm-open{background:#f5f6f8;color:#DD0819;}
.mm-menu__chev{flex-shrink:0;transition:transform .2s;}

/* Submenú: panel flotante a la DERECHA del ítem */
.mm-menu__sub{position:absolute;left:calc(100% + 8px);top:-8px;min-width:220px;background:#fff;
  border:1px solid rgba(8,13,20,.1);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.16);padding:8px;z-index:210;}
.mm-menu__sub--left{left:auto;right:calc(100% + 8px);}
.mm-menu__sublink{display:block;padding:9px 14px;font-size:13.5px;color:#3a4452;text-decoration:none;border-radius:8px;line-height:1.3;}
.mm-menu__sublink:hover{background:#f5f6f8;color:#DD0819;}
.mm-menu__sublink--all{font-weight:600;color:#080D14;border-bottom:1px solid #f0f1f3;border-radius:8px 8px 0 0;margin-bottom:2px;}

/* Móvil: el panel ocupa el ancho y el submenú se despliega hacia abajo (acordeón) */
@media(max-width:640px){
  .mm-menu__panel{position:fixed;left:8px;right:8px;top:auto;min-width:0;max-height:74vh;overflow:auto;}
  .mm-menu__item--has{position:static;}
  .mm-menu__sub{position:static;left:auto;right:auto;top:auto;min-width:0;box-shadow:none;border:none;
    border-left:2px solid #f0f1f3;border-radius:0;padding:2px 0 6px 10px;margin:2px 0 6px;}
  .mm-menu__chev{transform:rotate(90deg);}
  .mm-menu__parent.mm-open .mm-menu__chev{transform:rotate(-90deg);}
}