/* QUÉ INCLUYE CADA PLAN (encargo T6, 4-nov-2026): la tabla de /pricing y de
   la portada. Con las variables del sistema (--sn-*), en claro y en oscuro.
   Las columnas Pro llevan el acento; las celdas sin la función, un guion. */
.tp { margin: 8px 0 56px; }
.tp-lede { font-size: 17px; line-height: 1.6; color: var(--sn-text-muted, #A3B1C2); max-width: 62ch; margin: 0 0 24px; }
.tp-marco { overflow-x: auto; border: 1px solid var(--sn-line, #1C2735); border-radius: 18px; background: var(--sn-surface, #0F151D); }
.tp-tabla { width: 100%; min-width: 680px; border-collapse: separate; border-spacing: 0; font-size: 17px; }
.tp-tabla th, .tp-tabla td { padding: 11px 14px; border-bottom: 1px solid var(--sn-line-soft, rgba(255,255,255,.05)); }
.tp-tabla tbody tr:last-child > * { border-bottom: 0; }
.tp-tabla thead th { position: sticky; top: 0; background: var(--sn-surface, #0F151D); vertical-align: bottom; padding-top: 22px; padding-bottom: 16px; border-bottom: 1px solid var(--sn-line, #1C2735); }
.tp-col { text-align: center; min-width: 104px; }
.tp-col--pro { background: rgba(var(--sn-accent-rgb, 77,163,255), .06) !important; }
.tp-tabla td:nth-child(n+3) { background: rgba(var(--sn-accent-rgb, 77,163,255), .035); }
.tp-nombre { font-size: 17px; font-weight: 600; color: var(--sn-text, #E8EEF6); }
.tp-col--pro .tp-nombre { color: var(--sn-accent, #4DA3FF); }
.tp-precio { margin-top: 4px; font-size: 17px; font-weight: 600; color: var(--sn-text, #E8EEF6); }
.tp-cuidados { margin-top: 4px; font-size: 12.5px; line-height: 1.35; font-weight: 400; color: var(--sn-text-muted, #A3B1C2); }
.tp-tabla tbody th[scope="row"] { text-align: left; font-weight: 400; color: var(--sn-text, #E8EEF6); line-height: 1.45; }
.tp-grupo th { text-align: left; padding-top: 22px !important; font-size: 12px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; color: var(--sn-muted, #A3B1C2); font-family: var(--sn-font-mono, ui-monospace, monospace); }
.tp-grupo--pro th { color: var(--sn-accent, #4DA3FF); }
.tp-si, .tp-no { text-align: center; font-size: 17px; }
.tp-si { color: var(--sn-accent, #4DA3FF); font-weight: 600; }
.tp-no { color: var(--sn-line, #2A3644); }
.tp-pie { margin-top: 12px; }
@media (max-width: 720px) {
  .tp-tabla { font-size: 17px; }
  .tp-tabla th, .tp-tabla td { padding: 9px 10px; }
  .tp-tabla tbody th[scope="row"] { position: sticky; left: 0; background: var(--sn-surface, #0F151D); min-width: 170px; z-index: 1; }
}
/* «En camino»: lo que el nivel incluirá y aún se está construyendo (estado calculado). */
.tp-camino { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--sn-line, #2A3644); font-size: 11.5px; line-height: 1.4; color: var(--sn-text-muted, #A3B1C2); white-space: nowrap; }
tr[data-estado="en_camino"] .tp-si { opacity: .55; }