ADD css

style.css

@@ -1,23 +1,35 @@
 /*
  * Theme Name: CNT Sindiaktua
  * Description: Tema Timber de nexos
- * Author: Timber Team and You!
+ * Author: nexos estudios
 */
+@font-face {
+    font-family: 'Yaro';
+    src: url('assets/fonts/yaro-font-family/YaroSt-Black.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
 
-/* .effect-nav > .nav-link:hover {
-  border-top: 4px solid rgb(255, 0, 0);
-  border-bottom: 4px solid rgb(0, 0, 0);
-  padding: 6px 0; 
-} */
 
 @media (min-width: 992px) {
-    .dropdown:hover .dropdown-menu {
+    .menu-bar .dropdown:hover .dropdown-menu {
         display: block;
         margin-top: 0;
     }
 }
 
-/* Optional: Add transition effects */
+/* menu-burger */
+.menu-burger .offcanvas {
+    background: linear-gradient(135deg,rgba(204,29,26,0.9),#cc1d1a);
+}
+
+.menu-burger .dropdown:hover .dropdown-menu {
+    display: block;
+    margin-top: 0;
+}
+
+/* transition effects both menus*/
 .dropdown-menu {
     transition: opacity 0.3s ease;
     opacity: 0;
@@ -28,4 +40,88 @@
 }
 
 
+/* CSS cards 'noticias' */
+.recent-posts .card-img-overlay, 
+.opinion-article .card-img-overlay {
+    top: auto !important;  /* Anula el top: 0 por defecto de Bootstrap */
+    bottom: 0;
+    height: 25%;
+    background: rgba(128, 128, 128, 0.8);
+    display: flex;
+    align-items: center;
+}
 
+.recent-posts .card-title, 
+.opinion-article .card-title {
+    color: white;
+    margin: 0;
+    font-weight: 600;
+    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+    display: -webkit-box;
+    -webkit-line-clamp: 2; /* Número de líneas */
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.recent-posts .card-title a, 
+.opinion-article .card-title a {
+    color: white;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+.recent-posts .card-title a:hover {
+    color: #E30B16;
+}
+
+.card.secondary-article {
+    height: auto;
+}
+
+.recent-posts .card.secondary-article .card-title {
+    font-size: medium;
+}
+
+
+/* Responsive */
+@media (max-width: 768px) {
+    .card-img-overlay {
+        height: 18%;
+    }
+    
+    .card-title {
+        font-size: 0.9rem;
+    }
+}
+
+/* Convert SVG RRSS white */
+.svg-white {
+    filter: brightness(0) invert(1);
+}
+
+.svg-white:hover {
+    filter: none;
+}
+
+.btn-outline-white {
+    color: white;
+    border-color: white;
+    background-color: transparent;
+}
+
+.btn-outline-white:hover {
+    background-color: white;
+    border-color: white;
+}
+
+.svg-hover-white:hover {
+    filter: brightness(0) invert(1);
+}
+
+/* texto header sindikatua */
+.text-sindikatua {
+    font-family: 'Yaro', Arial, sans-serif;
+
+}