.tipo28-chart {
    position: relative;
    width: 100%;
    min-width: 0;
    border-radius: 9px;
    background:
        radial-gradient(circle at 100% 0%, rgba(245, 158, 11, .06), transparent 36%),
        linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}

.tipo28-chart .highcharts-background {
    fill: transparent;
}

.tipo28-chart__series,
.tipo28-chart__title {
    display: block;
    font-family: "Source Sans Pro", Arial, sans-serif;
}

.tipo28-chart__series {
    color: #0f172a;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.2;
}

.tipo28-chart__title {
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}

.tipo28-chart__subtitle {
    color: #475569;
    font-size: 12px;
    font-weight: 600;
}

.tipo28-chart__trend {
    display: inline-flex;
    padding: 5px 9px;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.tipo28-chart__trend--positive {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.tipo28-chart__trend--negative {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.tipo28-chart .tipo28-tooltip-clone {
    pointer-events: none;
    filter: drop-shadow(0 8px 14px rgba(15, 23, 42, .2));
}

.tipo28-chart .highcharts-legend-item img {
    filter: none;
    vertical-align: middle;
}

.tipo28-chart .highcharts-drillup-button text {
    fill: #334155 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.tipo28-chart .highcharts-drillup-button rect {
    fill: #f8fafc;
    stroke: #cbd5e1;
    rx: 6;
    ry: 6;
}