@import url('legal.css');
@import url('idioma.css');

.brand{display:flex;align-items:center;gap:10px}
.brand:before{content:'';display:block;flex:0 0 50px;width:50px;height:50px;background:url('assets/logo-food.png') center/contain no-repeat}
.brand span{display:block}
.topbar{background:rgba(246,242,232,.78)!important;border-bottom:1px solid rgba(199,151,70,.35)!important;box-shadow:0 8px 24px rgba(24,49,38,.08)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.topbar nav a{position:relative;padding:7px 9px;color:#174a35;text-decoration:none;font-size:.96rem;font-weight:700;transition:color .2s ease}
.topbar nav a:after{content:'';position:absolute;left:9px;right:9px;bottom:0;height:2px;background:#c79746;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.topbar nav a:hover,.topbar nav a:focus-visible{color:#c79746}
.topbar nav a:hover:after,.topbar nav a:focus-visible:after,.topbar nav a[aria-current="page"]:after{transform:scaleX(1)}
.topbar nav a:focus-visible,.menu-toggle:focus-visible{outline:3px solid rgba(199,151,70,.42);outline-offset:3px}

.menu-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid rgba(32,92,66,.22);border-radius:9px;color:#174a35;background:rgba(255,255,255,.72);cursor:pointer}
.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:'';display:block;width:21px;height:2px;margin:5px auto;background:currentColor;transition:transform .25s ease,opacity .2s ease}
.topbar.menu-open .menu-toggle span{opacity:0}
.topbar.menu-open .menu-toggle:before{transform:translateY(7px) rotate(45deg)}
.topbar.menu-open .menu-toggle:after{transform:translateY(-7px) rotate(-45deg)}

@media(max-width:640px){
  .topbar{min-height:72px;align-items:center!important;padding:10px 18px!important;flex-wrap:wrap}
  .brand{max-width:250px;line-height:1.15}
  .brand:before{flex-basis:46px;width:46px;height:46px}
  .menu-toggle{display:block;margin-left:auto}
  .topbar nav{display:none;width:100%;padding:12px 0 4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
  .topbar.menu-open nav{display:grid}
  .topbar nav a{text-align:center;padding:11px 6px;border-radius:7px;background:rgba(255,255,255,.48)}
}