feat: add mission section background image - agricultural field with seedlings

public/index.html

@@ -277,6 +277,24 @@
     .section-dark .section-header h2 { color: var(--color-white); }
     .section-dark .section-header p { color: rgba(255,255,255,0.7); }
 
+    /* ===== SECTION WITH BACKGROUND IMAGE ===== */
+    .section-bg-image {
+      position: relative;
+      background: url('/mision-bg.jpg') center center / cover no-repeat;
+    }
+
+    .section-bg-image::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: rgba(244,244,244,0.92);
+    }
+
+    .section-bg-image > * {
+      position: relative;
+      z-index: 1;
+    }
+
     /* ===== MISSION / VISION CARDS ===== */
     .mv-grid {
       display: grid;
@@ -870,7 +888,7 @@
   </section>
 
   <!-- Misión y Visión -->
-  <section class="section-padding section-dark" id="mision">
+  <section class="section-padding section-bg-image" id="mision">
     <div class="container">
       <div class="section-header">
         <span class="tag">Quiénes Somos</span>