/* Perfil de restaurante como historia (29-09-2026).
   Pedido del founder: "un perfil de un restaurante es como una historia": engancha con algo
   impactante, se ven los datos y una descripcion corta, se profundiza, momentos (comida, lugar,
   experiencia), reseñas con aire de post, el menu, y al final la reserva.
   Sin cajas ni pildoras (memoria "diseño minimalista"): lineas finas, tipografia grande y foto.
   Colores: los tokens de .lgr (que lgx-tema.css ata a la paleta elegida). */

.lgh{--lgh-serif:var(--t-display,"Outfit",Georgia,serif);--lgh-sans:var(--t-cuerpo,Inter,system-ui,sans-serif);
  --lgh-borde:max(16px,calc((100vw - 1180px)/2 + 24px));position:relative}
.lgh *{box-sizing:border-box}
.lgh-sangre{width:100vw;margin-left:calc(50% - 50vw)}

/* barra de progreso y capitulos */
.lgh-progreso{position:fixed;left:0;top:0;height:2px;width:100%;z-index:1100;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,var(--verde),var(--verde2,var(--verde)));pointer-events:none}
.lgh-rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:900;display:none;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}
.lgh-rail a{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--suave);font:600 10.5px/1 var(--lgh-sans);
  letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.lgh-rail a span{opacity:0;transform:translateX(6px);transition:opacity .25s,transform .25s;white-space:nowrap}
.lgh-rail a::after{content:"";width:18px;height:1px;background:currentColor;transition:width .3s}
.lgh-rail:hover a span{opacity:1;transform:none}
.lgh-rail a[aria-current="true"]{color:var(--texto)}
.lgh-rail a[aria-current="true"]::after{width:34px;background:var(--verde)}
@media (min-width:1360px){.lgh-rail{display:flex}}

