/* tooltips — convierte el texto de ayuda que Django ya renderiza (.help en
   el admin, .helptext en formularios normales) en un icono "!" que muestra
   un bocadillo al pulsarlo, en vez de texto siempre visible bajo el campo.
   Solo usa clases propias de Django: funciona en cualquier proyecto sin
   tocar sus templates. */

.help, .helptext { display: none; }

.tooltip-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0;
  background: #0a9396; color: #fff; font-size: .72rem; font-weight: 700;
  font-style: normal; font-family: inherit; border: none; cursor: pointer;
  margin-left: 6px; line-height: 1; padding: 0; vertical-align: middle;
}
.tooltip-icon:hover, .tooltip-icon:focus-visible { background: #14213d; outline: none; }

.help.tooltip-open, .helptext.tooltip-open {
  display: block; position: fixed; z-index: 2000;
  max-width: min(280px, 90vw); font-size: .78rem; line-height: 1.4;
  color: #fff; background: #14213d; padding: 10px 12px; border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.help.tooltip-open div { color: inherit; }