/* RPD-SEO-PAGINAS-V1 — estilos das páginas de comparação e por público */
.seo-acoes{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.seo-tab{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}
.seo-tab table{width:100%;border-collapse:collapse;min-width:620px;font-size:15px}
.seo-tab th,.seo-tab td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.5}
.seo-tab tr:last-child th,.seo-tab tr:last-child td{border-bottom:0}
.seo-tab thead th{font-size:14px;color:var(--txt2);text-transform:uppercase;letter-spacing:.04em}
.seo-tab thead th:nth-child(2){color:#c4b5fd}
.seo-tab tbody th{width:18%;color:var(--txt2);font-weight:600}
.seo-tab tbody td:nth-child(2){background:rgba(139,92,246,.07)}
.seo-pick{border-color:rgba(139,92,246,.55)}
.card ul{margin:10px 0 0;padding-left:20px;display:grid;gap:8px;line-height:1.5}
.seo-mail p{font-size:16px;line-height:1.7;margin:0;font-style:italic}
.seo-cta{text-align:center}.seo-cta .btn{margin:6px 4px 0}
.seo-rel{margin-top:22px;text-align:center}
/* no celular a tabela vira cartões empilhados (rótulo, RPD Prospect, concorrente) para não esconder a coluna do concorrente */
@media(max-width:640px){.seo-tab table{min-width:0;font-size:14px}.seo-tab thead{display:none}
.seo-tab tr,.seo-tab th,.seo-tab td{display:block;width:auto!important}.seo-tab tr{border-bottom:1px solid var(--line);padding:6px 0}
.seo-tab tbody th{padding:12px 16px 4px;border:0;color:#fff}.seo-tab td{border:0;padding:6px 16px}
.seo-tab td::before{content:attr(data-n);display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin-bottom:2px}
.seo-tab td:nth-child(2)::before{color:#c4b5fd}.seo-tab tbody td:nth-child(2){background:none}}
