.catalog-families.cx-families{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.cx-families .cx-family{position:relative;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;min-width:0;height:132px;padding:15px;border:0;border-radius:20px;box-shadow:0 7px 18px #14233c16;font-size:24px;line-height:1.05;font-weight:750}
.cx-families .cx-family>span:first-of-type{position:relative;z-index:2;max-width:calc(100% - 8px);overflow-wrap:anywhere}
.cx-families .cx-family .catalog-choice-arrow{position:absolute;z-index:3;top:13px;right:13px;width:28px;height:28px;margin:0;border-radius:50%;display:grid;place-items:center;background:#ffffff7d;color:#14233c;font-size:17px}
.cx-families .cx-family svg{position:absolute;right:14px;bottom:12px;width:66px;height:66px;opacity:.8;pointer-events:none}
.cx-families .cx-food{grid-column:1/-1;height:224px;padding:19px;color:#fff;background:#35281d;font-family:Georgia,serif;font-size:38px;font-weight:600;letter-spacing:-.03em}
.cx-families .cx-food::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b172bd9 0%,#0b172b83 52%,#0b172b10 100%)}
.cx-families .cx-food .cx-family-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.cx-families .cx-food .catalog-choice-arrow{top:15px;right:15px;width:35px;height:35px;color:#fff;background:#ffffff2b;border:1px solid #ffffff80}
.cx-families .cx-drinks{background:#e8cb88;color:#14233c}
.cx-families .cx-cocktails{background:#30456a;color:#fff;font-size:19px;letter-spacing:-.025em}
.cx-families .cx-cocktails svg{width:54px;height:54px;opacity:.45}
.cx-families .cx-cocktails .catalog-choice-arrow{color:#fff;background:#ffffff30}
.cx-families .cx-other{background:#e8e7dc;color:#14233c}
.cx-families .cx-family:focus-visible,.cx-featured button:focus-visible{outline:3px solid #a17b35;outline-offset:3px}
.catalog-choices .catalog-choice.has-photo{isolation:isolate;overflow:hidden;background:#172336;color:#fff;border-color:#172336}
.catalog-choices .catalog-choice.has-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#08162cda 0%,#08162c65 68%,#08162c30 100%);pointer-events:none}
.catalog-choice-photo{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.catalog-choices .catalog-choice.has-photo>span:first-of-type{position:relative;z-index:2}
.catalog-choices .catalog-choice.has-photo .catalog-choice-arrow{z-index:3;color:#fff;background:#ffffff30}
.catalog-choices .catalog-choice.has-photo svg{z-index:2;color:#fff}
.cx-featured{margin:27px 0 23px;color:#14233c}
.cx-featured-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:12px}
.cx-featured-head h3{margin:0;font:500 26px/1.08 Georgia,serif;letter-spacing:-.025em}
.cx-featured-head>span{flex:none;max-width:110px;border-radius:99px;padding:7px 9px;background:#f1e4c7;color:#79551e;font-size:10px;font-weight:700;text-align:center}
.cx-slide{position:relative;height:264px;overflow:hidden;border-radius:20px;background:#172640;color:#fff;box-shadow:0 8px 22px #14233c1d;touch-action:pan-y}
.cx-slide::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#08162ce9 0%,#08162c93 37%,#08162c00 73%)}
.cx-photo{display:block;width:100%;height:100%;object-fit:cover}
.cx-badge{position:absolute;z-index:1;top:15px;left:15px;border-radius:99px;background:#fff;color:#14233c;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.cx-badge.cx-offer{background:#b52c3a;color:#fff}
.cx-slide-content{position:absolute;z-index:1;left:17px;right:17px;bottom:17px;display:flex;align-items:end;justify-content:space-between;gap:8px}
.cx-slide-content>div{min-width:0}
.cx-subtitle{display:block;margin-bottom:3px;color:#efc878;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.cx-title{display:block;max-width:290px;font:500 27px/1.08 Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.cx-open{flex:none;display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff9c;border-radius:50%;background:#ffffff22;color:#fff;font-size:23px;cursor:pointer}
.cx-controls{display:flex;align-items:center;gap:8px;margin-top:12px}
.cx-dots{display:flex;flex:1;gap:6px;overflow-x:auto;scrollbar-width:none;padding:5px 3px}
.cx-dots::-webkit-scrollbar{display:none}
.cx-dot{flex:0 0 8px;width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#ccc4b6;cursor:pointer}
.cx-dot.active{flex-basis:19px;width:19px;border-radius:99px;background:#d79b30}
.cx-count{color:#607087;font-size:11px;font-weight:800;white-space:nowrap}
.cx-controls>button{flex:none;width:37px;height:37px;border:1px solid #e0d8c8;border-radius:50%;background:#fff;color:#14233c;font-size:21px;cursor:pointer}
.cx-help{min-height:20px;margin:10px 0 0;color:#6b7480;font-size:11px;line-height:1.45}
.cx-help button{border:0;padding:0;background:none;color:#865b18;text-decoration:underline;font-size:11px;font-weight:800;cursor:pointer}
.cx-dialog{width:min(calc(100vw - 28px),410px);max-height:85vh;overflow:auto;border:0;border-radius:20px;padding:0;box-shadow:0 20px 90px #0713257f;color:#14233c}
.cx-dialog::backdrop{background:#0c1930b8}
.cx-dialog-photo{height:175px;position:relative;overflow:hidden;background:#e4d3aa}
.cx-dialog-photo img{display:block;width:100%;height:100%;object-fit:cover}
.cx-dialog-photo button{position:absolute;top:11px;right:11px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#14233c;font-size:25px;cursor:pointer}
.cx-dialog-body{padding:22px}
.cx-dialog-body small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a47221}
.cx-dialog-body h3{margin:6px 0 9px;font:500 27px/1.1 Georgia,serif}
.cx-dialog-body p{margin:0 0 10px;color:#596575;font-size:14px;line-height:1.55;white-space:pre-line}
.cx-dialog-body p:empty,.cx-dialog-body strong:empty{display:none}
.cx-dialog-body strong{font-size:17px}
@media(max-width:359px){.cx-families .cx-family{font-size:20px}.cx-families .cx-food{font-size:34px}.cx-title{font-size:23px}.cx-featured-head h3{font-size:23px}}

/* Keep the menu landing view, highlights and optional chest notice on one mobile screen. */
.catalog-screenreader-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:600px){
  .public-shell.hospitality .menu-public:has(.catalog-families){padding:12px 15px 12px}
  .public-shell.hospitality .catalog-families.cx-families{gap:8px;margin-bottom:0}
  .public-shell.hospitality .cx-families .cx-food{height:clamp(132px,18dvh,156px);padding:13px;font-size:30px}
  .public-shell.hospitality .cx-families .cx-family:not(.cx-food){height:clamp(78px,11dvh,94px);padding:11px;font-size:20px}
  .public-shell.hospitality .cx-families .cx-cocktails{font-size:17px}
  .public-shell.hospitality .cx-families .cx-family svg{width:43px;height:43px}
  .public-shell.hospitality .cx-featured{margin:12px 0 0}
  .public-shell.hospitality .cx-featured-head{margin-bottom:6px}
  .public-shell.hospitality .cx-featured-head h3{font-size:17px;line-height:1.15}
  .public-shell.hospitality .cx-featured-head>span{display:none}
  .public-shell.hospitality .cx-slide{height:clamp(165px,26dvh,222px);border-radius:16px}
  .public-shell.hospitality .cx-badge{top:9px;left:9px;padding:5px 8px}
  .public-shell.hospitality .cx-slide-content{left:12px;right:12px;bottom:11px}
  .public-shell.hospitality .cx-title{font-size:21px}
  .public-shell.hospitality .cx-open{width:36px;height:36px;font-size:20px}
  .public-shell.hospitality .cx-controls{margin-top:5px}
  .public-shell.hospitality .cx-controls>button{width:32px;height:32px}
  .public-shell.hospitality .cx-help{min-height:0;margin-top:4px;font-size:10px;line-height:1.25}
  .public-shell.hospitality .catalog-browser:has(> .catalog-families)>.cofre-hint{margin:10px 0 0;padding:8px 10px;font-size:12px;line-height:1.3}
  .public-shell.hospitality .menu-public:has(.catalog-families)>.menu-footnote{margin-top:12px}
}
@media(max-width:600px) and (max-height:650px){
  .public-shell.hospitality .cx-families .cx-food{height:104px}
  .public-shell.hospitality .cx-families .cx-family:not(.cx-food){height:64px}
  .public-shell.hospitality .cx-slide{height:136px}
  .public-shell.hospitality .cx-help:not(:has(button)){display:none}
}
