/* Cajón lateral --------------------------------------------------------- */
.cmr-cajon {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 60;
  width: min(22rem, 84vw);
  padding: 5rem 2.5rem;
  background: var(--verde);
  color: var(--papel);
  transform: translateX(-100%);
  transition: transform var(--transicion);
  overflow-y: auto;
}

.cmr-cajon.es-abierto { transform: none; }

.cmr-cajon-cerrar { position: absolute; top: 1.4rem; right: 1.4rem; color: var(--crema); }

.cmr-cajon-lista { list-style: none; display: grid; gap: 1.6rem; }

.cmr-cajon-lista a {
  font-family: var(--serif);
  font-size: 1.5rem;
  transition: color var(--transicion);
}

.cmr-cajon-lista a:hover { color: var(--crema); }

.cmr-velo {
  position: fixed;
  inset: 0;
  z-index: 50;
  background: rgba(8, 68, 56, .45);
}