/* Botoneras de cabecera (div.boton empujado a la derecha con margin-left:auto).
   Los enlaces son inline con padding vertical: si no caben y saltan de línea,
   las filas se solapan. Como flex con wrap, cada fila ocupa su altura real. */
@media (min-width: 651px) {
	.boton[style*="margin-left:auto"], .boton[style*="margin-left: auto"], .boton.m-left-auto{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px; min-width:0;}
	.boton[style*="margin-left:auto"] > *, .boton[style*="margin-left: auto"] > *, .boton.m-left-auto > *{flex:0 0 auto; margin-right:0 !important;}
}

/* Botones de ancho de columna (div.boton.width, p. ej. la columna lateral):
   si el texto no cabe, se corta con puntos suspensivos en vez de salirse.
   Tienen que ser block: text-overflow no funciona en un contenedor flex.
   El texto completo sale como tooltip (js/botoneras.js). */
.boton.width > a, .boton.width-res > a{display:block !important; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:0.5em; padding-right:0.5em;}
.boton.width > a.total-center, .boton.width-res > a.total-center{text-align:center;}