.cb-component-cmp_atmos_painel_exemplo{display:block;width:100%}.cmp-pe{position:relative;max-width:1060px;margin:0 auto;padding:0 40px}.cmp-pe__jan{overflow:hidden;background:var(--color-bg-card);border:1.6px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:0 6px 0 0 var(--color-border-strong)}.cmp-pe__barra{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border-default)}.cmp-pe__pts{display:flex;gap:6px}.cmp-pe__pts i{width:10px;height:10px;border-radius:50%;border:1.4px solid var(--color-border-strong)}.cmp-pe__pts i:first-child{background:var(--color-accent-default)}.cmp-pe__url,.cmp-pe__selo{padding:3px 10px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:11px;line-height:1.4;color:var(--color-text-secondary)}.cmp-pe__url{background:var(--color-bg-page)}.cmp-pe__selo{margin-left:auto;background:var(--color-accent-soft);letter-spacing:0.06em;text-transform:uppercase}.cmp-pe__corpo{display:grid;grid-template-columns:150px minmax(0,1fr)}.cmp-pe__menu{display:flex;flex-direction:column;gap:6px;padding:20px 12px;background:var(--color-bg-inverse)}.cmp-pe__menu span{padding:8px 10px;border-radius:6px;font-family:var(--font-mono);font-size:11px;line-height:1.2;color:rgba(255,255,255,0.72)}.cmp-pe__menu .is-ativo{background:var(--color-accent-default);color:var(--color-text-on-accent)}.cmp-pe__menu .cmp-pe__logo{margin-bottom:18px;padding:0 4px;font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-0.03em;color:#FFFFFF}.cmp-pe__logo b{color:var(--color-accent-default)}.cmp-pe__main{display:flex;flex-direction:column;gap:16px;min-width:0;padding:24px;background:var(--color-bg-page)}.cmp-pe__oi{margin:0;font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-0.02em;color:var(--color-text-primary)}.cmp-pe__sub{margin:2px 0 0;font-family:var(--font-display);font-size:13px;color:var(--color-text-secondary)}.cmp-pe__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cmp-pe__kpi,.cmp-pe__card{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.cmp-pe__kpi.is-ativo{border:1.6px solid var(--color-border-strong);box-shadow:0 3px 0 0 var(--color-border-strong)}.cmp-pe__kpi span,.cmp-pe__ct{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.cmp-pe__kpi strong{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1.2;color:var(--color-text-primary)}.cmp-pe__kpi em{font-style:normal;font-family:var(--font-mono);font-size:11px;color:var(--color-text-accent)}.cmp-pe__grade{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px}.cmp-pe__barras{display:flex;align-items:flex-end;gap:8px;height:150px;margin-top:12px}.cmp-pe__barras i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:var(--blue-150,#E6EFFF);transform-origin:bottom}.cmp-pe__barras i.is-pico{background:var(--color-accent-default);border:1.4px solid var(--color-border-strong)}.cmp-pe__ped ul{display:flex;flex-direction:column;gap:12px;margin:10px 0 0;padding:0;list-style:none}.cmp-pe__ped li{font-family:var(--font-mono);font-size:11px;line-height:1.4;color:var(--color-text-primary)}.cmp-pe__ped b{font-weight:500;margin-right:6px}.cmp-pe__ped em{display:block;font-style:normal;color:var(--color-text-accent)}.cmp-pe__flut{position:absolute;display:flex;border:1.6px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:0 4px 0 0 var(--color-border-strong)}.cmp-pe__flut--zap{left:0;bottom:120px;align-items:center;gap:10px;padding:10px 16px 10px 10px;background:var(--color-bg-card)}.cmp-pe__fic{flex:none;width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-accent-default) center/18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D1626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E")}.cmp-pe__ftx{display:flex;flex-direction:column;gap:2px}.cmp-pe__ftx b{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--color-text-primary)}.cmp-pe__ftx small{font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary)}.cmp-pe__flut--site{right:0;top:80px;flex-direction:column;gap:6px;padding:12px 16px;background:var(--color-bg-inverse);border-color:var(--color-bg-inverse);box-shadow:0 8px 24px rgba(13,22,38,0.25)}.cmp-pe__flut--site small{font-family:var(--font-mono);font-size:10px;letter-spacing:0.06em;color:var(--blue-300,#A9C8FF)}.cmp-pe__flut--site b{font-family:var(--font-display);font-weight:700;font-size:13px;color:#FFFFFF}.cmp-pe__mini{display:flex;align-items:flex-end;gap:3px;height:24px}.cmp-pe__mini i{width:7px;height:var(--h);border-radius:2px 2px 0 0;background:var(--color-accent-default)}@keyframes cmp-pe-cresce{from{transform:scaleY(0)}to{transform:none}}@keyframes cmp-pe-surge{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.cmp-pe__barras i{animation:cmp-pe-cresce 600ms cubic-bezier(0.22,1,0.36,1) both;animation-delay:calc(700ms + var(--i,0) * 50ms)}.cmp-pe__flut{animation:cmp-pe-surge 520ms cubic-bezier(0.22,1,0.36,1) both}.cmp-pe__flut--site{animation-delay:1200ms}.cmp-pe__flut--zap{animation-delay:1500ms}}@media (max-width:1023px){.cmp-pe{padding:0}.cmp-pe__flut--zap{left:16px;bottom:-24px}.cmp-pe__flut--site{right:16px;top:auto;bottom:-24px}}@media (max-width:767px){.cmp-pe__corpo{grid-template-columns:minmax(0,1fr)}.cmp-pe__menu,.cmp-pe__ped,.cmp-pe__flut--site,.cmp-pe__url{display:none}.cmp-pe__main{padding:16px;gap:12px}.cmp-pe__kpis{gap:8px}.cmp-pe__kpi{padding:10px}.cmp-pe__kpi strong{font-size:16px}.cmp-pe__grade{grid-template-columns:minmax(0,1fr)}.cmp-pe__barras{height:90px;gap:5px}.cmp-pe__flut--zap{position:relative;left:auto;bottom:auto;margin:-20px 12px 0;}}