.kpi-periodo{display:flex;width:100%;min-width:0;align-items:stretch;isolation:isolate;overflow-x:auto;overflow-y:visible;border:1px solid var(--cor-borda);border-radius:var(--raio-lg);background:var(--cor-superficie);box-shadow:var(--sombra-n2)}.kpi-periodo-celula{display:grid;grid-template-columns:auto minmax(max-content,1fr);grid-template-rows:auto auto;column-gap:.65rem;row-gap:.15rem;flex:1 0 auto;align-content:center;padding:.6rem .8rem;border:0;background:transparent;color:inherit;text-align:left;cursor:default;transform:scale(1);transform-origin:center center;transition:transform var(--duracao-interacao) var(--ease-saida),box-shadow var(--duracao-interacao) var(--ease-saida),background-color var(--duracao-interacao) var(--ease-saida)}button.kpi-periodo-celula{appearance:none;cursor:pointer;font:inherit}.kpi-periodo-celula:focus-visible,.kpi-periodo-celula:hover{z-index:2;background:var(--cor-superficie-elevada);box-shadow:var(--sombra-md);border-radius:var(--raio-md);transform:scale(1.05);outline:none}.kpi-periodo-celula__icone{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;align-self:center;width:2rem;height:2rem;flex-shrink:0;border-radius:var(--raio-md);background:var(--cor-marca-clara);color:var(--cor-marca)}.kpi-periodo-celula__valor{grid-column:2;grid-row:1;display:flex;align-items:center;gap:.25rem;font-size:var(--font-section-title);font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--cor-texto);white-space:nowrap}.kpi-periodo-celula__rotulo{grid-column:2;grid-row:2;font-size:11px;line-height:1.25;color:var(--cor-texto-suave);white-space:nowrap}.kpi-periodo-celula__titulo{grid-column:2;grid-row:1;margin:0 0 .1rem;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cor-texto-suave)}.kpi-periodo-celula__detalhe{grid-column:2;grid-row:3;display:flex;align-items:baseline;gap:.35rem;margin:.15rem 0 0;font-size:11px;line-height:1.25;color:var(--cor-texto-suave);white-space:nowrap;font-variant-numeric:tabular-nums}.kpi-periodo-celula__detalhe strong{font-weight:600;color:var(--cor-texto)}.kpi-periodo-celula--composta:has(.kpi-periodo-celula__titulo) .kpi-periodo-celula__icone,.kpi-periodo-celula--composta:has(.kpi-periodo-celula__titulo) .kpi-periodo-celula__valor{grid-row:2}.kpi-periodo-celula--composta:has(.kpi-periodo-celula__titulo) .kpi-periodo-celula__rotulo{grid-row:3}.kpi-periodo-celula--composta:has(.kpi-periodo-celula__titulo) .kpi-periodo-celula__detalhe{grid-row:4}.kpi-periodo-divisor{width:1px;flex-shrink:0;align-self:stretch;margin:.5rem 0;background:var(--cor-borda)}.kpi-periodo--compacto{align-items:center;padding-inline:var(--space-1);overscroll-behavior-x:contain;box-shadow:none}.kpi-periodo--compacto>:first-child{flex:0 0 auto}.kpi-periodo--compacto .kpi-periodo-celula{padding:.35rem .55rem;column-gap:var(--space-2);row-gap:0}.kpi-periodo--compacto .kpi-periodo-celula__icone{width:1.25rem;height:1.25rem;background:transparent;color:var(--cor-marca)}.kpi-periodo--compacto .kpi-periodo-celula:focus-visible,.kpi-periodo--compacto .kpi-periodo-celula:hover{transform:none;box-shadow:none;background:transparent}.kpi-periodo--compacto .kpi-periodo-celula:active{transform:scale(.98)}.kpi-periodo--compacto .kpi-periodo-celula__valor{font-size:.8125rem;font-weight:650}.kpi-periodo--compacto .kpi-periodo-celula__rotulo{font-size:10px}.kpi-periodo--compacto .kpi-periodo-celula--filtro{display:inline-flex;align-items:center;gap:.3rem;padding-inline:var(--space-2)}.kpi-periodo--compacto .kpi-periodo-celula--filtro .kpi-periodo-celula__texto{font-size:var(--font-caption);font-weight:600;line-height:1.2;color:var(--cor-texto);white-space:nowrap}.kpi-periodo--compacto .kpi-periodo-divisor{margin:.3rem 0}@media (prefers-reduced-motion:reduce){.kpi-periodo-celula{transition:none}.kpi-periodo-celula:focus-visible,.kpi-periodo-celula:hover{transform:none}}