/* Cotações do Portal — mesmo visual do layout Diário Agora */
.cdp { --cdp-borda: #CFC9BC; --cdp-fundo: #FFFFFF; --cdp-texto: #16161A; --cdp-rotulo: #5E594F; --cdp-alta: #0B6B4B; --cdp-baixa: #B3121F; font-family: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; color: var(--cdp-texto); }
.cdp-titulo { margin: 0 0 12px; font-family: 'Newsreader', Georgia, serif; font-size: 28px; font-weight: 700; color: var(--cdp-alta); border-top: 4px solid var(--cdp-alta); padding-top: 10px; }
.cdp-grid { display: grid; grid-template-columns: repeat(var(--cdp-cols, 2), minmax(0, 1fr)); gap: 1px; background: var(--cdp-borda); border: 1px solid var(--cdp-borda); }
.cdp-item { background: var(--cdp-fundo); padding: 12px 14px; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.cdp-nome { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--cdp-rotulo); }
.cdp-valor { font-size: 20px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cdp-var { font-size: 13px; font-weight: 600; }
.cdp-alta { color: var(--cdp-alta); }
.cdp-baixa { color: var(--cdp-baixa); }
.cdp-neutro { color: var(--cdp-rotulo); font-weight: 500; }
.cdp-grade .cdp-item:last-child:nth-child(odd) { grid-column: 1 / -1; }
.cdp-rodape { margin: 6px 0 0; font-size: 12px; color: var(--cdp-rotulo); }
.cdp-escura { --cdp-borda: #2C5E4B; --cdp-fundo: #0F4A38; --cdp-texto: #F7F5F0; --cdp-rotulo: #BFD3C8; --cdp-alta: #7FE0B0; --cdp-baixa: #FFB4B4; }
.cdp-escura .cdp-titulo { color: #F7F5F0; border-color: #7FE0B0; }
@media (max-width: 900px) {
	.cdp-faixa .cdp-grid, .cdp-escura .cdp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.cdp-grid, .cdp-faixa .cdp-grid, .cdp-escura .cdp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cdp-item:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.cdp-valor { font-size: 17px; }
	.cdp-titulo { font-size: 24px; }
}

/* Visual suave */
.cdp-grid { border-radius: 14px; overflow: hidden; border-color: #E4DFD4; background: #E4DFD4; box-shadow: 0 1px 2px rgba(22,22,26,.05), 0 6px 20px rgba(22,22,26,.06); }
.cdp-escura .cdp-grid { border-color: #2C5E4B; background: #2C5E4B; box-shadow: none; }
.cdp-titulo { border-top-width: 3px; }