.campo { margin-bottom: var(--e4); }

.campo label {
  display: block;
  font-weight: 600;
  margin-bottom: var(--e1);
}

.campo input,
.campo-linea {
  width: 100%;
  min-height: 2.9rem;
  padding: 0.55rem 0.8rem;
  border: 2px solid var(--borde);
  border-radius: 12px;
  background: var(--superficie);
  color: var(--texto);
  font: inherit;
}

.campo input:focus,
.campo-linea:focus {
  border-color: var(--foco);
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--foco) 35%, transparent);
}

.mensaje {
  padding: var(--e3);
  border-radius: 10px;
  margin-bottom: var(--e4);
  font-size: 1rem;
}

.mensaje--error { background: var(--error-fondo); color: var(--error); }
.mensaje--aviso { background: var(--aviso-fondo); color: var(--aviso); }