/* Tooltip estilizado para los iconos de ayuda en /registro */
.help-tooltip {
  position: fixed;
  background-color: #111827; /* gray-900 */
  color: #f9fafb; /* gray-50 */
  border: 1px solid #374151; /* gray-700 */
  border-radius: 8px; /* rounded-lg */
  padding: 8px 10px; /* px-2.5 py-2 */
  font-size: 12px; /* text-xs */
  line-height: 1.4;
  max-width: 320px;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  z-index: 1000;
  pointer-events: none; /* Evita interferir con hover/clicks */
}

.help-tooltip::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 12px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #111827 transparent;
}

/* Flecha invertida cuando el tooltip se muestra arriba del icono */
.help-tooltip.help-tooltip--above::before {
  top: auto;
  bottom: -6px;
  border-color: #111827 transparent transparent transparent;
}