/* v72 - Almuerzo y Promoción con MISMO tamaño de caja en escritorio.
   Las imágenes siguen en 4:3. No afecta tarjetas normales del menú. */

.featured-lunch,
.featured-promo{
  box-sizing:border-box !important;
  height:252px !important;
  min-height:252px !important;
  max-height:252px !important;
  padding:14px !important;
  gap:24px !important;
  align-items:center !important;
}

/* Misma columna y mismo tamaño 4:3 en las dos cajas */
.featured-lunch,
.featured-promo{
  grid-template-columns:240px minmax(0,1fr) !important;
}

#featuredLunchImage,
#featuredPromoImage{
  width:240px !important;
  height:180px !important;
  max-width:240px !important;
  min-width:240px !important;
  aspect-ratio:4 / 3 !important;
  object-fit:cover !important;
  object-position:center center !important;
  align-self:center !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border-radius:12px !important;
}

/* Evita que el contenido cambie la altura visual de una caja frente a la otra */
.featured-lunch > div,
.featured-promo-copy{
  min-width:0;
  align-self:center !important;
}

@media(max-width:760px){
  .featured-lunch,
  .featured-promo{
    grid-template-columns:1fr !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    gap:12px !important;
  }

  #featuredLunchImage,
  #featuredPromoImage{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    aspect-ratio:4 / 3 !important;
  }
}