/* Servicios Menetan — comparison.css — Tabla comparativa */

.comparison__table-wrapper {
  overflow-x: auto;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-gray-100);
  box-shadow: var(--shadow-md);
  max-width: 860px;
  margin-inline: auto;
}

.comparison__table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--size-sm);
  background-color: var(--color-white);
}

.comparison__table thead tr {
  background-color: var(--color-navy);
}

.comparison__th-feature,
.comparison__th-manual,
.comparison__th-menetan {
  padding: var(--space-4) var(--space-6);
  text-align: left;
  font-size: var(--size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.comparison__th-feature { color: rgba(255,255,255,0.50); width: 30%; }
.comparison__th-manual  { color: rgba(255,255,255,0.70); width: 35%; }
.comparison__th-menetan {
  color: var(--color-gold-light);
  width: 35%;
  border-left: 2px solid rgba(200,146,42,0.40);
}

.comparison__table tbody tr {
  border-bottom: 1px solid var(--color-gray-100);
  transition: background-color var(--transition-fast);
}

.comparison__table tbody tr:last-child { border-bottom: none; }
.comparison__table tbody tr:hover { background-color: var(--color-gray-50); }

.comparison__feature {
  padding: var(--space-4) var(--space-6);
  font-weight: 700;
  color: var(--text-primary);
}

.comparison__manual {
  padding: var(--space-4) var(--space-6);
  color: var(--text-muted);
}

.comparison__menetan {
  padding: var(--space-4) var(--space-6);
  color: var(--text-primary);
  font-weight: 600;
  border-left: 2px solid rgba(200,146,42,0.20);
  background-color: rgba(200,146,42,0.03);
}

.comparison__yes {
  color: #3B6D11;
  font-weight: 700;
  margin-right: var(--space-2);
}

.comparison__no {
  color: #A32D2D;
  font-weight: 700;
  margin-right: var(--space-2);
}

@media (max-width: 768px) {
  .comparison__table { font-size: var(--size-xs); }
  .comparison__feature,
  .comparison__manual,
  .comparison__menetan { padding: var(--space-3) var(--space-3); }
}