@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400&family=DM+Sans:wght@500;700&display=swap");
body[data-screen="desayunos"],body[data-screen="bebida-fria"] { background:#17110e; }
body[data-screen="desayunos"] #stage,body[data-screen="bebida-fria"] #stage { background:radial-gradient(120% 100% at 50% 0%,#2a1e17,#17110e 75%); color:#f6eee3; font-family:"DM Sans",system-ui,sans-serif; }
body[data-screen="desayunos"] #board.no-title,body[data-screen="bebida-fria"] #board.no-title { padding:35px 48px 26px; }
.h-layout { display:flex; flex-direction:column; gap:18px; height:100%; min-height:0; }
.h-header { display:flex; align-items:end; justify-content:space-between; gap:30px; border-bottom:1px solid rgba(246,238,227,.17); padding-bottom:14px; }
.h-brand { color:#e6ad6e; letter-spacing:.45em; font-size:18px; font-weight:700; }
.h-header h1 { color:#f6eee3; font:400 69px/1 Fraunces,Georgia,serif; margin:7px 0 0; }
.h-header p { color:#d7c1ae; font-size:22px; margin:0 0 5px; }
.h-breakfast,.h-drinks { flex:1; min-height:0; display:grid; gap:24px; }
.h-breakfast { grid-template-columns:minmax(0,3.1fr) minmax(0,1fr); }
.h-breakfast-main { min-height:0; display:flex; flex-direction:column; gap:12px; }
.h-note { margin:0; color:#d7c1ae; font-size:19px; }
.h-breakfast-cards { flex:1; min-height:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr)); gap:15px; }
.h-card { position:relative; min-width:0; min-height:0; overflow:hidden; border-radius:14px; background:#30221a; }
.h-card img { position:absolute; width:100%; height:100%; object-fit:cover; }
.h-card:after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 22%,rgba(18,12,9,.94)); }
.h-card-copy { position:absolute; z-index:1; left:20px; right:20px; bottom:17px; }
.h-card h3 { font:600 30px/1.02 Fraunces,Georgia,serif; color:white; margin:0; }
.h-card p { color:rgba(255,255,255,.82); font-size:17px; line-height:1.18; margin:5px 0 0; }
.h-price { position:absolute; z-index:2; top:13px; right:14px; padding:5px 12px; border-radius:999px; background:rgba(23,17,14,.86); color:#e6ad6e; font-size:24px; font-weight:700; white-space:nowrap; }
.h-extras { border:1px solid rgba(246,238,227,.15); border-radius:14px; background:rgba(255,255,255,.035); padding:24px 26px; display:flex; flex-direction:column; min-height:0; }
.h-extras h2,.h-list h2 { color:#e6ad6e; font:400 34px/1.1 Fraunces,Georgia,serif; margin:0 0 12px; }
.h-extra-rows { flex:1; }
.h-row { display:flex; justify-content:space-between; align-items:baseline; gap:12px; border-bottom:1px solid rgba(246,238,227,.11); padding:9px 0; font-size:23px; line-height:1.16; }
.h-row span { min-width:0; } .h-row small { display:block; font-size:16px; color:#c6b09d; }
.h-row b { color:#e6ad6e; white-space:nowrap; font-size:22px; }
.h-qr { display:flex; align-items:center; gap:18px; border-top:1px solid rgba(246,238,227,.14); padding-top:18px; font-size:22px; }
.h-qr img { width:102px; height:102px; padding:5px; border-radius:6px; background:white; }
.h-qr p { color:#c6b09d; font-size:17px; margin:5px 0 0; }
.h-drinks { grid-template-columns:minmax(0,1.27fr) minmax(0,1fr); }
.h-drink-photos { min-height:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr)); gap:15px; }
.h-drink-lists { min-height:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:1.3fr 1fr; gap:17px; }
.h-list { min-width:0; min-height:0; border:1px solid rgba(246,238,227,.15); border-radius:14px; background:rgba(255,255,255,.035); padding:19px 23px; }
.h-list h2 { font-size:32px; margin:0 0 8px; }
.h-list .h-row { font-size:20px; padding:6px 0; } .h-list .h-row b { font-size:20px; }
.h-footer { color:#e6ad6e; font-size:17px; font-weight:700; letter-spacing:.38em; text-align:center; }
.h-footer span { color:#805b42; }
.h-list .h-row { font-size:24px; padding:9px 0; }
.h-list .h-row b { font-size:23px; }
.h-list .h-row { font-size:22px; padding:7px 0; }
.h-list .h-row b { font-size:22px; }
.h-header-side { display:flex; align-items:center; gap:28px; }
.h-header-side p { margin:0; }
.h-header-qr { display:flex; align-items:center; gap:14px; color:#f6eee3; font-size:20px; }
.h-header-qr img { width:120px; height:120px; padding:5px; border-radius:6px; background:white; }
.h-header-qr strong,.h-header-qr small { display:block; white-space:nowrap; }
.h-header-qr small { color:#c6b09d; font-size:16px; margin-top:5px; }
/* Más legibilidad en la carta de bebidas sin afectar a desayunos. */
.h-drinks { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
.h-drink-lists { gap:12px; }
.h-drink-lists .h-list { padding:16px 18px; }
.h-drink-lists .h-list h2 { font-size:36px; }
.h-drink-lists .h-row { font-size:26px; line-height:1.12; padding:4px 0; gap:7px; }
.h-drink-lists .h-row b { font-size:25px; }
.h-drink-photos .h-card h3 { font-size:35px; }
.h-drink-photos .h-card p { font-size:20px; }
.h-drink-photos .h-price { font-size:28px; }
/* La sombra se limita a la zona inferior de las fotos de bebidas. */
.h-drink-photos .h-card:after { background:linear-gradient(to bottom, transparent 70%, rgba(18,12,9,.85) 100%); }
.h-drink-photos .h-card-copy { text-shadow:0 2px 4px #000, 0 1px 10px rgba(0,0,0,.9); }
.h-extras-photo { flex:0 0 210px; overflow:hidden; border-radius:10px; margin-bottom:18px; background:#30221a; }
.h-extras-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }

/* Las fotografías ocupan la tarjeta y el degradado protege solo la zona del texto. */
.h-drink-photos .h-card-copy { text-shadow:0 2px 4px #000, 0 1px 10px rgba(0,0,0,.9); }