/* Summit College · paginas/comunidad.css
   Solo lo propio de /comunidad/. Hero, tarjetas, enlace de continuidad y franja
   de admisiones viven en base.css. Sin colores nuevos: todo por var(--...). */

/* Banda de transparencia (E2 §5.7, bloque destacado de peso alto): verde a todo
   el ancho; en escritorio, texto 7/5 ficha. El h2 es el rótulo corto; la frase
   aprobada va como afirmación grande en Inter, no en Cinzel (la guía reserva
   Cinzel para títulos cortos). */
.transparencia .container { display: grid; gap: var(--space-6); }
.transparencia h2 { margin-bottom: var(--space-4); }
.transparencia-afirmacion {
  font-size: clamp(1.375rem, 1.1rem + 1.2vw, 1.75rem);
  line-height: 1.35;
  font-weight: var(--fw-semibold);
  max-width: 32ch;
  margin-bottom: var(--space-4);
  text-wrap: balance;
}
.transparencia .lead { max-width: 52ch; margin: 0; }

/* Ficha del informe: recurso visual opcional de E2, tarjeta crema sobre verde con
   el filete dorado de la guía. Repite la frecuencia aprobada, no añade datos.
   «Cada semestre» en Cinzel: rótulo corto de 28 px (uso de titular permitido). */
.ficha-informe {
  display: grid; gap: var(--space-1);
  max-width: 22rem; padding: var(--space-5);
  background: var(--color-bg); color: var(--color-text);
  border-radius: var(--radius-card); border-top: var(--card-top-rule);
}
.ficha-informe p { margin: 0; max-width: none; }
.ficha-rotulo { font-weight: var(--fw-semibold); font-size: var(--fs-label); line-height: var(--lh-label); letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--color-brand); }
.ficha-dato { font-family: var(--font-display); font-weight: var(--fw-bold); font-size: 1.75rem; line-height: 1.2; color: var(--color-brand); }
.ficha-nota { font-size: var(--fs-small); line-height: var(--lh-small); }

/* Entre dos bandas verdes (transparencia y franja de admisiones), el enlace de
   continuidad lleva más aire que en las demás interiores para separarlas. */
.continuidad--entre-bandas { padding-block: var(--space-8); }

@media (min-width: 64em) {
  .transparencia .container { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-8); align-items: center; }
  .ficha-informe { justify-self: end; }
  .continuidad--entre-bandas { padding-block: var(--space-9); }
}