/* Tema Galaxia (premium): brinquedos educativos - indigo, lavanda e amarelo, Fredoka nos titulos, estrelas e
   planetas. Carregado depois do CSS do Vitrine e do premium.css (pagina do produto premium). */

.tema-galaxia { --gx-tinta: var(--titulos, #231a5c); --gx-roxo: #5b3cc4; --gx-amarelo: #ffc93c; --gx-coral: #ff6b6b; --gx-lavanda: #ece8fb; --gx-linha: #e2dcf7; --gx-estrelas: radial-gradient(1.5px 1.5px at 20% 30%, #fff, transparent), radial-gradient(1px 1px at 70% 60%, #fff, transparent), radial-gradient(1.5px 1.5px at 40% 80%, rgba(255, 255, 255, .8), transparent), radial-gradient(1px 1px at 85% 20%, #fff, transparent), radial-gradient(1px 1px at 10% 70%, rgba(255, 255, 255, .7), transparent); }
body.vitrine.tema-galaxia h1, body.vitrine.tema-galaxia h2, body.vitrine.tema-galaxia h3 { font-weight: 600 !important; }

/* titulos das secoes: Fredoka com estrela amarela girando */
.tema-galaxia .vt-secao-cab { align-items: center; margin-bottom: 22px; }
.tema-galaxia .vt-secao-cab h2 { display: flex; align-items: center; gap: 10px; font-size: 32px; color: var(--gx-tinta); }
.tema-galaxia .vt-secao-cab h2::before { content: "\2605"; color: var(--gx-amarelo); font-size: 26px; text-shadow: 0 2px 0 rgba(91, 60, 196, .2); }
.tema-galaxia .vt-secao-cab a { padding: 8px 16px; border-radius: 999px; background: var(--gx-lavanda); color: var(--gx-roxo) !important; font-weight: 600; }
.tema-galaxia .vt-secao-cab a:hover { background: var(--gx-roxo); color: #fff !important; }

/* cartao: branco arredondado, foto lavanda, botao roxo */
.tema-galaxia .vt-card { border: 2px solid var(--gx-linha); border-radius: 24px; background: #fff; box-shadow: none !important; }
.tema-galaxia .vt-card:hover { border-color: var(--gx-roxo); box-shadow: 0 14px 30px rgba(91, 60, 196, .18) !important; }
.tema-galaxia .vt-card-img { margin: 8px 8px 0; border-radius: 18px; background: var(--gx-lavanda); }
.tema-galaxia .vt-card-info { padding: 12px 16px 6px; }
.tema-galaxia .vt-card-nome { font-size: 14.5px; font-weight: 500; color: var(--gx-tinta); }
.tema-galaxia .vt-card-preco strong { font-family: var(--fonte-titulos), sans-serif; font-size: 22px; font-weight: 600; color: var(--gx-roxo); }
.tema-galaxia .ppc-marca { display: none; }
.tema-galaxia .vt-card-botao { margin: 0 16px 16px; border-radius: 999px; background: var(--gx-roxo); color: #fff; font-family: var(--fonte-titulos), sans-serif; font-weight: 600; }
.tema-galaxia .vt-card:hover .vt-card-botao { background: var(--gx-amarelo); color: var(--gx-tinta); }
.tema-galaxia .ppc .ppc-ver { border-radius: 999px; background: var(--gx-amarelo); color: var(--gx-tinta); }
.tema-galaxia .vt-selo { border-radius: 999px; background: var(--gx-coral); color: #fff; font-weight: 600; }

/* guia por idade (bloco HTML gx-idades) */
.gx-idades { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.gx-idades a { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 22px; background: #fff; border: 2px solid #e2dcf7; color: #231a5c; text-decoration: none; transition: transform .25s, border-color .25s; }
.gx-idades a:hover { transform: translateY(-3px); border-color: #5b3cc4; }
.gx-idades b { display: grid; place-items: center; flex: 0 0 auto; width: 56px; height: 56px; border-radius: 50%; font-family: var(--fonte-titulos), sans-serif; font-size: 20px; font-weight: 600; color: #fff; background: #5b3cc4; }
.gx-idades a:nth-child(2) b { background: #ff6b6b; }
.gx-idades a:nth-child(3) b { background: #ffc93c; color: #231a5c; }
.gx-idades a:nth-child(4) b { background: #2fb3a8; }
.gx-idades span { font-weight: 500; line-height: 1.25; }

/* categorias em circulos que flutuam */
.tema-galaxia .hdl-mos a { text-align: center; }
.tema-galaxia .hdl-mos-img { border-radius: 50% !important; border: 4px solid #fff; background: var(--gx-lavanda); box-shadow: 0 0 0 2px var(--gx-linha); transition: transform .3s, box-shadow .3s; }
.tema-galaxia .hdl-mos a:hover .hdl-mos-img { transform: translateY(-6px) rotate(-3deg); box-shadow: 0 0 0 3px var(--gx-amarelo), 0 16px 30px rgba(91, 60, 196, .25); }
.tema-galaxia .hdl-mos b, .tema-galaxia .hdl-mos strong { font-family: var(--fonte-titulos), sans-serif; font-weight: 600; color: var(--gx-tinta); }
.tema-galaxia .hdl-hero { border-radius: 28px; overflow: hidden; }
.tema-galaxia .hdl-hero .vt-botao { border-radius: 999px; background: var(--gx-amarelo) !important; color: var(--gx-tinta) !important; font-family: var(--fonte-titulos), sans-serif; font-weight: 600; }
.tema-galaxia .hdl-it-img img { border-radius: 32px; }
.tema-galaxia .hdl-it-txt h2 { font-size: 38px; color: var(--gx-tinta); }
.tema-galaxia .hdl-depo figure { border: 2px solid var(--gx-linha); border-radius: 24px; background: #fff; }
.tema-galaxia .vt-blog a { border: 2px solid var(--gx-linha); border-radius: 24px; background: #fff; overflow: hidden; }
.tema-galaxia .vt-blog strong { font-family: var(--fonte-titulos), sans-serif; font-weight: 600; color: var(--gx-tinta); }
body.vitrine.tema-galaxia .vt-news { border-radius: 32px; background: var(--gx-estrelas), linear-gradient(135deg, #231a5c, #5b3cc4); color: #fff; }
body.vitrine.tema-galaxia .vt-news h3 { color: #fff !important; }
body.vitrine.tema-galaxia .vt-news p { color: #d9d2ff; }
body.vitrine.tema-galaxia .vt-news-campo input { border-radius: 999px; }
body.vitrine.tema-galaxia .vt-news-campo button { border-radius: 999px; background: var(--gx-amarelo); color: var(--gx-tinta); }
.tema-galaxia .vt-vantagens > * { border: 2px solid var(--gx-linha); border-radius: 22px; background: #fff; }
.tema-galaxia .vt-vantagens i { border-radius: 50%; background: var(--gx-lavanda); color: var(--gx-roxo); }

/* ---------- topo proprio (topo.php): indigo com estrelinhas e menu em pilulas ---------- */
.gx-topo .vt-aviso { font-weight: 600; }
.gx-topo .vt-barra { background-image: radial-gradient(1.5px 1.5px at 12% 30%, rgba(255, 255, 255, .8), transparent), radial-gradient(1px 1px at 33% 70%, #fff, transparent), radial-gradient(1.5px 1.5px at 58% 25%, rgba(255, 255, 255, .7), transparent), radial-gradient(1px 1px at 76% 65%, #fff, transparent), radial-gradient(1px 1px at 92% 35%, rgba(255, 255, 255, .8), transparent); }
.gx-topo .vt-marca img { width: auto; height: var(--logo-altura, 52px); max-width: 230px; border: 0; border-radius: 0; background: none; object-fit: contain; }
body.vitrine .gx-topo .vt-busca input { height: 46px; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .12); color: #fff; padding-left: 22px; }
body.vitrine .gx-topo .vt-busca input::placeholder { color: #bdb5e8; }
body.vitrine .gx-topo .vt-busca input:focus { background: #fff; color: #231a5c; box-shadow: 0 0 0 4px rgba(255, 201, 60, .5); }
body.vitrine .gx-topo .vt-busca button { border-radius: 999px !important; background: #ffc93c !important; color: #231a5c !important; }
.gx-topo .vt-acao { color: #fff !important; border-radius: 50%; }
.gx-topo .vt-acao:hover { background: rgba(255, 255, 255, .12); color: #ffc93c !important; }
.gx-topo .vt-sacola .counter { background: #ffc93c; color: #231a5c; }
@media (min-width: 992px) {
	.gx-topo .vt-barra .container { min-height: 88px; }
	body.vitrine .gx-topo .vt-busca { flex: 1 1 480px; max-width: 520px; margin: 0 auto; }
	body.vitrine .gx-topo .vt-menu { background: #fff; border-bottom: 2px solid #e2dcf7; }
	.gx-topo .vt-menu .container { justify-content: center; gap: 4px; padding-top: 6px; padding-bottom: 6px; }
	body.vitrine .gx-topo .vt-menu > .container > a, body.vitrine .gx-topo .vt-menu-cat > a, body.vitrine .gx-topo .vt-menu-dep-link { color: #231a5c !important; font-family: var(--fonte-titulos), sans-serif; font-size: 15.5px; font-weight: 500; border-radius: 999px; background: transparent !important; white-space: nowrap; }
	body.vitrine .gx-topo .vt-menu > .container > a:hover, body.vitrine .gx-topo .vt-menu-cat:hover > a { background: #ece8fb !important; color: #5b3cc4 !important; }
	body.vitrine .gx-topo .vt-menu a.vt-ofertas { background: #ffc93c !important; color: #231a5c !important; }
	body.vitrine .gx-topo .vt-menu-dep-link { border: 0; }
	body.vitrine .gx-topo .vt-mega-painel, body.vitrine .gx-topo .vt-menu-cat-lista, body.vitrine .gx-topo .vt-menu-dep-lista { border: 2px solid #e2dcf7; border-radius: 24px; box-shadow: 0 30px 60px rgba(35, 26, 92, .15); }
	body.vitrine .gx-topo .vt-mega-painel a, body.vitrine .gx-topo .vt-menu-cat-lista a, body.vitrine .gx-topo .vt-menu-dep-lista a { color: #231a5c !important; font-family: var(--fonte), sans-serif; border-radius: 12px; }
	body.vitrine .gx-topo .vt-mega-prod img { border-radius: 16px; background: #ece8fb; }
}

/* ---------- rodape proprio (rodape.php): sistema solar e planetinhas ---------- */
.gx-rodape { padding-top: 56px; background-image: radial-gradient(1.5px 1.5px at 8% 20%, rgba(255, 255, 255, .6), transparent), radial-gradient(1px 1px at 30% 60%, rgba(255, 255, 255, .5), transparent), radial-gradient(1.5px 1.5px at 65% 15%, rgba(255, 255, 255, .6), transparent), radial-gradient(1px 1px at 88% 45%, rgba(255, 255, 255, .5), transparent); }
.gx-assinatura { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 36px; padding-bottom: 44px; }
.gx-sistema { position: relative; display: block; width: 130px; height: 130px; }
.gx-sistema i { position: absolute; left: 50%; top: 50%; width: 26px; height: 26px; margin: -13px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff3c4, #ffc93c 60%, #ff9f1c); box-shadow: 0 0 24px rgba(255, 201, 60, .7); }
.gx-sistema b { position: absolute; left: 50%; top: 50%; border: 1px dashed rgba(189, 181, 232, .35); border-radius: 50%; animation: gx-gira 9s linear infinite; }
.gx-sistema b::before { content: ""; position: absolute; top: -5px; left: 50%; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background: #ff6b6b; }
.gx-sistema b:nth-of-type(1) { width: 60px; height: 60px; margin: -30px; animation-duration: 6s; }
.gx-sistema b:nth-of-type(2) { width: 94px; height: 94px; margin: -47px; animation-duration: 10s; }
.gx-sistema b:nth-of-type(2)::before { background: #2fb3a8; width: 12px; height: 12px; top: -6px; margin-left: -6px; }
.gx-sistema b:nth-of-type(3) { width: 128px; height: 128px; margin: -64px; animation-duration: 16s; }
.gx-sistema b:nth-of-type(3)::before { background: #9d86ff; width: 14px; height: 14px; top: -7px; margin-left: -7px; }
@keyframes gx-gira { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .gx-sistema b { animation: none; } }
.gx-frase { margin: 0 0 16px; font-family: var(--fonte-titulos), sans-serif; font-size: 30px; font-weight: 600; line-height: 1.2; color: #fff; }
.gx-planetas { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.gx-planetas li { display: flex; align-items: center; gap: 8px; padding: 7px 14px 7px 8px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: #e7e2ff; font-size: 13.5px; font-weight: 500; }
.gx-planetas li::before { content: ""; width: 16px; height: 16px; border-radius: 50%; background: #ff6b6b; box-shadow: inset -3px -3px 0 rgba(0, 0, 0, .15); }
.gx-planetas li:nth-child(2)::before { background: #ffc93c; }
.gx-planetas li:nth-child(3)::before { background: #2fb3a8; }
.gx-rodape h3 { font-family: var(--fonte-titulos), sans-serif !important; font-weight: 600 !important; color: #fff !important; }
.gx-rodape .vt-redes a { border-radius: 50%; }

/* ---------- pagina do produto premium ---------- */
.tema-galaxia .pp, .tema-galaxia .ppa { --pp-titulo-tam: 34px; --pp-preco-tam: 34px; --pp-raio: 22px; --pp-raio-botao: 999px; --pp-suave: var(--gx-lavanda); --pp-borda: var(--gx-linha); --pp-acento: var(--gx-roxo); }
.tema-galaxia .pp-nome { font-weight: 600; }
.tema-galaxia .pp-marca { color: var(--gx-coral); }
.tema-galaxia .pp-foto, .tema-galaxia .pp-mini { background: var(--gx-lavanda); }
.tema-galaxia .pp-mini.ativa { border-color: var(--gx-roxo); }
.tema-galaxia .pp-preco { background: #fff; border: 2px solid var(--gx-linha); }
.tema-galaxia .pp-preco-valor { font-family: var(--fonte-titulos), sans-serif; font-weight: 600; color: var(--gx-roxo); }
.tema-galaxia .pp-preco-off { border-radius: 999px; background: var(--gx-coral); color: #fff; }
.tema-galaxia .pp .opcao.pp-op.active { --pp-op-borda: var(--gx-roxo); --pp-op-fundo: #f3efff; --pp-op-sombra: 0 0 0 3px rgba(91, 60, 196, .18); }
.tema-galaxia .pp-variacao-cartao .pp-var:not(.pp-var-cores) .opcao.pp-op.active::before { border-color: var(--gx-roxo); background: var(--gx-roxo); }
.tema-galaxia .pp .pp-botao { background: var(--gx-amarelo); color: var(--gx-tinta); font-family: var(--fonte-titulos), sans-serif; font-size: 17px; --pp-b-sombra: 0 6px 0 #e0a800; --pp-b-peso: 600; }
.tema-galaxia .pp .pp-botao:hover { color: var(--gx-tinta); --pp-b-sombra: 0 3px 0 #e0a800; transform: translateY(3px); }
.tema-galaxia .pp .pp-agora { border-color: var(--gx-roxo); color: var(--gx-roxo); font-family: var(--fonte-titulos), sans-serif; }
.tema-galaxia .pp .pp-agora:hover { background: var(--gx-roxo); color: #fff; }
.tema-galaxia .pp-selo { border-radius: 999px; background: var(--gx-coral); color: #fff; }
.tema-galaxia .pp-garantias svg { border-radius: 50%; background: var(--gx-lavanda); color: var(--gx-roxo); }
.tema-galaxia .ppa .ppa-abas button { font-family: var(--fonte-titulos), sans-serif; font-weight: 500; }
.tema-galaxia .ppa-destaques li { background: #fff; border: 2px solid var(--gx-linha); border-radius: 16px; }
.tema-galaxia .ppa-destaques li::before { background-color: var(--gx-roxo); }

/* ---------- carrinho (carrinho.php): foguete na rota ---------- */
body.vitrine.tema-galaxia .ck h1 { font-size: 40px; color: var(--gx-tinta); }
body.vitrine.tema-galaxia .co-passos .atual { color: var(--gx-roxo); }
body.vitrine.tema-galaxia .ck-item, body.vitrine.tema-galaxia .co-bloco { border: 2px solid var(--gx-linha); border-radius: 22px; background: #fff; }
body.vitrine.tema-galaxia .ck-foto img { background: var(--gx-lavanda); border-radius: 16px; }
body.vitrine.tema-galaxia .ck-resumo { border: 2px solid var(--gx-linha); border-radius: 26px; background: #fff; }
body.vitrine.tema-galaxia .ck-finalizar { border-radius: 999px !important; background: #ffc93c !important; color: #231a5c !important; box-shadow: 0 5px 0 #e0a800; font-family: var(--fonte-titulos), sans-serif; }
.gx-frete { display: grid; gap: 10px; padding: 16px 20px; border-radius: 22px; background: linear-gradient(135deg, #231a5c, #3b2a8f); color: #e7e2ff; }
.gx-frete p { margin: 0; font-size: 14px; }
.gx-frete p b { color: #ffc93c; }
.gx-rota { position: relative; display: block; height: 30px; margin-right: 26px; }
.gx-rota::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 2px dashed rgba(231, 226, 255, .45); }
.gx-nave { position: absolute; top: 50%; left: calc(var(--gx-p) * 1%); width: 26px; height: 14px; margin: -7px 0 0 -13px; border-radius: 50% 80% 80% 50% / 50% 50% 50% 50%; background: #fff; box-shadow: -8px 0 0 -3px #ff6b6b, -13px 0 0 -5px #ffc93c; transition: left .6s ease; }
.gx-nave::after { content: ""; position: absolute; left: 13px; top: 4px; width: 6px; height: 6px; border-radius: 50%; background: #5b3cc4; }
.gx-destino { position: absolute; right: -26px; top: 50%; width: 26px; height: 26px; margin-top: -13px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff3c4, #ffc93c 60%, #ff9f1c); box-shadow: 0 0 16px rgba(255, 201, 60, .6); }
.gx-frete-ok .gx-destino { box-shadow: 0 0 0 4px rgba(255, 201, 60, .35), 0 0 22px rgba(255, 201, 60, .9); }

@media (max-width: 991px) { .gx-idades { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
	.tema-galaxia .vt-secao-cab h2 { font-size: 25px; }
	.gx-idades { gap: 8px; }
	.gx-idades a { padding: 10px; gap: 10px; }
	.gx-idades b { width: 44px; height: 44px; font-size: 16px; }
	.gx-idades span { font-size: 13px; }
	.gx-assinatura { grid-template-columns: 1fr; justify-items: center; text-align: center; }
	.gx-planetas { justify-content: center; }
	.gx-frase { font-size: 22px; }
	.gx-topo .vt-marca img { height: 38px; max-width: 160px; }
	.tema-galaxia .pp, .tema-galaxia .ppa { --pp-titulo-tam: 26px; --pp-preco-tam: 28px; }
}