Arreglando cta, presentaciones y agregando eventos

_src/scss/general/_content.scss

@@ -146,4 +146,10 @@ table[role="presentation"] img{
 
 .tituloTabla{
     font-weight: bold;
+}
+
+.view-presentaciones{
+    .views-field-field-ppt, .views-field-field-certificado{
+        text-align: center;
+    }
 }
\ No newline at end of file

_src/scss/general/_cta.scss

@@ -56,6 +56,9 @@
         max-width: 600px;
         padding: 0 50px;
     }
+    .field--type-link{
+        display: inline-block;
+    }
     .btn-primary {
         color: $primaryColor;
         background-color: $blanco;
@@ -68,4 +71,14 @@
         }
         text-transform: uppercase;
     }    
+
+    .btn-default {
+        color: $blanco;
+        border-color: $blanco; 
+        &:hover, &:focus{
+            color: $primaryColor;
+            background-color: $blanco;
+            border-color: $blanco; 
+        }
+    }
 }
\ No newline at end of file

_src/scss/general/_eventos.scss

-.agenda {
-  .evento {
+.view-eventos {
+  .row {
     display: flex;
-    flex-direction: row;
-    justify-content: space-between;
     align-items: stretch;
-    @media (max-width: 992px) {
-      flex-direction: column;
-    }
-
-    .bloque1 {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: stretch;
-      width: 40%;
-      @media (max-width: 992px) {
-        width: 100%;
-      }
-      @media (max-width: 424px) {
-        flex-direction: column;
-      }
+    flex-wrap: wrap;
+  }
 
-      .info-evento {
-        width: 50%;
-        background: $primaryColor;
-        padding: 15px;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        @media (max-width: 992px) {
-          width: 75%;
-        }
-        @media (max-width: 424px) {
-          width: 100%;
-        }
+  .evento {
 
-        .fechas {
-          font-size: 2.3em;
-          color: $blanco;
-          text-align: right;
-          line-height: 1em;
-          text-transform: uppercase;
-        }
+    .contentWrapper {
 
-        .lugar {
-          text-align: right;
-          color: $blanco;
-        }
-      }
+      border: 1px solid $claro;
+      border-radius: 4px;
+    }
 
-      .thumb {
-        width: 50%;
-        background: lighten($primaryColor, 30);
-        background: linear-gradient(0deg, lighten($primaryColor, 30) 0%, $primaryColor 100%);
-        @media (max-width: 992px) {
-          width: 25%;
-        }
-        @media (max-width: 424px) {
-          width: 100%;
-        }
-      }
+    img{
+      transition: opacity 0.5s ease;
+    }
+    img:hover{
+      opacity: .85;
     }
 
-    .complemento {
-      width: 60%;
-      padding: 20px;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      @media (max-width: 992px) {
-        width: 100%;
-      }
-      @media (max-width: 424px) {
-        padding: 10px 10px 10px 0;
-      }
+    margin-bottom: 20px;
+
+    h2 {
+      font-size: 1.1em;
+      margin: 10px;
 
-      .titu-evento {
-        h2 {
-          margin: 0;
-          padding: 0;
-        }
+      &:after {
+        content: none;
       }
+    }
+
+    .views-field-field-fecha-fin {
+      background: $primaryColor;
+      color: $blanco;
+      padding: 4px;
+      text-align: center;
+    }
+  }
 
+  .evento-pasado .evento {
+    img{
+      filter: grayscale(100%);
+      
+      opacity: .85;
+      transition: filter 0.5s ease;
+    }
+    img:hover{
+      filter: grayscale(0%);
+      
+      opacity: 1;
+    }
+    .views-field-field-fecha-fin {
+      background: $negro;
+    }
+    h2 a{
+      color: $negro;
     }
   }
 }

_src/scss/main.scss

@@ -10,3 +10,4 @@
 @import 'general/sumate';
 @import 'general/miembros';
 @import 'general/faq';
+@import 'general/eventos';