Fed sinaliza corte de juros para setembro
Jerome Powell indicou que o ciclo de afrouxamento monetário pode começar já no próximo mês, com corte de 25bps.
* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background-color: #0a1628; color: #e0e6f0; line-height: 1.6; min-height: 100vh; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Header */ .header { background: linear-gradient(135deg, #0d1f3c 0%, #1a2a4a 50%, #0d1f3c 100%); border-bottom: 2px solid rgba(240, 180, 41, 0.3); padding: 20px 0; position: sticky; top: 0; z-index: 100; backdrop-filter: blur(10px); } .header-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; } .header-title { display: flex; align-items: center; gap: 12px; } .header-title i, .header-date i, .section-header i, .weather-main i, .weather-details i, .news-meta i, .stock-name i, .stock-change i, .footer i, .toast i { width: 24px; height: 24px; stroke-width: 2; flex-shrink: 0; } .header-date i.clock-spacer { margin-left: 8px; } .header-title i { width: 28px; height: 28px; color: #f0b429; } .header-title h1 { font-size: 1.3rem; font-weight: 700; color: #ffffff; letter-spacing: -0.5px; } .header-title .badge { font-size: 0.65rem; background: #f0b429; color: #0a1628; padding: 2px 8px; border-radius: 4px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .header-date { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: #94a3b8; } .header-date i { width: 16px; height: 16px; color: #f0b429; } .header-date i.clock-spacer { margin-left: 8px; } .btn-refresh i { width: 16px; height: 16px; } .header-actions { display: flex; gap: 8px; } .btn-refresh { background: linear-gradient(135deg, #f0b429, #d49520); color: #0a1628; border: none; padding: 10px 20px; border-radius: 8px; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 0.85rem; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; } .btn-refresh:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(240, 180, 41, 0.4); } .btn-refresh:active { transform: translateY(0); } .btn-refresh i { width: 16px; height: 16px; } .btn-refresh.loading i { animation: spin 1s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Toast */ .toast { position: fixed; bottom: 30px; right: 30px; background: #1a2a4a; border: 1px solid rgba(240, 180, 41, 0.5); border-radius: 12px; padding: 16px 24px; display: flex; align-items: center; gap: 12px; box-shadow: 0 8px 32px rgba(0,0,0,0.4); transform: translateY(100px); opacity: 0; transition: all 0.4s ease; z-index: 1000; } .toast.show { transform: translateY(0); opacity: 1; } .toast i { width: 22px; height: 22px; color: #f0b429; } .toast span { font-size: 0.9rem; font-weight: 500; } /* Sections */ .section { margin: 28px 0; } .section-header { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.08); } .section-header i { color: #f0b429; width: 20px; height: 20px; } .section-header h2 { font-size: 1.1rem; font-weight: 600; color: #ffffff; } /* Grid layouts */ .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } /* Cards */ .card { background: linear-gradient(145deg, #0d1f3c, #1a2a4a); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 20px; transition: all 0.3s ease; } .card:hover { border-color: rgba(240, 180, 41, 0.3); transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.3); } /* Weather Card */ .weather-card { display: flex; align-items: center; justify-content: space-between; } .weather-main { display: flex; align-items: center; gap: 16px; } .weather-main i { width: 52px; height: 52px; color: #f0b429; } .weather-temp { font-size: 2.2rem; font-weight: 700; color: #ffffff; } .weather-desc { color: #94a3b8; font-size: 0.9rem; } .weather-details { display: flex; gap: 20px; color: #94a3b8; font-size: 0.85rem; } .weather-details span { display: flex; align-items: center; gap: 6px; } .weather-details i { color: #f0b429; width: 16px; height: 16px; } /* Stock table */ .stock-table { width: 100%; border-collapse: collapse; } .stock-table th { text-align: left; padding: 10px 12px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.08); } .stock-table td { padding: 12px; border-bottom: 1px solid rgba(255,255,255,0.04); font-size: 0.9rem; } .stock-table tr:last-child td { border-bottom: none; } .stock-table tr:hover td { background: rgba(240, 180, 41, 0.04); } .stock-name { display: flex; align-items: center; gap: 10px; font-weight: 600; color: #ffffff; } .stock-name i { color: #f0b429; width: 18px; height: 18px; } .stock-ticker { font-size: 0.75rem; color: #64748b; font-weight: 400; } .stock-value { font-weight: 600; font-variant-numeric: tabular-nums; } .stock-change { font-weight: 600; font-variant-numeric: tabular-nums; } .stock-change.up { color: #22c55e; } .stock-change.down { color: #ef4444; } .stock-change i { width: 14px; height: 14px; margin-right: 4px; } /* News Cards — inherits from .card */ .news-card { display: flex; flex-direction: column; gap: 12px; } .news-tag { display: inline-block; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 3px 10px; border-radius: 4px; background: rgba(240, 180, 41, 0.15); color: #f0b429; width: fit-content; } .news-card h3 { margin: 0; } .news-meta { display: flex; justify-content: space-between; align-items: center; font-size: 0.75rem; color: #64748b; padding-top: 8px; border-top: 1px solid rgba(255,255,255,0.06); } .news-meta span { display: flex; align-items: center; gap: 4px; } .news-meta i { color: #f0b429; width: 14px; height: 14px; } .stock-table-wrapper { padding: 0; overflow-x: auto; } .news-link { color: #f0b429; text-decoration: none; font-weight: 500; cursor: default; } /* Agenda */ .agenda-list { display: flex; flex-direction: column; gap: 12px; } .agenda-item { display: flex; align-items: flex-start; gap: 16px; padding: 14px 16px; background: rgba(255,255,255,0.03); border-radius: 10px; border-left: 3px solid #f0b429; transition: all 0.2s; } .agenda-item:hover { background: rgba(240, 180, 41, 0.06); } .agenda-time { min-width: 70px; font-weight: 600; color: #f0b429; font-size: 0.85rem; font-variant-numeric: tabular-nums; } .agenda-info { flex: 1; } .agenda-info h4 { font-size: 0.9rem; font-weight: 600; color: #ffffff; margin-bottom: 2px; } .agenda-info p { font-size: 0.8rem; color: #94a3b8; } .agenda-flag { font-size: 0.7rem; padding: 2px 8px; border-radius: 4px; font-weight: 600; } .agenda-flag.high { background: rgba(239, 68, 68, 0.15); color: #ef4444; } .agenda-flag.medium { background: rgba(240, 180, 41, 0.15); color: #f0b429; } .agenda-flag.low { background: rgba(34, 197, 94, 0.15); color: #22c55e; } /* Footer */ .footer { margin-top: 40px; padding: 24px 0; border-top: 1px solid rgba(255,255,255,0.06); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; } .footer p { font-size: 0.8rem; color: #64748b; } .footer i { width: 16px; height: 16px; color: #f0b429; margin-right: 6px; } .footer .update-time { display: flex; align-items: center; gap: 6px; } /* Responsive */ @media (max-width: 1024px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; } .header-inner { flex-direction: column; align-items: flex-start; } .header-actions { width: 100%; } .btn-refresh { width: 100%; justify-content: center; } .weather-card { flex-direction: column; align-items: flex-start; gap: 12px; } .weather-details { flex-wrap: wrap; } .toast { left: 20px; right: 20px; bottom: 20px; } } @media (max-width: 480px) { .container { padding: 0 14px; } .header-title h1 { font-size: 1.1rem; } .stock-table th, .stock-table td { padding: 8px 6px; font-size: 0.8rem; } .section { margin: 20px 0; } }
| Índice | Valor | Variação |
|---|---|---|
| S&P 500 SPX | 5.847,23 | +0,42% |
| Nasdaq IXIC | 18.456,80 | +0,58% |
| Ibovespa IBOV | 129.832,45 | -0,31% |
| Dólar (BRL) USDBRL | R$ 5,68 | +0,15% |
Jerome Powell indicou que o ciclo de afrouxamento monetário pode começar já no próximo mês, com corte de 25bps.
Pacote inclui revisão de gastos e meta de déficit zero já para 2025, com impacto positivo no risco-país.
Brent ultrapassa US$ 85/barril com preocupações sobre oferta. Impacto direto nos custos de energia.
Índice de Preços ao Consumidor (Fipe)
Saldo semanal de comércio exterior
Produto Interno Bruto americano (2ª leitura)
Relatório semanal do DoE