.analise-inteligente { width: 100%; margin-top: 0; }
.analise-cabecalho { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 24px; }
.analise-cabecalho h2 { margin: 3px 0 0; }
.analise-badge { padding: 8px 13px; border-radius: 999px; background: rgba(37, 99, 235, .12); color: var(--cor-primaria); font-size: 13px; font-weight: 700; white-space: nowrap; }
.analise-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.analise-card { position: relative; min-width: 0; background: var(--bg); border: 1px solid var(--borda); border-top: 3px solid var(--cor-primaria); border-radius: 14px; padding: 17px; }
.analise-card > i { position: absolute; top: 15px; right: 15px; color: var(--cor-primaria); opacity: .25; }
.analise-card span { display: block; color: var(--texto-sec); font-size: 12px; font-weight: 600; padding-right: 22px; margin-bottom: 9px; }
.analise-card strong { display: block; overflow: hidden; text-overflow: ellipsis; color: var(--texto); font-size: 18px; white-space: nowrap; }
.analise-card small { display: block; color: var(--texto-sec); font-size: 11px; margin-top: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.analise-card.positivo { border-top-color: var(--verde); }
.analise-card.positivo > i { color: var(--verde); }
.analise-card.atencao { border-top-color: var(--amarelo); }
.analise-card.atencao > i { color: var(--amarelo); }
.analise-card.negativo { border-top-color: var(--vermelho); }
.analise-card.negativo > i { color: var(--vermelho); }

.comparacoes-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.comparacao-card, .recomendacoes-box { background: var(--bg); border: 1px solid var(--borda); border-radius: 15px; padding: 20px; }
.comparacao-card h3, .recomendacoes-box h3 { color: var(--texto); font-size: 16px; margin-bottom: 14px; }
.comparacao-card h3 i, .recomendacoes-box h3 i { color: var(--cor-primaria); margin-right: 7px; }
.comparacao-card > p { color: var(--texto-sec); line-height: 1.65; }
.comparacao-apps { display: grid; gap: 9px; }
.comparacao-app { display: grid; grid-template-columns: 75px 1fr auto; align-items: center; gap: 10px; font-size: 13px; }
.comparacao-barra { height: 8px; overflow: hidden; background: var(--borda); border-radius: 999px; }
.comparacao-barra span { display: block; height: 100%; background: var(--cor-primaria); border-radius: inherit; }

.recomendacoes-box { margin-top: 18px; }
.recomendacoes-lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.recomendacao { display: flex; align-items: flex-start; gap: 11px; border-radius: 12px; padding: 14px; background: var(--card); border-left: 4px solid var(--cor-primaria); }
.recomendacao i { margin-top: 3px; color: var(--cor-primaria); }
.recomendacao p { color: var(--texto); font-size: 13px; line-height: 1.55; }
.recomendacao.positiva { border-left-color: var(--verde); }
.recomendacao.positiva i { color: var(--verde); }
.recomendacao.alerta { border-left-color: var(--amarelo); }
.recomendacao.alerta i { color: var(--amarelo); }
.recomendacao.negativa { border-left-color: var(--vermelho); }
.recomendacao.negativa i { color: var(--vermelho); }

@media (max-width: 1100px) { .analise-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
    .analise-cards, .comparacoes-grid, .recomendacoes-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .analise-cabecalho { align-items: flex-start; flex-direction: column; }
    .analise-cards, .comparacoes-grid, .recomendacoes-lista { grid-template-columns: 1fr; }
}