/* BIM INGEZA — Página de Comunidad (comunidad/index.html) */
.comunidad {
  display: grid;
  grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: start;
}
.comunidad-qr {
  margin: 0;
  padding: 26px;
  background: #fff;
  border: 1px solid var(--borde);
  border-radius: 18px;
  box-shadow: 0 2px 6px rgba(10, 18, 48, 0.05), 0 22px 50px rgba(10, 18, 48, 0.10);
  text-align: center;
  position: sticky;
  top: 96px;
}
.comunidad-qr img { width: 100%; height: auto; display: block; image-rendering: pixelated; }
.comunidad-qr figcaption { margin-top: 14px; font-size: 0.92rem; color: var(--texto-2); }

.comunidad-texto h2 { color: var(--tinta); font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 650; letter-spacing: -0.02em; }
.comunidad-texto > p { color: var(--texto-2); font-size: 1.06rem; max-width: 56ch; margin-top: 10px; }
.comunidad-texto .lista-vistos { margin: 20px 0 26px; }
.comunidad-acciones { display: flex; gap: 12px; flex-wrap: wrap; }
.comunidad-acciones .ico { width: 18px; height: 18px; }
.comunidad-nota { font-size: 0.88rem; color: var(--texto-2); margin-top: 12px; }
.comunidad-texto h3 { color: var(--tinta); font-size: 1.05rem; font-weight: 600; margin: 34px 0 10px; }
.comunidad-normas { padding-left: 20px; display: grid; gap: 6px; color: var(--texto); }

/* Tarjetas de redes que arma js/componentes.js desde MENU_REDES */
.tarjeta-red .icono-red b { font: 700 1rem var(--fuente); }

@media (max-width: 860px) {
  .comunidad { grid-template-columns: 1fr; }
  .comunidad-qr { position: static; max-width: 340px; margin: 0 auto; }
}