/* ============ SECCIÓN "MIRÁ LOS PLATOS" (galería) ============ */
.platos{margin-top:clamp(28px,5vw,48px);background:var(--papel) url(../assets/mantel-claro-tile.png) repeat 0 0/440px auto}
.platos-contenido{max-width:1400px;margin:0 auto;padding:clamp(40px,8vw,72px) clamp(10px,3vw,32px) clamp(36px,6vw,60px);display:flex;flex-direction:column;gap:clamp(22px,4vw,34px)}

/* Cartel con título y filtros */
.platos-cartel{width:100%;background:var(--papel);border:8px solid var(--hueso);outline:2px solid #D9CFC4;padding:clamp(24px,5vw,40px) clamp(16px,4vw,36px);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.platos-titulo{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--marron)}
.platos-titulo-grande{font-family:var(--fuente-titulos);font-weight:400;text-transform:uppercase;font-size:clamp(60px,15vw,120px);letter-spacing:.02em;line-height:1.02;padding:.25em 0 .15em;color:var(--terracota)}
.platos-titulo-chico{font-family:var(--fuente-texto);font-style:italic;font-weight:600;font-size:clamp(28px,7.5vw,48px);line-height:1.05}
.platos-bajada{margin:0;font-size:clamp(18px,4.6vw,21px);line-height:1.4;color:var(--marron)}

/* Filtros por categoría */
.platos-filtros{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}
.filtro{font-family:var(--fuente-titulos);font-size:15px;letter-spacing:.05em;text-transform:uppercase;padding:10px 16px;border-radius:999px;border:2px solid var(--marron);background:transparent;color:var(--marron);cursor:pointer}
.filtro:hover{background:var(--piedra)}
.filtro--activo,.filtro--activo:hover{background:var(--marron);color:var(--crema)}

/* Grilla de fotos: 2 por fila en celular, 4 en pantallas grandes */
.platos-grilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,1.2vw,12px)}
@media (min-width:820px){.platos-grilla{grid-template-columns:repeat(4,minmax(0,1fr))}}
.plato{position:relative;display:block;aspect-ratio:1/1;margin:0;padding:0;border:0;overflow:hidden;cursor:zoom-in;background:var(--marron)}
.plato-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.plato:hover .plato-foto{transform:scale(1.06)}
.plato-sin-foto{position:absolute;inset:0;background:repeating-linear-gradient(135deg,#D3CAC0 0 10px,var(--piedra) 10px 20px);display:flex;align-items:flex-start;justify-content:center;padding-top:22%;font-family:ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.04em;color:#5A3A36}
.plato-nombre{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 12px;background:linear-gradient(180deg,rgba(42,14,13,0) 0%,rgba(42,14,13,.88) 60%);color:var(--crema);text-align:left;font-family:var(--fuente-texto);font-weight:700;font-size:clamp(15px,2.2vw,20px);line-height:1.15;text-wrap:balance;pointer-events:none}