feat: add office background image to transparencia section, lower card opacity to 85%

public/index.html

@@ -644,7 +644,7 @@
     }
 
     .transp-card {
-      background: var(--color-white);
+      background: rgba(255,255,255,0.85);
       border-radius: 10px;
       padding: 2rem;
       box-shadow: 0 4px 20px rgba(0,0,0,0.07);
@@ -673,6 +673,24 @@
       font-style: italic;
     }
 
+    /* Transparencia section with background */
+    .section-bg-transparencia {
+      position: relative;
+      background: url('/transparencia-bg.jpg') center center / cover no-repeat;
+    }
+
+    .section-bg-transparencia::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: rgba(244,244,244,0.88);
+    }
+
+    .section-bg-transparencia > * {
+      position: relative;
+      z-index: 1;
+    }
+
     /* ===== CONTACTO ===== */
     .contact-grid {
       display: grid;
@@ -1170,7 +1188,7 @@
   </section>
 
   <!-- Transparencia -->
-  <section class="section-padding section-dark" id="transparencia">
+  <section class="section-padding section-bg-transparencia" id="transparencia">
     <div class="container">
       <div class="section-header">
         <span class="tag">Rendición de cuentas</span>