|
|
@@ -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>
|
