/* Tema Orbita (premium): tecnologia em visual claro - branco, cinza frio e azul eletrico, Sora nos titulos, cartoes
   arredondados com brilho suave. Carregado depois do CSS do Vitrine e do premium.css (pagina do produto premium). */

.tema-orbita { --or-tinta: var(--titulos, #0f1b3d); --or-azul: #2f5bff; --or-ciano: #22c3ee; --or-gradiente: linear-gradient(90deg, #2f5bff, #22c3ee); --or-frio: #eef1f6; --or-linha: #e1e6ef; --or-sombra: 0 10px 30px rgba(15, 27, 61, .07); }
body.vitrine.tema-orbita h1, body.vitrine.tema-orbita h2, body.vitrine.tema-orbita h3 { letter-spacing: -.02em; }

/* titulos das secoes: Sora com pontinho em gradiente e "ver tudo" em pilula */
.tema-orbita .vt-secao-cab { align-items: center; margin-bottom: 22px; }
.tema-orbita .vt-secao-cab h2 { display: flex; align-items: center; gap: 12px; font-size: 30px; font-weight: 700; color: var(--or-tinta); }
.tema-orbita .vt-secao-cab h2::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: var(--or-gradiente); box-shadow: 0 0 0 5px rgba(47, 91, 255, .12); }
.tema-orbita .vt-secao-cab a { padding: 8px 16px; border: 1px solid var(--or-linha); border-radius: 999px; background: #fff; color: var(--or-tinta) !important; font-size: 13px; font-weight: 700; }
.tema-orbita .vt-secao-cab a:hover { border-color: var(--or-azul); color: var(--or-azul) !important; }

/* cartao: branco, cantos grandes, foto em fundo frio, brilho azul ao subir */
.tema-orbita .vt-card { border: 1px solid var(--or-linha); border-radius: 20px; background: #fff; box-shadow: none !important; transition: transform .3s, box-shadow .3s, border-color .3s; }
.tema-orbita .vt-card:hover { border-color: rgba(47, 91, 255, .35); box-shadow: 0 18px 40px rgba(47, 91, 255, .14) !important; }
.tema-orbita .vt-card-img { margin: 8px 8px 0; border-radius: 14px; background: var(--or-frio); }
.tema-orbita .vt-card-info { padding: 14px 16px 6px; }
.tema-orbita .vt-card-nome { font-size: 14px; font-weight: 600; color: var(--or-tinta); }
.tema-orbita .vt-card-preco strong { font-family: var(--fonte-titulos), sans-serif; font-size: 21px; font-weight: 700; color: var(--or-tinta); letter-spacing: -.02em; }
.tema-orbita .ppc-marca { color: var(--or-azul); }
.tema-orbita .vt-card-botao { margin: 0 16px 16px; border-radius: 999px; background: var(--or-frio); color: var(--or-tinta); font-weight: 700; }
.tema-orbita .vt-card:hover .vt-card-botao { background: var(--or-azul); color: #fff; }
.tema-orbita .ppc .ppc-ver { border-radius: 999px; background: var(--or-azul); color: #fff; }
.tema-orbita .vt-selo { border-radius: 999px; background: var(--or-gradiente); color: #fff; font-weight: 700; }

/* faixa de garantias (bloco HTML or-specs) */
.or-specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.or-specs p { display: grid; gap: 2px; margin: 0; padding: 18px 22px; border: 1px solid #e1e6ef; border-radius: 18px; background: #fff; }
.or-specs b { font-family: var(--fonte-titulos), sans-serif; font-size: 26px; font-weight: 800; letter-spacing: -.03em; background: linear-gradient(90deg, #2f5bff, #22c3ee); -webkit-background-clip: text; background-clip: text; color: transparent; }
.or-specs span { font-size: 13px; color: #5d6884; }

/* categorias em icones redondos (mosaico) */
.tema-orbita .hdl-mos a { text-align: center; }
.tema-orbita .hdl-mos-img { border-radius: 50% !important; background: var(--or-frio); box-shadow: 0 0 0 1px var(--or-linha); transition: box-shadow .3s, transform .3s; }
.tema-orbita .hdl-mos a:hover .hdl-mos-img { box-shadow: 0 0 0 3px var(--or-azul), 0 12px 30px rgba(47, 91, 255, .2); transform: translateY(-4px); }
.tema-orbita .hdl-mos b, .tema-orbita .hdl-mos strong { color: var(--or-tinta); font-weight: 700; }
.tema-orbita .hdl-hero { border-radius: 24px; overflow: hidden; }
.tema-orbita .hdl-hero .vt-botao { border-radius: 999px; }
.tema-orbita .hdl-it-img img { border-radius: 24px; }
.tema-orbita .hdl-it-txt h2 { font-size: 40px; font-weight: 700; color: var(--or-tinta); }
.tema-orbita .hdl-depo figure { border: 1px solid var(--or-linha); border-radius: 20px; background: #fff; }
.tema-orbita .vt-blog a { border: 1px solid var(--or-linha); border-radius: 20px; background: #fff; overflow: hidden; }
.tema-orbita .vt-blog img { border-radius: 0; }
body.vitrine.tema-orbita .vt-news { border-radius: 28px; background: radial-gradient(circle at 85% 20%, rgba(34, 195, 238, .45), transparent 45%), linear-gradient(120deg, #1b2f8f, #2f5bff); color: #fff; }
body.vitrine.tema-orbita .vt-news h3 { color: #fff !important; }
body.vitrine.tema-orbita .vt-news p { color: rgba(255, 255, 255, .8); }
body.vitrine.tema-orbita .vt-news-campo input { border-radius: 999px; }
body.vitrine.tema-orbita .vt-news-campo button { border-radius: 999px; background: #fff; color: var(--or-azul); }
.tema-orbita .vt-vantagens > * { border: 1px solid var(--or-linha); border-radius: 18px; background: #fff; }
.tema-orbita .vt-vantagens i { border-radius: 50%; background: var(--or-frio); color: var(--or-azul); }

/* ---------- topo proprio (topo.php): branco, busca em pilula e sublinhado em gradiente ---------- */
.or-topo { box-shadow: 0 1px 0 #e1e6ef; }
.or-topo .vt-aviso { background: linear-gradient(90deg, #2f5bff, #3f7bff 50%, #22a6ee); font-weight: 600; }
.or-topo .vt-marca img { width: auto; height: var(--logo-altura, 44px); max-width: 220px; border: 0; border-radius: 0; background: none; object-fit: contain; }
body.vitrine .or-topo .vt-busca input { height: 46px; border: 1px solid #e1e6ef; border-radius: 999px; background: #f5f7fb; padding-left: 22px; }
body.vitrine .or-topo .vt-busca input:focus { border-color: #2f5bff; background: #fff; box-shadow: 0 0 0 4px rgba(47, 91, 255, .12); }
body.vitrine .or-topo .vt-busca button { border-radius: 999px !important; background: #2f5bff !important; color: #fff !important; }
.or-topo .vt-acao { color: #0f1b3d !important; border-radius: 50%; }
.or-topo .vt-acao:hover { background: #eef1f6; color: #2f5bff !important; }
.or-topo .vt-sacola .counter { background: #2f5bff; color: #fff; }
@media (min-width: 992px) {
	.or-topo .vt-barra .container { min-height: 84px; }
	body.vitrine .or-topo .vt-busca { flex: 1 1 520px; max-width: 560px; margin: 0 auto; }
	body.vitrine .or-topo .vt-menu { background: #fff; border-top: 1px solid #eef1f6; }
	body.vitrine .or-topo .vt-menu > .container > a, body.vitrine .or-topo .vt-menu-cat > a, body.vitrine .or-topo .vt-menu-dep-link { position: relative; color: #0f1b3d !important; font-weight: 600; background: transparent !important; white-space: nowrap; }
	body.vitrine .or-topo .vt-menu > .container > a::after, body.vitrine .or-topo .vt-menu-cat > a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #2f5bff, #22c3ee); transform: scaleX(0); transition: transform .3s; }
	body.vitrine .or-topo .vt-menu > .container > a:hover::after, body.vitrine .or-topo .vt-menu-cat:hover > a::after { transform: scaleX(1); }
	body.vitrine .or-topo .vt-menu > .container > a:hover, body.vitrine .or-topo .vt-menu-cat:hover > a { color: #2f5bff !important; }
	body.vitrine .or-topo .vt-menu a.vt-ofertas { color: #2f5bff !important; }
	body.vitrine .or-topo .vt-mega-painel, body.vitrine .or-topo .vt-menu-cat-lista, body.vitrine .or-topo .vt-menu-dep-lista { border: 1px solid #e1e6ef; border-radius: 20px; box-shadow: 0 30px 60px rgba(15, 27, 61, .12); }
	body.vitrine .or-topo .vt-mega-painel a, body.vitrine .or-topo .vt-menu-cat-lista a, body.vitrine .or-topo .vt-menu-dep-lista a { color: #0f1b3d !important; }
	body.vitrine .or-topo .vt-mega-painel a::after, body.vitrine .or-topo .vt-menu-cat-lista a::after { display: none; }
	body.vitrine .or-topo .vt-mega-prod img { border-radius: 14px; background: #eef1f6; }
}

/* ---------- rodape proprio (rodape.php): planeta com aneis e chips ---------- */
.or-rodape { padding-top: 56px; }
.or-assinatura { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 36px; padding-bottom: 44px; }
.or-planeta { position: relative; display: block; width: 120px; height: 120px; }
.or-planeta i { position: absolute; inset: 26px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #8fb0ff, #2f5bff 55%, #142a7a); box-shadow: 0 0 40px rgba(47, 91, 255, .5); }
.or-planeta b { position: absolute; inset: 0; border: 2px solid rgba(34, 195, 238, .55); border-radius: 50%; animation: or-gira 8s linear infinite; }
.or-planeta b::before { content: ""; position: absolute; top: 8px; left: 50%; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: #22c3ee; box-shadow: 0 0 14px #22c3ee; }
@keyframes or-gira { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .or-planeta b { animation: none; } }
.or-frase { margin: 0 0 16px; font-family: var(--fonte-titulos), sans-serif; font-size: 30px; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; color: #fff; }
.or-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.or-chips li { display: flex; align-items: center; gap: 8px; padding: 7px 14px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 999px; background: rgba(255, 255, 255, .05); color: #dbe3ff; font-size: 13px; font-weight: 600; }
.or-chips li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #22c3ee; box-shadow: 0 0 8px #22c3ee; }
.or-rodape h3 { color: #fff !important; }
.or-rodape .vt-redes a { border-radius: 50%; }

/* ---------- pagina do produto premium ---------- */
.tema-orbita .pp, .tema-orbita .ppa { --pp-titulo-tam: 34px; --pp-preco-tam: 36px; --pp-raio: 18px; --pp-raio-botao: 999px; --pp-suave: var(--or-frio); --pp-borda: var(--or-linha); --pp-acento: var(--or-azul); }
.tema-orbita .pp-nome { font-weight: 700; letter-spacing: -.025em; }
.tema-orbita .pp-marca { color: var(--or-azul); }
.tema-orbita .pp-foto, .tema-orbita .pp-mini { background: var(--or-frio); }
.tema-orbita .pp-mini.ativa { border-color: var(--or-azul); box-shadow: 0 0 0 3px rgba(47, 91, 255, .15); }
.tema-orbita .pp-preco { background: #fff; border: 1px solid var(--or-linha); box-shadow: var(--or-sombra); }
.tema-orbita .pp-preco-valor { font-weight: 800; letter-spacing: -.03em; }
.tema-orbita .pp-preco-off { border-radius: 999px; background: var(--or-gradiente); color: #fff; }
.tema-orbita .pp .opcao.pp-op.active { --pp-op-borda: var(--or-azul); --pp-op-fundo: #f3f6ff; --pp-op-sombra: 0 0 0 3px rgba(47, 91, 255, .15); }
.tema-orbita .pp-variacao-cartao .pp-var:not(.pp-var-cores) .opcao.pp-op.active::before { border-color: var(--or-azul); background: var(--or-azul); }
.tema-orbita .pp .pp-botao { background: var(--or-gradiente); color: #fff; --pp-b-sombra: 0 12px 26px rgba(47, 91, 255, .3); --pp-b-peso: 700; }
.tema-orbita .pp .pp-botao:hover { color: #fff; --pp-b-sombra: 0 16px 34px rgba(47, 91, 255, .42); transform: translateY(-2px); }
.tema-orbita .pp .pp-agora { border-color: var(--or-tinta); color: var(--or-tinta); }
.tema-orbita .pp .pp-agora:hover { background: var(--or-tinta); color: #fff; }
.tema-orbita .pp-selo { border-radius: 999px; background: var(--or-azul); color: #fff; }
.tema-orbita .pp-garantias svg { border-radius: 50%; background: var(--or-frio); color: var(--or-azul); }
.tema-orbita .ppa .ppa-abas button { font-family: var(--fonte-titulos), sans-serif; font-weight: 600; }
.tema-orbita .ppa-destaques li { background: #fff; border: 1px solid var(--or-linha); border-radius: 14px; }
.tema-orbita .ppa-destaques li::before { background-color: var(--or-azul); }

/* ---------- carrinho (carrinho.php): anel de progresso ---------- */
body.vitrine.tema-orbita .ck h1 { font-size: 38px; font-weight: 700; letter-spacing: -.03em; color: var(--or-tinta); }
body.vitrine.tema-orbita .co-passos .atual { color: var(--or-azul); }
body.vitrine.tema-orbita .ck-item, body.vitrine.tema-orbita .co-bloco { border: 1px solid var(--or-linha); border-radius: 20px; background: #fff; }
body.vitrine.tema-orbita .ck-foto img { background: var(--or-frio); border-radius: 14px; }
body.vitrine.tema-orbita .ck-resumo { border: 1px solid var(--or-linha); border-radius: 22px; background: #fff; box-shadow: var(--or-sombra); }
body.vitrine.tema-orbita .ck-finalizar { border-radius: 999px !important; background: linear-gradient(90deg, #2f5bff, #22c3ee) !important; color: #fff !important; box-shadow: 0 12px 26px rgba(47, 91, 255, .3); }
.or-frete { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 6px 18px; padding: 16px 20px; border: 1px solid #e1e6ef; border-radius: 20px; background: #fff; }
.or-frete p { grid-column: 2; margin: 0; font-size: 14px; }
.or-frete p b { color: #2f5bff; }
.or-anel { grid-row: span 2; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: conic-gradient(#2f5bff calc(var(--or-pct) * 1%), #e8edf6 0); }
.or-anel b { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #fff; font-family: var(--fonte-titulos), sans-serif; font-size: 13px; font-weight: 800; color: #0f1b3d; }
.or-frete-ok .or-anel { background: conic-gradient(#16a34a 100%, #16a34a 0); }
.or-barra { grid-column: 2; display: block; height: 6px; border-radius: 6px; background: #e8edf6; overflow: hidden; }
.or-barra i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #2f5bff, #22c3ee); transition: width .6s ease; }

@media (max-width: 991px) { .or-specs { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
	.tema-orbita .vt-secao-cab h2 { font-size: 24px; }
	.or-assinatura { grid-template-columns: 1fr; justify-items: center; text-align: center; }
	.or-chips { justify-content: center; }
	.or-frase { font-size: 22px; }
	.or-specs { gap: 8px; }
	.or-specs p { padding: 14px; }
	.or-specs b { font-size: 21px; }
	.or-topo .vt-marca img { height: 34px; max-width: 150px; }
	.tema-orbita .pp, .tema-orbita .ppa { --pp-titulo-tam: 26px; --pp-preco-tam: 30px; }
}
