/* Página del campus virtual (campus.html). Lo común está en base.css; aquí solo lo propio de esta página. */

/* El signo ™ de Urbanist («MoodleTM») se corrige en base.css para todo el sitio. */

/* Aviso de marca bajo la entradilla: letra pequeña, con la medida del texto */
.campus-marca { max-width: 40rem; }

/* «Qué incluye»: ocho tarjetas en .rejilla-4 (dos filas de cuatro, o cuatro de dos) y «Diseño de las aulas»
   destacada en una fila entera debajo, para que ninguna tarjeta quede sola en su fila */
.campus-lista { list-style: none; margin: 0; padding: 0; }
.campus-aulas { margin-top: clamp(12px, 2vw, 20px); }
@media (min-width: 760px) {
  .campus-aulas { grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px; align-items: center; }
  .campus-aulas h3, .campus-aulas p { grid-column: 1; }
  .campus-aulas .enlace-mas { grid-column: 2; grid-row: 1 / span 2; align-self: center; margin-top: 0; }
}

/* Maqueta: captura del aula en un marco 16:9 con su rótulo */
.campus-maqueta { align-items: center; }
.campus-figura { min-width: 0; }
.campus-cartel { box-shadow: 0 0 0 1px var(--rule), var(--shadow); border-radius: var(--radio); }
.campus-cartel img { object-position: top left; }
/* En el teléfono se recorta a 4:3 desde arriba, para que la captura se lea más grande */
@media (max-width: 639px) {
  .campus-cartel { aspect-ratio: 4 / 3; }
  .campus-cartel img { object-position: 22% 0; }
}