From abfb6b81478ddb51b0d1a7937dcf1aa32b6e45e0 Mon Sep 17 00:00:00 2001
From: Gustavo <gustavo@estudionexos.com>
Date: Mon, 16 Mar 2026 10:09:41 +0000
Subject: [PATCH] fix heigh picture portada

---
 style.css                         | 29 ++++++++++++++++++++++++++++-
 views/templates/page-portada.twig |  2 +-
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index c06c442..01ee7f8 100644
--- a/style.css
+++ b/style.css
@@ -193,7 +193,8 @@ button[type="reset"] {
 }
 
 /* PORTADA -> imagen noticia principal */
-.page-portada .recent-posts .img-noticias {
+.page-portada .recent-posts .img-noticias,
+.page-portada .recent-posts .img-noticias-small {
     width: 100%;
     height: 100%;
     object-fit: cover;
@@ -203,24 +204,50 @@ button[type="reset"] {
     .page-portada .recent-posts .img-noticias {
         max-height: 500px;
     }
+
+    .page-portada .recent-posts .img-noticias-small {
+        max-height: 250px;
+    }
 }
 
 @media (min-width: 1201px) and (max-width: 1400px) {
     .page-portada .recent-posts .img-noticias {
         max-height: 400px;
     }
+
+    .page-portada .recent-posts .img-noticias-small {
+        max-height: 250px;
+    }
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {
     .page-portada .recent-posts .img-noticias {
         max-height: 350px;
     }
+
+    .page-portada .recent-posts .img-noticias-small {
+        max-height: 200px;
+    }
 }
 
 @media (min-width: 769px) and (max-width: 991px) {
     .page-portada .recent-posts .img-noticias {
         max-height: 250px;
     }
+
+    .page-portada .recent-posts .img-noticias-small {
+        max-height: 200px;
+    }
+}
+
+@media (width < 769px) {
+    .page-portada .recent-posts .img-noticias {
+        max-height: 300px;
+    }
+
+    .page-portada .recent-posts .img-noticias-small {
+        max-height: 300px;
+    }
 }
 
 /* PORTADA -> CARDS OPINION */
diff --git a/views/templates/page-portada.twig b/views/templates/page-portada.twig
index 697e4d2..d230d8d 100644
--- a/views/templates/page-portada.twig
+++ b/views/templates/page-portada.twig
@@ -38,7 +38,7 @@
                             <a href="{{ article.link }}">
                             <img src="{{ imagen}}" 
                                             alt="{{ alt }}" 
-                                            class="card-img img-noticias"/>
+                                            class="card-img img-noticias-small"/>
                             <div class="card-img-overlay">
                                 <h3 class="card-title text-wrap">
                                     <a href="{{ article.link }}">{{ article.title }}</a>