/* Media con icono */
.card__media--icon {
  padding: 1.1rem 1.25rem 0.6rem;
  display: flex;
  align-items: center;
}

.card__icon {
  width: 68px;     /* antes 48px */
  height: 68px;    /* antes 48px */
  border-radius: 999px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #e7f3ff;
  color: #0b3b60;

  flex-shrink: 0;
}

.card__icon svg {
  width: 38px;     /* antes 26px */
  height: 38px;    /* antes 26px */
}

/* Ya no necesitamos colores por tipo,
   pero si quieres conservar las clases específicas
   simplemente déjalas vacías: */
.card__icon--iniciativa,
.card__icon--consulta,
.card__icon--intervenciones,
.card__icon--dialogo,
.card__icon--audiencia,
.card__icon--cabildo {
  /* mismo estilo para todos, se hereda de .card__icon */
}
/* Sidebar fija al hacer scroll */
.sidebar {
  position: sticky !important;
  top: 90px;           /* ajusta según altura del header */
  align-self: flex-start;
  height: fit-content;
  z-index: 100;
}
/* Asegura que el card sea contenedor relativo */
.card {
  position: relative;
}

/* Zona donde vive el sello */
.card__meta {
  position: absolute;
  bottom: 10px;
  right: 12px;
  pointer-events: none; /* no bloquea clics en el card */
}

/* 1) Cards NORMALES (los 6 chiquitos) */
.card:not(.card--wide) {
  position: relative;
}

.card:not(.card--wide) .card-stamp {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 34px;      /* tamaño de la paloma */
  height: auto;
  pointer-events: none;
}

/* 2) Card GRANDE de Consejos (card--wide) */
/* Aquí dejamos la paloma como antes, en su fila de meta */
.card--wide .card-stamp {
  position: static;      /* nada de absolute */
  width: 60px;           /* ajusta si quieres más grande/pequeña */
  height: auto;
  margin-left: 8px;      /* separada del texto si va junto a algo */
}