/* Estilo da pagina de cardapios, vindo do arquivo original. */
:root{
    --bg:#111111;
    --bg-card:#1c1c1c;
    --bg-soft:#232323;
    --gold:#d4af37;
    --gold-soft:#e8cd7a;
    --txt:#ececec;
    --txt-dim:#b7b7b7;
    --line:rgba(212,175,55,.35);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    background:var(--bg);
    color:var(--txt);
    font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:1000px;margin:0 auto;padding:0 18px 60px}

  /* Cabeçalho */
  header{text-align:center;padding:38px 18px 22px}
  .brand-link{
    display:inline-block;line-height:0;
    transition:opacity .2s ease;
  }
  .brand-link:hover{opacity:.8}
  .brand-logo{
    width:clamp(180px,40vw,260px);height:auto;display:block;
  }

  .tagline{
    color:var(--txt-dim);max-width:560px;margin:14px auto 0;
    font-size:15px;
  }

  /* Abas */
  nav.tabs{
    position:sticky;top:0;z-index:20;
    background:rgba(17,17,17,.96);
    backdrop-filter:blur(6px);
    display:flex;flex-wrap:wrap;justify-content:center;gap:8px;
    padding:14px 12px;border-bottom:1px solid var(--line);
  }
  .tab{
    background:var(--bg-soft);border:1px solid transparent;
    color:var(--txt-dim);padding:9px 16px;border-radius:999px;
    font-size:14px;font-weight:600;cursor:pointer;
    transition:.18s;
  }
  .tab:hover{color:var(--txt)}
  .tab.active{
    background:linear-gradient(135deg,var(--gold),var(--gold-soft));
    color:#111;border-color:var(--gold);
  }

  /* Painéis */
  .panel{display:none;animation:fade .25s ease}
  .panel.active{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

  .menu-title{
    text-align:center;font-family:Georgia,serif;font-style:italic;
    color:var(--gold);font-size:clamp(30px,7vw,48px);
    margin:34px 0 6px;font-weight:700;
  }
  .menu-sub{text-align:center;color:var(--txt-dim);font-size:14px;margin-bottom:24px}

  .grid{
    display:grid;grid-template-columns:1fr 1fr;gap:22px 34px;
  }
  @media(max-width:680px){.grid{grid-template-columns:1fr}}

  .sec{border-top:1px solid var(--line);padding-top:14px}
  .sec h3{
    font-family:Georgia,serif;font-style:italic;
    color:var(--gold);font-size:21px;font-weight:600;margin-bottom:4px;
  }
  .sec .cue{color:var(--txt-dim);font-size:13px;margin-bottom:6px;display:block}
  .sec p{color:var(--txt);font-size:14.5px}
  .sec strong{color:#fff}

  /* Info / listas de bullets */
  .info-block h3{margin-top:18px}
  .info-list{list-style:none;padding-left:0;margin:6px 0}
  .info-list li{
    position:relative;padding-left:18px;color:var(--txt);
    font-size:14.5px;margin:3px 0;
  }
  .info-list li::before{
    content:"";position:absolute;left:0;top:9px;
    width:6px;height:6px;border-radius:50%;background:var(--gold);
  }
  .note{color:var(--txt-dim);font-size:13.5px;margin:8px 0 2px}
  .pay{
    background:var(--bg-card);border:1px solid var(--line);
    border-radius:12px;padding:16px 18px;text-align:center;
    margin-top:22px;
  }
  .pay strong{color:var(--gold)}

  /* Rodapé */
  footer{
    text-align:center;margin-top:48px;padding-top:26px;
    border-top:1px solid var(--line);color:var(--txt-dim);font-size:14px;
  }
  footer a{color:var(--gold);text-decoration:none}
  footer .fbrand{font-weight:800;font-size:22px;color:#fff;margin-bottom:6px}
  footer .fbrand span{color:var(--gold);font-style:italic;font-family:Georgia,serif;font-size:15px}
  .contacts{margin-top:10px;line-height:1.9}

  @media print{
    nav.tabs{display:none}
    .panel{display:block!important;page-break-after:always}
    body{background:#fff;color:#000}
  }