/* Títulos de las tarjetas de la columna lateral estrecha (col-md-2): a 2em
   ("Observaciones", "Documentos") no caben y se salen de la tarjeta.
   Escalan con la ventana: 16px a ~1280px de ancho, hasta 2em en pantallas grandes.
   Se excluye la cifra destacada del recuadro negro (.color-primary-light). */
.col-md-2 .sombra h2, .col-md-2 .sombra > .f2:not(.color-primary-light){font-size:clamp(1rem, 1.25vw, 2em); overflow-wrap:break-word;}

/* Recuadro de Totales (pedido de venta, presupuesto, factura...).
   La fila Base / %IVA / Imp.IVA / Total reparte 4 columnas iguales y los
   importes ("11.200,00USD") no caben. Se convierte en rejilla donde cada
   columna toma el ancho de su contenido, alineando cabecera e importes. */
#divTotales .sombra:has(> .row > .col-md-3.text-right:nth-child(4):last-child){display:grid; grid-template-columns:repeat(4, auto); column-gap:4px; padding-left:12px; padding-right:12px;}
#divTotales .sombra:has(> .row > .col-md-3.text-right:nth-child(4):last-child) > *{grid-column:1 / -1;}
#divTotales .sombra > .row:has(> .col-md-3.text-right:nth-child(4):last-child){display:contents;}
#divTotales .sombra > .row:has(> .col-md-3.text-right:nth-child(4):last-child) > *{width:auto; max-width:none; padding:0.25em 0; white-space:nowrap; font-size:11px;}
#divTotales .sombra > .row[style*="border-bottom"]:has(> .col-md-3.text-right:nth-child(4):last-child) > *{border-bottom:1px solid #333;}

/* Filas "Etiqueta: importe" (col-md-9 + col-md-3): el importe toma su ancho
   y la etiqueta el resto, en vez de cortar el importe a un 25 % fijo. */
#divTotales .row:has(> .col-md-9 + .col-md-3:last-child){flex-wrap:nowrap;}
#divTotales .row > .col-md-9:has(+ .col-md-3:last-child){flex:1 1 0; width:auto; min-width:0;}
#divTotales .row > .col-md-9 + .col-md-3:last-child{flex:0 0 auto; width:auto; white-space:nowrap;}