.comunidad { padding-block: clamp(40px, 7vw, 96px); }
.comunidad-heading { margin-bottom: clamp(28px, 5vw, 62px); }
.comunidad-heading h1 {
  font: 900 clamp(2.8rem, 10vw, 8.8rem)/.84 var(--display);
  letter-spacing: -.035em;
  text-transform: uppercase;
  margin-block: 12px 16px;
}
.comunidad-heading > p:last-child { max-width: 48ch; color: var(--muted); }
.comunidad-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
  gap: 14px;
}
.marca {
  display: grid;
  align-content: start;
  background: var(--panel);
  border: 1px solid var(--line);
  border-top: 3px solid var(--yellow);
}
.marca-foto { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.marca-info { display: grid; gap: 8px; padding: clamp(18px, 3vw, 32px); }
.marca h2 {
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 1;
  overflow-wrap: anywhere;
}
.marca-descripcion { color: var(--muted); }
.marca-edicion { color: var(--yellow); font-size: .9rem; font-weight: 800; }
.marca-instagram { display: inline-flex; align-items: center; gap: 8px; justify-self: start; min-height: 44px; font-weight: 800; }
.marca-instagram:hover { color: var(--yellow); }
.comunidad-fechas { margin-top: 30px; }
#estado-marcas { color: var(--muted); }
#estado-marcas:empty { display: none; }
#reintentar-marcas { margin-top: 12px; }