/* Delicias Mar y Tierra · v2 · paleta del logo: azul noche, dorado, crema. */
:root{
  --night:#14213d; --night-2:#1c2c50; --night-3:#0e172c;
  --gold:#c9a227; --gold-2:#e0bd4a; --gold-soft:rgba(201,162,39,.16);
  --cream:#f6efe0; --cream-2:#efe4cc; --paper:#fffdf8;
  --ink:#191a20; --grey:#5d6170; --grey-2:#8a8e9a;
  --rule:rgba(20,33,61,.12); --rule-light:rgba(246,239,224,.18);
  --sea:#1f6f8b;
  --pad:clamp(18px,5vw,72px);
  --r:18px;
  --shadow:0 10px 30px rgba(20,33,61,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto} *{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,.serif{font-family:Fraunces,Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.015em;line-height:1.04;text-wrap:balance;margin:0}
p{margin:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ─── barra superior ─── */
.bar{position:sticky;top:0;z-index:50;background:var(--night);color:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px var(--pad);border-bottom:1px solid var(--rule-light)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Fraunces,serif;font-weight:700;font-size:1.02rem;min-width:0;flex:1 1 auto}
.brand img{width:36px;min-width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 2px var(--gold);flex:none}
.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar-right{display:flex;align-items:center;gap:8px;flex:none}
@media(max-width:720px){.bar .pill{display:none}}
.lang{display:inline-flex;border:1px solid rgba(246,239,224,.35);border-radius:999px;padding:2px;background:rgba(0,0,0,.18)}
.lang button{appearance:none;border:0;background:transparent;color:var(--cream);font:inherit;font-weight:700;font-size:13px;padding:5px 10px;border-radius:999px;cursor:pointer;opacity:.7}
.lang button[aria-pressed="true"]{background:var(--gold);color:var(--night);opacity:1}
.pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:6px 11px;border-radius:999px;background:rgba(0,0,0,.22);color:var(--cream);white-space:nowrap}
.pill i{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 3px rgba(61,220,132,.25)}
.pill.closed i{background:#ff6b6b;box-shadow:0 0 0 3px rgba(255,107,107,.25)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:700;font-size:1rem;padding:13px 20px;border-radius:999px;border:2px solid transparent;cursor:pointer;font-family:inherit;line-height:1.1}
.btn svg{width:18px;height:18px;flex:none}
.btn-gold{background:var(--gold);color:var(--night)}
.btn-gold:hover{background:var(--gold-2)}
.btn-ghost{background:transparent;color:var(--cream);border-color:rgba(246,239,224,.5)}
.btn-ghost:hover{background:rgba(246,239,224,.1)}
.btn-night{background:var(--night);color:var(--cream)}
.btn-night:hover{background:var(--night-2)}
.btn-line{background:transparent;color:var(--night);border-color:var(--night)}
.btn-line:hover{background:var(--gold-soft)}
.btn-sm{padding:9px 14px;font-size:.92rem}

/* ─── secciones ─── */
.wrap{max-width:1120px;margin:0 auto;padding:0 var(--pad)}
.section{padding:clamp(48px,8vw,96px) 0}
.eyebrow{font-family:Fraunces,serif;font-style:italic;font-weight:500;color:var(--gold);font-size:1.05rem;margin-bottom:10px}
.section h2{font-size:clamp(1.9rem,4.6vw,3rem)}
.lead{color:var(--grey);font-size:clamp(1rem,2vw,1.15rem);max-width:56ch;margin-top:14px}
.night{background:var(--night);color:var(--cream)}
.night .lead{color:#d9cfb6}
.night .eyebrow{color:var(--gold-2)}
.cream{background:var(--cream)}

/* ─── tarjetas de plato (home + más pedido) ─── */
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:32px}
.dish{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:22px 22px 20px;display:flex;flex-direction:column;gap:8px;position:relative;box-shadow:0 1px 0 rgba(20,33,61,.04)}
.dish .top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.dish h3{font-size:1.32rem}
.price{font-family:Fraunces,serif;font-weight:700;font-size:1.25rem;color:var(--night);white-space:nowrap;font-variant-numeric:tabular-nums}
.dish p{color:var(--grey);font-size:.98rem}
.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--night);background:var(--gold);padding:4px 9px;border-radius:999px;align-self:flex-start}
.badge svg{width:11px;height:11px}

/* ─── pie ─── */
footer.foot{background:var(--night-3);color:#bfb7a3;font-size:.9rem;padding:28px 0 calc(28px + env(safe-area-inset-bottom))}
footer.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}
footer.foot a{color:#e6dcc4;text-decoration:none;border-bottom:1px solid rgba(230,220,196,.35)}
footer.foot .vinci{font-size:.8rem;color:#8f8977}

/* ─── barra fija móvil ─── */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:8px;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));background:rgba(20,33,61,.96);backdrop-filter:blur(10px);border-top:1px solid var(--rule-light)}
.dock a{flex:1;padding:12px 10px;font-size:.95rem}
@media(max-width:720px){.dock{display:flex} body.has-dock{padding-bottom:78px}}

/* íconos */
.ico{width:18px;height:18px;flex:none}