/* ============================================================
   SEM.CSS — Datanavis
   ============================================================ */

/* COMPARATIVA SEO vs SEM */
#comparativa { background: var(--bg2); }
.comp-table {
  width: 100%; border-collapse: collapse;
  border-radius: 16px; overflow: hidden; font-size: .88rem;
}
.comp-table th {
  background: rgba(164,190,60,.12); color: var(--accent);
  padding: 1rem 1.5rem; text-align: left;
  font-size: .8rem; text-transform: uppercase; letter-spacing: .1em;
  border-bottom: 1px solid var(--border);
}
.comp-table td {
  padding: .9rem 1.5rem; border-bottom: 1px solid var(--border2);
  color: var(--muted); vertical-align: top;
}
.comp-table tr:last-child td { border-bottom: none; }
.comp-table td:first-child { color: var(--white); font-weight: 600; }
.comp-table td.yes { color: var(--accent); }
.comp-table td.no  { color: #ff6b6b; }
.comp-table tr:hover td { background: rgba(164,190,60,.03); }

/* PROCESO específico SEM */
#proceso { background: var(--bg); }

/* HERRAMIENTAS */
#herramientas { background: var(--bg2); }

@media (max-width: 768px) {
  .comp-table { font-size: .78rem; }
  .comp-table th, .comp-table td { padding: .7rem 1rem; }
}