qreastech/MNQ-Catering-y-Evento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix(a11y): fix invisible text on corporativo bento cards

Browse Source 
The three service cards (Lanzamientos de Marca, Coffee Breaks Premium,
Galas & Cenas Anuales) used dark 'on-surface' text tokens over a photo
with a dark gradient overlay -- text was effectively invisible against
the image. Every other bento-card usage on the site (bodas-reales.astro)
correctly uses text-white for this exact pattern; corporativo-business
was the one page that didn't.
This commit is contained in:
manue
2026-09-15 19:42:48 +02:00
parent a314ab9714
commit 4b08a898bf
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/corporativo-business.astro
+6 -6
View File
@@ -91,8 +91,8 @@ const corporateStructuredData = {
<img src="/images/foto-corporativo.jpg" alt="Lanzamientos de marca" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;" width="1264" height="848" loading="lazy" decoding="async" />
<div class="bento-card-overlay"></div>
<div class="bento-card-body">
<h3 class="text-headline-md" style="color:var(--color-on-surface);">Lanzamientos de Marca</h3>
<p class="text-muted" style="max-width:28rem;">Impacto visual y conceptual para presentaciones que trascienden.</p>
<h3 class="text-headline-md text-white">Lanzamientos de Marca</h3>
<p style="color:rgb(255 255 255/80%);max-width:28rem;margin-top:var(--space-2);">Impacto visual y conceptual para presentaciones que trascienden.</p>
</div>
</div>
@@ -100,8 +100,8 @@ const corporateStructuredData = {
<img src="/images/generated/gallery-2.webp" alt="Coffee Breaks Premium" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;" width="1024" height="1024" loading="lazy" decoding="async" />
<div class="bento-card-overlay"></div>
<div class="bento-card-body">
<h3 class="text-headline-md" style="color:var(--color-on-surface);">Coffee Breaks Premium</h3>
<p class="text-muted">Pausas que inspiran productividad y networking de calidad.</p>
<h3 class="text-headline-md text-white">Coffee Breaks Premium</h3>
<p style="color:rgb(255 255 255/80%);margin-top:var(--space-2);">Pausas que inspiran productividad y networking de calidad.</p>
</div>
</div>
@@ -109,8 +109,8 @@ const corporateStructuredData = {
<img src="/images/foto-bodas.jpg" alt="Galas y Cenas Anuales" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;" width="1264" height="848" loading="lazy" decoding="async" />
<div class="bento-card-overlay"></div>
<div class="bento-card-body">
<h3 class="text-headline-md" style="color:var(--color-on-surface);">Galas &amp; Cenas Anuales</h3>
<p class="text-muted" style="max-width:28rem;">Protocolo impecable para los momentos más solemnes de su organización.</p>
<h3 class="text-headline-md text-white">Galas &amp; Cenas Anuales</h3>
<p style="color:rgb(255 255 255/80%);max-width:28rem;margin-top:var(--space-2);">Protocolo impecable para los momentos más solemnes de su organización.</p>
</div>
</div>