Prechádzať zdrojové kódy

feat: add concert background image to actividades section

Luis Rosales 4 dní pred
rodič
commit
6ef22c5bc9
2 zmenil súbory, kde vykonal 19 pridanie a 1 odobranie
  1. BIN
      public/actividades-bg.jpg
  2. 19 1
      public/index.html

BIN
public/actividades-bg.jpg


+ 19 - 1
public/index.html

@@ -309,6 +309,24 @@
       z-index: 1;
     }
 
+    /* Actividades section with concert background */
+    .section-bg-actividades {
+      position: relative;
+      background: url('/actividades-bg.jpg') center center / cover no-repeat;
+    }
+
+    .section-bg-actividades::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: rgba(244,244,244,0.80);
+    }
+
+    .section-bg-actividades > * {
+      position: relative;
+      z-index: 1;
+    }
+
     /* ===== MISSION / VISION CARDS ===== */
     .mv-grid {
       display: grid;
@@ -973,7 +991,7 @@
   </section>
 
   <!-- Actividades -->
-  <section class="section-padding section-dark" id="actividades">
+  <section class="section-padding section-bg-actividades" id="actividades">
     <div class="container">
       <div class="section-header">
         <span class="tag">Programas</span>