highlights 321

src/lib/Highlights.svelte

@@ -24,7 +24,7 @@
     <div class="card">
       <div class="text">
         <h2>Testamento vital</h2>
-        <h3>Decide tú hasta el final</h3>
+        <h3>Tu vida, tus decisiones</h3>
       </div>
     </div>
   </div>
@@ -37,7 +37,7 @@
     <div class="card">
       <div class="text">
         <h2>Asóciate <span class="hide"> a DMD</span></h2>
-        <h3>Ayúdanos a romper el tabú de la muerte</h3>
+        <h3>Libres hasta el final</h3>
       </div>
     </div>
   </div>
@@ -60,7 +60,7 @@
   }
   .container {
     display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr;
+    grid-template-columns: 4fr 3fr 2fr;
     grid-gap: 1rem;
     min-height: 150px;
   }
@@ -94,13 +94,13 @@
     align-items: flex-end;
   }
   .highlight.eutanasia {
-    grid-column: 1/3;
+    grid-column: 1/2;
   }
   .highlight.testamento-vital {
-    grid-column: 3/4;
+    grid-column: 2/3;
   }
   .highlight.asociate {
-    grid-column: 4/5;
+    grid-column: 3/4;
   }
 
   .eutanasia .card {