From 4b08a898bfea7a318e0d43086a2c48cd8f969f33 Mon Sep 17 00:00:00 2001
From: manue <manuyasm87@gmail.com>
Date: Tue, 15 Sep 2026 19:42:48 +0200
Subject: [PATCH] fix(a11y): fix invisible text on corporativo bento cards

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.
---
 src/pages/corporativo-business.astro | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/corporativo-business.astro b/src/pages/corporativo-business.astro
index 5fb373d..cf8c826 100644
--- a/src/pages/corporativo-business.astro
+++ b/src/pages/corporativo-business.astro
@@ -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>