Corrigiendo texto del Hero segun lo que pasaron

insights.html

@@ -17,19 +17,48 @@
 
   <main>
 
-    <!-- Header Insights -->
-    <section class="section-padding" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color);">
-      <div class="container container-narrow text-center">
-        <span class="eyebrow">CONOCIMIENTO & PERSPECTIVAS</span>
+    <!-- Header Academy -->
+    <section class="section-padding hero-video-section" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color); position: relative; overflow: hidden; min-height: 400px;">
+      <!-- Video de fondo -->
+      <video autoplay muted loop playsinline style="
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        opacity: 0.2;
+        z-index: 0;
+        pointer-events: none;
+      ">
+        <source src="/assets/video/paper.mp4" type="video/mp4">
+        Tu navegador no soporta videos.
+      </video>
+
+      <!-- Overlay oscuro opcional para mejor contraste -->
+      <div style="
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(19, 167, 138, 0.5);
+        z-index: 1;">
+      </div>
+      <div class="container container-narrow text-center" style="position: relative; z-index: 2;">
+        <span class="eyebrow" style="color: var(--text-main);">CONOCIMIENTO & PERSPECTIVAS</span>
         <h1 style="margin-bottom: 1.25rem;">IDE Insights: Reflexiones y Metodología</h1>
-        <p class="lead-text" style="margin: 0 auto 2rem auto;">
+        <p class="lead-text" style="margin: 0 auto 1.75rem auto;color: var(--text-main);">
           Compartimos artículos técnicos, análisis de tendencias y casos de estudio sobre cómo abordar la complejidad organizacional sin perder el sentido de conjunto.
         </p>
-        <a href="https://blog.ideconsultores.com.ar" target="_blank" rel="noopener noreferrer" class="btn btn-outline btn-sm">
+        <div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
+          <a href="https://blog.ideconsultores.com.ar" target="_blank" rel="noopener noreferrer" class="btn btn-outline-cta btn-sm">
           Visitar Blog Completo <!--en WordPress--> ↗
-        </a>
+          </a>
+        </div>
       </div>
     </section>
+    
 
     <!-- Feed Dinámico de las 3 Últimas Publicaciones -->
     <section class="section-padding">