/* Las dos verificaciones alrededor de la foto: partials/avatar_verificaciones.html.

   Una sola implementación para el perfil público, la ficha de su dueño y la
   vista previa del encabezado. El envoltorio de la foto pone
   position:relative; cada página solo elige el tamaño con --avf-sello, que por
   omisión es el 41 % de la foto de la ficha pública (46 de 113).

   Colocación: abajo, una a cada lado y a la misma distancia, montadas sobre el
   aro. El rostro ocupa el centro y la mitad de arriba, así que no lo tapan; y
   al salirse 10 px del círculo quedan dentro de la tarjeta, sin recortes.

   El halo, el bisel y la sombra vienen dibujados en el arte de
   referencias/insigniasexito: aquí no se le añade ni borde ni sombra, que
   ensuciarían su aura. */

.avf-sello{position:absolute;bottom:2px;z-index:3;
  display:block;width:var(--avf-sello,46px);height:var(--avf-sello,46px);
  cursor:default}
.avf-sello img{display:block;width:100%;height:100%;pointer-events:none;user-select:none}
.avf-sello--documentacion{left:calc(var(--avf-sello,46px) * -0.22)}
.avf-sello--profesional{right:calc(var(--avf-sello,46px) * -0.22)}
.avf-sello:focus-visible{outline:2px solid #0066ff;outline-offset:2px;border-radius:50%}

/* Nombre de lo que es, al pasar el cursor o al enfocarla. */
.avf-sello::after{content:attr(aria-label);position:absolute;left:50%;bottom:calc(100% + 4px);z-index:4;
  width:max-content;max-width:190px;padding:5px 9px;border-radius:8px;
  background:#0b1440;color:#fff;font-size:11.5px;font-weight:600;line-height:1.3;text-align:center;
  opacity:0;visibility:hidden;transform:translate(-50%,3px);
  transition:opacity .15s ease,transform .15s ease;pointer-events:none}
.avf-sello:hover::after,.avf-sello:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.avf-sello::after{transition:none}}