/* --------------------------------------------------------------------------
   Encabezado de página interior
   -------------------------------------------------------------------------- */
.cmr-encabezado {
  display: grid;
  place-items: center;
  min-height: 22rem;
  padding: calc(var(--nav-alto) + 2rem) 1.5rem 3rem;
  /* Sin fondo, el título y los enlaces de la barra —que son color papel, para
     ir sobre el video de la portada— quedaban crema sobre blanco. */
  background: var(--verde) url("/assets/img/banner-fondo.jpg") center / cover;
  background-blend-mode: multiply;
}

/* En visitas la banda es un rótulo, no una portada: lo importante empieza
   justo debajo, así que no se lleva media pantalla. */
.cmr-encabezado.es-compacto {
  min-height: 0;
  padding: calc(var(--nav-alto) + .5rem) 1.5rem 1.4rem;
  background: var(--verde) url("/assets/img/banner-fondo.jpg") center / cover;
  background-blend-mode: multiply;
}

.cmr-encabezado h1 {
  font-family: var(--sans);
  font-weight: 800;
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  letter-spacing: .18em;
  color: var(--papel);
  text-align: center;
}

.cmr-pendiente {
  padding: 2.5rem;
  border: 1px dashed var(--crema);
  border-radius: var(--radio);
  background: var(--papel);
  color: var(--gris);
  text-align: center;
}

.cmr-pendiente code { font-family: ui-monospace, monospace; color: var(--verde); }