/* Estilos exclusivos de /entrar/: inicio de sesión y código de acceso, uno al
   lado del otro y con el mismo peso, para que ninguno quede bajo el pliegue. */

.accesos {
  display: grid;
  gap: 1.5rem;
  margin-top: clamp(2rem, 7vw, 5rem);
}
.accesos .pagina-formulario { margin-top: 0; }
.accesos h2 { font-size: clamp(1.75rem, 5vw, 2.1rem); margin-bottom: 0.5rem; }

@media (min-width: 52rem) {
  .accesos {
    grid-template-columns: repeat(2, minmax(0, 29rem));
    justify-content: center;
    align-items: start;
  }
  .accesos .pagina-formulario { margin-inline: 0; width: 100%; }
}