/* Grupo Nórdico — Nórdico Lotes › Ventas › "Títulos a definir" (public/ventas-titulos.js): clases vtt-. Mobile first (390 px):
   una columna, nada desborda; desde 700 px, la nota y los botones en una fila. */
.vtt-aviso { align-items: center; flex-wrap: wrap; margin-bottom: 14px; }
.vtt-av-t { flex: 1 1 220px; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; overflow-wrap: anywhere; }
.vtt-c { display: flex; flex-direction: column; gap: 8px; }
.vtt-f { border: 1px solid var(--linea-2); background: var(--hielo-2); border-radius: 10px; padding: 9px 11px; min-width: 0; overflow-wrap: anywhere;
  display: flex; flex-direction: column; gap: 6px; }
.vtt-f-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.vtt-f-d { display: flex; flex-direction: column; gap: 2px; }
.vtt-f-a { display: flex; flex-direction: column; gap: 6px; }
.vtt-f-a .inp { width: 100%; min-width: 0; }
.vtt-f .err:empty { display: none; }
@media (min-width: 700px) {
  .vtt-f-a { flex-direction: row; align-items: center; }
  .vtt-f-a .inp { flex: 1; }
}