#menu{background-color: var(--background); border-bottom: solid 1px #eee;}
.menu{margin:0;}
.menu > li > a{padding:10px 20px; display: block; font-size:14px; font-weight:500}
.menu > li > a span{display: flex; gap: 8px;}
.menu a{color: var(--texto);}

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

.menu > li:first-child > a{background-color: var(--secondary);}