/* --------------------------------------------------------------------------
   Edición de la programación cultural
   -------------------------------------------------------------------------- */
/* Solo se ve con sesión de la casa. Va dentro del listado del calendario, para
   que agregar y ver queden en la misma pantalla. */
.cmr-evento-acciones {
  display: flex;
  gap: .5rem;
  margin-top: .7rem;
}

.cmr-evento-form {
  display: grid;
  gap: 1rem;
  margin: 1.2rem 0;
  padding: 1.4rem;
  background: var(--papel);
  border: 1px solid var(--crema);
  border-radius: var(--radio);
}

.cmr-evento-form h3 {
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--verde);
}

.cmr-evento-form-rejilla {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: .9rem;
}

.cmr-evento-form input,
.cmr-evento-form select,
.cmr-evento-form textarea {
  width: 100%;
  padding: .6rem .7rem;
  background: var(--blanco);
  border: 1px solid var(--crema);
  border-radius: var(--radio);
}

.cmr-evento-form textarea { resize: vertical; }

.cmr-evento-form-acciones {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.cmr-editar-barra { padding-bottom: 0; }

.cmr-ficha-form {
  display: grid;
  gap: 1rem;
  padding: 1.6rem;
  background: var(--papel);
  border: 1px solid var(--crema);
  border-radius: var(--radio);
}

.cmr-ficha-form h3 {
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--verde);
}

.cmr-ficha-form-rejilla {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: .9rem;
}

.cmr-ficha-form input,
.cmr-ficha-form select,
.cmr-ficha-form textarea {
  width: 100%;
  padding: .6rem .7rem;
  background: var(--blanco);
  border: 1px solid var(--crema);
  border-radius: var(--radio);
}

.cmr-ficha-form textarea {
  resize: vertical;
  font-family: var(--sans);
  line-height: 1.6;
}

/* El botón de agregar va sobre fondo claro, así que necesita el relleno verde:
   `cmr-boton-linea` es blanco sobre blanco fuera del video de portada. */
.cmr-boton-linea.es-solida {
  justify-self: start;
  color: var(--papel);
  background: var(--verde);
  border-color: var(--verde);
}

.cmr-boton-linea.es-solida:hover { background: var(--verde-claro); color: var(--papel); }