/* 01 · gancho: foto o video a pantalla completa */
.lgh-gancho{position:relative;min-height:min(88svh,880px);display:flex;align-items:flex-end;overflow:hidden;color:#fff;isolation:isolate;background:#0b0f10}
.lgh-fondo{position:absolute;inset:0;z-index:-2}
.lgh-fondo img,.lgh-fondo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lgh-fondo img{opacity:0;transform:scale(1.06);transition:opacity 1.6s ease}
.lgh-fondo img.activa{opacity:1;animation:lgh-deriva 12s ease-out forwards}
@keyframes lgh-deriva{from{transform:scale(1.12) translate3d(1.5%,1%,0)}to{transform:scale(1.02) translate3d(0,0,0)}}
.lgh-gancho::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.82) 100%),radial-gradient(90% 70% at 0% 100%,rgba(0,0,0,.55),transparent 70%)}
.lgh-gancho__arriba{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:18px var(--lgh-borde);font:600 12px/1 var(--lgh-sans);letter-spacing:.14em;text-transform:uppercase}
.lgh-gancho__arriba a{color:rgba(255,255,255,.86);text-decoration:none}
.lgh-gancho__arriba a:hover{color:#fff}
.lgh-gancho__contenido{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:0 var(--lgh-borde) 56px}
.lgh-eyebrow{margin:0 0 16px;font:600 12px/1.4 var(--lgh-sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.lgh-gancho h1{margin:0;color:#fff;font-family:var(--lgh-serif);font-weight:500;letter-spacing:-.02em;line-height:.92;
  font-size:clamp(52px,10vw,148px);text-wrap:balance;overflow-wrap:anywhere}
.lgh-gancho h1.largo{font-size:clamp(40px,6.4vw,96px)}
.lgh-frase{margin:22px 0 0;max-width:34ch;font:400 clamp(18px,1.9vw,24px)/1.45 var(--lgh-serif);font-style:italic;color:rgba(255,255,255,.92)}
.lgh-vivo{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font:600 13px/1 var(--lgh-sans);letter-spacing:.04em;color:rgba(255,255,255,.9)}
.lgh-vivo::before{content:"";width:8px;height:8px;border-radius:50%;background:#b8c0c4}
.lgh-vivo[data-estado="abierto"]::before{background:#3ee89b;box-shadow:0 0 0 0 rgba(62,232,155,.6);animation:lgh-pulso 2s infinite}
.lgh-vivo[data-estado="pronto"]::before{background:#ffc24a}
@keyframes lgh-pulso{70%{box-shadow:0 0 0 10px rgba(62,232,155,0)}100%{box-shadow:0 0 0 0 rgba(62,232,155,0)}}
.lgh-nota{text-align:right;color:#fff}
.lgh-nota b{display:block;font:500 clamp(48px,6vw,84px)/.9 var(--lgh-serif);font-variant-numeric:tabular-nums}
.lgh-nota span{display:block;margin-top:10px;font:600 11px/1.4 var(--lgh-sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.lgh-bajar{position:absolute;left:50%;bottom:14px;width:1px;height:34px;background:rgba(255,255,255,.35);overflow:hidden}
.lgh-bajar::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:#fff;animation:lgh-baja 2.2s ease-in-out infinite}
@keyframes lgh-baja{to{top:100%}}

/* capitulos */
.lgh-cap{padding:clamp(64px,9vw,128px) 0 0;scroll-margin-top:72px}
.lgh-num{display:flex;align-items:center;gap:14px;margin:0 0 28px;color:var(--suave);font:600 11px/1 var(--lgh-sans);letter-spacing:.22em;text-transform:uppercase}
.lgh-num b{color:var(--verde);font-weight:700}
.lgh-num::after{content:"";flex:1;height:1px;background:var(--linea)}
.lgh h2{margin:0;color:var(--texto);font:500 clamp(34px,4.6vw,64px)/1.02 var(--lgh-serif);letter-spacing:-.015em}

/* 02 · en corto */
.lgh-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--linea)}
.lgh-cifras li{padding:22px 18px 22px 0;border-bottom:1px solid var(--linea)}
.lgh-cifras li + li{padding-left:18px;border-left:1px solid var(--linea)}
.lgh-cifras b{display:block;color:var(--texto);font:500 clamp(24px,2.6vw,36px)/1.1 var(--lgh-serif);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.lgh-cifras small{display:block;margin-top:8px;color:var(--suave);font:600 10.5px/1.3 var(--lgh-sans);letter-spacing:.18em;text-transform:uppercase}
.lgh-corto__texto{margin:44px 0 0;max-width:30ch;color:var(--texto);font:400 clamp(26px,3.2vw,44px)/1.25 var(--lgh-serif);letter-spacing:-.01em;text-wrap:pretty}
.lgh-corto__texto.largo{max-width:42ch;font-size:clamp(22px,2.4vw,32px)}

/* 03 · la historia */
.lgh-historia{display:grid;gap:48px;align-items:start}
.lgh-historia__texto p{margin:0 0 1.2em;max-width:60ch;color:var(--texto);font:400 18px/1.8 var(--lgh-sans)}
.lgh-historia__texto p:first-of-type::first-letter{float:left;margin:.08em .12em 0 0;color:var(--verde);font:500 4.4em/.8 var(--lgh-serif)}
.lgh-historia__foto{position:relative;margin:0;overflow:hidden;aspect-ratio:4/5;background:var(--panel2)}
.lgh-historia__foto img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;will-change:transform}
@media (min-width:900px){.lgh-historia{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:80px}.lgh-historia__foto{position:sticky;top:96px}}

/* 04 · momentos */
.lgh-momentos__cab{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:18px 32px;margin-bottom:28px}
.lgh-filtros{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;list-style:none}
.lgh-filtros button{padding:6px 0;border:0;background:none;color:var(--suave);font:600 12px/1 var(--lgh-sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 -1px 0 transparent;transition:color .2s,box-shadow .2s}
.lgh-filtros button:hover{color:var(--texto)}
.lgh-filtros button[aria-pressed="true"]{color:var(--texto);box-shadow:inset 0 -2px 0 var(--verde)}
.lgh-filtros sup{margin-left:4px;font-size:9px;color:var(--suave)}
.lgh-tira{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--lgh-borde) 8px;scroll-padding-inline:var(--lgh-borde);scrollbar-width:none;cursor:grab}
.lgh-tira::-webkit-scrollbar{display:none}
.lgh-mom{position:relative;flex:0 0 clamp(220px,24vw,320px);aspect-ratio:4/5;margin:0;padding:0;border:0;overflow:hidden;background:var(--panel2);scroll-snap-align:start;cursor:zoom-in;color:#fff}
.lgh-mom img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
.lgh-mom:hover img{transform:scale(1.05)}
.lgh-mom .lgh-mom__tipo{position:absolute;left:14px;bottom:12px;z-index:1;font:600 10.5px/1 var(--lgh-sans);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.lgh-mom::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
.lgh-mom[hidden]{display:none}
.lgh-mom--video::before{content:"";position:absolute;left:50%;top:50%;z-index:1;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;
  background:rgba(255,255,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M8 5v14l11-7z'/%3E%3C/svg%3E") 55% 50%/26px no-repeat;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.5)}
.lgh-mom--video{background:#000}

/* visor a pantalla completa */
.lgh-visor{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:rgba(5,7,8,.94);backdrop-filter:blur(8px)}
.lgh-visor.abierto{display:flex}
.lgh-visor img,.lgh-visor video{max-width:min(92vw,1400px);max-height:86vh;width:auto;height:auto;object-fit:contain}
.lgh-visor iframe{width:min(92vw,1280px);height:min(52vw,720px);border:0}
.lgh-visor button{position:absolute;border:0;background:none;color:#fff;cursor:pointer;font:300 40px/1 var(--lgh-sans);padding:14px}
.lgh-visor .cerrar{top:10px;right:14px;font-size:34px}
.lgh-visor .ant{left:8px;top:50%;transform:translateY(-50%)}
.lgh-visor .sig{right:8px;top:50%;transform:translateY(-50%)}
.lgh-visor .pie{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:rgba(255,255,255,.7);font:600 11px/1 var(--lgh-sans);letter-spacing:.18em;text-transform:uppercase}

/* 05 · lo que dicen: reseñas con aire de post */
.lgh-resenas__cab{display:grid;gap:24px;margin-bottom:36px}
.lgh-resenas__nota{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.lgh-resenas__nota b{color:var(--texto);font:500 clamp(56px,7vw,96px)/.9 var(--lgh-serif)}
.lgh-resenas__nota span{color:var(--suave);font:500 14px/1.5 var(--lgh-sans)}
.lgh-temas{margin:0;color:var(--texto);font:400 clamp(18px,1.8vw,22px)/1.6 var(--lgh-serif);font-style:italic}
.lgh-temas em{color:var(--suave);font:600 10.5px/1 var(--lgh-sans);font-style:normal;letter-spacing:.18em;text-transform:uppercase;margin-right:12px}
.lgh-cinta{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lgh-cinta__pista{display:flex;gap:18px;width:max-content;animation:lgh-cinta 70s linear infinite;padding:4px 0}
.lgh-cinta:hover .lgh-cinta__pista,.lgh-cinta:focus-within .lgh-cinta__pista{animation-play-state:paused}
.lgh-cinta + .lgh-cinta{margin-top:18px}
.lgh-cinta--inversa .lgh-cinta__pista{animation-direction:reverse;animation-duration:84s}
@keyframes lgh-cinta{to{transform:translateX(-50%)}}
.lgh-post{flex:0 0 clamp(280px,30vw,380px);margin:0;padding:20px 20px 16px;border-radius:18px;background:color-mix(in srgb,var(--texto) 5%,transparent);color:var(--texto)}
.lgh-post header{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.lgh-post .av{flex:0 0 38px;width:38px;height:38px;border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--verde) 35%,transparent);
  display:grid;place-items:center;color:var(--texto);font:700 15px/1 var(--lgh-sans)}
.lgh-post .quien{min-width:0}
.lgh-post .quien b{display:block;font:700 14.5px/1.2 var(--lgh-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lgh-post .quien small{display:block;margin-top:2px;color:var(--suave);font:500 12.5px/1.2 var(--lgh-sans)}
.lgh-post .quien small i{font-style:normal;color:var(--oro,#ffc24a);letter-spacing:1px}
.lgh-post p{margin:0;font:400 15px/1.55 var(--lgh-sans);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.lgh-post footer{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--suave);font:500 11.5px/1 var(--lgh-sans)}
.lgh-post footer a{color:inherit;text-decoration:none}
.lgh-post footer a:hover{color:var(--texto)}
.lgh-post footer svg{width:14px;height:14px}
.lgh-resenas__fuente{margin:22px 0 0;color:var(--suave);font:500 12px/1.4 var(--lgh-sans)}
.lgh-resenas__fuente a{color:inherit}

/* 06 · para ir */
.lgh-ir{display:grid;gap:0;border-top:1px solid var(--linea)}
.lgh-ir > div{padding:28px 0;border-bottom:1px solid var(--linea)}
.lgh-ir h3{margin:0 0 16px;color:var(--suave);font:600 10.5px/1 var(--lgh-sans);letter-spacing:.2em;text-transform:uppercase}
.lgh-menu{display:inline-flex;align-items:baseline;gap:14px;color:var(--texto)!important;text-decoration:none;font:500 clamp(26px,3vw,40px)/1.1 var(--lgh-serif)}
.lgh-menu span{transition:transform .3s;color:var(--verde)}
.lgh-menu:hover span{transform:translateX(8px)}
.lgh-menu + p{margin:10px 0 0;color:var(--suave);font-size:13.5px}
.lgh-ir address{margin:0 0 12px;font-style:normal;color:var(--texto);font-size:16px;line-height:1.5}
.lgh-ir .lgr-mapa{margin:6px 0 12px;border-radius:2px;aspect-ratio:16/10;filter:grayscale(.4) contrast(1.05)}
.lgh-contactos{display:flex;flex-wrap:wrap;gap:10px 26px;margin:16px 0 0;padding:0;list-style:none}
.lgh-contactos a{color:var(--texto);text-decoration:none;box-shadow:inset 0 -1px 0 var(--linea);font-size:15px}
.lgh-contactos a:hover{box-shadow:inset 0 -1px 0 var(--verde)}
@media (min-width:900px){
  .lgh-ir{grid-template-columns:repeat(3,minmax(0,1fr));border-top:0}
  .lgh-ir > div{padding:0 36px 0 0;border:0}
  .lgh-ir > div + div{padding-left:36px;border-left:1px solid var(--linea)}
}

/* 07 · reservar */
.lgh-reservar{position:relative;margin-top:clamp(72px,10vw,140px);overflow:hidden;isolation:isolate;color:#fff;background:#0b0f10}
.lgh-reservar > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04)}
.lgh-reservar::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.45))}
.lgh-reservar__dentro{padding:clamp(72px,10vw,140px) var(--lgh-borde)}
.lgh-reservar h2{color:#fff;max-width:14ch;font-size:clamp(40px,6vw,88px)}
.lgh-reservar p{margin:18px 0 0;max-width:46ch;color:rgba(255,255,255,.82);font-size:17px}
.lgh-reservar .lgr-acciones{margin-top:34px}
.lgh-reservar .lgr-btn{min-height:56px;padding:0 30px;border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:13.5px}
.lgh-reservar .lgr-btn:not(.lgr-btn--primario){color:#fff;border-color:rgba(255,255,255,.4)}
.lgh-reservar .lgr-nota-reserva{color:rgba(255,255,255,.7)}
.lgh-reservar .lgr-nota-reserva a{color:#fff}
.lgh-reservar #solicitar{margin-top:36px;max-width:620px;padding:0;border:0;background:none}
.lgh-reservar #solicitar h2{font-size:22px;font-family:var(--lgh-sans);font-weight:700;letter-spacing:0}
.lgh-reservar .lgr-campo input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}
.lgh-pie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:28px 0 12px;color:var(--suave);font-size:13px}
.lgh-pie a{color:var(--texto);box-shadow:inset 0 -1px 0 var(--linea);text-decoration:none}

/* aparicion al entrar en pantalla */
.lgh [data-aparece]{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.lgh [data-aparece].visto{opacity:1;transform:none}

@media (max-width:899px){
  .lgh-gancho{min-height:86svh}
  .lgh-gancho__contenido{grid-template-columns:1fr;padding-bottom:44px}
  .lgh-nota{text-align:left;display:flex;align-items:baseline;gap:12px}
  .lgh-nota b{font-size:44px}
  .lgh-nota span{margin:0}
  .lgh-cifras li,.lgh-cifras li + li{padding:18px 14px 18px 0;border-left:0}
  .lgh-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lgh-cifras li:nth-child(even){padding-left:14px;border-left:1px solid var(--linea)}
  .lgh-historia__foto{aspect-ratio:4/3}
  .lgh-mom{flex-basis:72vw}
  .lgh-post{flex-basis:82vw}
}
@media (prefers-reduced-motion:reduce){
  .lgh *{animation:none!important;transition:none!important}
  .lgh [data-aparece]{opacity:1;transform:none}
}

/* sin desborde lateral por las secciones a sangre (100vw incluye la barra de desplazamiento) */
.lgr:has(.lgh){overflow-x:clip}
.lgh .lgr-horario li{border-top:1px solid var(--linea)}
.lgh .lgr-horario li:first-child{border-top:0}

.lgh-mom[data-tipo="foto"] .lgh-mom__tipo{display:none}
/* la barra de desplazamiento del contenedor no cuenta en 100vw: el JS pone --lgh-barra */
.lgh-sangre{width:calc(100vw - var(--lgh-barra,0px));margin-left:calc(50% - 50vw + var(--lgh-barra,0px) / 2)}

/* redes y reseñas (sin la web propia del local) */
.lgh-tel{margin:0 0 18px}
.lgh-tel a{color:var(--texto);text-decoration:none;box-shadow:inset 0 -1px 0 var(--linea);font-size:15px}
.lgh-redes{margin:0;padding:0;list-style:none;border-top:1px solid var(--linea)}
.lgh-redes li{border-bottom:1px solid var(--linea)}
.lgh-redes a{display:flex;align-items:center;gap:12px;padding:13px 0;color:var(--texto);text-decoration:none;font-size:15px}
.lgh-redes a span{color:var(--suave);font:600 10.5px/1 var(--lgh-sans);letter-spacing:.18em;text-transform:uppercase;min-width:104px}
.lgh-redes a::after{content:"\2197";color:var(--suave);margin-left:auto;transition:transform .2s,color .2s}
.lgh-redes a:hover::after{color:var(--verde);transform:translate(2px,-2px)}

.lgh-menu[aria-disabled="true"]{cursor:default}
.lgh-menu[aria-disabled="true"]:hover span{transform:none}

/* ---------- informacion practica (29-09-2026, "como OpenTable") ---------- */
.lgh .lgi{width:18px;height:18px;flex:0 0 auto}
.lgh .lgi--oro{color:var(--oro,#e0b24a);fill:currentColor;width:13px;height:13px}
.lgh-practico{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 36px;margin:40px 0 0;padding:0}
.lgh-practico > div{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;padding:16px 0;border-top:1px solid var(--linea)}
.lgh-practico .lgi{grid-row:span 2;margin-top:2px;color:var(--verde)}
.lgh-practico dt{color:var(--suave);font:600 10.5px/1.2 var(--lgh-sans);letter-spacing:.18em;text-transform:uppercase}
.lgh-practico dd{margin:4px 0 0;color:var(--texto);font-size:15.5px;line-height:1.35}
.lgh-practico dd a{color:var(--texto);box-shadow:inset 0 -1px 0 var(--linea);text-decoration:none}
.lgh-practico dd a:hover{box-shadow:inset 0 -1px 0 var(--verde)}
.lgh-practico .lgr-abierto{display:inline-flex;align-items:center;gap:7px;margin-right:12px;font-weight:600}
.lgh-practico .lgr-abierto::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.lgh-practico .lgr-abierto[data-estado="abierto"]{color:var(--verde2,var(--verde))}
.lgh-practico .lgr-abierto[data-estado="pronto"]{color:var(--oro,#e0b24a)}
.lgh-practico .lgh-ancla{color:var(--suave);font-size:13.5px}
.lgh-tiene{margin-top:34px}
.lgh-tiene h3{margin:0 0 14px;color:var(--suave);font:600 10.5px/1 var(--lgh-sans);letter-spacing:.2em;text-transform:uppercase}
.lgh-tiene ul{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0;padding:0;list-style:none}
.lgh-tiene li{display:inline-flex;align-items:center;gap:9px;color:var(--texto);font-size:15px}
.lgh-tiene .lgi{color:var(--verde)}

/* reseñas: nota grande + barras por estrella */
.lgh-resenas__resumen{display:flex;flex-wrap:wrap;align-items:center;gap:22px 56px}
.lgh-dist{display:grid;gap:6px;min-width:240px;max-width:360px;flex:1 1 260px;margin:0;padding:0;list-style:none}
.lgh-dist li{display:grid;grid-template-columns:34px minmax(0,1fr) 38px;align-items:center;gap:10px;color:var(--suave);font-size:12.5px;font-variant-numeric:tabular-nums}
.lgh-dist span{display:inline-flex;align-items:center;gap:3px}
.lgh-dist i{display:block;height:6px;border-radius:3px;background:color-mix(in srgb,var(--texto) 12%,transparent);overflow:hidden}
.lgh-dist i b{display:block;height:100%;border-radius:3px;background:var(--oro,#e0b24a)}
.lgh-dist small{text-align:right}

/* cuando ir: barras por hora */
.lgh-dias{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 22px}
.lgh-dias button{padding:6px 0;border:0;background:none;color:var(--suave);font:600 12px/1 var(--lgh-sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.lgh-dias button[aria-selected="true"]{color:var(--texto);box-shadow:inset 0 -2px 0 var(--verde)}
.lgh-barras{display:flex;align-items:flex-end;gap:5px;height:150px;margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linea)}
.lgh-barras li{position:relative;flex:1 1 0;height:100%;display:flex;align-items:flex-end}
.lgh-barras b{display:block;width:100%;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--verde) 45%,transparent);transition:height .5s cubic-bezier(.2,.7,.2,1)}
.lgh-barras li.ahora b{background:var(--verde)}
.lgh-barras li.ahora::after{content:"Ahora";position:absolute;left:50%;top:-4px;transform:translate(-50%,-100%);color:var(--verde);font:700 10px/1 var(--lgh-sans);letter-spacing:.12em;text-transform:uppercase}
.lgh-barras small{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);color:var(--suave);font-size:11px;white-space:nowrap}
.lgh-consejo{margin:34px 0 0;color:var(--texto);font:italic 400 17px/1.5 var(--lgh-serif)}

/* toda la informacion */
.lgh-info{margin-top:40px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.lgh-info summary{display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer;list-style:none;color:var(--texto);font:500 20px/1.2 var(--lgh-serif)}
.lgh-info summary::-webkit-details-marker{display:none}
.lgh-info summary span{color:var(--verde);font:300 26px/1 var(--lgh-sans);transition:transform .25s}
.lgh-info[open] summary span{transform:rotate(45deg)}
.lgh-info__grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:26px 40px;padding:6px 0 10px}
.lgh-info__grilla h3{margin:0 0 10px;color:var(--suave);font:600 10.5px/1 var(--lgh-sans);letter-spacing:.18em;text-transform:uppercase}
.lgh-info__grilla ul{margin:0;padding:0;list-style:none}
.lgh-info__grilla li{padding:4px 0;color:var(--texto);font-size:14.5px;line-height:1.35}
.lgh-info__fuente{margin:6px 0 22px;color:var(--suave);font-size:12px}

/* barra de reserva: en computadora tambien, flotante, despues del gancho */
@media (min-width:900px){
  .lgh .lgr-barra{display:flex!important;left:auto;right:28px;bottom:28px;width:auto;gap:10px;padding:10px;border:1px solid var(--linea);
    border-radius:4px;box-shadow:0 18px 40px rgba(0,0,0,.35);transform:translateY(160%);opacity:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s}
  .lgh .lgr-barra.visible{transform:none;opacity:1}
  .lgh .lgr-barra .lgr-btn{flex:0 0 auto;min-height:46px;padding:0 22px;border-radius:2px}
  .lgh .lgr-barra .lgr-btn--icono{flex:0 0 46px;padding:0}
}
body:has(.lgh .lgr-barra.visible) .whatsapp-float{display:none!important}
.lgh-practico .lgh-ancla{display:block;margin-top:4px}

/* ---------- revision visual (29-09-2026) ----------
   Critica: seis titulos de capitulo del mismo tamaño que el gancho (todo grita, nada manda);
   la nota repetida tres veces con dos totales distintos; precio y zona dos veces; reseñas en
   tarjetas redondeadas que se mueven solas; el menu con una flecha que no lleva a nada; la
   reserva con un titulo de tres renglones; la barra flotante tapando texto. */

.lgh-oculto{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ritmo: capitulos mas juntos y titulos un escalon debajo del gancho */
.lgh-cap{padding-top:clamp(56px,7vw,112px)}
.lgh-num{margin-bottom:22px}
.lgh h2{font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.012em;text-wrap:balance}

/* en corto: sin grilla de celdas, solo filetes arriba y abajo */
.lgh-cifras{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 32px;border-bottom:1px solid var(--linea)}
.lgh-cifras li,.lgh-cifras li + li{padding:22px 0 20px;border:0}
.lgh-cifras b{font-size:clamp(22px,2.2vw,30px);line-height:1.15}
.lgh-cifras__hoy:has(.lgr-abierto[hidden]){display:none}
.lgh-cifras__hoy .lgr-abierto{display:inline-flex;align-items:center;gap:10px;font:inherit;color:var(--texto)}
.lgh-cifras__hoy .lgr-abierto::before{flex:0 0 auto;width:9px;height:9px;margin-top:.1em}
.lgh-cifras__hoy .lgr-abierto[data-estado="abierto"]::before{background:var(--verde2,var(--verde))}
.lgh-cifras__hoy .lgr-abierto[data-estado="pronto"]::before{background:var(--oro,#e0b24a)}
.lgh-cifras__hoy .lgr-abierto[data-estado="cerrado"]::before{background:var(--suave)}
.lgh-cifras small a{color:inherit;text-decoration:none;box-shadow:inset 0 -1px 0 var(--linea)}
.lgh-cifras small a:hover{color:var(--texto)}

/* la bajada: una entrada de revista, no un cartel */
.lgh-corto__texto,.lgh-corto__texto.largo{margin-top:40px;max-width:36ch;font-size:clamp(21px,2.1vw,29px);line-height:1.42}
.lgh-practico{margin-top:36px}

/* la historia: se lee en serif, a medida de libro */
.lgh-historia__texto p{max-width:34em;font:400 clamp(17px,1.35vw,19.5px)/1.75 var(--lgh-serif);color:color-mix(in srgb,var(--texto) 92%,transparent)}
.lgh-historia__texto p:first-of-type{font-size:clamp(19px,1.6vw,22.5px);line-height:1.6;color:var(--texto)}
.lgh-historia__texto p:first-of-type::first-letter{margin:.06em .1em 0 0;font-size:3.6em;line-height:.82}
@media (min-width:900px){.lgh-historia{align-items:center}.lgh-historia__foto{top:120px}}

/* momentos: flechas de texto para avanzar en computadora */
.lgh-flechas{display:none;gap:4px;margin-left:auto}
.lgh-flechas button{width:44px;height:44px;border:0;background:none;color:var(--suave);font:300 24px/1 var(--lgh-sans);cursor:pointer;transition:color .2s,transform .2s}
.lgh-flechas button:hover{color:var(--texto)}
.lgh-flechas button[data-mover="1"]:hover{transform:translateX(3px)}
.lgh-flechas button[data-mover="-1"]:hover{transform:translateX(-3px)}
@media (min-width:900px) and (hover:hover){.lgh-flechas{display:flex}}
.lgh-momentos__cab h2{margin-right:auto}

/* reseñas: citas quietas con aire de post, sin tarjeta */
.lgh-resenas__resumen{gap:24px 72px;align-items:flex-end}
.lgh-resenas__nota{align-items:flex-end}
.lgh-resenas__nota b{font-size:clamp(64px,7vw,104px)}
.lgh-resenas__nota span{padding-bottom:.5em;line-height:1.45}
.lgh-dist{gap:7px}
.lgh-dist i,.lgh-dist i b{height:3px;border-radius:0}
.lgh-temas{max-width:60ch}
.lgh-temas em{display:block;margin:0 0 8px}
.lgh-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 44px}
.lgh-posts .lgh-post{padding:26px 0 28px;border-radius:0;background:none;border-top:1px solid var(--linea)}
.lgh-posts .lgh-post[hidden]{display:none}
.lgh-post .av{flex-basis:34px;width:34px;height:34px}
.lgh-post p{font:400 17px/1.6 var(--lgh-serif);-webkit-line-clamp:7}
.lgh-post footer{margin-top:16px}
.lgh-resenas__fuente{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;margin-top:8px;padding-top:20px;border-top:1px solid var(--linea)}
.lgh-mas{padding:0;border:0;background:none;color:var(--texto);font:600 12px/1 var(--lgh-sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 -1px 0 var(--verde);padding-bottom:5px}

/* cuando ir */
.lgh-barras b{border-radius:1px 1px 0 0}
.lgh-consejo{font-size:clamp(17px,1.5vw,20px)}

/* para ir: la semana entera en computadora (la columna tiene lugar); el menu sin flecha falsa */
@media (min-width:900px){
  .lgh .lgr-horario.compacta li:not(.hoy){display:flex}
  .lgh .lgr-horario.compacta li.hoy{border-top:1px solid var(--linea);padding-top:9px}
  .lgh .lgr-horario.compacta li:first-child{border-top:0;padding-top:0}
  .lgh .lgr-semana{display:none}
}
.lgh .lgr-horario li{padding:8px 0;font-size:14.5px}
.lgh .lgr-horario b{font-weight:500}
.lgh-menu{font-size:clamp(24px,2.4vw,32px)}
.lgh-menu[aria-disabled="true"] span{color:var(--suave);opacity:.6}
.lgh-ir address{font-size:15.5px}

/* reservar: titulo en dos renglones, el eyebrow igual a los demas */
.lgh-reservar h2{max-width:16ch;font-size:clamp(34px,4.4vw,64px);line-height:1.04}
.lgh-reservar .lgh-num{font-size:11px;margin-bottom:22px}
.lgh-reservar .lgh-num::after{max-width:260px;background:rgba(255,255,255,.28)}
.lgh-reservar .lgr-nota-reserva{font-size:14px;max-width:none}
.lgh-reservar .lgr-nota-reserva a{white-space:nowrap}
.lgh-reservar .lgr-compartir{min-height:56px;padding:0 6px;color:rgba(255,255,255,.86);border:0;box-shadow:none}
.lgh-reservar .lgr-compartir span{box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);padding-bottom:3px}

/* barra: en computadora, una franja fina a lo ancho (nombre a la izquierda, accion a la derecha) */
.lgr-barra__quien{display:none}
@media (min-width:900px){
  .lgh .lgr-barra{left:0;right:0;bottom:0;width:auto;align-items:center;gap:12px;padding:10px var(--lgh-borde);border:0;border-top:1px solid var(--linea);
    border-radius:0;box-shadow:none;background:color-mix(in srgb,var(--panel,#0b0f10) 94%,transparent)}
  .lgh .lgr-barra .lgr-btn{min-height:42px}
  .lgh .lgr-barra .lgr-btn--icono{flex-basis:42px}
  .lgr-barra__quien{display:flex;align-items:baseline;gap:16px;margin:0 auto 0 0;min-width:0;color:var(--suave);font:500 13.5px/1.2 var(--lgh-sans)}
  .lgr-barra__quien b{color:var(--texto);font:500 19px/1.2 var(--lgh-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lgr-barra__quien .lgr-abierto{display:inline-flex;align-items:center}
  #kt_app_wrapper:has(.lgh .lgr-barra.visible) .lgh-pie{padding-bottom:84px}
}
@media (max-width:899px){
  .lgh .lgr-barra{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
  .lgh .lgr-barra.al-final{transform:translateY(110%)}
  .lgh-posts{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px;scrollbar-width:none}
  .lgh-posts::-webkit-scrollbar{display:none}
  .lgh-posts .lgh-post{flex:0 0 84%;scroll-snap-align:start}
  .lgh-posts .lgh-post[hidden]{display:block}
  .lgh-mas{display:none}
  .lgh-cifras{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
  .lgh-cifras li:nth-child(even){padding-left:0;border-left:0}
}
.lgh-cifras__hoy b{display:flex}
.lgh-cifras__hoy .lgr-abierto{line-height:inherit}
.lgh-temas{margin-top:14px}
.lgh-reservar{margin-top:clamp(56px,7vw,104px)}
@media (max-width:899px){.lgh-cifras__hoy{grid-column:1/-1}}

/* epilogo: cerca de aqui (sin tarjetas: foto, nombre en serif y una linea de datos) */
.lgh-cerca{padding-top:clamp(56px,7vw,96px)}
.lgh-cerca h2{margin-bottom:28px}
.lgh-cerca ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}
.lgh-cerca a{display:block;color:var(--texto);text-decoration:none}
.lgh-cerca__foto{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;margin-bottom:14px;background:var(--panel2)}
.lgh-cerca__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.lgh-cerca a:hover img{transform:scale(1.04)}
.lgh-cerca b{display:block;font:500 clamp(18px,1.5vw,21px)/1.25 var(--lgh-serif)}
.lgh-cerca small{display:block;margin-top:6px;color:var(--suave);font-size:13px}
.lgh-cerca a:hover b{box-shadow:inset 0 -1px 0 var(--verde)}
@media (max-width:899px){
  .lgh-cerca ul{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px;scrollbar-width:none}
  .lgh-cerca ul::-webkit-scrollbar{display:none}
  .lgh-cerca li{flex:0 0 62%;scroll-snap-align:start}
}
.lgh-post .fuente{margin-left:auto;align-self:flex-start;opacity:.55;transition:opacity .2s}
.lgh-post .fuente:hover{opacity:1}
.lgh-post .fuente svg{display:block;width:15px;height:15px}

/* ---------- ronda 3 (29-09-2026, pedido del founder) ----------
   Sin rotulos numerados: solo los titulos reales. Una foto en el gancho. La reserva despues de
   la descripcion. Cocina y precio medio en "Lo que hay que saber". Reseñas en 4 cuadrados. */
.lgh-cap--primero{padding-top:clamp(48px,6vw,88px)}
.lgh-corto__texto,.lgh-corto__texto.largo{margin-top:0}
.lgh-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:32px}
.lgh-cta .lgr-btn{min-height:54px;padding:0 28px;border-radius:2px;font-size:15px}
.lgh-cta__secundario{color:var(--texto)!important;font-size:14.5px;box-shadow:inset 0 -1px 0 var(--linea);padding-bottom:3px;transition:box-shadow .2s}
.lgh-cta__secundario:hover{box-shadow:inset 0 -1px 0 var(--verde)}
.lgh-historia__titulo{margin-bottom:26px}
/* el gancho: la foto unica ya entra visible, sin esperar al carrusel */
.lgh-fondo img.activa{opacity:1}

/* lo que hay que saber: tipo de comida y precio medio, grandes y en serif */
.lgh-saber{display:flex;flex-wrap:wrap;gap:18px 64px;margin:0 0 36px;padding:22px 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.lgh-saber dt{color:var(--suave);font:600 10.5px/1.2 var(--lgh-sans);letter-spacing:.18em;text-transform:uppercase}
.lgh-saber dd{margin:8px 0 0;color:var(--texto);font:500 clamp(24px,2.4vw,32px)/1.15 var(--lgh-serif)}
.lgh-saber dd small{color:var(--suave);font:400 14px/1 var(--lgh-sans);margin-left:4px}

/* reseñas: cuatro cuadrados y carrusel */
.lgh-resenas__cab{margin-bottom:26px}
.lgh-resenas__linea{margin:10px 0 0;color:var(--suave);font-size:14.5px}
.lgh-resenas__linea b{color:var(--texto);font:500 20px/1 var(--lgh-serif);margin-right:4px}
.lgh-flechas--resenas{align-self:flex-end}
.lgh-flechas--resenas[hidden]{display:none}
.lgh-posts{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:0}
.lgh-posts::-webkit-scrollbar{display:none}
.lgh-posts .lgh-post{flex:0 0 calc((100% - 48px) / 4);aspect-ratio:1/1;display:flex;flex-direction:column;padding:22px;border:0;border-radius:0;
  background:color-mix(in srgb,var(--texto) 4.5%,transparent);scroll-snap-align:start;overflow:hidden}
.lgh-posts .lgh-post p{font:400 15.5px/1.55 var(--lgh-serif);-webkit-line-clamp:7;margin-top:2px}
.lgh-posts .lgh-post header{margin-bottom:14px}
.lgh-resenas__fuente{border-top:0;padding-top:16px}
@media (max-width:1100px){.lgh-posts .lgh-post{flex-basis:calc((100% - 32px) / 3)}}
@media (max-width:899px){
  .lgh-posts{margin:0 -16px;padding:0 16px;scroll-padding-inline:16px}
  .lgh-posts .lgh-post{flex:0 0 78%;aspect-ratio:1/1}
  .lgh-posts .lgh-post[hidden]{display:flex}
}
.lgh-gancho__arriba a.lgh-editar{color:#fff;box-shadow:inset 0 -1px 0 rgba(255,255,255,.6);padding-bottom:3px}
.lgh-resenas__cab.lgh-momentos__cab{display:flex;align-items:flex-end}
@media (max-width:899px){.lgh-cerca ul{scroll-padding-inline:16px}}

/* Tipo y zona bajo la frase, en una linea simple (antes pretitulo en mayusculas, 30-09-2026) */
.lgh-donde{margin:15px 0 0;font:500 14.5px/1.4 var(--lgh-sans);color:rgba(255,255,255,.7)}

/* Aire y letra (30-09 noche) */
.lgh-gancho h1{font-size:clamp(43px,7.6vw,113px)}
.lgh-gancho h1.largo{font-size:clamp(35px,5vw,76px)}
.lgh-frase{font-size:clamp(16px,1.5vw,20px)}
.lgh-cap h2{font-size:clamp(27px,3vw,37px)!important}
.lgh-historia p{font-size:clamp(16px,1.4vw,19px)}
.lgh-saber dd{font-size:clamp(20px,2vw,26px)}
.lgh-cap{padding-top:clamp(79px,10vw,143px)}

/* ===== Compacto (18-10-2026, pedido del founder: "todo mas pequeño", tamaños de referencia de OpenTable) ===== */
.lgh h2{font-size:clamp(22px,2.4vw,30px)!important}
.lgh-nota b{font-size:clamp(34px,3.6vw,48px)!important}
.lgh-resenas__nota b{font-size:clamp(36px,4vw,54px)!important}
.lgh-cifras b{font-size:clamp(18px,1.8vw,24px)!important}
.lgh-corto__texto{font-size:clamp(17px,1.8vw,22px)!important;margin-top:24px!important}
.lgh-menu{font-size:clamp(18px,2vw,24px)!important}
.lgh-cap{padding-top:clamp(32px,4vw,56px)!important}
.lgh-cap--primero{padding-top:clamp(28px,3.5vw,48px)!important}
.lgh-reservar h2{font-size:clamp(24px,2.8vw,36px)!important}
.lgh-reservar{margin-top:clamp(32px,4vw,56px)!important}
.lgh-cerca{padding-top:clamp(32px,4vw,56px)!important}
.lgh-gancho{min-height:min(62svh,560px)!important}
.lgh-gancho h1,.lgh h1{font-size:clamp(30px,4vw,52px)!important;line-height:1.02!important}

/* Proximas fechas en la ficha de un lugar (23-10-2026): las mismas cartas que Eventos en la portada,
   foto 4:5, nombre en una linea, fecha "SAB 31 OCT" y filete naranja fino. */
.lgh-fechas{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.lgh-fecha{display:flex;flex-direction:column;padding:1px;border-radius:8px;background:#D97757;color:#fff;text-decoration:none;overflow:hidden}
.lgh-fecha img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:7px 7px 0 0;background:#0d0e0f}
.lgh-fecha__info{display:grid;gap:3px;padding:8px 10px 9px;background:#0c0d0e;border-radius:0 0 7px 7px}
.lgh-fecha__info b{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lgh-fecha__info em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.08em;color:#3ee89b}
.lgh-fecha:hover{background:#e8906f;color:#fff}
@media (max-width:719px){.lgh-fechas{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lgh-fecha__info b{font-size:11.5px}.lgh-fecha__info em{font-size:9.5px}}