.tabulator .tabulator-header .tabulator-col {
    justify-content: flex-end;
}

.tabulator-col.tabulator-col-group[aria-title="Precio indexado"],
.tabulator-col.tabulator-col-group[aria-title="Precio indexado"] .tabulator-col {
    background-color: var(--color-gray-900);
    color: var(--color-primary-blue);
}

.tabulator-col.tabulator-col-group[aria-title="Precio base"],
.tabulator-col.tabulator-col-group[aria-title="Precio base"] .tabulator-col {
    background-color: var(--color-gray-700);
    color: var(--color-primary-orange);
}

.tabulator-tableholder .tabulator-cell[tabulator-field="precio_base_ene_abr"],
.tabulator-tableholder .tabulator-cell[tabulator-field="precio_base_may_oct"],
.tabulator-tableholder .tabulator-cell[tabulator-field="precio_base_nov_dic"] {
    background-color: var(--color-primary-orange-100);
}

.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="precio_base_ene_abr"],
.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="precio_base_may_oct"],
.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="precio_base_nov_dic"] {
    background-color: var(--color-primary-orange-900);
}

.tabulator-tableholder .tabulator-cell[tabulator-field="precio_base_ene_abr"],
.tabulator-tableholder .tabulator-cell[tabulator-field="precio_base_may_oct"],
.tabulator-tableholder .tabulator-cell[tabulator-field="precio_base_nov_dic"] {
    background-color: var(--color-primary-orange-100);
}

.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="precio_base_ene_abr"],
.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="precio_base_may_oct"],
.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="precio_base_nov_dic"] {
    background-color: var(--color-primary-orange-900);
}