:root{--paper:#FBFAF8;--ink:#1B1A17;--ink-soft:#6B675E;--rule:#DFDAD0;--accent:#8A6A3B;--accent-soft:#F0E9DC;--display:"Libre Baskerville",Georgia,serif;--body:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--maxw:720px}
[data-tema="dg"]{--paper:#F7F2E9;--ink:#1E1A16;--ink-soft:#756B5C;--rule:#DDD2BE;--accent:#7A2E38;--accent-soft:#EFE2DF;--display:"Cormorant Garamond",Georgia,serif}
[data-tema="lb"]{--paper:#FBFAF8;--ink:#16233A;--ink-soft:#6C7789;--rule:#DFE2E8;--accent:#A67C3D;--accent-soft:#F3EADA}
[data-tema="rs"]{--paper:#FAFAF9;--ink:#22262B;--ink-soft:#6E747C;--rule:#E2E4E6;--accent:#3F5B70;--accent-soft:#E7EDF2}
[data-tema="pool"]{--paper:#FBFCFC;--ink:#12312F;--ink-soft:#5E7370;--rule:#D8E5E2;--accent:#0F7168;--accent-soft:#E0F0ED}
[data-tema="lf"]{--paper:#F6F1E8;--ink:#211E1B;--ink-soft:#6F675E;--rule:#DBD2C4;--accent:#A63D22;--accent-soft:#F1E1DA;--display:"Oswald",Impact,sans-serif}
[data-tema="vinos"]{--paper:#F5F1EE;--ink:#241A22;--ink-soft:#6E5F69;--rule:#DCD1D6;--accent:#5C2A45;--accent-soft:#EBE0E6;--display:"Cormorant Garamond",Georgia,serif}
[data-tema="lv"]{--paper:#F7F3EC;--ink:#2A2119;--ink-soft:#75695B;--rule:#DED2C0;--accent:#9A5B2B;--accent-soft:#F0E4D3;--display:"Cormorant Garamond",Georgia,serif}
[data-tema="add"]{--paper:#FAFAF8;--ink:#26282A;--ink-soft:#6F747A;--rule:#E1E3E4;--accent:#5A6B52;--accent-soft:#E9EEE6}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.bar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--rule)}
.bar__top{display:flex;align-items:center;gap:12px;padding:12px 20px;max-width:var(--maxw);margin:0 auto}
.bar__logo{height:26px;width:auto}
.bar__name{font-family:var(--display);font-size:17px;font-weight:400;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar__lang{display:flex;gap:6px;flex:0 0 auto}
.bar__lang button{border:1px solid var(--rule);background:transparent;font:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);padding:6px 11px;cursor:pointer;border-radius:999px;transition:background .15s,color .15s,border-color .15s}
.bar__lang button[aria-pressed="true"]{color:#fff;background:var(--accent);border-color:var(--accent);font-weight:700}
.searchrow{display:flex;align-items:center;gap:10px;padding:0 20px 10px;max-width:var(--maxw);margin:0 auto}
.search{flex:1 1 auto;min-width:0}
.search input{width:100%;padding:9px 12px;font:inherit;font-size:15px;color:var(--ink);background:transparent;border:1px solid var(--rule);border-radius:6px}
.search input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 20px 10px;max-width:var(--maxw);margin:0 auto;-webkit-overflow-scrolling:touch}
.chips::-webkit-scrollbar{display:none}
.chips a{flex:0 0 auto;font-size:13px;text-decoration:none;white-space:nowrap;color:var(--ink-soft);border:1px solid var(--rule);border-radius:999px;padding:5px 12px;transition:background .15s,color .15s,border-color .15s}
.chips a[aria-current="true"]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.hero{text-align:center;padding:40px 20px 28px}
.hero__title{font-family:var(--display);font-weight:400;font-size:34px;line-height:1.15;margin:0 0 6px}
.hero__meta{font-size:12px;color:var(--ink-soft);letter-spacing:.04em}
.sec{padding-top:34px;scroll-margin-top:118px}
.sec__foto{display:block;width:100%;height:168px;object-fit:cover;border-radius:10px;margin-bottom:18px;background:var(--accent-soft)}
.sec__title{font-family:var(--display);font-weight:400;font-size:24px;margin:0 0 2px;color:var(--accent)}
.sec__note{font-size:13px;color:var(--ink-soft);margin:0 0 6px}
.sec__rule{border:0;border-top:1px solid var(--rule);margin:12px 0 4px}
.item{padding:16px 0;border-bottom:1px solid var(--rule)}
.item:last-child{border-bottom:0}
.item__head{display:flex;align-items:baseline;gap:6px}
.item__name{font-weight:700;font-size:16px}
.item__dots{flex:1;border-bottom:1px dotted var(--rule);transform:translateY(-4px);min-width:16px}
.item__price{font-variant-numeric:tabular-nums;font-size:16px;white-space:nowrap}
.item__desc{margin:5px 0 0;font-size:14px;color:var(--ink-soft);line-height:1.45}
.item__tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.tag{font-size:10px;letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--rule);color:var(--ink-soft);border-radius:3px;padding:2px 6px}
.tag--nuevo,.tag--sugerencia_chef,.tag--promo{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.foot{margin-top:44px;padding:22px 0 48px;border-top:1px solid var(--rule);font-size:12px;color:var(--ink-soft);line-height:1.6}
.foot a{color:var(--accent)}
.empty{padding:40px 0;text-align:center;color:var(--ink-soft);font-size:15px}
.cards{display:grid;gap:12px;padding:8px 0 48px}
.card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;text-decoration:none;color:var(--ink);border:1px solid var(--rule);border-radius:10px;background:#fff}
.card:hover,.card:focus-visible{border-color:var(--accent);outline:none}
.card__name{font-family:var(--display);font-size:20px}
.card__meta{font-size:12px;color:var(--ink-soft)}
.card__arrow{color:var(--accent)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth}

/* ===== Portada expandida (mobile-first) + colapso al scrollear ===== */
.hero2{text-align:center;padding:36px 20px 4px;max-width:var(--maxw);margin:0 auto}
.hero2__logo{height:96px;width:auto;max-width:70%;margin:0 auto 16px;display:block}
.hero2__logo--txt{font-family:var(--display);font-size:30px;letter-spacing:2px;color:var(--ink);margin:0 0 12px}
.hero2__name{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.15;margin:0 0 8px}
.hero2__desc{font-size:15px;color:var(--ink-soft);line-height:1.5;margin:0 auto 4px;max-width:46ch}
/* la barra compacta arranca oculta y aparece cuando la portada se fue */
.bar__ident{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 64px 0 20px;max-width:var(--maxw);margin:0 auto;max-height:0;opacity:0;overflow:hidden;transition:max-height .2s,opacity .2s,padding .2s}
.bar.compact .bar__ident{max-height:44px;opacity:1;padding:10px 64px 4px 20px}
.bar__ident .bar__logo{height:24px;width:auto}
.bar__ident .bar__logo--txt{font-family:var(--display);font-size:15px;letter-spacing:1px}
.bar__ident .bar__name{font-family:var(--display);font-size:16px;font-weight:400;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
/* el idioma va arriba a la derecha, siempre visible */

/* ===== Botón a la carta de vinos ===== */
.foot a.vinos-btn{display:block;text-align:center;text-decoration:none;margin:28px auto 4px;max-width:420px;
  padding:16px 22px;border-radius:12px;background:var(--accent);color:#fff !important;
  font-family:var(--display);font-size:18px;letter-spacing:.02em;
  box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 35%,transparent);transition:transform .12s,box-shadow .12s}
.foot a.vinos-btn:hover,.foot a.vinos-btn:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 45%,transparent);outline:none}
.foot a.vinos-btn small{display:block;color:#fff !important;font-family:var(--body);font-size:12px;opacity:.9;margin-top:3px;letter-spacing:.04em}