@import "../inner.css";

.comparacao-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
}
.comp-col {
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--gray-100);
}
.comp-col-header { padding: 20px 24px; border-bottom: 1px solid var(--gray-100); }
.comp-badge { font-size: 14px; font-weight: 600; }
.comp-badge-nao { color: #c0392b; }
.comp-badge-sim { color: #27ae60; }
.comp-items { padding: 24px; list-style: none; display: grid; gap: 12px; }
.comp-items li {
  font-size: 14px;
  color: var(--gray-700);
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.5;
}
.comp-items li::before { flex-shrink: 0; margin-top: 1px; }
.comp-nao .comp-items li::before { content: '✗'; color: #c0392b; font-weight: 700; }
.comp-sim .comp-items li::before { content: '✓'; color: #27ae60; font-weight: 700; }
.comp-sim { background: #f0fdf4; border-color: #bbf7d0; }
.comp-nao { background: #fff5f5; border-color: #fecaca; }

.vantagens-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.vantagem-card {
  border: 1px solid var(--gray-100);
  border-radius: var(--radius-lg);
  padding: 28px 22px;
  transition: border-color .2s, box-shadow .2s;
}
.vantagem-card:hover { border-color: rgba(34,197,227,.4); box-shadow: var(--shadow-sm); }
.vantagem-icon { font-size: 30px; display: block; margin-bottom: 14px; }
.vantagem-card h4 { color: var(--navy); margin-bottom: 10px; }
.vantagem-card p  { font-size: 13px; color: var(--gray-500); line-height: 1.7; }

@media(max-width:768px) {
  .comparacao-grid { grid-template-columns: 1fr; }
  .vantagens-grid  { grid-template-columns: 1fr 1fr; }
}
@media(max-width:480px) {
  .vantagens-grid  { grid-template-columns: 1fr; }
}