/* verificar.css — casi nada, y a propósito.

   La pantalla reutiliza `.verificacion` del bloque de identidad del alta, que
   es exactamente la misma pieza visual: una caja aparte para lo que no es un
   campo más. Lo único propio es el estado, que necesita un color por cada
   desenlace. */

.estado-verificacion{
  display:inline-block; font-size:.85rem; font-weight:600;
  padding:.25rem .7rem; border-radius:999px; margin-bottom:.6rem;
}
.estado-verificacion.espera{ background:var(--brand-suave); color:var(--brand) }
.estado-verificacion.bien  { background:var(--acento-suave); color:var(--acento) }
.estado-verificacion.mal   {
  background:color-mix(in srgb, #c0392b 12%, transparent); color:#c0392b;
}