.menu{margin:0; gap:5px; justify-content: center; flex-wrap: wrap;}
.menu > li > a{padding:10px; display: block; font-size: 12px; font-weight: 500;}
.menu > li > a span{display: flex; gap: 10px;}
.menu a{color: var(--texto);}

#menu-mobile a{color: var(--texto); padding: 10px; display: block; width: 100%;}
#menu-mobile .menu{list-style: none; padding:0; margin:0;}
#menu-mobile .menu > li > a{font-size: 18px;}
#menu-mobile .submenu-mobile{padding-left: 10px;}
#menu-mobile .grandchild{color: #777; padding-left: 20px;}