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

.tabulator-col.tabulator-col-group[aria-title="Potencia máxima"],
.tabulator-col.tabulator-col-group[aria-title="Potencia firme (MW)"],
.tabulator-col.tabulator-col-group[aria-title="Potencia máxima"] .tabulator-col,
.tabulator-col.tabulator-col-group[aria-title="Potencia firme (MW)"] .tabulator-col {
    color: var(--color-primary-orange);
}

.tabulator-tableholder .tabulator-cell[tabulator-field="p_maxima_mw"],
.tabulator-tableholder .tabulator-cell[tabulator-field="p_maxima_mes"],
.tabulator-tableholder .tabulator-cell[tabulator-field="potencia_mw_ene"],
.tabulator-tableholder .tabulator-cell[tabulator-field="potencia_mw_may"],
.tabulator-tableholder .tabulator-cell[tabulator-field="potencia_mw_nov"] {
    background-color: var(--color-primary-orange-100);
}

.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="p_maxima_mw"],
.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="p_maxima_mes"],
.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="potencia_mw_ene"],
.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="potencia_mw_may"],
.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="potencia_mw_nov"] {
    background-color: var(--color-primary-orange-900);
}

.tabulator-headers .tabulator-col[tabulator-field="energia_gwh"] {
    background-color: var(--color-gray-900);
    color: var(--color-primary-blue);
}

.tabulator-tableholder .tabulator-cell[tabulator-field="energia_gwh"] {
    background-color: var(--color-gray-900);
    color: var(--color-primary-blue);
}

.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="energia_gwh"] {
    background-color: var(--color-neutral-100);
}

.tabulator-headers .tabulator-col[tabulator-field="p_coincidental_mw"] {
    background-color: var(--color-green-100);
    color: var(--color-primary-blue);
}

.tabulator-headers .tabulator-col[tabulator-field="f_carga"] {
    background-color: var(--color-white);
}

.tabulator-tableholder .tabulator-cell[tabulator-field="p_coincidental_mw"] {
    background-color: var(--color-green-100);
    color: var(--color-primary-blue);
}

.tabulator-row.tabulator-selectable:hover .tabulator-cell[tabulator-field="p_coincidental_mw"] {
    background-color: var(--color-green-200);
}