Fix Tablas APU: Estilos para .analisis y quitar Courier New de .desglose

PROBLEMA 1: Tabla .analisis sin estilos de header
- La tabla .analisis no tiene tag <thead>, solo <tbody>
- CSS buscaba .analisis table thead tr th
- Primera fila del tbody no se estilizaba como header

SOLUCIÓN 1:
- Nuevo selector: .analisis table tbody tr:first-child td
- Aplica gradiente navy, texto blanco, centrado
- Funciona para tablas sin <thead>

PROBLEMA 2: Fuente Courier New en .desglose
- Columnas numéricas de .desglose usaban Courier New
- Usuario NO quiere fuente monospace en .desglose

SOLUCIÓN 2:
- Separados selectores de columnas numéricas:
  - .analisis: CON font-family Courier New (mantiene)
  - .desglose: SIN font-family (usa fuente por defecto)

CAMBIOS CSS:
- +11 líneas: Nuevo selector para primera fila .analisis
- Refactor: Separar selectores .analisis y .desglose
- .analisis mantiene Courier New
- .desglose usa fuente estándar

Archivo modificado:
- wp-content/themes/apus-theme/assets/css/tables-apu.css

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-08 15:17:55 -06:00
parent a765dcee9b
commit a70cb8467c

View File

@@ -101,6 +101,17 @@
z-index: 10;
}
/* ESPECIAL: Primera fila de .analisis cuando NO tiene <thead>
(para tablas de resumen que solo tienen <tbody>) */
.analisis table tbody tr:first-child td {
background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
color: #ffffff;
font-weight: 600;
text-align: center !important;
padding: 1rem;
border: none;
}
/* ========================================
FILAS NORMALES
======================================== */
@@ -142,22 +153,28 @@
font-size: 0.9em;
}
/* Columnas 4, 5, 6: Cantidad, Costo, Importe - derecha con fuente monospace */
/* Columnas 4, 5, 6 en .analisis: Cantidad, Costo, Importe - con fuente monospace */
.analisis table td:nth-child(4),
.analisis table td.c4,
.desglose table td.c4,
.analisis table td:nth-child(5),
.analisis table td.c5,
.desglose table td.c5,
.analisis table td:nth-child(6),
.analisis table td.c6,
.desglose table td.c6 {
.analisis table td.c6 {
text-align: right !important;
font-family: 'Courier New', Courier, monospace;
font-weight: 500;
color: #1e3a5f;
}
/* Columnas 4, 5, 6 en .desglose: Cantidad, Costo, Importe - SIN fuente monospace */
.desglose table td.c4,
.desglose table td.c5,
.desglose table td.c6 {
text-align: right !important;
font-weight: 500;
color: #1e3a5f;
}
/* ========================================
HOVER EN FILAS DE DATOS
======================================== */