/* Família RX no site (2026-10-27, protótipo 9CTGjnqoNrX7Q94w9m9qvF): barra fina dos produtos no topo de
   todas as páginas, faixa "Outros produtos" na inicial e as páginas próprias /gym, /timer e /spin.
   Cores dos produtos = as do painel (packages/domain/src/rx-products.ts). Sem vermelho. */
:root{--gym:#8B5CF6;--timer:#0A8CFF;--spin:#FFB400}

.familia{background:#070A0E;border-bottom:1px solid var(--fio)}
.familia .wrap{display:flex;gap:4px;overflow-x:auto;padding-block:6px;scrollbar-width:none}
.familia .wrap::-webkit-scrollbar{display:none}
.familia a{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--texto3);padding:6px 10px;border-radius:8px;white-space:nowrap;min-height:32px}
.familia a:hover{color:var(--texto)}
.familia a[aria-current="page"]{color:var(--texto);background:var(--placa)}
.familia i{width:8px;height:8px;border-radius:3px;background:var(--c)}

/* Páginas de produto: a cor do produto entra no lugar do ciano. */
.produto{--acc:var(--ciano);--acc-tinta:var(--ciano-tinta)}
.produto.gym{--acc:var(--gym);--acc-tinta:#FFFFFF}
.produto.timer{--acc:var(--timer);--acc-tinta:#03141A}
.produto.spin{--acc:var(--spin);--acc-tinta:#1A1200}
.produto .btn-acao{background:var(--acc);color:var(--acc-tinta)}
.produto .btn-acao:hover{background:var(--acc);filter:brightness(1.12)}
.produto .rotulo{color:var(--acc)}
.produto .faq summary::after{color:var(--acc)}
.nav .logo img.lockup{height:22px}

.p-hero{position:relative;padding-block:72px 56px;overflow:hidden;border-bottom:1px solid var(--fio)}
.p-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 85% 0%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 70%);pointer-events:none}
.p-hero .wrap{position:relative;display:grid;gap:20px;max-width:1180px}
.p-hero h1{font-size:clamp(34px,5.2vw,60px);max-width:17ch}
.p-hero .lead{font-size:clamp(16px,1.6vw,19px);max-width:60ch}
.p-hero .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}

.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.trio>div{display:grid;gap:8px;align-content:start;border-top:2px solid var(--acc);padding-top:18px}
.trio h3{font-size:21px}
.trio p{color:var(--texto2)}
@media (max-width:860px){.trio{grid-template-columns:1fr;gap:22px}}

details.tudo{margin-top:40px;border:1px solid var(--fio);border-radius:14px;background:var(--chao2)}
details.tudo>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-family:var(--display);font-weight:600;font-size:17px;min-height:56px}
details.tudo>summary::-webkit-details-marker{display:none}
details.tudo>summary::after{content:"+";font-family:var(--mono);color:var(--acc);font-size:20px}
details.tudo[open]>summary::after{content:"−"}
.tudo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 22px 22px}
.tudo-grid>div{background:var(--placa);border:1px solid var(--fio);border-radius:12px;padding:18px;display:grid;gap:8px;align-content:start}
.tudo-grid h3{font-size:17px}
.tudo-grid ul{margin:0;padding-left:18px;color:var(--texto2);font-size:14.5px;display:grid;gap:5px}
@media (max-width:900px){.tudo-grid{grid-template-columns:1fr}}

.aviso{border:1px solid var(--fio);border-left:3px solid var(--acc);border-radius:12px;padding:16px 18px;color:var(--texto2);max-width:820px}
.aviso b{color:var(--texto)}

/* Página inicial: outros produtos antes do rodapé. */
.outros{padding-block:64px;border-top:1px solid var(--fio)}
.outros .cab-sec{margin-bottom:28px}
.outros-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.outros-grid a{display:grid;gap:12px;align-content:start;background:var(--placa);border:1px solid var(--fio);border-top:3px solid var(--c);border-radius:14px;padding:22px;transition:border-color .15s,transform .15s}
.outros-grid a:hover{transform:translateY(-2px)}
.outros-grid img{height:22px;width:auto}
.outros-grid p{color:var(--texto2);font-size:15px}
.outros-grid span{color:var(--c);font-weight:600;font-size:14.5px}
@media (max-width:860px){.outros-grid{grid-template-columns:1fr}}

/* Contato: campo de assunto. */
.form-card select{width:100%;min-height:46px;border-radius:10px;border:1px solid var(--fio2);background:var(--chao2);color:var(--texto);font:inherit;padding:10px 12px}

/* Planos nas páginas de produto: mesmo cartão da inicial, na cor do produto. */
.planos.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.planos.dois{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
@media (max-width:860px){.planos.tres,.planos.dois{grid-template-columns:1fr}}
.produto .plano.destaque{border-color:var(--acc)}
.produto .plano .tag{color:var(--acc)}