/* === LAS TRES FOTOS DE ESTA PÁGINA =======================================
   Caso propio: dos arriba y una ancha abajo, las tres a la misma altura.
   Vive aquí y no en base.css porque ninguna otra página usa esta rejilla;
   el resto del sitio usa .content-split-img, con una sola foto.
   ========================================================================= */
.restaurant-photo-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;
  aspect-ratio:1/1;height:auto;max-height:100%;}
.photo-tile{position:relative;display:block;overflow:hidden;border-radius:10px;background:#ddd;min-height:0;}
.photo-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.photo-tile:hover img{transform:scale(1.05);}
.photo-tile-wide{grid-column:1/3;}
.photo-tile-caption{position:absolute;left:12px;bottom:12px;background:rgba(15,15,16,.78);color:#fff;
  font-size:13px;font-weight:600;padding:6px 12px;border-radius:7px;}
@media(max-width:900px){
  /* En una sola columna ocupa todo el ancho: sin tope se dispararía. */
  .restaurant-photo-grid{max-height:540px;}
}
.rt-wrap{max-width:900px;}
.rt-wrap .price-table{min-width:520px;}
.rt-btn{display:inline-block;background:var(--pink-soft);color:var(--pink-dark);font-weight:800;font-size:15px;padding:8px 16px;border-radius:30px;text-decoration:none;border:1px solid #F8C9D8;transition:background .2s,color .2s;}
.rt-btn:hover{background:var(--pink);color:#fff;border-color:var(--pink);}
@media(max-width:900px){
  .restaurant-photo-grid{min-height:360px;}
}