/* Reglas de interfaz; no se usan en los motores JPG. */
body {
  --hd-color-positivo: var(--color-exito);
  --hd-color-negativo: var(--color-peligro);
  --peso-regular: 400;
  --peso-medio: 400;
  --peso-seminegrita: 700;
  --peso-negrita: 700;
  --color-texto: #141414;
  --color-texto-suave: #53627a;
  --margen-contenido: 28px;
  --margen-contenido-y: 28px;
  --hd-margen-panel: 16px;
  --texto-auxiliar: 12px;
  --texto-cuerpo: 14px;
  --texto-titulo: 18px;
  --texto-destacado: 24px;
  font-size: var(--texto-cuerpo);
}
.tabla-ordenable .tabla-orden-indicador,
th[aria-sort] .tabla-ordenable .tabla-orden-indicador { color: var(--color-marca-azul-claro, #19a0dc); opacity: 1; }
.tabla-orden-indicador svg { stroke: currentColor; }
table :is(th,td).tabla-accion, table [data-etiqueta="Acciones"], table [data-etiqueta="Acción"] { text-align: center; vertical-align: middle; }
table :is(.acciones-registro,.acciones-tabla,.acciones-item-cotizacion,.hd-acciones) { justify-content: center; align-items: center; }
.hd-importe-interfaz, .hd-importe-interfaz :is(strong,b,span,a) { color: var(--hd-color-importe, #141414) !important; }
.hd-importe-interfaz[data-tono-importe="positivo"] { --hd-color-importe: var(--hd-color-positivo); }
.hd-importe-interfaz[data-tono-importe="negativo"] { --hd-color-importe: var(--hd-color-negativo); }
.hd-importe-interfaz[data-tono-importe="cero"], .hd-importe-interfaz[data-tono-importe="pendiente"] { --hd-color-importe: var(--color-texto); }
.modulo-finanzas .panel-finanzas-listado { margin: 0; }
.modulo-finanzas .panel-finanzas-listado :is(.hd-ficha-trabajo__contenido,.panel-controles-finanzas) { margin: 0; padding: 0; }
.modulo-finanzas .panel-finanzas-listado .hd-panel { margin: 0; }
.modulo-finanzas .hd-gestor-vistas { padding: var(--hd-margen-panel); }
.modulo-finanzas .hd-filtros-finanzas { padding: 0 var(--hd-margen-panel) var(--hd-margen-panel); }

/* El contenido comparte un eje lateral; los separadores llegan al contorno. */
.modulo-finanzas .panel-finanzas-mensuales { gap: 0; padding: 0; }
.modulo-finanzas .movimientos-mensuales-gestor { gap: 0; }
.modulo-finanzas .panel-finanzas-listado .hd-barra-gestor { margin: 0; }
.modulo-finanzas .panel-finanzas-listado .mes-movimientos-gestor > summary { border-radius: 0; }
.modulo-finanzas .mes-movimientos-gestor + .mes-movimientos-gestor { border-top: var(--gf-borde); }
.modulo-finanzas .panel-finanzas-listado .mes-movimientos-gestor > .hd-tabla-contenedor tbody tr:last-child td { border-bottom: 0; }
/* Las tablas adaptadas a tarjetas conservan el espacio de su fila exterior. */
@container (min-width: 1101px) {
  .modulo-finanzas .panel-finanzas-listado .hd-tabla-financiera:not([data-acciones-compactas]) :is(th,td):first-child { padding-inline-start: var(--gf-margen) !important; }
  .modulo-finanzas .panel-finanzas-listado .hd-tabla-financiera:not([data-acciones-compactas]) :is(th,td):last-child { padding-inline-end: var(--gf-margen) !important; }
  .modulo-finanzas .tabla-movimientos-mensuales:not([data-acciones-compactas]) :is(th,td) { padding-inline: 16px; }
  .modulo-finanzas .tabla-movimientos-mensuales:not([data-acciones-compactas]) :is(th,td):first-child { padding-inline-start: var(--gf-margen); }
  .modulo-finanzas .tabla-movimientos-mensuales:not([data-acciones-compactas]) :is(th,td):last-child { padding-inline-end: var(--gf-margen); }
}

/* Escala tipográfica única de la interfaz. */

body :is(input,select,textarea,.boton,.accion-icono) { font-size: var(--texto-cuerpo); }
body :is(.tabla,.hd-tabla) th,
body :is(.tabla,.hd-tabla) th :is(button,span) { font-size: 14px; line-height: 1.4; }
body :is(.tabla,.hd-tabla) th { text-align: center !important; vertical-align: middle !important; font-weight: 700; }
body :is(.tabla,.hd-tabla) th .tabla-ordenable { display: flex; align-items: center; justify-content: center !important; width: 100%; min-height: 36px; text-align: center; font-weight: 700; }
body :is(.tabla,.hd-tabla) th .titulo-columna-doble { text-align: center; align-items: center; }
body :is(.tabla,.hd-tabla) td { font-size: var(--texto-cuerpo); }
body :is(h1,.hd-resumen-importes-trabajo dd) { font-size: var(--texto-destacado); }
body :is(h2,h3) { font-size: var(--texto-titulo); }
body :is(small,.texto-auxiliar,.contador-resultados-panel) { font-size: var(--texto-auxiliar); }
/* La explicación técnica señalada en Movimientos no ocupa el listado. */
.modulo-finanzas .introduccion-movimientos { display: none; }

/* Los encabezados y sus controles tienen el mismo peso, incluido Acciones. */
body :is(.tabla,.hd-tabla) th,
body :is(.tabla,.hd-tabla) th :is(button,span,strong) { font-weight: 700 !important; }
body :is(.tabla,.hd-tabla) td.celda-dinero { text-align: right !important; }
body .hd-resumen-importes-trabajo dd, body input[data-moneda], body .hd-importe-interfaz { text-align: right; }

/* Base única de tablas de cuentas, movimientos y totales del cliente.
   La tabla compacta cambia sus medidas mediante variables, no con otro pie. */
.hd-tabla-financiera { --hd-tabla-celda-x: 16px; --hd-tabla-fila-y: 12px; --hd-tabla-importe-ajuste: 0px; }
.hd-tabla-financiera.hd-tabla-comercial { --hd-tabla-celda-x: var(--gf-celda); --hd-tabla-importe-ajuste: var(--gf-dinero-interno); }
body.hd-area-financiera .hd-tabla-financiera :is(th,td) { padding-inline: var(--hd-tabla-celda-x) !important; font-size: var(--texto-cuerpo); line-height: 1.4; }
body.hd-area-financiera .hd-tabla-financiera tbody td { padding-block: var(--hd-tabla-fila-y) !important; vertical-align: top; }
body.hd-area-financiera .hd-tabla-financiera tbody td:is(.tabla-accion,[data-etiqueta="Acciones"]) { vertical-align: middle; }
body.hd-area-financiera .hd-tabla-financiera :is(.celda-cantidad,.celda-cantidad-comercial,[data-total-items-cantidad]) { text-align: center; }
body.hd-area-financiera .hd-tabla-financiera .celda-dinero { font-variant-numeric: tabular-nums; text-align: right !important; }
body.hd-area-financiera .hd-tabla-financiera tfoot td { background: var(--gf-gradiente-totales) !important; border-top: var(--gf-borde); border-bottom: 0 !important; padding-block: var(--hd-tabla-fila-y) !important; font-size: var(--texto-cuerpo); font-weight: 700; vertical-align: middle; }
body.hd-area-financiera .hd-tabla-financiera tfoot tr:first-child td { border-top: 3px solid var(--color-marca-azul-claro) !important; }
body.hd-area-financiera .hd-tabla-financiera tfoot td.celda-dinero { padding-right: calc(var(--hd-tabla-celda-x) + var(--hd-tabla-importe-ajuste)) !important; }
body.hd-area-financiera .hd-tabla-financiera tfoot :is(td[colspan],td[data-etiqueta="Resumen"]) { text-align: left !important; color: var(--color-marca-azul-oscuro); }
body.hd-area-financiera .hd-tabla-financiera tfoot small { display: block; margin-top: 6px; color: var(--color-texto-suave); font-size: var(--texto-auxiliar); line-height: 1.4; font-weight: 400; }