/* BLOND v2 · La página pasa del día a la noche con el scroll.
   Día: bruma de costa y verde pino (Villa Gesell). Noche: pino profundo y ámbar de las lámparas del salón. */
:root{
  --bruma:#DCE2DD;      /* día: fondo */
  --pino:#1E2B25;       /* día: texto */
  --musgo:#5C6B62;      /* día: texto secundario */
  --pino-noche:#0E1714; /* noche: fondo */
  --hueso:#EDE6D8;      /* noche: texto */
  --ambar:#E2A53B;      /* lámparas: único acento */
  --bg:var(--bruma); --fg:var(--pino); --fg2:var(--musgo);
  --display:'Gambetta',Georgia,serif; --texto:'Switzer',system-ui,sans-serif;
  --m:clamp(20px,5vw,72px);
}
body.is-night{--bg:var(--pino-noche);--fg:var(--hueso);--fg2:rgba(237,230,216,.62)}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--texto);font-size:clamp(16px,1.1vw,18px);line-height:1.6;transition:background-color 1.1s ease,color 1.1s ease;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--ambar);outline-offset:3px}
h2{font-family:var(--display);font-weight:500;font-size:clamp(40px,6vw,96px);line-height:.98;letter-spacing:-.02em}

/* Barra superior */
.bar{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:32px;padding:18px var(--m);color:var(--hueso);mix-blend-mode:normal;transition:background-color .4s}
.bar.con-fondo{background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--fg);backdrop-filter:blur(12px)}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--display);font-size:22px;letter-spacing:.06em}
.marca img{width:38px;height:38px;border-radius:50%}
.bar nav{display:flex;gap:28px;margin-left:auto;font-size:15px}
.bar nav a{text-decoration:none;opacity:.85}.bar nav a:hover{opacity:1}
.reservar{background:var(--ambar);color:#1A140A;text-decoration:none;font-weight:600;font-size:15px;padding:10px 20px;border-radius:999px}

/* Portada */
.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;color:var(--hueso);display:grid;grid-template-rows:1fr auto;padding:0 var(--m) 40px}
.hero-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,23,20,.55) 0%,rgba(14,23,20,.05) 35%,rgba(14,23,20,.25) 60%,rgba(14,23,20,.92) 100%)}
.hero-titulo{position:relative;align-self:end;font-family:var(--display);font-weight:400;font-size:clamp(84px,17vw,280px);line-height:.8;letter-spacing:-.04em;display:grid;grid-template-columns:auto auto;width:fit-content}
.h-day{grid-column:1}
.h-amp{grid-column:2;font-style:italic;color:var(--ambar);font-size:.55em;align-self:center;padding-left:.15em}
.h-night{grid-column:1/3;padding-left:.9em;font-style:italic}
.hero-bajada{position:relative;max-width:34ch;margin-top:28px;font-size:clamp(17px,1.4vw,21px);color:rgba(237,230,216,.85)}
.hero-dato{position:absolute;right:var(--m);bottom:44px;font-size:14px;color:rgba(237,230,216,.7);text-align:right;max-width:18ch}

/* Dos momentos */
.momentos{display:grid;grid-template-columns:1fr 1fr;gap:var(--m);padding:clamp(80px,12vw,180px) var(--m)}
.momento{display:flex;flex-direction:column;gap:22px}
.momento p{max-width:42ch;color:var(--fg2)}
.momento img{margin-top:18px;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.momento-noche{margin-top:clamp(80px,14vw,220px)}
.momento-noche h2{font-style:italic}

/* Cocina: pista horizontal */
.cocina{padding:clamp(60px,8vw,120px) 0;overflow:hidden}
.cocina-intro{padding:0 var(--m);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--m);align-items:end;margin-bottom:56px}
.cocina-intro p{color:var(--fg2);max-width:44ch}
.pista{display:flex;gap:24px;padding:0 var(--m);width:max-content}
.plato{width:clamp(280px,30vw,440px);flex:none}
.plato img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px}
.plato figcaption{margin-top:16px;color:var(--fg2);font-size:15px;max-width:36ch}
.plato figcaption b{display:block;font-family:var(--display);font-weight:500;font-size:26px;line-height:1.1;color:var(--fg);margin-bottom:6px}
.plato-carta{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;height:auto;border:1.5px solid currentColor;border-radius:4px;font-family:var(--display);font-size:32px;line-height:1.1;text-align:center;padding:32px;text-decoration:none;align-self:flex-start}
.plato-carta:hover{background:var(--fg);color:var(--bg)}

/* Barra */
.barra{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.barra-foto img{width:100%;height:100%;object-fit:cover}
.barra-texto{padding:clamp(60px,8vw,140px) var(--m);display:flex;flex-direction:column;justify-content:center;gap:24px}
.barra-texto>p{color:var(--fg2);max-width:40ch}
.semana{margin-top:24px;display:grid;gap:0}
.semana div{display:grid;grid-template-columns:9em 1fr;gap:16px;padding:18px 0;border-top:1px solid rgba(237,230,216,.16)}
.semana dt{font-family:var(--display);font-size:22px;color:var(--ambar)}
.semana dd{color:var(--fg)}

/* Música */
.musica{position:relative;min-height:100vh;display:flex;align-items:flex-end;padding:var(--m);overflow:hidden}
.musica-foto{position:absolute;inset:0;width:100%;height:120%;object-fit:cover;opacity:.55}
.musica::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--pino-noche) 0%,transparent 70%)}
.musica-texto{position:relative;z-index:1;max-width:760px}
.musica-ciclo{font-size:17px;color:var(--fg2)}
.musica h2{font-size:clamp(80px,15vw,240px);font-style:italic;line-height:.85;margin:8px 0 28px}
.musica-texto>p:not(.musica-ciclo){max-width:46ch;color:var(--fg2);margin-bottom:24px}
.enlace{display:inline-block;font-weight:600;text-decoration:underline;text-decoration-color:var(--ambar);text-underline-offset:6px;text-decoration-thickness:2px}

/* Eventos */
.eventos{display:grid;grid-template-columns:.9fr 1fr;gap:var(--m);align-items:center;padding:clamp(80px,10vw,160px) var(--m)}
.eventos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.eventos div{display:flex;flex-direction:column;gap:22px}
.eventos p{color:var(--fg2);max-width:42ch}

/* Dónde */
.donde{padding:clamp(80px,10vw,160px) var(--m);border-top:1px solid rgba(237,230,216,.14)}
.donde-datos{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:56px 0}
.donde-datos p{max-width:30ch}
.donde-datos span{display:block;font-size:14px;color:var(--fg2);margin-bottom:6px}
.donde-acciones{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.boton{background:var(--ambar);color:#1A140A;text-decoration:none;font-weight:600;font-size:18px;padding:18px 30px;border-radius:999px}

.pie{padding:40px var(--m);font-size:14px;color:var(--fg2);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.aviso{opacity:.7}

/* Teléfono */
@media (max-width:760px){
  .bar nav{display:none}
  .bar{gap:12px}.reservar{margin-left:auto}
  .hero-dato{position:relative;right:auto;bottom:auto;text-align:left;margin-top:12px;max-width:none}
  .momentos,.barra,.eventos,.cocina-intro,.donde-datos{grid-template-columns:1fr}
  .momento-noche{margin-top:40px}
  .barra-foto img{aspect-ratio:4/5;height:auto}
  .pista{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
  .plato{width:78vw;scroll-snap-align:start}
  .semana div{grid-template-columns:7.5em 1fr}
}
@media (prefers-reduced-motion:reduce){body{transition:none}}