/* Página comparativa AdictosPanel vs txAdmin */
.lp-cmp-page { padding-top: calc(var(--lp-header-h, 72px) + 24px); }
.lp-cmp-hero { text-align: center; max-width: 920px; }
.lp-cmp-hero h1 { font-family: var(--lp-font-display, inherit); font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.05; margin: 0.25em 0 0.5em; letter-spacing: 0.01em; }
.lp-cmp-kicker { display: inline-block; padding: 4px 14px; border: 1px solid var(--lp-border); border-radius: 999px; color: var(--lp-accent); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.08em; margin: 0; }
.lp-cmp-lead { color: var(--lp-muted); font-size: 1.05rem; line-height: 1.7; max-width: 820px; margin: 0 auto 1em; }
.lp-cmp-lead strong { color: var(--lp-text); }
.lp-cmp-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 1.5rem; }
.lp-cmp-table-wrap { border: 1px solid var(--lp-border); border-radius: var(--lp-radius, 18px); overflow: hidden; background: var(--lp-bg-elevated, rgba(255,255,255,0.03)); }
.lp-cmp-table { width: 100%; border-collapse: collapse; font-size: 0.97rem; }
.lp-cmp-table th, .lp-cmp-table td { padding: 14px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--lp-border); }
.lp-cmp-table thead th { background: rgba(var(--lp-accent-rgb), 0.08); font-weight: 700; color: var(--lp-text); }
.lp-cmp-table tbody tr:last-child th, .lp-cmp-table tbody tr:last-child td { border-bottom: 0; }
.lp-cmp-table tbody tr:hover { background: rgba(255,255,255,0.025); }
.lp-cmp-table tbody th { font-weight: 600; color: var(--lp-text); width: 34%; }
.lp-cmp-table td { color: var(--lp-muted); }
.lp-cmp-table .lp-cmp-us { background: rgba(var(--lp-accent-rgb), 0.05); }
.lp-cmp-table thead .lp-cmp-us { color: var(--lp-accent); }
.lp-cmp-yes { color: #4ade80; font-weight: 600; }
.lp-cmp-no { color: rgba(255,255,255,0.4); }
.lp-cmp-source { color: var(--lp-muted); font-size: 0.82rem; margin-top: 10px; opacity: 0.8; }
.lp-cmp-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
.lp-cmp-card { border: 1px solid var(--lp-border); border-radius: var(--lp-radius, 18px); padding: 22px 24px; background: var(--lp-bg-elevated, rgba(255,255,255,0.03)); }
.lp-cmp-card h3 { margin: 0 0 8px; color: var(--lp-accent); }
.lp-cmp-card p { margin: 0; color: var(--lp-muted); line-height: 1.65; }
.lp-cmp-cta { text-align: center; border: 1px solid var(--lp-border); border-radius: var(--lp-radius-lg, 24px); padding: 36px 24px; background: linear-gradient(145deg, rgba(var(--lp-accent-rgb), 0.12), transparent); }
.lp-cmp-cta p { color: var(--lp-muted); }
.lp-footer-compare a { color: var(--lp-muted); text-decoration: underline; text-underline-offset: 3px; }
.lp-footer-compare a:hover { color: var(--lp-accent); }
@media (max-width: 720px) {
    .lp-cmp-table thead { display: none; }
    .lp-cmp-table, .lp-cmp-table tbody, .lp-cmp-table tr, .lp-cmp-table th, .lp-cmp-table td { display: block; width: 100%; }
    .lp-cmp-table tr { border-bottom: 1px solid var(--lp-border); padding: 10px 0; }
    .lp-cmp-table tbody tr:last-child { border-bottom: 0; }
    .lp-cmp-table th, .lp-cmp-table td { border: 0; padding: 6px 16px; }
    .lp-cmp-table tbody th { width: 100%; font-size: 1rem; }
    .lp-cmp-table td::before { content: attr(data-label); display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--lp-accent); opacity: 0.85; }
    .lp-cmp-table td:first-of-type::before { color: var(--lp-muted); }
}

/* «Sí» destacados: badge verde en la columna AdictosPanel; txAdmin mantiene verde normal */
.lp-cmp-yes-us { display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: 999px; background: rgba(74, 222, 128, 0.16); border: 1px solid rgba(74, 222, 128, 0.45); color: #4ade80; font-weight: 700; white-space: nowrap; }
.lp-cmp-detail { color: var(--lp-text); opacity: 0.85; }
.lp-cmp-table td.lp-cmp-us, .lp-cmp-table th.lp-cmp-us { background: rgba(var(--lp-accent-rgb), 0.07); border-left: 1px solid rgba(var(--lp-accent-rgb), 0.35); }
.lp-cmp-table thead th.lp-cmp-us { background: rgba(var(--lp-accent-rgb), 0.16); }
@media (max-width: 720px) {
    .lp-cmp-table td.lp-cmp-us { border-left: 3px solid rgba(var(--lp-accent-rgb), 0.6); border-radius: 8px; margin: 4px 12px; width: auto; padding: 8px 12px; }
    .lp-cmp-yes-us { margin-top: 2px; }
}