/* ===== Noticias y comunicados ===== */
.noticias__fila{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:24px;max-width:100%;box-sizing:border-box;
  padding:10px 40px 20px;   /* espacio para que el scale del hover no se corte */
}
.noticia{
  position:relative;display:block;
  flex:none;
  width:252px;height:320px;   /* todas del mismo tamaño */
  border-radius:20px;overflow:hidden;
  background:linear-gradient(160deg,var(--verde-medio),var(--verde-oscuro));
  box-shadow:0 12px 26px rgba(0,0,0,.16);
  transition:transform .38s var(--ease), box-shadow .38s var(--ease);
}
/* El "más grande" del wireframe es solo el estado hover */
.noticia:hover{transform:scale(1.07);z-index:3;box-shadow:0 28px 52px rgba(0,0,0,.34)}
/* Silueta sutil para el placeholder cuando no hay foto */
.noticia::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:56%;z-index:0;
  background:
    radial-gradient(120% 80% at 30% 100%, rgba(0,0,0,.28), transparent 60%),
    linear-gradient(135deg, rgba(237,184,40,.10), transparent 55%);
}
.noticia__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  transition:transform .7s var(--ease)}
.noticia:hover .noticia__img{transform:scale(1.12)}
.noticia::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.86) 0%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.30) 100%);
}
.noticia__leer{
  position:absolute;top:16px;left:16px;z-index:2;
  font-size:10px;font-weight:700;letter-spacing:.08em;
  color:#fff;background:var(--tinta);
  padding:8px 16px;border-radius:30px;
  transition:background .2s ease,color .2s ease;
}
.noticia:hover .noticia__leer{background:var(--oro);color:var(--tinta)}
.noticia__pie{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;color:#fff;
  transition:transform .38s var(--ease)}
.noticia:hover .noticia__pie{transform:translateY(-4px)}
.noticia__pie h3{font-size:20px;font-weight:800;line-height:1.06;margin:0 0 6px}
.noticia__pie p{font-size:11px;line-height:1.45;color:rgba(255,255,255,.82);margin:0}

@media (max-width:900px){
  .noticias__fila{padding:10px 22px 20px}
  .noticia{width:100%;max-width:340px;height:300px}
  .noticia:hover{transform:scale(1.03)}
}