/*------ Noticias -------*/

/*.seccion-noticias {
  padding: 20px 20px;
  background-color: #f9f9f9;
}*/

.noticias-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 25px;
}

.noticia-card {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: transform 0.3s;
  margin-bottom: 5px;
}

.noticia-card:hover {
  transform: translateY(-4px);
}

.noticia-img img {
  width: 100%;
  height: auto;
  display: block;
}

.noticia-info {
  padding: 14px;
}

.noticia-fecha {
  font-size: 13px;
  color: #888;
  margin-bottom: 8px;
}

.noticia-titulo {
  font-size: 19px;
  font-weight: bold;
  color: #339966;
  text-decoration: none;
  display: block;
  line-height: 1.3;
  text-align: left;
}

.noticia-titulo:hover {
  text-decoration: underline;
}

.noticia-descripcion {
  font-size: 16px;
  color: #444;
  line-height: 1.5;
}

.btn-ver-mas {
  background-color: #d8d7d7;
  color: #339966;
  font-weight: bold;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}


.btn-ver-mas:hover {
  background-color: #ccc;
}

/* 1. FUERZA la altura de la tarjeta completa y oculta el contenido sobrante. */
.recurso-tarjeta-fija {
    /* La altura deseada para la tarjeta completa */
    height: 150px; 
    
    /* Asegura que no se estire más de la cuenta */
    min-height: 150px; 
    max-height: 150px; 
    
    /* Corta cualquier texto o elemento que exceda esta altura */
    overflow: hidden; 
}

/* Altura fija para el contenedor interno del recurso */
.recurso .redondo.blanco.fullwidth {
    /* Define la altura máxima que deseas para la tarjeta completa */
    height: 150px; /* AJUSTA ESTE VALOR: Por ejemplo, 180px */
    
    /* Asegura que el contenido que exceda este alto sea cortado */
    overflow: hidden; 
}

/* ---------------------------------------------------- */
/* Ajustes de Elementos Internos */

/* 1. Ajustar el div de la imagen */
.recurso .imagen-recurso-fija { /* Asumiendo que usaste la clase que te sugerí */
    /* La altura de la imagen debe ser relativa al padre o ajustarse al alto deseado */
    height: 100%; /* O la altura que desees, por ejemplo, 180px */ 
    max-height: 100%;
	padding: 0 10px;
}

/* 2. Asegurar que el contenido del texto se ajuste bien */
#content-iniciativas .item .icon-block {
    padding: 10px 0 0 0;
}

.section-title {
    font-size: 13px;
	text-align: left;
}

.item.recurso{
	padding-bottom: 10px;
}

/* Si el texto se desborda, podemos cortarlo o poner scroll, 
   pero con una altura fija, el 'overflow: hidden' en el padre es la solución. */