feat: fill contacto page gap with plated dessert photo

The two-column contact grid lost its second column when the form was
removed. Restore the layout with a real branded photo (dessert plate
with an embroidered MNQ napkin) next to the contact info instead of
leaving empty space.
This commit is contained in:
Manuel
2026-07-22 00:16:27 +02:00
parent cfa9f4c444
commit 92193448e1
+22 -1
View File
@@ -128,6 +128,18 @@ const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
</aside> </aside>
<div class="contacto-plate-img overflow-hidden rounded-lg">
<img
src="/images/foto-plato-mnq.jpg"
alt="Postre de autor MNQ Catering servido sobre mantelería con servilleta bordada MNQ"
width="1200"
height="800"
style="width:100%;height:100%;object-fit:cover;object-position:center;"
loading="lazy"
decoding="async"
/>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -203,7 +215,10 @@ const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--space-8); gap: var(--space-8);
max-width: 28rem; }
.contacto-plate-img {
aspect-ratio: 4/3;
} }
.contact-link { .contact-link {
@@ -229,6 +244,12 @@ const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
gap: var(--space-12); gap: var(--space-12);
} }
.contacto-grid {
grid-template-columns: 2fr 3fr;
align-items: center;
gap: var(--space-16);
}
.contact-detail-grid { .contact-detail-grid {
grid-template-columns: 5fr 7fr; grid-template-columns: 5fr 7fr;
align-items: start; align-items: start;