.menu-principal{
  max-width:900px;
  margin:0 auto;
  background:#fff;
  font-family:Verdana,sans-serif;
}

.menu-toggle-checkbox{display:none}
.menu-toggle-label{
  display:none;
  padding:10px 15px;
  font-size:26px;
  color:#D9A333;
  cursor:pointer;
}

.menu-principal ul{list-style:none;margin:0;padding:0}
.menu-principal li{position:relative}

.menu-principal>ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  border-bottom:1px solid #ccc;
}

.menu-principal>ul>li>a{
  display:block;
  padding:10px 15px;
  text-decoration:none;
  color:#D9A333;
  font-size:14px;
}
.menu-principal li:hover>a{background:#f3f3f3}

/* Submenú */
.submenu{
  display:none;
  position:absolute;
  top:100%; left:0;
  min-width:180px;
  background:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,.1);
  z-index:1000;
}
.submenu a{
  display:block;
  padding:8px 12px;
  color:#333;
  font-size:13px;
  text-decoration:none;
  white-space:nowrap;
}
.submenu a:hover{background:#eee}
.menu-principal li:hover>.submenu{display:block}

/* Mòbil */
@media (max-width: