/* Inicio: productos de IA local, comparación y cómo trabajamos. Solo tokens. */
.product-card{padding:32px}
.product-card h3{font-size:26px}
.product-card p{font-size:16px}

.compare-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.compare{width:100%;min-width:620px;border-collapse:collapse;font-size:15px}
.compare th,.compare td{text-align:left;vertical-align:top;padding:18px 22px;border-bottom:1px solid var(--line)}
.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}
.compare thead th{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.compare thead th.us{color:var(--accent)}
.compare tbody th{font-weight:600;color:var(--ink);width:18%}
.compare td{color:var(--ink-2);width:41%}
.compare td.us{color:var(--ink);background:var(--accent-soft)}

.approach{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.approach li{display:grid;gap:8px;align-content:start;padding-top:18px;border-top:1px solid var(--line-strong)}
.approach-n{font-size:13px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}
.approach h3{font-size:20px;line-height:1.3}
.approach p{font-size:15px;color:var(--ink-2)}
@media (max-width:900px){.approach{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.approach{grid-template-columns:minmax(0,1fr)}}