/* Painel Cripto — design system escuro, sóbrio, com números em destaque. */

@font-face {
	font-family: "PCR Inter";
	src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2-variations"), url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "PCR Serif";
	src: url("../fonts/source-serif-4-latin-500-normal.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

.pcr {
	--pcr-fundo: #0e0d0c;
	--pcr-cartao: #151413;
	--pcr-cartao-2: #1c1a19;
	--pcr-borda: #282624;
	--pcr-linha: #232120;
	--pcr-texto: #f3f1ee;
	--pcr-suave: #a29e99;
	--pcr-fraco: #6f6b67;
	--pcr-sobe: #36c46f;
	--pcr-cai: #e5483a;
	--pcr-foco: #7aa2ff;
	--pcr-borda-forte: #3a3734;
	--pcr-corrido: #d9d6d2;
	--pcr-sobre-sobe: #08240f;
	--pcr-sombra: 0 12px 32px rgba(0, 0, 0, .45);
	--pcr-raio: 14px;
	--pcr-sans: "PCR Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--pcr-serif: "PCR Serif", Georgia, "Times New Roman", serif;

	color-scheme: dark;
	box-sizing: border-box;
	min-height: 100%;
	padding: max(12px, env(safe-area-inset-top, 0px)) 12px max(16px, env(safe-area-inset-bottom, 0px));
	background: var(--pcr-fundo);
	color: var(--pcr-texto);
	font-family: var(--pcr-sans);
	font-size: 14px;
	line-height: 1.45;
	font-feature-settings: "tnum" 1, "cv11" 1;
	-webkit-font-smoothing: antialiased;
}
html.pcr-html, body.pcr-body--tela-cheia { background: #0e0d0c; margin: 0; }
html.pcr-html[data-pcr-modo="claro"], html[data-pcr-modo="claro"] body.pcr-body--tela-cheia { background: #f4f3f1; }

/* Modo claro: mesmas proporções, paleta clara. O modo é definido em <html data-pcr-modo>. */
html[data-pcr-modo="claro"] .pcr {
	--pcr-fundo: #f4f3f1;
	--pcr-cartao: #ffffff;
	--pcr-cartao-2: #f0eeeb;
	--pcr-borda: #e3e0dc;
	--pcr-linha: #ecebe7;
	--pcr-texto: #191817;
	--pcr-suave: #5f5b57;
	--pcr-fraco: #8c8782;
	--pcr-sobe: #15904c;
	--pcr-cai: #d23b2d;
	--pcr-foco: #2f5fd0;
	--pcr-borda-forte: #c9c5c0;
	--pcr-corrido: #2e2c2a;
	--pcr-sobre-sobe: #ffffff;
	--pcr-sombra: 0 12px 32px rgba(40, 30, 20, .12);
	color-scheme: light;
}
.pcr *, .pcr *::before, .pcr *::after { box-sizing: inherit; }
.pcr h1, .pcr h2, .pcr p, .pcr ul, .pcr dl, .pcr dd { margin: 0; padding: 0; }
.pcr ul { list-style: none; }
.pcr [hidden] { display: none !important; }
.pcr a { color: inherit; }
.pcr button {
	font: inherit; color: inherit; background: transparent; border: 0; box-shadow: none;
	text-transform: none; letter-spacing: normal; min-height: 0; margin: 0; padding: 0; border-radius: 0; text-shadow: none;
}
.pcr h1, .pcr h2, .pcr h3 { font-family: var(--pcr-sans); color: inherit; text-transform: none; letter-spacing: normal; line-height: 1.3; border: 0; }
.pcr table { margin: 0; border: 0; }
.pcr th, .pcr td { background: none; }
.pcr a { box-shadow: none; }
.pcr :focus-visible { outline: 2px solid var(--pcr-foco); outline-offset: 2px; border-radius: 6px; }

.pcr .pcr-pos, .pcr .pcr-sobe { color: var(--pcr-sobe); }
.pcr .pcr-neg, .pcr .pcr-cai { color: var(--pcr-cai); }
.pcr .pcr-neutro { color: var(--pcr-suave); }
.pcr .pcr-visualmente-oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Topo ---------- */
.pcr .pcr-topo {
	display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap;
	padding: 4px 6px 12px;
}
.pcr .pcr-topo__site { font-weight: 600; text-decoration: none; color: var(--pcr-suave); font-size: 13px; }
.pcr .pcr-topo__site:hover { color: var(--pcr-texto); }
.pcr .pcr-topo__titulo { font-size: 13px; font-weight: 500; color: var(--pcr-fraco); }


/* ---------- Navegação (modelo em tela cheia) ---------- */
.pcr .pcr-nav {
	display: flex; align-items: center; gap: 8px 22px; flex-wrap: wrap;
	padding: 2px 6px 12px; margin-bottom: 4px; border-bottom: 1px solid var(--pcr-linha);
}
.pcr .pcr-nav__site { flex-shrink: 0; white-space: nowrap; font-weight: 700; font-size: 15px; text-decoration: none; color: var(--pcr-texto); letter-spacing: -0.01em; }
.pcr .pcr-nav__menu { min-width: 0; flex: 1 1 auto; overflow-x: auto; scrollbar-width: none; }
.pcr .pcr-nav__menu::-webkit-scrollbar { display: none; }
.pcr .pcr-nav__menu ul { display: flex; gap: 2px; margin: 0; padding: 0; list-style: none; white-space: nowrap; }
.pcr .pcr-nav__menu a {
	display: block; padding: 6px 11px; border-radius: 999px;
	font-size: 13px; font-weight: 550; text-decoration: none; color: var(--pcr-suave);
}
.pcr .pcr-nav__menu a:hover { color: var(--pcr-texto); }
.pcr .pcr-nav__menu .current-menu-item > a, .pcr .pcr-nav__menu .current_page_item > a {
	color: var(--pcr-texto); background: var(--pcr-cartao-2);
}
.pcr .pcr-topo { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 4px 12px; }
.pcr .pcr-topo__acoes { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.pcr .pcr-botao-leve {
	display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
	padding: 5px 10px; border-radius: 8px; border: 1px solid transparent;
	font-size: 12.5px; font-weight: 550; color: var(--pcr-suave);
}
.pcr .pcr-botao-leve:hover { color: var(--pcr-texto); background: var(--pcr-cartao-2); }
.pcr .pcr-botao-leve[aria-pressed="true"] { color: var(--pcr-texto); background: var(--pcr-cartao-2); border-color: var(--pcr-borda); }
.pcr.pcr--com-tema { min-height: 0; background: transparent !important; }
@media (max-width: 759px) {
	.pcr .pcr-nav { flex-wrap: nowrap; }
}

/* ---------- Placar ursos × touros (o momento principal) ---------- */
.pcr .pcr-placar {
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-areas: "ursos centro touros" "rodape rodape rodape";
	align-items: end;
	column-gap: 18px;
	row-gap: 10px;
	padding: 14px 20px 12px;
	background: var(--pcr-cartao);
	border: 1px solid var(--pcr-borda);
	border-radius: var(--pcr-raio);
}
.pcr .pcr-placar__lado { display: flex; align-items: center; gap: 10px; padding-bottom: 2px; }
.pcr .pcr-placar__lado--ursos { grid-area: ursos; }
.pcr .pcr-placar__lado--touros { grid-area: touros; }
.pcr .pcr-placar__icone {
	display: grid; place-items: center;
	width: 44px; height: 44px; border-radius: 10px;
}
.pcr .pcr-placar__lado--ursos .pcr-placar__icone { background: var(--pcr-cai); color: #fff; }
.pcr .pcr-placar__lado--touros .pcr-placar__icone { background: var(--pcr-sobe); color: var(--pcr-sobre-sobe); }
.pcr .pcr-placar__nome { font-size: 20px; font-weight: 650; letter-spacing: -0.01em; }
.pcr .pcr-placar__centro { grid-area: centro; display: grid; gap: 10px; min-width: 0; }
.pcr .pcr-placar__titulo {
	font-family: var(--pcr-serif);
	font-weight: 500;
	font-size: clamp(19px, 2.1vw, 26px);
	line-height: 1.15;
	text-align: center;
	letter-spacing: -0.005em;
}
.pcr .pcr-cabo {
	position: relative; height: 40px;
	border-radius: 9px; overflow: hidden;
	background: var(--pcr-cartao-2);
}
.pcr .pcr-cabo__ursos, .pcr .pcr-cabo__touros {
	position: absolute; top: 0; bottom: 0;
	transition: width .8s cubic-bezier(.2, .7, .2, 1);
}
.pcr .pcr-cabo__ursos { left: 0; background: var(--pcr-cai); border-radius: 9px 0 0 9px; }
.pcr .pcr-cabo__touros { right: 0; background: var(--pcr-sobe); border-radius: 0 9px 9px 0; }
.pcr .pcr-cabo__meio {
	position: absolute; left: 50%; top: -6px; bottom: -6px; width: 2px;
	transform: translateX(-1px); background: var(--pcr-texto);
}
.pcr .pcr-cabo__meio span {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	padding: 1px 6px; border-radius: 5px;
	background: var(--pcr-fundo); border: 1px solid var(--pcr-borda);
	font-size: 11px; font-weight: 650;
}
.pcr .pcr-placar__rodape {
	grid-area: rodape;
	display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px;
	font-size: 12.5px; font-weight: 500; color: var(--pcr-suave);
}
.pcr .pcr-placar__rodape .pcr-pos, .pcr .pcr-placar__rodape .pcr-neg { font-weight: 700; }
.pcr .pcr-placar__sep { width: 3px; height: 3px; border-radius: 50%; background: var(--pcr-fraco); margin: 0 4px; }
.pcr .pcr-placar__nota { margin-left: auto; color: var(--pcr-fraco); }

/* ---------- Barra de ferramentas ---------- */
.pcr .pcr-ferramentas {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px;
	padding: 14px 2px 8px;
}
.pcr .pcr-ferramentas__dir { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pcr .pcr-pilulas { display: inline-flex; gap: 2px; }
.pcr .pcr-pilula {
	appearance: none; cursor: pointer;
	padding: 5px 11px; border-radius: 999px;
	border: 1px solid transparent; background: transparent;
	font-size: 12.5px; font-weight: 550; color: var(--pcr-suave);
	white-space: nowrap;
}
.pcr .pcr-pilula:hover { color: var(--pcr-texto); }
.pcr .pcr-pilula.is-ativa, .pcr .pcr-pilula[aria-pressed="true"] {
	background: var(--pcr-cartao-2); border-color: var(--pcr-borda); color: var(--pcr-texto);
}
.pcr .pcr-ferramentas > .pcr-pilulas, .pcr .pcr-ferramentas__dir > .pcr-pilula {
	border-color: var(--pcr-borda);
}
.pcr .pcr-menu { position: relative; }
.pcr .pcr-menu__lista {
	position: absolute; right: 0; top: calc(100% + 6px); z-index: 50;
	min-width: 220px; padding: 6px;
	background: var(--pcr-cartao-2); border: 1px solid var(--pcr-borda); border-radius: 12px;
	box-shadow: var(--pcr-sombra);
}
.pcr .pcr-menu__lista button {
	display: flex; width: 100%; justify-content: space-between; gap: 12px;
	padding: 8px 10px; border: 0; border-radius: 8px; background: none; cursor: pointer; text-align: left;
	font-size: 13px;
}
.pcr .pcr-menu__lista button:hover { background: var(--pcr-borda); }
.pcr .pcr-menu__lista button span { color: var(--pcr-sobe); font-weight: 600; }

/* ---------- Grade ---------- */
/* Antes do JavaScript (e em telas estreitas): layout em fluxo normal, legível e indexável. */
.pcr .pcr-grade:not(.grid-stack) {
	display: grid; gap: 12px; grid-auto-flow: row dense;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}
.pcr .pcr-grade:not(.grid-stack) > .grid-stack-item {
	display: flex; grid-column: span var(--pcr-span, 6);
	min-height: calc(var(--pcr-h, 6) * 76px - 12px);
}
.pcr .pcr-grade:not(.grid-stack) > .grid-stack-item > .pcr-card { flex: 1; }
.pcr .pcr-grade > .grid-stack-item[hidden] { display: none !important; }

@media (max-width: 1099px) {
	.pcr .pcr-grade:not(.grid-stack) > .grid-stack-item { grid-column: span 6; }
	.pcr .pcr-grade:not(.grid-stack) > .pcr-w-preco,
	.pcr .pcr-grade:not(.grid-stack) > .pcr-w-mapa,
	.pcr .pcr-grade:not(.grid-stack) > .pcr-w-mempool { grid-column: span 12; }
	[data-acao="organizar"], [data-acao="restaurar"], [data-acao="salvar-padrao"] { display: none !important; }
	.pcr .pcr-grade:not(.grid-stack) .pcr-grafico--preco { min-height: 260px; }
}
@media (max-width: 759px) {
	.pcr .pcr-grade:not(.grid-stack) { grid-template-columns: minmax(0, 1fr); }
	.pcr .pcr-grade:not(.grid-stack) > .grid-stack-item { grid-column: auto !important; min-height: 0; }
	.pcr .pcr-grafico { min-height: 200px; }
	.pcr .pcr-grafico--mini { min-height: 110px; }
	.pcr .pcr-mapa { min-height: 360px; }
}

/* ---------- Cartões ---------- */
.pcr .pcr-card {
	display: flex; flex-direction: column; gap: 14px;
	padding: 16px 16px 14px;
	background: var(--pcr-cartao);
	border: 1px solid var(--pcr-borda);
	border-radius: var(--pcr-raio);
	min-width: 0;
}
.grid-stack .pcr-card { overflow: hidden !important; }
.pcr .pcr-card__topo { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.pcr .pcr-card__titulo { font-size: 14.5px; font-weight: 650; letter-spacing: -0.005em; }
.pcr .pcr-card__sub { margin-top: 3px !important; font-size: 12px; color: var(--pcr-suave); }
.pcr .pcr-card__acoes { display: flex; align-items: center; gap: 6px; }
.pcr .pcr-card__ocultar {
	display: none; width: 26px; height: 26px; border-radius: 8px; cursor: pointer;
	border: 1px solid var(--pcr-borda); background: var(--pcr-cartao-2); color: var(--pcr-suave);
	font-size: 16px; line-height: 1;
}
.pcr .pcr-card__ocultar:hover { color: var(--pcr-texto); }

/* Modo organizar */
.pcr.is-organizando .pcr-card__ocultar { display: inline-grid; place-items: center; }
.pcr.is-organizando .pcr-card { border-style: dashed; border-color: var(--pcr-borda-forte); }
.pcr.is-organizando .pcr-card__topo { cursor: grab; }
.pcr.is-organizando .ui-draggable-dragging .pcr-card__topo { cursor: grabbing; }
.pcr .grid-stack-placeholder > .placeholder-content {
	background: rgba(122, 162, 255, .08); border: 1px dashed rgba(122, 162, 255, .45); border-radius: var(--pcr-raio);
}
.pcr .grid-stack-item > .ui-resizable-se {
	width: 18px; height: 18px; right: 8px; bottom: 8px; transform: none;
	background: none; border-right: 2px solid var(--pcr-suave); border-bottom: 2px solid var(--pcr-suave);
	border-radius: 0 0 6px 0;
}

/* ---------- Números ---------- */
.pcr .pcr-preco { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 14px; }
.pcr .pcr-preco__valor {
	font-size: clamp(28px, 3.4vw, 40px); font-weight: 650;
	letter-spacing: -0.025em; line-height: 1;
}
.pcr .pcr-variacao { font-size: 14px; font-weight: 650; }
.pcr .pcr-variacao span { color: var(--pcr-fraco); font-weight: 500; }

.pcr .pcr-numeros { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.pcr .pcr-numeros dt { font-size: 11.5px; color: var(--pcr-fraco); }
.pcr .pcr-numeros dd { font-size: 14px; font-weight: 600; margin-top: 1px; }

.pcr .pcr-grafico { position: relative; flex: 1 1 auto; min-height: 120px; }
.pcr .pcr-grafico--mini { flex: 1 1 70px; min-height: 70px; }
.pcr .pcr-grafico canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; }
.pcr .pcr-grafico.is-carregando { opacity: .4; transition: opacity .2s; }

/* ---------- Linhas (estilo "Por região") ---------- */
.pcr .pcr-linhas { display: grid; }
.pcr .pcr-linha {
	display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px;
	padding: 8px 0; border-bottom: 1px solid var(--pcr-linha);
}
.pcr .pcr-linha:last-child { border-bottom: 0; }
.pcr .pcr-linha__nome { font-weight: 600; font-size: 13.5px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pcr .pcr-linha__extra { font-size: 12px; color: var(--pcr-suave); }
.pcr .pcr-linha__num { font-size: 12.5px; font-weight: 650; min-width: 42px; text-align: right; }
.pcr .pcr-selo {
	display: grid; place-items: center;
	min-width: 30px; height: 30px; padding: 0 6px; border-radius: 999px;
	border: 1px solid var(--pcr-borda); background: var(--pcr-cartao-2);
	font-size: 11.5px; font-weight: 700;
}
.pcr .pcr-selo--sigla { font-size: 9.5px; letter-spacing: .02em; color: var(--pcr-suave); min-width: 38px; }

.pcr .pcr-linhas--compactas .pcr-linha { grid-template-columns: 90px 1fr auto; padding: 7px 0; }
.pcr .pcr-linhas--rolagem { overflow-y: auto; min-height: 0; margin-right: -6px; padding-right: 6px; }
.pcr .pcr-linhas--rolagem .pcr-linha { grid-template-columns: auto minmax(0, 1fr) minmax(64px, 96px) auto; }

.pcr .pcr-medida { position: relative; display: block; height: 4px; border-radius: 4px; background: var(--pcr-cartao-2); min-width: 60px; }
.pcr .pcr-medida__fill { position: absolute; top: 0; bottom: 0; border-radius: 4px; background: var(--pcr-suave); transition: width .6s ease; }
.pcr .pcr-medida.is-pos .pcr-medida__fill { background: var(--pcr-sobe); }
.pcr .pcr-medida.is-neg .pcr-medida__fill { background: var(--pcr-cai); }
.pcr .pcr-medida__tick { position: absolute; left: 50%; top: -6px; bottom: -6px; width: 2px; margin-left: -1px; background: var(--pcr-texto); border-radius: 1px; }


/* ---------- Cartão do bitcoin (destaque) ---------- */
.pcr .pcr-segmento {
	display: inline-flex; padding: 2px; gap: 2px; border-radius: 9px;
	background: var(--pcr-cartao-2); border: 1px solid var(--pcr-borda);
}
.pcr .pcr-segmento button {
	padding: 3px 9px; border-radius: 7px; cursor: pointer;
	font-size: 12px; font-weight: 650; color: var(--pcr-fraco);
}
.pcr .pcr-segmento button:hover { color: var(--pcr-texto); }
.pcr .pcr-segmento button.is-ativa { background: var(--pcr-cartao); color: var(--pcr-texto); box-shadow: 0 1px 2px rgba(0, 0, 0, .25); }
.pcr .pcr-preco__sigla { margin-left: 4px; color: var(--pcr-fraco); font-weight: 500; }
.pcr .pcr-card--preco .pcr-card__titulo { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 0; font-size: 16px; }
.pcr .pcr-vivo { display: inline-flex; align-items: center; gap: 6px; margin-left: 12px; padding-left: 12px; border-left: 1px solid var(--pcr-borda); font-size: 12px; font-weight: 500; color: var(--pcr-suave); }
.pcr .pcr-vivo .pcr-ponto { background: var(--pcr-fraco); animation: none; }
.pcr .pcr-vivo.is-vivo .pcr-ponto { background: var(--pcr-sobe); animation: pcr-pulso 2s ease-in-out infinite; }
.pcr .pcr-preco { align-items: center; gap: 8px 16px; margin-top: 2px; }
.pcr .pcr-preco .pcr-preco__valor {
	font-size: clamp(40px, 5.4vw, var(--pcr-preco-tam, 76px)); font-weight: 650; letter-spacing: -0.04em; line-height: 1;
	transition: color .8s ease;
}
/* Pisca a cada mudança de preço: só o texto, verde se subiu e vermelho se caiu. */
.pcr .pcr-preco .pcr-preco__valor.is-sobe { color: var(--pcr-sobe); transition: none; }
.pcr .pcr-preco .pcr-preco__valor.is-cai { color: var(--pcr-cai); transition: none; }
@media (max-width: 759px) {
	.pcr .pcr-preco .pcr-preco__valor { font-size: var(--pcr-preco-tam-cel, 46px); }
}
.pcr .pcr-preco .pcr-variacao {
	padding: 5px 10px; border-radius: 999px; font-size: 15px; font-weight: 650;
	background: var(--pcr-cartao-2);
}
.pcr .pcr-variacao span { color: inherit; opacity: .7; font-weight: 500; }
.pcr .pcr-variacao--sobe { color: var(--pcr-sobe); background: color-mix(in srgb, var(--pcr-sobe) 14%, transparent) !important; }
.pcr .pcr-variacao--cai { color: var(--pcr-cai); background: color-mix(in srgb, var(--pcr-cai) 14%, transparent) !important; }
.pcr .pcr-variacao--neutro { color: var(--pcr-suave); }
.pcr .pcr-preco__linha { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 12px; }


/* ---------- Sentimento (compacto) ---------- */
.pcr .pcr-sent__topo { display: grid; gap: 8px; }
.pcr .pcr-cabo.pcr-cabo--mini { height: 10px; border-radius: 6px; }
.pcr .pcr-cabo--mini .pcr-cabo__ursos { border-radius: 6px 0 0 6px; }
.pcr .pcr-cabo--mini .pcr-cabo__touros { border-radius: 0 6px 6px 0; }
.pcr .pcr-cabo--mini .pcr-cabo__meio { top: -4px; bottom: -4px; }
.pcr .pcr-cabo__legenda { display: flex; justify-content: space-between; font-size: 12px; color: var(--pcr-suave); }

/* ---------- Mapa do mercado ---------- */
.pcr .pcr-mapa {
	position: relative; flex: 1 1 auto; min-height: 220px;
	display: flex; flex-wrap: wrap; gap: 3px; align-content: stretch;
}
.pcr .pcr-mapa__item {
	flex: 1 1 64px; min-height: 54px;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
	padding: 6px; border-radius: 10px; overflow: hidden; text-align: center; cursor: default;
	transition: filter .15s ease;
}
.pcr .pcr-mapa__item:hover { filter: brightness(1.12); }
.pcr .pcr-mapa__item strong { font-size: 13px; font-weight: 700; letter-spacing: .01em; line-height: 1.1; }
.pcr .pcr-mapa__preco { font-size: 11px; opacity: .85; line-height: 1.2; }
.pcr .pcr-mapa__var { font-size: 11.5px; font-weight: 650; line-height: 1.2; }
.pcr .pcr-mapa.is-treemap { display: block; }
@media (max-width: 759px) {
	.pcr .pcr-mapa { min-height: 380px; }
	.pcr .pcr-taxas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.pcr .pcr-mapa.is-treemap .pcr-mapa__item { position: absolute; min-height: 0; }
.pcr .pcr-mapa__item.t-g strong { font-size: clamp(18px, 2.4vw, 34px); }
.pcr .pcr-mapa__item.t-g .pcr-mapa__preco { font-size: 13px; }
.pcr .pcr-mapa__item.t-g .pcr-mapa__var { font-size: 16px; }
.pcr .pcr-mapa__item.t-m strong { font-size: 15px; }
.pcr .pcr-mapa__item.t-p .pcr-mapa__preco { display: none; }
.pcr .pcr-mapa__item.t-pp .pcr-mapa__preco, .pcr .pcr-mapa__item.t-pp .pcr-mapa__var { display: none; }
.pcr .pcr-mapa__item.t-pp strong { font-size: 10px; }

/* ---------- Altseason ---------- */
.pcr .pcr-alt { display: grid; gap: 8px; }
.pcr .pcr-alt__valor { display: flex; align-items: baseline; gap: 4px; }
.pcr .pcr-alt__valor > span:first-child { font-size: 30px; font-weight: 700; letter-spacing: -0.02em; line-height: 1; }
.pcr .pcr-alt__valor small { font-size: 13px; color: var(--pcr-fraco); margin-right: 8px; }
.pcr .pcr-alt__rotulo { font-family: var(--pcr-serif); font-size: 17px; color: var(--pcr-suave); }
.pcr .pcr-alt__barra {
	position: relative; height: 10px; border-radius: 6px;
	background: linear-gradient(90deg, #f7931a 0%, #f7931a 25%, color-mix(in srgb, var(--pcr-suave) 45%, transparent) 25%, color-mix(in srgb, var(--pcr-suave) 45%, transparent) 75%, #7b61d9 75%, #7b61d9 100%);
}
.pcr .pcr-alt__marca {
	position: absolute; top: 50%; width: 16px; height: 16px; border-radius: 50%;
	transform: translate(-50%, -50%); background: var(--pcr-texto); border: 3px solid var(--pcr-cartao);
	transition: left .8s cubic-bezier(.2, .7, .2, 1);
}
.pcr .pcr-alt__legenda { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--pcr-fraco); }
.pcr .pcr-alt__rodape { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; color: var(--pcr-suave); }
.pcr .pcr-alt__rodape strong { color: var(--pcr-texto); }

/* ---------- Taxas da rede ---------- */
.pcr .pcr-taxas { display: grid; grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); gap: 8px; flex: 1; align-content: start; }
.pcr .pcr-taxa {
	display: grid; gap: 2px; align-content: start;
	padding: 10px 10px 10px 12px; border-radius: 12px; background: var(--pcr-cartao-2);
	box-shadow: inset 3px 0 0 var(--cor-taxa);
}
.pcr .pcr-taxa__nome { font-size: 11.5px; font-weight: 600; color: var(--pcr-suave); }
.pcr .pcr-taxa__valor { font-size: 11.5px; color: var(--pcr-fraco); }
.pcr .pcr-taxa__valor strong { font-size: 22px; font-weight: 700; color: var(--pcr-texto); letter-spacing: -0.02em; margin-right: 2px; }
.pcr .pcr-taxa__custo { font-size: 12.5px; font-weight: 600; }
.pcr .pcr-taxa__tempo { font-size: 11px; color: var(--pcr-fraco); }

/* ---------- Blocos do bitcoin ---------- */
.pcr .pcr-blocos {
	display: flex; align-items: center; justify-content: center; gap: 14px; flex: 1;
	overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin;
	container-type: inline-size;
}
.pcr .pcr-blocos ol { display: flex; gap: 12px; margin: 0; padding: 0; list-style: none; }
.pcr .pcr-blocos__divisa { align-self: stretch; width: 0; border-left: 2px dashed var(--pcr-borda-forte); flex-shrink: 0; }
.pcr .pcr-bloco { display: grid; justify-items: center; gap: 6px; flex-shrink: 0; }
.pcr .pcr-bloco__topo { font-size: 12px; font-weight: 650; color: var(--pcr-texto); }
.pcr .pcr-bloco--fila .pcr-bloco__topo { color: var(--pcr-suave); }
.pcr .pcr-bloco__rodape { font-size: 11px; color: var(--pcr-fraco); max-width: clamp(64px, calc((100cqw - 150px) / 9 + 8px), 124px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pcr .pcr-bloco__cubo {
	/* 3 na fila + 6 minerados cabem na largura do widget */
	width: clamp(64px, calc((100cqw - 150px) / 9), 118px); aspect-ratio: 1;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
	border-radius: 14px; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
	background: linear-gradient(to top,
		var(--cor-taxa) 0, var(--cor-taxa) var(--ocupado),
		color-mix(in srgb, var(--cor-taxa) 55%, var(--pcr-cartao-2)) var(--ocupado));
}
.pcr .pcr-bloco--fila .pcr-bloco__cubo {
	background: linear-gradient(to top,
		color-mix(in srgb, var(--cor-taxa) 80%, var(--pcr-cartao)) 0, color-mix(in srgb, var(--cor-taxa) 80%, var(--pcr-cartao)) var(--ocupado),
		color-mix(in srgb, var(--cor-taxa) 35%, var(--pcr-cartao-2)) var(--ocupado));
	outline: 1px dashed color-mix(in srgb, var(--cor-taxa) 70%, transparent); outline-offset: 3px;
}
.pcr .pcr-bloco__cubo strong { font-size: clamp(14px, 1.6cqw, 20px); font-weight: 750; line-height: 1.05; letter-spacing: -0.02em; }
.pcr .pcr-bloco__cubo span { font-size: 10.5px; opacity: .92; line-height: 1.25; }
.pcr .pcr-bloco__faixa { font-weight: 600; }
.pcr .pcr-bloco.is-novo .pcr-bloco__cubo { animation: pcr-bloco-novo .9s ease; }
@media (max-width: 759px) {
	.pcr .pcr-blocos { justify-content: flex-start; }
	.pcr .pcr-bloco__cubo { width: 96px; }
	.pcr .pcr-bloco__cubo strong { font-size: 18px; }
	.pcr .pcr-bloco__rodape { max-width: 104px; }
}
@keyframes pcr-bloco-novo { from { transform: translateX(-24px) scale(.9); opacity: 0; } }

/* ---------- Listas de moedas (altas, quedas, buscadas) ---------- */
.pcr .pcr-listas { flex: 1; min-height: 0; overflow-y: auto; }
.pcr .pcr-linha--moeda { grid-template-columns: auto minmax(0, 1fr) auto auto; }
.pcr .pcr-linha__preco { font-size: 12.5px; color: var(--pcr-suave); }
.pcr .pcr-chip { padding: 3px 8px; border-radius: 999px; font-size: 12px; font-weight: 650; min-width: 64px; text-align: center; }
.pcr .pcr-chip--sobe { color: var(--pcr-sobe); background: color-mix(in srgb, var(--pcr-sobe) 14%, transparent); }
.pcr .pcr-chip--cai { color: var(--pcr-cai); background: color-mix(in srgb, var(--pcr-cai) 14%, transparent); }
.pcr .pcr-chip--neutro { color: var(--pcr-suave); background: var(--pcr-cartao-2); }

.pcr .pcr-botao-leve--admin { color: var(--pcr-foco); }

/* ---------- Medo e ganância ---------- */
.pcr .pcr-medidor { position: relative; display: grid; justify-items: center; color: var(--pcr-texto); }
.pcr .pcr-medidor__svg { width: min(100%, 190px); height: auto; display: block; }
.pcr .pcr-medidor__ponteiro { transform-origin: 100px 100px; transform-box: view-box; transition: transform 1s cubic-bezier(.2, .7, .2, 1); }
.pcr .pcr-medidor__valor { margin-top: 6px !important; font-size: 34px; font-weight: 700; letter-spacing: -0.02em; line-height: 1; }
.pcr .pcr-medidor__classe { font-family: var(--pcr-serif); font-size: 17px; color: var(--pcr-suave); margin-top: 4px !important; }

/* ---------- Sentimento ---------- */
.pcr .pcr-sent__valor { display: flex; align-items: baseline; gap: 10px; }
.pcr .pcr-sent__valor > span:first-child { font-size: 34px; font-weight: 700; letter-spacing: -0.02em; line-height: 1; }
.pcr .pcr-sent__rotulo { font-family: var(--pcr-serif); font-size: 18px; color: var(--pcr-suave); }

/* ---------- Tabela dos ETFs ---------- */
.pcr .pcr-tabela { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.pcr .pcr-tabela th, .pcr .pcr-tabela td { padding: 6px 0; border-top: 1px solid var(--pcr-linha); text-align: right; font-weight: 600; }
.pcr .pcr-tabela thead th { border-top: 0; font-size: 11.5px; font-weight: 500; color: var(--pcr-fraco); }
.pcr .pcr-tabela th:first-child { text-align: left; }
.pcr .pcr-tabela tbody th span { color: var(--pcr-fraco); font-weight: 500; margin-left: 6px; }

/* ---------- Rodapé de status ---------- */
.pcr .pcr-status {
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px;
	padding: 12px 4px 4px; font-size: 12px; color: var(--pcr-suave);
}
.pcr .pcr-status__vivo { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--pcr-texto); }
.pcr .pcr-ponto { width: 7px; height: 7px; border-radius: 50%; background: var(--pcr-cai); animation: pcr-pulso 2s ease-in-out infinite; }
.pcr .pcr-status a { color: var(--pcr-texto); text-decoration-color: var(--pcr-fraco); text-underline-offset: 3px; }
@keyframes pcr-pulso { 50% { opacity: .3; } }

/* ---------- Texto editorial (SEO) ---------- */
.pcr .pcr-texto {
	max-width: 68ch; margin: 48px auto 32px; padding: 0 8px;
	font-size: 16px; line-height: 1.7; color: var(--pcr-corrido);
}
.pcr .pcr-texto h2, .pcr .pcr-texto h3 { font-family: var(--pcr-serif); font-weight: 500; color: var(--pcr-texto); line-height: 1.25; }
.pcr .pcr-texto h2 { font-size: 26px; margin: 40px 0 12px; }
.pcr .pcr-texto h2:first-child { margin-top: 0; }
.pcr .pcr-texto h3 { font-size: 20px; margin: 28px 0 8px; }
.pcr .pcr-texto p, .pcr .pcr-texto ul, .pcr .pcr-texto ol { margin: 0 0 16px; }
.pcr .pcr-texto ul, .pcr .pcr-texto ol { padding-left: 1.3em; list-style: revert; }
.pcr .pcr-texto a { color: var(--pcr-texto); text-decoration-color: var(--pcr-sobe); text-underline-offset: 3px; }

/* ---------- Placar em telas pequenas ---------- */
@media (max-width: 759px) {
	.pcr { padding-left: 8px; padding-right: 8px; }
	.pcr .pcr-placar {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "centro centro" "ursos touros" "rodape rodape";
		padding: 14px;
		align-items: center;
	}
	.pcr .pcr-placar__lado--touros { justify-content: flex-end; }
	.pcr .pcr-placar__icone { width: 32px; height: 32px; border-radius: 8px; }
	.pcr .pcr-placar__nome { font-size: 16px; }
	.pcr .pcr-cabo { height: 30px; }
	.pcr .pcr-placar__nota { margin-left: 0; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.pcr *, .pcr *::before, .pcr *::after { transition: none !important; animation: none !important; }
}
