/* locales.css — tarjetas del directorio de Imprescindibles (home e imprescindibles.php) */

.local{border:var(--borde);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--sombra);transition:.2s;display:flex;flex-direction:column}
.local:hover{transform:translate(4px,4px);box-shadow:3px 3px 0 var(--tinta)}
.local .foto{height:150px;border-bottom:var(--borde);display:grid;place-items:center;position:relative}
.local .foto .inicial{font-family:'Archivo Black',sans-serif;font-size:3.2rem;color:var(--tinta)}
.local .foto .cat{
  position:absolute;top:.8rem;left:.8rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  background:var(--tinta);color:#fff;padding:.3rem .7rem;border-radius:999px;
}
.local .cuerpo{padding:1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.local h3{font-size:1.05rem}
.local p{font-size:.9rem;line-height:1.5;flex:1}
.local a{font-weight:700;font-size:.85rem;text-transform:uppercase;text-decoration:none;color:var(--tinta);border-bottom:3px solid var(--magenta-osc);align-self:flex-start}

/* filtros por categoría (solo en la página dedicada) */
.filtros{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.8rem 0 2.4rem}
.filtros a{
  font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;
  padding:.55rem 1.1rem;border:var(--borde);border-radius:999px;background:#fff;color:var(--tinta);transition:.15s;
}
.filtros a:hover{transform:translateY(-2px)}
.filtros a.activo{background:var(--tinta);color:var(--amarillo)}

/* debajo del listado */
.ver-todos{display:flex;justify-content:center;margin-top:2.6rem}
.cuentamelo{margin-top:2rem;font-weight:700}
.cuentamelo a{color:var(--magenta-osc)}

@media (max-width:600px){
  .local .cuerpo{padding:1.3rem}
  .local .foto{height:120px}
  .local .foto .inicial{font-size:2.4rem}
  .filtros{gap:.45rem}
  .filtros a{padding:.45rem .85rem;font-size:.78rem}
}
@media (prefers-reduced-motion: reduce){
  .local,.filtros a{transition:none}
}

/* foto real del local (primera de hasta 5) y visor */
.local .foto.con-foto{padding:0;border:0;border-bottom:var(--borde);cursor:zoom-in;overflow:hidden;background:var(--crema);width:100%;font:inherit}
.local .foto.con-foto img{width:100%;height:100%;object-fit:cover;display:block}
.local .foto .n-fotos{position:absolute;bottom:.7rem;right:.7rem;font-size:.7rem;font-weight:700;text-transform:uppercase;background:#fff;color:var(--tinta);border:2px solid var(--tinta);padding:.2rem .6rem;border-radius:999px}
dialog.galeria-local{margin:auto;border:0;padding:0;background:transparent;max-width:min(96vw,1000px);max-height:96vh;overflow:visible}
dialog.galeria-local::backdrop{background:rgba(20,12,16,.88)}
dialog.galeria-local img{display:block;max-width:min(96vw,1000px);max-height:84vh;width:auto;height:auto;border:var(--borde);border-radius:16px;background:#fff;box-shadow:8px 8px 0 var(--tinta)}
dialog.galeria-local .gl-cerrar{position:absolute;top:-.8rem;right:-.8rem;z-index:2;margin:0}
dialog.galeria-local .gl-cerrar button,dialog.galeria-local .gl-pie button{width:44px;height:44px;border:var(--borde);border-radius:50%;background:var(--amarillo);font-weight:700;font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:3px 3px 0 var(--tinta);color:var(--tinta)}
dialog.galeria-local .gl-pie{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.9rem;color:#fff;font-weight:700}
dialog.galeria-local.una .gl-pie{display:none}