/* Directorio de restaurantes (29-09-2026): practico como OpenTable, sobrio como el resto de LOGIN.
   Buscador por nombre/cocina/plato, barra fija con filtros rapidos, orden y lista/mapa, panel
   lateral con cantidades, y tarjetas en lista con la informacion que decide: nota, cocina, zona,
   precio, si esta abierto, una frase y lo que tiene. Sin cajas: lineas finas y tipografia.
   Colores: los tokens de .lgr (lgr-paletas.css / lgx-tema.css). */

.lgd{--lgd-serif:var(--t-display,"Outfit",Georgia,serif);--lgd-sans:var(--t-cuerpo,Inter,system-ui,sans-serif);
  color:var(--texto);font-family:var(--lgd-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
.lgd *,.lgd *::before,.lgd *::after{box-sizing:border-box}
.lgd a{color:inherit;text-decoration:none}
.lgd img{display:block;max-width:100%}
.lgd h1,.lgd h2,.lgd h3{margin:0;color:var(--texto)}
.lgd .lgr-env{max-width:1240px;margin:0 auto;padding:0 16px}
.lgd .oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lgd :focus-visible{outline:2px solid var(--verde);outline-offset:3px}
.lgi{width:16px;height:16px;flex:0 0 auto}
.lgi--oro{color:var(--oro,#e0b24a);fill:currentColor}

/* ---------- cabecera ---------- */
.lgd-cab{padding-top:44px;padding-bottom:18px}
.lgd .lgr-eyebrow{margin:0 0 10px;color:var(--verde);font:600 11px/1 var(--lgd-sans);letter-spacing:.2em;text-transform:uppercase}
.lgd-cab h1{font:500 clamp(34px,5.4vw,60px)/1.02 var(--lgd-serif);letter-spacing:-.015em}
.lgd-cab h1 em{font-style:italic;color:var(--verde)}
.lgd .lgr-conteo{margin:12px 0 0;color:var(--suave);font-size:14.5px}
.lgd .lgr-conteo b{color:var(--texto);font-variant-numeric:tabular-nums}
.lgd-buscar{display:flex;align-items:center;gap:10px;max-width:620px;margin-top:20px;padding:0 0 0 2px;border-bottom:1px solid var(--linea);transition:border-color .2s}
.lgd-buscar:focus-within{border-bottom-color:var(--verde)}
.lgd-buscar svg{width:19px;height:19px;color:var(--suave);flex:0 0 auto}
.lgd-buscar input{flex:1;min-width:0;height:48px;border:0;outline:0;background:none;color:var(--texto);font:inherit;font-size:16px}
.lgd-buscar input::placeholder{color:var(--suave)}
.lgd-buscar input::-webkit-search-cancel-button{-webkit-appearance:none}
.lgd-buscar button{display:grid;place-items:center;width:41px;height:41px;padding:0;border:0;background:none;color:var(--verde);cursor:pointer}
.lgd-buscar button:hover{color:var(--texto)}
.lgd-buscar button svg{width:21px;height:21px;color:inherit}
/* "Tipo de lugar", el filtro principal: cuatro opciones en 2x2 con icono y cantidad (30-09-2026) */
.lgd-grupo--tipo h3{color:var(--texto)!important}
.lgd-tipos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}
.lgd-tipo{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:11px 11px 9px;
  border:1px solid var(--linea);border-radius:3px;color:var(--texto);text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.lgd-tipo svg{grid-row:1/3;width:21px;height:21px;fill:none;stroke:var(--verde);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lgd-tipo span{font:600 15.5px/1.15 var(--lgh-serif,"Outfit",Georgia,serif)}
.lgd-tipo small{color:var(--suave);font-size:11.5px}
.lgd-tipo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* columna de filtros angosta (computadora): icono arriba, nombre y cantidad debajo */
@media (min-width:900px){
  .lgd-tipo{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:3px;padding:11px 9px 9px}
  .lgd-tipo svg{grid-row:auto;margin-bottom:5px}
  .lgd-tipo span{font-size:14.5px}
}
.lgd-tipo:hover{border-color:color-mix(in srgb,var(--verde) 60%,transparent)}
.lgd-tipo[aria-current="true"]{border-color:var(--verde);background:color-mix(in srgb,var(--verde) 12%,transparent)}
.lgd-tipo[aria-current="true"] span{color:var(--verde)}
.lgd-tipo[aria-disabled="true"]{opacity:.38;pointer-events:none}

/* ---------- barra fija ---------- */
.lgd-barra{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--fondo,#0b0f12) 92%,transparent);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--linea)}
.lgd-barra__fila{display:flex;align-items:center;gap:6px 20px;min-height:56px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.lgd-barra__fila::-webkit-scrollbar{display:none}
.lgd-abrir{display:inline-flex;align-items:center;gap:8px;padding:8px 0;border:0;background:none;color:var(--texto);font:600 14px/1 var(--lgd-sans);cursor:pointer}
.lgd .lgd-rapido{display:inline-flex;align-items:center;gap:6px;padding:8px 0!important;border:0!important;background:none!important;
  color:var(--suave)!important;font:500 14px/1 var(--lgd-sans);min-height:0;border-radius:0!important}
.lgd .lgd-rapido small{font-size:11.5px;opacity:.7;font-variant-numeric:tabular-nums}
.lgd .lgd-rapido:hover{color:var(--texto)!important}
.lgd .lgd-rapido[aria-current="true"]{color:var(--verde)!important;box-shadow:inset 0 -2px 0 var(--verde)!important}
.lgd .lgr-punto{width:7px;height:7px;border-radius:50%;background:var(--verde2,var(--verde));display:inline-block}
.lgd .lgr-tipos{display:flex;gap:18px;margin:0 0 0 4px;padding:0 0 0 20px!important;list-style:none;border-left:1px solid var(--linea)!important;background:none!important}
.lgd .lgr-tipos a{display:block;padding:8px 0!important;color:var(--suave)!important;font-size:14px;background:none!important;min-height:0}
.lgd .lgr-tipos a[aria-current="true"]{color:var(--texto)!important;box-shadow:inset 0 -2px 0 var(--texto)!important}
.lgd-espacio{flex:1 1 auto}
.lgd-orden{display:inline-flex;align-items:center;gap:8px;color:var(--suave);font-size:13px}
.lgd-orden select{appearance:none;-webkit-appearance:none;padding:8px 22px 8px 0;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right center/14px no-repeat;
  color:var(--texto);font:600 14px/1 var(--lgd-sans);cursor:pointer}
.lgd-orden select option{background:var(--panel,#111);color:var(--texto)}
.lgd-vistas{display:flex;gap:14px}
.lgd-vistas a{display:inline-flex;align-items:center;gap:6px;padding:8px 0;color:var(--suave);font-size:14px}
.lgd-vistas a[aria-current="true"]{color:var(--texto);box-shadow:inset 0 -2px 0 var(--texto)}

/* ---------- cuerpo: panel + resultados ---------- */
.lgd-cuerpo{display:grid;grid-template-columns:1fr;gap:28px;padding-top:22px;padding-bottom:40px}
@media (min-width:1024px){
  .lgd-cuerpo{grid-template-columns:250px minmax(0,1fr);gap:48px}
  .lgd-abrir{display:none}
  /* la pagina desplaza dentro de #kt_app_wrapper, que empieza bajo la cabecera (~74 px): el panel
     tiene que entrar entero, con el recuadro de publicidad al pie (30-09-2026) */
  .lgd-panel{position:sticky;top:76px;align-self:start;max-height:calc(100vh - 170px);overflow:auto;scrollbar-width:thin;padding-right:6px}
  .lgd-panel__pie,.lgd-cerrar{display:none}
}

.lgd-panel__cab{display:flex;align-items:baseline;gap:14px;padding-bottom:10px}
.lgd-panel__cab h2{font:500 22px/1.1 var(--lgd-serif)}
.lgd-limpiar{color:var(--verde)!important;font-size:13px;font-weight:600}
.lgd-cerrar{margin-left:auto;padding:6px;border:0;background:none;color:var(--texto);cursor:pointer}
.lgd-cerrar .lgi{width:22px;height:22px}
.lgd-grupo{padding:16px 0;border-top:1px solid var(--linea)}
.lgd-grupo h3{margin:0 0 10px;color:var(--suave);font:600 10.5px/1 var(--lgd-sans);letter-spacing:.18em;text-transform:uppercase}
.lgd-grupo ul{margin:0;padding:0;list-style:none}
.lgd-op{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--texto);font-size:14px;line-height:1.3}
.lgd-op::before{content:"";flex:0 0 16px;height:16px;border:1.5px solid color-mix(in srgb,var(--texto) 40%,transparent);border-radius:3px;
  background:transparent center/12px no-repeat;transition:background-color .15s,border-color .15s}
.lgd-op--radio::before{border-radius:50%}
.lgd-op[aria-current="true"]::before{border-color:var(--verde);background-color:var(--verde);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.lgd-op--radio[aria-current="true"]::before{background-image:none;box-shadow:inset 0 0 0 3px var(--fondo,#0b0f12)}
.lgd-op:hover{color:var(--verde)}
.lgd-op small{margin-left:auto;color:var(--suave);font-size:12px;font-variant-numeric:tabular-nums}
.lgd-op .lgi{color:var(--suave)}
.lgd-op b{min-width:34px;color:var(--verde);font-weight:600;letter-spacing:.04em}
.lgd-mas summary{padding:6px 0;color:var(--verde);font-size:13px;font-weight:600;cursor:pointer;list-style:none}
.lgd-mas summary::-webkit-details-marker{display:none}
.lgd-mas[open] summary{display:none}

/* telefono: el panel es una hoja a pantalla completa */
@media (max-width:1023.98px){
  .js-lgd .lgd-panel{position:fixed;inset:0;z-index:1200;overflow:auto;padding:18px 20px 96px;background:var(--fondo,#0b0f12);
    transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);visibility:hidden}
  .js-lgd .lgd-panel.abierto{transform:none;visibility:visible}
  .lgd-panel__pie{position:fixed;left:0;right:0;bottom:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));
    background:var(--fondo,#0b0f12);border-top:1px solid var(--linea)}
  .lgd-panel__pie .lgr-btn{width:100%}
  html.lgd-bloqueo,html.lgd-bloqueo body{overflow:hidden}
  .lgd:not(.js-lgd) .lgd-panel__pie,.lgd:not(.js-lgd) .lgd-cerrar{display:none}
}

/* ---------- filtros aplicados ---------- */
.lgd-activos{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px;padding:0;list-style:none}
.lgd-activos a{display:inline-flex;align-items:center;gap:6px;padding:4px 0;color:var(--texto);font-size:13.5px;box-shadow:inset 0 -1px 0 var(--linea)}
.lgd-activos a .lgi{width:13px;height:13px;color:var(--suave)}
.lgd-activos a:hover .lgi{color:var(--verde)}

/* ---------- tarjetas en lista ---------- */
.lgd-lista{margin:0;padding:0;list-style:none}
.lgd .lgd-t{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:18px 0!important;border-bottom:1px solid var(--linea)!important}
.lgd .lgd-t:first-child{padding-top:4px!important}
.lgd-t__foto{display:block;align-self:start}
.lgd .lgd-t .lgr-foto{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:4px;background:var(--panel2) center/cover no-repeat}
.lgd .lgd-t .lgr-foto > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lgd .lgd-t:hover .lgr-foto > img{transform:scale(1.04)}
.lgd .lgr-foto.es-logo > img{inset:auto;left:50%;top:50%;width:46%;height:auto;aspect-ratio:1/1;transform:translate(-50%,-50%)!important;
  object-fit:contain;padding:8%;border-radius:12px;background:var(--logo-fondo,#fff)}
.lgd .lgr-foto .lgx-amb-marca{position:absolute;left:8px;bottom:6px;color:#fff;font:600 9px/1 var(--lgd-sans);letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.lgd-t__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.lgd .lgd-t h2{font:500 19px/1.2 var(--lgd-serif);letter-spacing:-.005em}
.lgd .lgd-t h2 a:hover{color:var(--verde)}
.lgd-nota{display:flex;align-items:center;gap:6px;margin:0;font-size:13.5px}
.lgd-nota b{font-variant-numeric:tabular-nums}
.lgd-nota em{font-style:normal;color:var(--texto)}
.lgd-nota span{color:var(--suave);font-variant-numeric:tabular-nums}
.lgd .lgr-meta{margin:0;color:var(--suave);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lgd-estado{margin:0;font-size:13px;min-height:0}
.lgd .lgr-abierto{display:inline-flex;align-items:center;gap:6px;color:var(--suave);font-weight:600;font-size:12.5px}
.lgd .lgr-abierto::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.lgd .lgr-abierto[data-estado="abierto"]{color:var(--verde2,var(--verde))}
.lgd .lgr-abierto[data-estado="pronto"]{color:var(--oro,#e0b24a)}
.lgd-estado--cerrado{color:#ff9b9b;font-weight:600}
.lgd-frase{margin:2px 0 0;color:var(--texto);opacity:.86;font:italic 400 14.5px/1.45 var(--lgd-serif);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lgd-rasgos{display:flex;flex-wrap:wrap;gap:4px 14px;margin:4px 0 0;padding:0;list-style:none}
.lgd-rasgos li{display:inline-flex;align-items:center;gap:5px;color:var(--suave);font-size:12.5px}
.lgd-rasgos .lgi{width:14px;height:14px}
.lgd-t__acc{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:4px}
.lgd .lgd-t__acc .lgr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border-radius:2px;
  font:600 12.5px/1 var(--lgd-sans);letter-spacing:.08em;text-transform:uppercase}
.lgd .lgr-btn--primario{background:var(--verde);color:var(--sobre-verde,#06110c);border:0}
.lgd-ver{color:var(--texto);font-size:13.5px;font-weight:600;box-shadow:inset 0 -1px 0 var(--linea)}
.lgd-ver:hover{color:var(--verde);box-shadow:inset 0 -1px 0 var(--verde)}
.lgd .lgr-ig{display:inline-grid;place-items:center;width:34px;height:34px;color:var(--suave)}
.lgd .lgr-ig:hover{color:var(--texto)}
.lgd .lgr-ig svg{width:18px;height:18px}

@media (min-width:700px){
  .lgd .lgd-t{grid-template-columns:232px minmax(0,1fr) auto;gap:22px;padding:22px 0!important}
  .lgd .lgd-t .lgr-foto{aspect-ratio:4/3}
  .lgd .lgd-t h2{font-size:23px}
  .lgd-t__acc{grid-column:3;flex-direction:column;align-items:flex-end;justify-content:flex-start;margin:0}
}

/* ---------- mapa ---------- */
.lgd-mapa{position:relative;height:min(62vh,560px);margin:0 0 18px;border-radius:4px;overflow:hidden;background:var(--panel2)}
.lgd-nota-mapa{margin:-8px 0 16px;color:var(--suave);font-size:12.5px}
.lgd-pin{display:grid;place-items:center;min-width:34px;height:24px;padding:0 7px;border-radius:12px;background:var(--verde);color:var(--sobre-verde,#06110c);
  font:700 11.5px/1 var(--lgd-sans);box-shadow:0 4px 12px rgba(0,0,0,.35);border:1.5px solid rgba(255,255,255,.85);white-space:nowrap}
.lgd-pin--sin{min-width:14px;width:14px;height:14px;padding:0;border-radius:50%}
.lgd .leaflet-popup-content-wrapper{border-radius:4px}
.lgd .leaflet-popup-content{margin:10px 12px;font:13px/1.4 var(--lgd-sans)}
.lgd .leaflet-popup-content b{display:block;font:500 16px/1.2 var(--lgd-serif);margin-bottom:2px}
.lgd .leaflet-popup-content a{color:#0a7a52;font-weight:600}

/* ---------- vacio, paginas, dueño ---------- */
.lgd-vacio{padding:48px 0;text-align:left}
.lgd-vacio h2{font:500 30px/1.1 var(--lgd-serif);margin-bottom:8px}
.lgd-vacio p{color:var(--suave);margin:0 0 20px}
.lgd-vacio__acc{display:flex;flex-wrap:wrap;gap:12px}
.lgd-vacio .lgr-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--linea);border-radius:2px;font-weight:600;font-size:14px}
.lgd .lgr-paginas{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:30px 0 8px}
.lgd .lgr-paginas :is(a,span){display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 10px;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums;color:var(--suave)}
.lgd .lgr-paginas a:hover{color:var(--texto)}
.lgd .lgr-paginas [aria-current="page"]{color:var(--texto);box-shadow:inset 0 -2px 0 var(--verde)}
.lgd .lgr-paginas .lgr-sig{color:var(--verde)}
.lgd-dueno{margin:34px 0 0;padding:18px 0 0;border-top:1px solid var(--linea);color:var(--suave);font-size:14px}
.lgd-dueno b{color:var(--texto)}

@media (prefers-reduced-motion:reduce){.lgd *{transition:none!important}}

/* ajustes 29-09: tipo de lugar vive en el panel; el telefono no deja hueco bajo la foto */
.lgd .lgd-panel .lgr-tipos{display:block;margin:0;padding:0!important;border:0!important}
.lgd .lgd-panel .lgr-tipos a{display:flex;padding:6px 0!important;color:var(--texto)!important;box-shadow:none!important}
.lgd .lgd-panel .lgr-tipos a:hover{color:var(--verde)!important}
@media (max-width:699.98px){
  .lgd .lgd-t{grid-template-columns:104px minmax(0,1fr);column-gap:14px}
  .lgd-t__foto{grid-row:span 2}
  .lgd-t__acc{margin-top:6px}
  .lgd .lgd-t__acc .lgr-btn{min-height:36px;padding:0 14px;font-size:11.5px}
}
@media (min-width:700px){.lgd .lgd-t{grid-template-columns:208px minmax(0,1fr) auto}}
.lgd-mapa--oscuro .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) grayscale(.55) brightness(.82) contrast(.9)}
.lgd-mapa .leaflet-control-attribution{background:rgba(0,0,0,.6);color:#eee;font-size:11px;padding:2px 6px}
.lgd-mapa .leaflet-control-attribution a{color:#ddd}
.lgd-grupo-pin{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--verde) 88%,transparent);color:var(--sobre-verde,#06110c);font:700 13px/1 var(--lgd-sans);box-shadow:0 0 0 6px color-mix(in srgb,var(--verde) 25%,transparent),0 6px 16px rgba(0,0,0,.35)}

/* ---------- revision visual 30-09-2026 ----------
   Critica: fotos chicas y muchas eran logos (parecia una lista de marcas); un boton dorado en caja
   en cada tarjeta dominaba la pagina (el founder no quiere palabras en rectangulos); tres rasgos con
   icono eran ruido. Ahora: la portada elegida grande, toda la tarjeta lleva al lugar, la reserva es
   un enlace de texto y los rasgos van en una linea. En el telefono, foto arriba a todo el ancho. */
.lgd .lgd-t{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:26px 0!important}
.lgd .lgd-t:first-child{padding-top:6px!important}
.lgd .lgd-t .lgr-foto{aspect-ratio:16/10;border-radius:2px}
.lgd-t__txt{gap:6px}
.lgd .lgr-meta{order:0;color:var(--suave);font:600 11px/1.3 var(--lgd-sans);letter-spacing:.14em;text-transform:uppercase;white-space:normal}
.lgd .lgd-t h2{font:500 clamp(22px,2.2vw,27px)/1.15 var(--lgd-serif);letter-spacing:-.01em}
.lgd .lgd-t h2 a::after{content:"";position:absolute;inset:0;z-index:0}
.lgd .lgd-t h2 a:hover{color:var(--texto)}
.lgd .lgd-t:hover h2 a{box-shadow:inset 0 -1px 0 var(--verde)}
.lgd-frase{font-size:15.5px;opacity:.9;margin:0}
.lgd-datos{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:2px 0 0;font-size:13.5px}
.lgd-datos .lgd-nota{display:inline-flex;align-items:center;gap:6px}
.lgd-datos .lgd-nota em{font-style:normal;color:var(--texto)}
.lgd-datos .lgd-nota span{color:var(--suave)}
.lgd p.lgd-rasgos{display:block;margin:0;color:var(--suave);font-size:13px}
.lgd .lgd-t__acc{grid-column:auto;display:flex;flex-direction:row;align-items:center;gap:8px 20px;margin:6px 0 0}
.lgd .lgd-t__acc a,.lgd .lgd-t__foto{position:relative;z-index:1}
.lgd-reservar{color:var(--verde)!important;font-weight:600;font-size:14px;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--verde) 45%,transparent);padding-bottom:2px}
.lgd-reservar:hover{box-shadow:inset 0 -1px 0 var(--verde)}
.lgd .lgd-t .lgr-ig{width:auto;height:auto}
@media (min-width:700px){
  .lgd .lgd-t{grid-template-columns:300px minmax(0,1fr)!important;gap:28px!important;align-items:start}
  .lgd .lgd-t .lgr-foto{aspect-ratio:4/3}
  .lgd-t__foto{grid-row:auto}
}
@media (max-width:699.98px){
  .lgd .lgd-t{padding:22px 0!important}
  .lgd-t__foto{grid-row:auto}
}

/* Aire y letra (30-09 noche) */
.lgd .lgd-cab h1{font-size:clamp(31px,3.6vw,45px)}
.lgd .lgd-cab{padding-bottom:37px}
.lgd .lgd-t h2{font-size:21px}
.lgd .lgd-frase{font-size:14px}
.lgd .lgd-t{padding-bottom:29px;margin-bottom:29px}
.lgd .lgd-grupo{padding-top:23px;padding-bottom:23px}
.lgd .lgd-op{font-size:13.5px}
.lgd .lgd-tipo span{font-size:14px}
@media (max-width:719px){.lgd .lgd-cab h1{font-size:27px}.lgd .lgd-t h2{font-size:19px}}

/* La ciudad del titulo se cambia ahi mismo (01-10-2026) */
.lgd .lgd-ciudad{display:inline-block;position:relative}
.lgd .lgd-ciudad summary{display:inline-flex;align-items:center;gap:.18em;cursor:pointer;list-style:none}
.lgd .lgd-ciudad summary::-webkit-details-marker{display:none}
.lgd .lgd-ciudad summary svg{width:.62em;height:.62em;padding:.12em;border:1px solid var(--linea,rgba(236,233,226,.16));border-radius:50%;color:var(--verde);box-sizing:content-box;transition:transform .15s}
.lgd .lgd-ciudad[open] summary svg{transform:rotate(180deg)}
.lgd .lgd-ciudad ul{position:absolute;left:0;top:calc(100% + 8px);z-index:30;min-width:220px;max-height:60vh;overflow:auto;margin:0;padding:6px;list-style:none;
  background:var(--panel,#222326);border:1px solid var(--linea,rgba(236,233,226,.16));border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.lgd .lgd-ciudad li a{display:block;padding:9px 12px;border-radius:8px;font:500 14.5px/1.2 var(--t-cuerpo,Inter,system-ui,sans-serif);letter-spacing:0;color:inherit;text-decoration:none}
.lgd .lgd-ciudad li a:hover{background:color-mix(in srgb,var(--verde) 14%,transparent)}
.lgd .lgd-ciudad li a[aria-current="true"]{color:var(--verde)}
/* el desplegable de ciudad pasa por encima de la barra pegajosa de filtros */
.lgd .lgd-cab{position:relative;z-index:31}

/* ---------- portada estilo OpenTable (17-10-2026): solo sin filtros (FichaRestauranteController.Portada.cs) ---------- */
.lgd--portada{position:relative}
.lgp-heroe{position:absolute;inset:0 0 auto;height:min(560px,78vh);overflow:hidden;z-index:0}
.lgp-heroe img{width:100%;height:100%;object-fit:cover}
.lgp-heroe::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.62) 55%,var(--fondo,#1a1b1d) 100%)}
html[data-paleta] .lgd.lgd--portada .lgd-cab,.lgd.lgd--portada .lgd-cab{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:min(560px,78vh);padding-bottom:40px}
.lgd--portada .lgd-cab .lgd-buscar{width:100%}
.lgd--portada .lgd-cab h1{max-width:900px;font-size:clamp(36px,6vw,68px);color:#fff}
.lgd--portada .lgr-conteo{color:rgba(255,255,255,.75)}
.lgd--portada .lgr-conteo b{color:#fff}
.lgd--portada .lgd-buscar{max-width:720px;margin-top:22px;padding:0 6px 0 18px;border:0;border-radius:999px;background:rgba(255,255,255,.96)}
.lgd--portada .lgd-buscar input{color:#141414;height:56px}
.lgd--portada .lgd-buscar input::placeholder{color:#6b6b6b}
.lgd--portada .lgd-buscar svg{color:#6b6b6b}
.lgd--portada .lgd-buscar button{width:46px;height:46px;border-radius:50%;background:var(--verde);color:#fff}
.lgd--portada .lgd-buscar button svg{color:#fff}
.lgp{position:relative;z-index:1}
.lgp-fila{padding:26px 0 6px}
.lgp-cab{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}
.lgp-cab h2{font:600 clamp(21px,2.2vw,27px)/1.15 var(--lgd-serif);letter-spacing:-.01em}
.lgp-cab a{color:var(--verde);font-size:14px;font-weight:600;white-space:nowrap}
.lgp-cab a:hover{text-decoration:underline}
.lgp-pista{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:16px;margin:0;padding:0 0 8px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
@media (min-width:1040px){.lgp-pista{grid-auto-columns:calc((100% - 48px)/4)}}
.lgp-pista > li{scroll-snap-align:start;min-width:0}
.lgp-t{display:flex;flex-direction:column;gap:4px}
.lgp-t .lgr-foto,.lgp-a .lgr-foto{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background-size:cover;background-position:center}
.lgp-t .lgr-foto img,.lgp-a .lgr-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.lgp-t:hover .lgr-foto img,.lgp-a:hover .lgr-foto img{transform:scale(1.04)}
.lgp-n{margin-top:8px;font:600 16.5px/1.25 var(--lgd-serif);color:var(--texto);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lgp-m{display:flex;align-items:center;gap:6px;color:var(--suave);font-size:13.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lgp-nota{display:inline-flex;align-items:center;gap:3px;color:var(--texto);font-weight:600}
.lgp-nota .lgi{width:13px;height:13px}
.lgp-reserva{color:var(--verde);font-size:13px;font-weight:600}
.lgp-accesos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.lgp-a{position:relative;display:block}
.lgp-a .lgr-foto{aspect-ratio:16/10}
.lgp-a .lgr-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72))}
.lgp-a .lgx-amb-marca{display:none}
.lgp-a__txt{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;display:flex;flex-direction:column;color:#fff}
.lgp-a__txt b{font:600 19px/1.15 var(--lgd-serif)}
.lgp-a__txt small{font-size:12.5px;opacity:.8}
.lgp-todos{margin:34px 0 0;padding-top:26px;border-top:1px solid var(--linea);font:600 clamp(24px,2.6vw,32px)/1.1 var(--lgd-serif)}
.lgp-todos small{margin-left:6px;color:var(--suave);font:500 15px/1 var(--lgd-sans)}
@media (max-width:899px){.lgp-accesos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media (max-width:719px){
  .lgp-heroe{height:440px}
  .lgd--portada .lgd-cab{min-height:440px;padding-bottom:26px}
  .lgp-pista{grid-auto-columns:72%;gap:12px}
  .lgp-fila{padding-top:20px}
  .lgp-a__txt b{font-size:16px}
}

/* Logo recortado (blanco, sin fondo) adelante de la foto real del lugar (17-10-2026, Datos/logos-lugares.json) */
.lgd .lgr-foto.es-logo > img[data-logo]{inset:auto;left:50%;top:50%;width:58%;height:52%;aspect-ratio:auto;padding:0;border-radius:0;
  background:none!important;object-fit:contain;transform:translate(-50%,-50%)!important;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55))}
.lgd .lgr-foto.es-logo:has(> img[data-logo])::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.22)}

/* Ciudad en el titulo: abre el mismo panel de ciudades que la portada (17-10-2026) */
.lgd-ciudad-btn{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.lgd-ciudad-btn em{font-style:normal;color:var(--verde)}
.lgd-ciudad-btn svg{width:.5em;height:.5em;opacity:.7}
.lgd-ciudad-btn:hover em{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.lgd-geo{margin:8px 0 0;color:var(--suave);font-size:13.5px}
.lgd--portada .lgd-geo{color:rgba(255,255,255,.75)}
.lgd-geo button{padding:0;border:0;background:none;color:var(--verde);font:inherit;cursor:pointer;text-decoration:underline}
/* panel de ciudades (copia de los estilos .lgx-ciu de Views/Home/Index.cshtml) */
.lgd-ciu-panel{background:var(--fondo,#1a1b1d)}
.lgd-ciu-panel .lgx-ciu{display:flex;flex-direction:column;height:100%;color:var(--texto,#f2f2f2)}
.lgd-ciu-panel .lgx-ciu-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 22px 12px}
.lgd-ciu-panel .lgx-ciu-titulo{margin:0;font-family:var(--t-display);font-weight:700;font-size:30px;letter-spacing:-.03em;color:var(--texto,#f2f2f2)}
.lgd-ciu-panel .lgx-ciu-cerrar{width:44px;height:44px;border-radius:12px;border:1px solid var(--linea);background:var(--panel,#222);color:var(--texto,#f2f2f2);font-size:22px;cursor:pointer}
.lgd-ciu-panel .lgx-ciu-filtro{display:flex;align-items:center;gap:10px;margin:0 22px 10px;min-height:48px;padding:0 14px;border:1px solid var(--linea);border-radius:14px;background:var(--panel,#222);color:var(--suave)}
.lgd-ciu-panel .lgx-ciu-filtro:focus-within{border-color:var(--verde)}
.lgd-ciu-panel .lgx-ciu-filtro input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--texto,#f2f2f2);font-size:16px}
.lgd-ciu-panel .lgx-ciu-cuerpo{flex:1;overflow-y:auto;padding:6px 22px 28px}
.lgd-ciu-panel :is(.lgx-ciu-todas,.lgx-ciu-tile){display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--linea);border-radius:14px;background:var(--panel,#222);color:var(--texto,#f2f2f2);text-decoration:none}
.lgd-ciu-panel .lgx-ciu-todas{margin-bottom:18px}
.lgd-ciu-panel :is(.lgx-ciu-todas,.lgx-ciu-tile) span{font-family:var(--t-display);font-weight:600;font-size:18px;letter-spacing:-.01em}
.lgd-ciu-panel :is(.lgx-ciu-todas,.lgx-ciu-tile) small{font-size:13px;color:var(--suave)}
.lgd-ciu-panel :is(.lgx-ciu-todas,.lgx-ciu-tile):hover{border-color:var(--verde)}
.lgd-ciu-panel .lgx-ciu-actual{border-color:var(--verde);box-shadow:inset 0 0 0 1px var(--verde)}
.lgd-ciu-panel .lgx-ciu-pais h3{font-size:13px;font-weight:600;color:var(--suave);margin:8px 0}
.lgd-ciu-panel .lgx-ciu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}
.lgd-ciu-panel .lgx-ciu-tile[hidden],.lgd-ciu-panel .lgx-ciu-pais[hidden]{display:none}
.lgd-ciu-panel .lgx-ciu-nada{color:var(--suave);margin:10px 0}
.lgd-ciu-panel .lgd-ciu-paises{display:flex;gap:8px;flex-wrap:wrap;margin:0 22px 12px}
.lgd-ciu-panel .lgd-ciu-pais-chip{padding:7px 14px;border:1px solid var(--linea);border-radius:999px;background:none;color:var(--texto,#f2f2f2);font:600 13px/1 var(--t-cuerpo,Inter,sans-serif);cursor:pointer}
.lgd-ciu-panel .lgd-ciu-pais-chip[aria-selected="true"]{border-color:var(--verde);color:var(--verde)}

/* Portada: sellos en tarjetas, "Cerca de mi" y buscador fijo al bajar (17-10-2026) */
.lgp-t .lgp-sellos{margin:2px 0 0}
.lgp-cerca{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:#fff;font-size:14px;font-weight:600;opacity:.9}
.lgp-cerca svg{width:17px;height:17px}
.lgp-cerca:hover{opacity:1;text-decoration:underline}
.lgp-fijo{position:fixed;left:0;right:0;top:0;z-index:105;display:flex;align-items:center;gap:16px;padding:10px max(16px,calc((100vw - 1240px)/2 + 16px));
  background:var(--fondo,#1a1b1d);border-bottom:1px solid var(--linea);transform:translateY(-110%);transition:transform .25s ease;font-family:var(--t-cuerpo,Inter,sans-serif)}
.lgp-fijo--ver{transform:none}
.lgp-fijo .lgd-ciudad-btn{flex:0 0 auto;font:600 18px/1 var(--t-display);color:var(--texto,#f2f2f2)}
.lgp-fijo .lgd-ciudad-btn em{color:var(--verde,#00a261);font-style:normal}
.lgp-fijo .lgd-ciudad-btn svg{width:12px;height:12px}
.lgp-fijo .lgd-buscar{flex:1;max-width:620px;margin:0;padding:0 6px 0 16px;border:0;border-radius:999px;background:rgba(255,255,255,.96)}
.lgp-fijo .lgd-buscar input{height:42px;color:#141414;border:0;outline:0;background:none;flex:1;font-size:15px}
.lgp-fijo .lgd-buscar button{width:34px;height:34px;border:0;border-radius:50%;background:var(--verde,#00a261);color:#fff;display:grid;place-items:center}
.lgp-fijo .lgd-buscar button svg{width:17px;height:17px}
@media (max-width:719px){.lgp-fijo{gap:10px;padding:8px 12px}.lgp-fijo .lgd-ciudad-btn{font-size:15px}}
.lgp-fijo .oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lgp-fijo .lgd-buscar svg{width:18px;height:18px;color:#6b6b6b}

/* Fecha, hora y personas en la portada y horarios en las tarjetas reservables (17-10-2026) */
.lgp-reservar{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;max-width:720px}
.lgp-reservar label{display:flex;flex-direction:column;gap:3px;min-width:130px;flex:1;padding:8px 14px;border-radius:14px;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);color:#fff;cursor:pointer}
.lgp-reservar label span{font:600 10.5px/1 var(--lgd-sans);letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.lgp-reservar input,.lgp-reservar select{border:0;outline:0;background:transparent;color:#fff;font:600 15px/1.3 var(--lgd-sans);padding:0;color-scheme:dark}
.lgp-reservar select option{color:#141414}
.lgp-horas{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.lgp-hora{padding:6px 10px;border-radius:8px;background:var(--verde);color:#fff!important;font:600 13px/1 var(--lgd-sans);text-decoration:none}
.lgp-hora:hover{filter:brightness(1.1)}
.lgp-cerrado{color:var(--suave);font-size:12.5px}
/* el logo va centrado tambien en las filas y accesos de la portada (ahi la foto no es position:absolute) */
.lgd .lgr-foto.es-logo{position:relative}
.lgd .lgr-foto.es-logo > img[data-logo]{position:absolute}

/* Lista y mapa juntos en computadora ancha (17-10-2026); en pantallas chicas el mapa sigue en "Mapa". */
.lgd-mapa-lateral{display:none}
@media (min-width:1280px){
  .lgd-cuerpo:has(> .lgd-mapa-lateral){max-width:1600px;grid-template-columns:230px minmax(0,1fr) minmax(360px,34%);gap:32px}
  .lgd-mapa-lateral{display:block;position:sticky;top:96px;align-self:start;height:calc(100vh - 120px)}
  .lgd-mapa-lateral .lgd-mapa{height:100%;margin:0}
}
/* Reserva con horarios en las tarjetas del directorio (18-10-2026) */
.lgd-reservar{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.lgd-reservar .lgp-horas{margin-top:4px}

/* ===== Compacto, con tamaños de referencia de OpenTable (18-10-2026, pedido del founder: "todo mas pequeño") ===== */
.lgd{font-size:14px}
.lgd .lgr-env{max-width:1180px}
.lgd-cab{padding-top:24px;padding-bottom:12px}
.lgd-cab h1{font-size:clamp(24px,3vw,34px)!important;line-height:1.1}
.lgd--portada .lgd-cab h1{font-size:clamp(26px,3.6vw,40px)!important}
.lgp-heroe{height:min(400px,60vh)}
.lgd--portada .lgd-cab{min-height:min(400px,60vh);padding-bottom:26px}
.lgd--portada .lgd-buscar input{height:46px}
.lgd--portada .lgd-buscar{max-width:600px}
.lgd--portada .lgd-buscar button{width:38px;height:38px}
.lgp-reservar{max-width:600px;gap:8px}
.lgp-reservar label{padding:6px 12px;min-width:110px;border-radius:10px}
.lgp-reservar input,.lgp-reservar select{font-size:14px}
.lgp-fila{padding:20px 0 2px}
.lgp-cab{margin-bottom:10px}
.lgp-cab h2{font-size:20px!important}
.lgp-pista{gap:12px;grid-auto-columns:minmax(180px,1fr)}
@media (min-width:1040px){.lgp-pista{grid-auto-columns:calc((100% - 60px)/6)}}
.lgp-t .lgr-foto{aspect-ratio:4/3;border-radius:8px}
.lgp-n{font-size:14.5px;margin-top:6px}
.lgp-m{font-size:12.5px}
.lgp-hora{padding:5px 8px;font-size:12px;border-radius:6px;color:var(--sobre-verde,#121314)!important}
.lgp-accesos{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (min-width:1040px){.lgp-accesos{grid-template-columns:repeat(6,minmax(0,1fr))}}
.lgp-a .lgr-foto{aspect-ratio:4/3;border-radius:8px}
.lgp-a__txt b{font-size:15px}.lgp-a__txt small{font-size:11.5px}
.lgp-todos{font-size:22px!important;margin-top:24px;padding-top:18px}
.lgd .lgd-t{gap:16px}
.lgd .lgd-t .lgr-foto{max-width:220px}
.lgd-t__txt h2{font-size:17px!important}
.lgd .lgd-frase{font-size:13px}
.lgd-barra .lgr-chip,.lgd-orden,.lgd-vistas a{font-size:13px}
.lgd--portada .lgd-buscar button svg,.lgp-fijo .lgd-buscar button svg{color:var(--sobre-verde,#121314)}
.lgd--portada .lgd-buscar button,.lgp-fijo .lgd-buscar button{color:var(--sobre-verde,#121314)}
@media (min-width:700px){.lgd .lgd-t{grid-template-columns:180px minmax(0,1fr) auto!important;gap:18px!important;padding:16px 0!important}}
.lgd .lgd-t .lgr-foto{max-width:none}
@media (min-width:1040px){.lgp-accesos{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lgp-a .lgr-foto{aspect-ratio:16/8}

/* ---------- 23-10-2026 (founder): la portada de restaurantes con el formato de cartas de LOGIN ----------
   Buscador con la forma del recuadro del logo (sin el lado izquierdo, salvo un tramo arriba). */
.lgd-buscar{position:relative;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  border:3px solid rgba(236,233,226,.78)!important;border-left:0!important}
.lgd-buscar::before{content:"";position:absolute;left:0;top:-3px;width:3px;height:38%;background:rgba(236,233,226,.78);pointer-events:none}
.lgd-buscar input{background:transparent!important;border:0!important;border-radius:0!important}
.lgd-buscar:focus-within,.lgd-buscar:focus-within::before{border-color:#00a261!important;background-color:#00a261}
.lgd-buscar:focus-within{background:transparent!important}
/* Cartas de las filas ("Los mejor calificados", "Los mas cercanos"): filete fino rojo de restaurantes,
   foto 4:5 arriba y abajo nombre en una linea y estrellas. */
.lgp-t{display:flex!important;flex-direction:column;padding:1px!important;border-radius:8px!important;background:#d6453d!important;overflow:hidden;text-decoration:none}
.lgp-t .lgr-foto,.lgp-t > img{aspect-ratio:4/5!important;height:auto!important;width:100%!important;border-radius:7px 7px 0 0!important;margin:0!important}
.lgp-t .lgp-n{display:block;padding:8px 10px 0;background:#0c0d0e;color:#fff!important;font-weight:800;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
.lgp-t .lgp-m{display:block;padding:3px 10px 9px;background:#0c0d0e;color:rgba(242,242,246,.72)!important;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
.lgp-t .lgp-sellos,.lgp-t .lgp-horas{background:#0c0d0e;padding:0 10px 9px;margin:0!important}
.lgp-t .lgp-horas:empty{display:none}
/* Accesos ("Para cada plan", por ciudad): la misma carta con filete blanco fino */
.lgp-a{padding:1px!important;border-radius:8px!important;background:#eceae4!important;overflow:hidden}
.lgp-a .lgr-foto{border-radius:7px!important}
/* Directorio: la carta con filete fino; en el telefono, fila compacta con la foto chica a la izquierda */
.lgd-t{border:1px solid rgba(214,69,61,.85)!important;border-radius:8px!important;overflow:hidden;background:#0c0d0e!important}
.lgd-t .lgd-t__foto .lgr-foto{border-radius:0!important}
@media (max-width:719px){
  .lgd-t{display:grid!important;grid-template-columns:112px 1fr!important;gap:0 12px!important;align-items:start;padding:0!important;margin:0 0 10px!important}
  .lgd-t .lgd-t__foto{display:block;width:112px;height:100%;min-height:112px}
  .lgd-t .lgd-t__foto .lgr-foto{width:112px!important;height:100%!important;min-height:112px;aspect-ratio:auto!important}
  .lgd-t .lgd-t__txt{padding:9px 10px 10px 0!important;min-width:0}
  .lgd-t h2{font-size:15px!important;line-height:1.2!important;margin:0 0 3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lgd-t .lgd-frase{font-size:12px!important;margin:0 0 4px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .lgd-t .lgd-meta-bajo,.lgd-t .lgd-rasgos{font-size:11.5px!important;margin:0 0 3px!important}
  .lgd-t .lgd-datos{font-size:12px!important;margin:0 0 4px!important}
  .lgd-t .lgd-reservar{margin-top:4px!important}
}
/* El color del filete segun el directorio (23-10, founder): restaurantes rojo, beach clubs celeste, nightlife blanco */
.lgd[data-tipo="beach-club"] .lgp-t{background:#5ec8ee!important}
.lgd[data-tipo="beach-club"] .lgd-t{border-color:rgba(94,200,238,.85)!important}
.lgd[data-tipo="nightlife"] .lgp-t{background:#eceae4!important}
.lgd[data-tipo="nightlife"] .lgd-t{border-color:rgba(236,234,228,.75)!important}
/* Sin la barra de ciudad y buscador pineada arriba al bajar (23-10, founder) */
.lgp-fijo{display:none!important}
/* La carta sin huecos entre sus partes (se veia el filete como rayas entre nombre, nota y horarios) */
.lgp-t{gap:0!important}
.lgp-t > *{margin-top:0!important;margin-bottom:0!important}
.lgp-t .lgp-horas{padding-bottom:10px!important}
.lgp-t::after{content:"";flex:1 1 auto;background:#0c0d0e}
/* "Para cada plan" en el telefono: dos por fila, con el texto legible sobre la foto */
@media (max-width:719px){
  .lgp-accesos--plan{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .lgp-accesos--plan .lgp-a .lgr-foto{aspect-ratio:16/10!important;height:auto!important}
  .lgp-accesos--plan .lgp-a__txt b{font-size:14px!important}
  .lgp-accesos--plan .lgp-a__txt small{font-size:11px!important}
}
/* Le gana a .lgd .lgd-t{grid-template-columns:minmax(0,1fr)!important} del telefono */
.lgd .lgd-t.lgr-tarjeta{border:1px solid rgba(214,69,61,.85)!important;border-radius:8px!important;overflow:hidden;background:#0c0d0e!important}
.lgd[data-tipo="beach-club"] .lgd-t.lgr-tarjeta{border-color:rgba(94,200,238,.85)!important}
.lgd[data-tipo="nightlife"] .lgd-t.lgr-tarjeta{border-color:rgba(236,234,228,.75)!important}
@media (max-width:719px){
  .lgd .lgd-t.lgr-tarjeta{grid-template-columns:112px minmax(0,1fr)!important;gap:0 12px!important;padding:0!important;margin:0 0 10px!important}
}
/* Cuando la "foto" del lugar es su logo, no va el logo en su caja encima: queda la foto de ambiente */
.lgr-foto.es-logo > img[data-real]{display:none!important}
/* Buscador igual al de la portada (23-10, founder): mas especifico que .lgd .lgd-buscar y la paleta */
.lgr .lgd .lgd-buscar.lgd-buscar,.lgr.lgd .lgd-buscar.lgd-buscar{position:relative;min-height:48px;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  border:3px solid rgba(236,233,226,.78)!important;border-left:0!important;padding-left:16px!important}
.lgr .lgd .lgd-buscar.lgd-buscar::before,.lgr.lgd .lgd-buscar.lgd-buscar::before{content:"";position:absolute;left:0;top:-3px;width:3px;height:38%;background:rgba(236,233,226,.78);pointer-events:none}
.lgr.lgd .lgd-buscar.lgd-buscar:focus-within,.lgr.lgd .lgd-buscar.lgd-buscar:focus-within::before{border-color:#00a261!important;background-color:#00a261}
.lgr.lgd .lgd-buscar.lgd-buscar:focus-within{background:transparent!important}
/* "Los mejor calificados" y "Los mas cercanos": todas las cartas del mismo alto (los horarios en una sola linea) */
.lgp-pista{align-items:stretch!important}
.lgp-pista > li{display:flex!important}
.lgp-pista > li > .lgp-t{width:100%;height:100%}
.lgp-t .lgp-horas{display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;gap:6px}
.lgp-t .lgp-horas > *{flex:none}
/* Cartas de las filas bien armadas: foto, nombre, nota y los horarios al pie; sin la barra de scroll gris */
.lgp-t .lgp-horas{margin-top:auto!important}
.lgp-t::after{display:none}
.lgp-t{background-clip:padding-box}
.lgp-t > .lgp-n,.lgp-t > .lgp-m,.lgp-t > .lgp-sellos{flex:none}
.lgp-t{box-shadow:inset 0 -9999px 0 0 #0c0d0e}
.lgp-t > .lgr-foto{position:relative;z-index:1}
.lgp-pista{scrollbar-width:none}
.lgp-pista::-webkit-scrollbar{display:none}
/* La lupa del buscador, visible como en la portada */
.lgr.lgd .lgd-buscar.lgd-buscar button{color:rgba(236,233,226,.85)!important;background:transparent!important}
/* El relleno oscuro solo por dentro: el filete de 1 px queda a la vista */
.lgp-t{box-shadow:none!important;background:linear-gradient(#0c0d0e,#0c0d0e) content-box,#d6453d!important}
.lgd[data-tipo="beach-club"] .lgp-t{background:linear-gradient(#0c0d0e,#0c0d0e) content-box,#5ec8ee!important}
.lgd[data-tipo="nightlife"] .lgp-t{background:linear-gradient(#0c0d0e,#0c0d0e) content-box,#eceae4!important}
.lgr.lgd .lgd-buscar.lgd-buscar button svg{stroke:rgba(236,233,226,.85)!important;opacity:1!important}
/* ---------- 23-10-2026 (founder), cartas bien armadas ----------
   Borde real de 1 px (antes un relleno de color con padding: en las puntas redondeadas se veia
   el fondo, "un transparente raro"). La foto no se achica nunca: los sellos van en una linea. */
.lgp-t{padding:0!important;border:1px solid #d6453d!important;border-radius:8px!important;overflow:hidden!important;background:#0c0d0e!important}
.lgd[data-tipo="beach-club"] .lgp-t{border-color:#5ec8ee!important;background:#0c0d0e!important}
.lgd[data-tipo="nightlife"] .lgp-t{border-color:#eceae4!important;background:#0c0d0e!important}
.lgp-t > .lgr-foto{flex:none!important;border-radius:0!important}
.lgp-t .lgp-sellos{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis;max-height:1.6em}
.lgp-a{padding:0!important;border:1px solid #eceae4!important;background:#0c0d0e!important}
.lgp-a .lgr-foto{border-radius:0!important}
/* Directorio en el telefono, como OpenTable: miniatura cuadrada chica, nombre, nota con resenas,
   cocina y zona, y los horarios; sin caja, con una linea fina entre lugares. */
@media (max-width:719px){
  .lgd .lgd-t.lgr-tarjeta{grid-template-columns:84px minmax(0,1fr)!important;gap:0 12px!important;border:0!important;border-bottom:1px solid rgba(236,233,226,.1)!important;
    border-radius:0!important;background:transparent!important;padding:12px 0!important;margin:0!important;align-items:start!important}
  .lgd .lgd-t .lgd-t__foto{width:84px!important;height:84px!important;min-height:0!important;border-radius:8px;overflow:hidden}
  .lgd .lgd-t .lgd-t__foto .lgr-foto{width:84px!important;height:84px!important;min-height:0!important;aspect-ratio:1/1!important;border-radius:8px!important}
  .lgd .lgd-t .lgd-t__txt{padding:0!important}
  .lgd .lgd-t h2{font-size:15px!important;margin:0 0 2px!important}
  .lgd .lgd-t .lgd-frase,.lgd .lgd-t .lgd-rasgos{display:none!important}
  .lgd .lgd-t .lgd-datos{margin:0 0 2px!important;font-size:12.5px!important}
  .lgd .lgd-t .lgd-meta-bajo{margin:0 0 6px!important;font-size:12px!important;color:rgba(236,233,226,.62)!important}
  .lgd .lgd-t .lgd-reservar{margin:0!important}
  .lgd .lgd-t .lgp-horas{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:none}
}
