/* --------------------------------------------------------------------------
   Panel
   -------------------------------------------------------------------------- */
.cmr-login { max-width: 22rem; display: grid; gap: .9rem; padding-top: calc(var(--nav-alto) + 3rem); }

.cmr-login h2 { font-family: var(--serif); font-size: 1.8rem; color: var(--verde); margin-bottom: .3rem; }

/* Google pide su botón en blanco con su G a color; no se tiñe de verde. */
.cmr-boton-google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  padding: .8rem 1.2rem;
  font-weight: 600;
  font-size: .9rem;
  color: #3c4043;
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: var(--radio);
  transition: background var(--transicion), box-shadow var(--transicion);
}

.cmr-boton-google:hover { background: #f7f8f8; box-shadow: 0 1px 3px rgba(60,64,67,.2); }

.cmr-boton-google .cmr-ico { width: 1.15rem; height: 1.15rem; }

.cmr-separador {
  display: flex;
  align-items: center;
  gap: .8rem;
  font-size: .75rem;
  color: var(--gris);
  text-transform: uppercase;
  letter-spacing: .1em;
}

.cmr-separador::before, .cmr-separador::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--crema);
}