/* --------------------------------------------------------------------------
   Solicitar un evento (`cmr.solicitar-evento`)
   --------------------------------------------------------------------------
   Las mismas piezas que el formulario de visitas —`.cmr-campo`,
   `.cmr-resultado`— en dos columnas: el evento y quien lo pide. */

.cmr-solicitar-evento { padding-top: 2.5rem; }
.cmr-evento-form {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 2.5rem;
  margin-top: 1.5rem; padding: 2rem; border: 1px solid var(--crema); background: #fffaf2;
}
.cmr-evento-col { display: grid; gap: 1rem; align-content: start; }
.cmr-evento-paso {
  font-family: var(--sans); font-size: .78rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--verde);
}
.cmr-evento-fila { display: grid; grid-template-columns: 1.4fr 1fr .8fr; gap: .8rem; }
.cmr-evento-form select,
.cmr-evento-form textarea,
.cmr-evento-form input {
  width: 100%; padding: .75rem .85rem; border: 1px solid var(--crema);
  background: var(--blanco); font: inherit; color: var(--tinta);
}
/* Una regla general del formulario de visitas les fija la altura: aquí se
   escribe más, y la lista de invitados tiene que verse entera. */
.cmr-evento-form textarea[name="descripcion"] { min-height: 7rem; resize: vertical; }
.cmr-evento-form textarea[name="invitados"] { min-height: 10rem; resize: vertical; }
.cmr-evento-nota { display: block; margin-top: .35rem; font-size: .82rem; }
.cmr-evento-envio {
  grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap;
}
.cmr-evento-envio .cmr-resultado { flex: 1; margin: 0; }
.cmr-evento-envio .cmr-resultado ul { margin: .3rem 0 0 1rem; }
.cmr-enlace { color: var(--verde); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 760px) {
  .cmr-evento-form { grid-template-columns: 1fr; padding: 1.2rem; }
  .cmr-evento-fila { grid-template-columns: 1fr 1fr; }
}