/* Portal de noticias: filtros, estados y detalle. Tarjetas, badges y botones: styles.css */

/* Filtros */
/* Bloque propio, en el flujo normal: nunca se superpone con las tarjetas del feed. */
.filtros { position: static; margin: 1.75rem 0 2rem; }
#feed { margin-top: 0; }
.buscador {
  border-radius: 999px;
  padding: .75rem 1.25rem;
  border: 1px solid var(--muni-line);
  box-shadow: var(--muni-sombra-1);
  transition: box-shadow .25s, border-color .25s;
}
.buscador:focus { border-color: var(--muni-verde-600); box-shadow: 0 0 0 4px rgba(25, 135, 84, .15); }

.chip {
  border: 1px solid var(--muni-line);
  background: var(--muni-surface);
  color: #3a4a42;
  border-radius: 999px;
  padding: .4rem 1rem;
  font-size: .88rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform .2s var(--muni-ease), background-color .2s, color .2s, border-color .2s, box-shadow .2s;
}
.chip:hover { transform: translateY(-2px); border-color: var(--muni-verde-600); color: var(--muni-verde-700); box-shadow: var(--muni-sombra-1); }
.chip.activo { background: linear-gradient(135deg, var(--muni-verde-500), var(--muni-verde-700)); border-color: transparent; color: #fff; box-shadow: 0 6px 14px rgba(25, 135, 84, .3); }

.estado-vacio { text-align: center; color: var(--muni-muted); padding: 3rem 1rem; }
.estado-vacio:empty { display: none; }

/* Entrada escalonada de las tarjetas del feed */
#feed article { animation: muni-up .5s var(--muni-ease) both; }
#feed article:nth-child(3n+2) { animation-delay: .06s; }
#feed article:nth-child(3n+3) { animation-delay: .12s; }

/* Detalle de noticia */
.nota { max-width: 780px; margin: 0 auto; background: var(--muni-surface); padding: clamp(1.25rem, 4vw, 2.5rem); border-radius: var(--muni-radius-lg); box-shadow: var(--muni-sombra-1); }
.nota h1 { font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.nota .bajada { font-size: 1.2rem; color: var(--muni-muted); }
.nota .portada { width: 100%; max-height: 460px; object-fit: cover; border-radius: var(--muni-radius); }
.nota .cuerpo { font-size: 1.1rem; line-height: 1.8; }
.nota .cuerpo img { display: block; max-width: 100%; height: auto; margin: 1.25rem auto; border-radius: var(--muni-radius-sm); }
.nota .cuerpo a { color: var(--muni-verde-700); }
.nota .volver { color: var(--muni-verde-700); text-decoration: none; font-weight: 600; font-size: .9rem; }
.nota .volver:hover { text-decoration: underline; }

.btn-wa, .btn-fb { color: #fff; border: 0; border-radius: 999px; font-weight: 700; padding: .45rem 1.1rem; transition: transform .2s var(--muni-ease), filter .2s; }
.btn-wa { background: #1da851; }
.btn-fb { background: #1877f2; }
.btn-wa:hover, .btn-fb:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.08); }