teste v5.5

Austin Reaves Linha 26+ Pontos Últimos 5 jogos 60% Últimos 10 jogos 50% Últimos 20 jogos 45% Confronto Direto (L3) 38% Média na Temporada 25.5 Adversário vs Posição N/A Dias de Descanso 0 Últimos 10 Jogos 21 @MEM 26 MIA 24 @CHA 13 @OKC 31 @NOP 25 @MIL 26 UTA 22 @UTA 31 LAC 38 DAL /* --- ESTILOS GERAIS DO CARD --- */ .comptime { width: 100% !important; max-width: 800px !important; margin: 20px auto !important; /* Centraliza horizontalmente */ padding: 10px 13px !important; background: linear-gradient(to bottom, #222, #333, #203a43) !important; border-radius: 27px !important; border-top: 7px solid #5aa7dd !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important; box-sizing: border-box; } .comptime .fotojogador { width: 173px !important; max-width: 100% !important; background: #222 !important; border-radius: 27px !important; margin: 15px auto -12px auto !important; border-top: solid 5px #222 !important; display: block !important; height: auto !important; } .comptime h3 { text-align: center !important; color: #f2f2f2 !important; margin-top: 15px !important; margin-bottom: 10px !important; } .comptime .team-comparison { display: flex !important; justify-content: space-around !important; align-items: center !important; flex-wrap: wrap !important; margin-bottom: 15px !important; } .comptime .team { margin: 10px !important; flex: 1 !important; min-width: 120px !important; } /* --- Estilos das Linhas de Estatística (.stat) --- */ .comptime .stat { background-color: #252525 !important; margin: 5px 0 !important; border-radius: 99px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; position: relative !important; height: 38px !important; box-sizing: border-box !important; padding: 0 !important; } /* CORREÇÃO: Alinhamento Vertical Perfeito e Z-index */ .comptime .stat-label { color: #f2f2f2 !important; z-index: 5 !important; padding-left: 13px !important; background-color: transparent !important; position: relative !important; line-height: 38px !important; /* Estabiliza o alinhamento vertical */ } .comptime .stat-value { color: #5aa7dd !important; font-weight: bold !important; z-index: 5 !important; padding-right: 13px !important; background-color: transparent !important; position: relative !important; line-height: 38px !important; /* Estabiliza o alinhamento vertical */ } .comptime .highlight-line { background: linear-gradient(to right, #264a64, #275a7e) !important; font-size: 1.1em !important; padding: 0 !important; height: 38px !important; } .comptime .highlight-line .stat-label, .comptime .highlight-line .stat-value { color: #d3e8f7 !important; font-weight: bold !important; } .comptime .highlight-line .stat-label { font-weight: 700 !important; } /* --- BARRAS DE PROGRESSO HORIZONTAIS --- */ .comptime .stat.is-progress { padding: 0 !important; } .comptime .progress-bar { position: absolute !important; width: 100% !important; height: 100% !important; border-radius: 99px !important; z-index: 1 !important; background-color: rgba(0, 0, 0, 0.2) !important; } @keyframes fill-progress { 0% { width: 0; } 100% { width: var(--progress-width); } } .comptime .progress-fill { height: 100% !important; background: linear-gradient(to right, #264a64, #275a7e) !important; border-radius: 99px !important; position: absolute !important; width: var(--progress-width) !important; transition: width 1.5s ease-out !important; animation: fill-progress 1.5s ease-out forwards !important; } /* --- Estilos do Gráfico de Pontuação Vertical --- */ .comptime .score-chart-wrapper { padding: 10px 0 0 0 !important; margin-left: 0 !important; } .comptime .score-chart { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; height: 200px !important; padding: 20px 0 !important; width: 100% !important; } .comptime .chart-bar-container { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; width: 8% !important; height: 100% !important; } /* Animação para Barras Verticais */ @keyframes chart-rise { 0% { height: 0%; } 100% { height: var(--chart-height); } } .comptime .chart-bar { width: 80% !important; border-radius: 5px 5px 0 0 !important; /* CORREÇÃO: Garante visibilidade e usa a altura final */ min-height: 1px !important; height: var(--chart-height) !important; transition: height 1.5s ease-out, background-color 0.5s !important; animation: chart-rise 1s ease-out forwards !important; } /* Classes de Cor Dinâmica */ .comptime .chart-bar.is-over-line { background: linear-gradient(to top, #264a64, #275a7e) !important; } .comptime .chart-bar.is-under-line { background-color: #c0392b !important; } .comptime .chart-value { color: #f2f2f2 !important; font-weight: bold !important; margin-bottom: 5px !important; } .comptime .chart-label { color: #aaa !important; margin-top: 5px !important; } @media (max-width: 480px) { .comptime .team { flex: 1 100% !important; } }

teste v5.5

Andrei Macedo

Conteúdo relacionado

Deixe um comentário Cancelar resposta

⚡ em alta

teste v5.5

Como a IA (quase) me desanimou em criar conteúdo real sobre trade esportivo?

Europa League hoje, 25/09/2025: jogos com tendência de gols HT/FT

Estudo de Caso: Real Sociedad x Mallorca (24/09) e motivos para entrar em +0,5 HT

Sobre o barauma.pro: análise esportiva profissional para Traders e Punters

Palpites de Futebol (20/01/2025) Jogos para Apostar em Gols no 1º Tempo

Palpites de Futebol (17/01/2025) Jogos para Apostar em Gols no 1º Tempo

@

⚡

Welcome Back!

Create New Account!

Retrieve your password