/* Sólo layout: los colores salen de las variables de /estilos.css. */
.acceso { max-width: 360px; margin: 12vh auto 0; padding: 22px 20px; }
.acceso h1 { font-size: 18px; font-weight: 650; margin: 0 0 4px; }
.acceso-sub { color: var(--tenue); font-size: 13px; margin: 0 0 16px; }
.acceso label { display: block; font-size: 12px; color: var(--tenue); margin: 10px 0 4px; }
.acceso input {
  width: 100%; padding: 9px 10px; font: inherit; font-size: 15px;
  color: var(--texto); background: var(--tarjeta);
  border: 1px solid var(--borde); border-radius: 8px;
}
.acceso input:focus-visible, .acceso button:focus-visible { outline: 2px solid var(--precio); outline-offset: 1px; }
.acceso button {
  width: 100%; margin-top: 16px; padding: 10px; font: inherit; font-weight: 600;
  color: var(--texto); background: var(--tarjeta);
  border: 1px solid var(--tenue); border-radius: 8px; cursor: pointer;
}
.acceso button:disabled { opacity: .5; cursor: wait; }
.acceso-error { color: var(--baja); font-size: 13px; margin: 12px 0 0; }
.captcha { margin-top: 14px; min-height: 0; }