/* Carta independiente — tipografía editorial, sin tarjetas de producto. */
.menu-page { background:#f5f0e7; color:#2d1a12; }
.menu-page .concept-bar { background:#2d1a12; color:#f5f0e7; }
.menu-page .menu-topbar { background:#f5f0e7; border-bottom:1px solid rgba(45,26,18,.18); }
.menu-page .menu-masthead { background:#f5f0e7; min-height:0; padding:clamp(58px,9vw,128px) 7vw clamp(50px,7vw,88px); }
.menu-page .menu-masthead > * { margin-left:auto; margin-right:auto; max-width:1180px; }
.menu-page .menu-masthead h1 { font-size:clamp(60px,10vw,156px); letter-spacing:-.075em; line-height:.78; margin:22px 0 30px; max-width:9ch; }
.menu-page .menu-masthead h1 em { color:#b35f35; }
.menu-page .menu-masthead-lead { color:#6f584b; font-size:clamp(16px,1.6vw,20px); line-height:1.45; max-width:560px; }
.menu-page .menu-facts { display:none; }

/* Dos superficies: un índice tipográfico y una hoja de carta. */
.menu-page .menu { background:#eee7da; padding:clamp(38px,6vw,76px) 7vw clamp(76px,10vw,140px); }
.menu-page .menu-board { display:grid; gap:clamp(36px,6vw,94px); grid-template-columns:minmax(205px,.58fr) minmax(0,1.42fr); margin:0 auto; max-width:1180px; }
.menu-page .menu-explorer { align-self:start; display:block; position:sticky; top:24px; }
.menu-page .menu-cat-group { border-top:1px solid rgba(45,26,18,.2); margin:0; padding:12px 0 14px; }
.menu-page .menu-cat-group + .menu-cat-group { margin-top:0; }
.menu-page .menu-cat-group-label { align-items:baseline; border:0; color:#6f584b; display:flex; gap:8px; margin:0 0 9px; padding:0; }
.menu-page .menu-cat-group-label span { color:#2d1a12; font:500 10px "DM Mono",monospace; letter-spacing:.15em; text-transform:uppercase; }
.menu-page .menu-cat-group-label i { display:none; }
.menu-page .menu-cat-group-label em { color:#92715f; font:10px "DM Mono",monospace; font-style:normal; letter-spacing:.04em; }
.menu-page .menu-cat-grid { display:block; }
.menu-page .menu-cat { align-items:baseline; background:none; border:0; border-radius:0; color:#6f584b; display:grid; gap:0; grid-template-columns:25px minmax(0,1fr) auto; min-height:0; padding:7px 0; text-align:left; transition:color .16s ease,transform .16s ease; width:100%; }
.menu-page .menu-cat:hover { background:none; border:0; color:#2d1a12; transform:translateX(3px); }
.menu-page .menu-cat-idx { color:#b35f35; font:10px "DM Mono",monospace; letter-spacing:.08em; }
.menu-page .menu-cat-name { font-family:"DM Sans",Arial,sans-serif; font-size:14px; font-weight:500; letter-spacing:0; line-height:1.25; }
.menu-page .menu-cat-meta { color:#92715f; font:10px "DM Mono",monospace; letter-spacing:0; }
.menu-page .menu-cat[aria-selected="true"] { background:none; border:0; color:#2d1a12; transform:none; }
.menu-page .menu-cat[aria-selected="true"] .menu-cat-name { font-family:"Fraunces",Georgia,serif; font-size:20px; font-weight:500; letter-spacing:-.035em; }
.menu-page .menu-cat[aria-selected="true"] .menu-cat-meta { color:#b35f35; }
.menu-page .menu-cat[aria-selected="true"]::after { background:#b35f35; border-radius:0; content:""; height:1px; position:static; transform:none; width:100%; }
.menu-page .menu-cat:focus-visible { outline:2px solid #b35f35; outline-offset:3px; }
.menu-page .menu-index { display:none; }

.menu-page .menu-panels { border-top:1px solid #2d1a12; min-width:0; }
.menu-page .menu-board.is-ready .menu-panels { margin-top:0; }
.menu-page .menu-panel { padding-top:18px; }
.menu-page .menu-panel + .menu-panel { margin-top:0; }
.menu-page .menu-panel-bar { align-items:center; border-bottom:1px solid rgba(45,26,18,.16); display:flex; justify-content:space-between; margin:0 0 34px; padding:0 0 13px; }
.menu-page .menu-panel-pos { color:#6f584b; font:10px "DM Mono",monospace; letter-spacing:.11em; text-transform:uppercase; }
.menu-page .menu-panel-pos b { color:#b35f35; font-weight:500; }
.menu-page .menu-desc-toggle { background:none; border:0; border-bottom:1px solid currentColor; border-radius:0; color:#6f584b; font:500 10px "DM Mono",monospace; letter-spacing:.1em; padding:3px 0; text-transform:uppercase; }
.menu-page .menu-desc-toggle:hover,.menu-page .menu-desc-toggle[aria-pressed="true"] { border-color:#2d1a12; color:#2d1a12; }
.menu-page .menu-panel-title { align-items:baseline; border:0; display:flex; font-family:"Fraunces",Georgia,serif; font-size:clamp(38px,5vw,66px); font-weight:500; gap:13px; letter-spacing:-.065em; line-height:.88; margin:0 0 25px; padding:0; }
.menu-page .menu-panel-idx { color:#b35f35; font:10px "DM Mono",monospace; letter-spacing:.1em; }
.menu-page .menu-items { max-width:none; }
.menu-page .menu-items li { border-bottom:1px solid rgba(45,26,18,.13); padding:14px 0 15px; }
.menu-page .menu-line { gap:10px; }
.menu-page .menu-name { font-family:"Fraunces",Georgia,serif; font-size:clamp(17px,1.65vw,22px); font-weight:500; letter-spacing:-.025em; }
.menu-page .menu-line::after { border-bottom:1px dotted rgba(45,26,18,.3); top:-3px; }
.menu-page .menu-price { color:#2d1a12; font:500 13px "DM Mono",monospace; }
.menu-page .menu-desc { color:#80695c; font-size:13px; line-height:1.45; margin-top:4px; max-width:61ch; }
.menu-page .menu-board.is-ready .menu-desc { -webkit-line-clamp:1; }
.menu-page .menu-stepper { display:none; }
.menu-page .menu-legal { color:#80695c; font:10px/1.6 "DM Mono",monospace; margin:60px auto 0; max-width:1180px; }
.menu-page footer { background:#2d1a12; color:#f5f0e7; }
.menu-page footer .footer-mark { color:#f5f0e7; }.menu-page footer p { color:rgba(245,240,231,.68); }.menu-page footer a { color:#f5f0e7; }

@media (max-width:800px) {
  .menu-page .menu-masthead { padding-left:24px; padding-right:24px; }.menu-page .menu { padding-left:24px; padding-right:24px; }
  .menu-page .menu-board { display:block; }.menu-page .menu-explorer { border-bottom:1px solid rgba(45,26,18,.18); margin-bottom:37px; padding-bottom:18px; position:static; }
  .menu-page .menu-cat-group { padding:10px 0; }.menu-page .menu-cat-group-label { margin-bottom:5px; }.menu-page .menu-cat { padding:6px 0; }
  .menu-page .menu-board,.menu-page .menu-panels,.menu-page .menu-panel { max-width:100%; min-width:0; }.menu-page .menu-panel-title { font-size:clamp(34px,10vw,48px); flex-wrap:wrap; line-height:.9; overflow-wrap:anywhere; }.menu-page .menu-panel-bar { align-items:flex-start; display:grid; gap:12px; grid-template-columns:minmax(0,1fr) auto; }.menu-page .menu-panel-pos { max-width:190px; min-width:0; overflow-wrap:anywhere; }.menu-page .menu-desc-toggle { font-size:0; white-space:nowrap; }.menu-page .menu-desc-toggle::after { content:"Detalles"; font-size:9px; }.menu-page .menu-name { font-size:18px; min-width:0; overflow-wrap:anywhere; }.menu-page .menu-line { display:grid; gap:2px 12px; grid-template-columns:minmax(0,1fr) auto; min-width:0; }.menu-page .menu-line::after { display:none; }.menu-page .menu-price { grid-column:2; grid-row:1; }.menu-page .menu-desc { grid-column:1 / -1; overflow-wrap:anywhere; }.menu-page .menu-items li { padding:13px 0; }
}
