/* Tema Gangorra (premium): infantil com cara de brinquedo de madeira - verde-salvia, pessego, mostarda e ceu, letras
   arredondadas e formas organicas. Carregado depois do CSS do Vitrine e do premium.css (pagina do produto premium). */

.tema-gangorra { --go-tinta: var(--titulos, #2f4a43); --go-salvia: #cfe0d4; --go-pessego: #f3c9b4; --go-mostarda: #f6dea1; --go-ceu: #c8dff0; --go-creme: #f4ecdf; --go-linha: #eadfcd; }
body.vitrine.tema-gangorra h1, body.vitrine.tema-gangorra h2, body.vitrine.tema-gangorra h3 { font-family: var(--fonte-titulos), var(--fonte), sans-serif; font-weight: 700 !important; letter-spacing: 0; }

/* titulos das secoes: arredondados, com tres bolinhas coloridas */
.tema-gangorra .vt-secao-cab { flex-direction: column; align-items: center; gap: 6px; text-align: center; margin-bottom: 26px; }
.tema-gangorra .vt-secao-cab h2 { font-size: 36px; line-height: 1.1; color: var(--go-tinta); }
.tema-gangorra .vt-secao-cab h2::before { content: ""; display: block; width: 42px; height: 10px; margin: 0 auto 10px; background: radial-gradient(circle at 5px 5px, #e07a4f 5px, transparent 5.5px), radial-gradient(circle at 21px 5px, #f2b84b 5px, transparent 5.5px), radial-gradient(circle at 37px 5px, #7fae95 5px, transparent 5.5px); }
.tema-gangorra .vt-secao-cab a { font-weight: 800; color: var(--loja) !important; }

/* cartao: cantos bem arredondados, fundo creme, botao em pilula */
.tema-gangorra .vt-card { border: 0; border-radius: 28px; background: #fff; box-shadow: 0 12px 30px rgba(47, 74, 67, .07) !important; overflow: hidden; }
.tema-gangorra .vt-card:hover { box-shadow: 0 20px 40px rgba(47, 74, 67, .12) !important; }
.tema-gangorra .vt-card-img { background: var(--go-creme); border-radius: 0; }
.tema-gangorra .vt-card-info { padding: 14px 18px 6px; }
.tema-gangorra .vt-card-nome { font-weight: 700; font-size: 15px; color: var(--go-tinta); }
.tema-gangorra .vt-card-preco strong { font-family: var(--fonte-titulos), sans-serif; font-size: 20px; color: var(--go-tinta); }
.tema-gangorra .ppc-marca { display: none; }
.tema-gangorra .vt-card-botao { margin: 0 18px 18px; border-radius: 999px; background: var(--go-salvia); color: var(--go-tinta); font-weight: 800; }
.tema-gangorra .vt-card:hover .vt-card-botao { background: var(--loja); color: #fff; }
.tema-gangorra .ppc .ppc-ver { border-radius: 999px; background: #fff; color: var(--go-tinta); }
.tema-gangorra .vt-selo { border-radius: 999px; background: #f2b84b; color: var(--go-tinta); font-weight: 900; }

/* brinquedos por idade (bloco HTML go-idades), mosaico, banners, depoimentos, blog, newsletter */
.go-idades h2 { margin: 0 0 18px; text-align: center; font-family: var(--fonte-titulos), sans-serif; font-size: 30px; color: var(--titulos, #2f4a43); }
.go-idades div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.go-idades a { display: grid; justify-items: center; gap: 0; padding: 26px 10px; border-radius: 34px 34px 34px 10px; background: var(--go-c); text-decoration: none !important; transition: transform .2s; }
.go-idades a:nth-child(even) { border-radius: 34px 34px 10px 34px; }
.go-idades a:hover { transform: translateY(-6px) rotate(-1deg); }
.go-idades b { font-family: var(--fonte-titulos), sans-serif; font-size: 40px; line-height: 1; color: var(--titulos, #2f4a43); }
.go-idades span { font-weight: 800; color: var(--titulos, #2f4a43); }
.tema-gangorra .hdl-mos-img { transition: transform .4s; }
.tema-gangorra .hdl-mos a:hover .hdl-mos-img { transform: scale(1.05) rotate(2deg); }
.tema-gangorra .hdl-hero { border-radius: 32px; overflow: hidden; }
.tema-gangorra .hdl-hero h2 { font-size: 40px; color: var(--go-tinta) !important; text-shadow: none; }
.tema-gangorra .hdl-hero p { color: #4b5d58 !important; text-shadow: none; }
.tema-gangorra .hdl-hero .vt-botao { border-radius: 999px; background: var(--loja) !important; }
.tema-gangorra .hdl-it-img img { border-radius: 42% 58% 55% 45% / 50% 45% 55% 50%; }
.tema-gangorra .hdl-it-txt h2 { font-size: 40px; color: var(--go-tinta); }
.tema-gangorra .hdl-depo figure { border: 0; border-radius: 28px; background: var(--go-creme); }
.tema-gangorra .vt-blog a { border: 0; border-radius: 28px; background: #fff; overflow: hidden; box-shadow: 0 12px 30px rgba(47, 74, 67, .07); }
.tema-gangorra .vt-blog strong { font-family: var(--fonte-titulos), sans-serif; font-size: 20px; color: var(--go-tinta); }
body.vitrine.tema-gangorra .vt-news { background: var(--go-salvia); color: var(--go-tinta); }
body.vitrine.tema-gangorra .vt-news h3 { color: var(--go-tinta) !important; }
body.vitrine.tema-gangorra .vt-news p { color: #4b5d58; }
body.vitrine.tema-gangorra .vt-news-campo button { border-radius: 999px; background: var(--loja); }
.tema-gangorra .vt-vantagens > * { border: 0; border-radius: 24px; background: #fff; }
.tema-gangorra .vt-vantagens > *:nth-child(4n+1) i { background: var(--go-pessego); }
.tema-gangorra .vt-vantagens > *:nth-child(4n+2) i { background: var(--go-salvia); }
.tema-gangorra .vt-vantagens > *:nth-child(4n+3) i { background: var(--go-mostarda); }
.tema-gangorra .vt-vantagens > *:nth-child(4n+4) i { background: var(--go-ceu); }
.tema-gangorra .vt-vantagens i { border-radius: 50%; color: var(--go-tinta); }

/* ---------- topo proprio (topo.php): menu em pilulas pastel ---------- */
.go-topo .vt-aviso { font-weight: 700; }
.go-topo .vt-marca img { width: auto; height: var(--logo-altura, 46px); max-width: 240px; border: 0; border-radius: 0; background: none; object-fit: contain; }
body.vitrine .go-topo .vt-busca input { height: 48px; border: 2px solid var(--go-linha); border-radius: 999px; background: #fff; padding-left: 22px; }
body.vitrine .go-topo .vt-busca input:focus { border-color: var(--loja); box-shadow: none; }
body.vitrine .go-topo .vt-busca button { border-radius: 999px !important; background: var(--loja) !important; color: #fff !important; }
.go-topo .vt-acao:hover { background: var(--go-creme); color: var(--loja) !important; border-radius: 999px; }
.go-topo .vt-sacola .counter { background: var(--loja); }
@media (min-width: 992px) {
	.go-topo .vt-barra .container { min-height: 92px; }
	body.vitrine .go-topo .vt-busca { max-width: 480px; margin: 0 auto; }
	body.vitrine .go-topo .vt-menu { background: transparent; padding-bottom: 12px; }
	.go-topo .vt-menu .container { justify-content: center; gap: 8px; }
	body.vitrine .go-topo .vt-menu > .container > a, body.vitrine .go-topo .vt-menu-cat > a, body.vitrine .go-topo .vt-menu-dep-link { color: var(--go-tinta) !important; font-family: var(--fonte-titulos), sans-serif; font-size: 15.5px; font-weight: 700; border-radius: 999px; white-space: nowrap; transition: transform .2s; }
	body.vitrine .go-topo .vt-menu > .container > *:nth-child(4n+1) > a, body.vitrine .go-topo .vt-menu > .container > a:nth-child(4n+1) { background: var(--go-pessego) !important; }
	body.vitrine .go-topo .vt-menu > .container > *:nth-child(4n+2) > a, body.vitrine .go-topo .vt-menu > .container > a:nth-child(4n+2) { background: var(--go-salvia) !important; }
	body.vitrine .go-topo .vt-menu > .container > *:nth-child(4n+3) > a, body.vitrine .go-topo .vt-menu > .container > a:nth-child(4n+3) { background: var(--go-mostarda) !important; }
	body.vitrine .go-topo .vt-menu > .container > *:nth-child(4n+4) > a, body.vitrine .go-topo .vt-menu > .container > a:nth-child(4n+4) { background: var(--go-ceu) !important; }
	body.vitrine .go-topo .vt-menu > .container > a:hover, body.vitrine .go-topo .vt-menu-cat:hover > a { transform: translateY(-2px) rotate(-2deg); }
	body.vitrine .go-topo .vt-menu a.vt-ofertas { background: var(--loja) !important; color: #fff !important; }
	body.vitrine .go-topo .vt-menu-dep-link { border: 0; }
	body.vitrine .go-topo .vt-menu-cat > a > .lni-chevron-down { display: none; }
	body.vitrine .go-topo .vt-mega-painel, body.vitrine .go-topo .vt-menu-cat-lista, body.vitrine .go-topo .vt-menu-dep-lista { border-radius: 28px; border: 0; box-shadow: 0 30px 60px rgba(47, 74, 67, .16); }
	body.vitrine .go-topo .vt-mega-painel a, body.vitrine .go-topo .vt-menu-cat-lista a, body.vitrine .go-topo .vt-menu-dep-lista a { background: transparent !important; transform: none !important; }
	body.vitrine .go-topo .vt-mega-prod img { border-radius: 20px; background: var(--go-creme); }
}

/* ---------- rodape proprio (rodape.php): morrinhos pastel e bolhas ---------- */
.go-rodape { position: relative; margin-top: 90px; padding-top: 40px; }
.go-rodape::before { content: ""; position: absolute; left: 0; right: 0; top: -70px; height: 72px; background: radial-gradient(60% 120% at 15% 100%, #7fae95 49%, transparent 50%), radial-gradient(45% 110% at 55% 100%, #f2b84b 49%, transparent 50%), radial-gradient(50% 130% at 90% 100%, #e07a4f 49%, transparent 50%); opacity: .9; }
.go-rodape::after { content: ""; position: absolute; left: 0; right: 0; top: -2px; height: 6px; background: var(--rodape, #2f4a43); }
.go-assinatura { display: grid; justify-items: center; gap: 18px; padding-bottom: 38px; text-align: center; }
.go-assinatura-frase { max-width: 760px; margin: 0; font-family: var(--fonte-titulos), sans-serif; font-size: 28px; font-weight: 700; line-height: 1.2; color: #fff; }
.go-bolhas { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; }
.go-bolhas li { padding: 9px 18px; border-radius: 999px; background: #3c5c53; font-weight: 700; font-size: 13.5px; color: #fbf6ee; }
.go-bolhas li:nth-child(3n+1) { background: #e07a4f; }
.go-bolhas li:nth-child(3n+2) { background: #c99a2e; }
.go-rodape-escuro .vt-marca img { filter: brightness(0) invert(1); }
.go-rodape h3 { font-family: var(--fonte-titulos), sans-serif !important; font-size: 18px !important; color: #fff !important; }
.go-rodape .vt-redes a { border-radius: 50%; }

/* ---------- pagina do produto premium ---------- */
.tema-gangorra .pp, .tema-gangorra .ppa { --pp-titulo-tam: 38px; --pp-preco-tam: 36px; --pp-raio: 28px; --pp-suave: var(--go-creme); --pp-borda: var(--go-linha); }
.tema-gangorra .pp-foto { background: var(--go-creme); }
.tema-gangorra .pp-preco { background: var(--go-salvia); }
.tema-gangorra .pp-preco-off { background: #f2b84b; color: var(--go-tinta); }
.tema-gangorra .pp .opcao.pp-op { --pp-op-raio: 20px; }
.tema-gangorra .pp .pp-botao { --pp-b-sombra: 0 10px 24px rgba(224, 122, 79, .35); }
.tema-gangorra .pp .pp-agora { border-color: var(--go-tinta); }
.tema-gangorra .pp-garantias li:nth-child(4n+1) svg { background: var(--go-pessego); color: var(--go-tinta); }
.tema-gangorra .pp-garantias li:nth-child(4n+2) svg { background: var(--go-salvia); color: var(--go-tinta); }
.tema-gangorra .pp-garantias li:nth-child(4n+3) svg { background: var(--go-mostarda); color: var(--go-tinta); }
.tema-gangorra .pp-garantias li:nth-child(4n+4) svg { background: var(--go-ceu); color: var(--go-tinta); }
.tema-gangorra .pp-selo { background: #f2b84b; color: var(--go-tinta); }
.tema-gangorra .ppa .ppa-abas button { font-family: var(--fonte-titulos), sans-serif; font-size: 16px; }
.tema-gangorra .ppa-destaques li { background: #fff; }

/* ---------- carrinho (carrinho.php): gangorra que vira ate o frete gratis ---------- */
body.vitrine.tema-gangorra .ck h1 { font-size: 40px; color: var(--go-tinta); }
body.vitrine.tema-gangorra .co-passos .atual { color: var(--loja); }
body.vitrine.tema-gangorra .ck-item, body.vitrine.tema-gangorra .co-bloco { border: 0; border-radius: 24px; background: #fff; }
body.vitrine.tema-gangorra .ck-foto img { background: var(--go-creme); border-radius: 18px; }
body.vitrine.tema-gangorra .ck-resumo { border: 0; border-radius: 28px; background: #fff; }
body.vitrine.tema-gangorra .ck-finalizar { border-radius: 999px !important; }
body.vitrine.tema-gangorra .ck-qtd, body.vitrine.tema-gangorra .ck-linha-form input, body.vitrine.tema-gangorra .ck-linha-form button, body.vitrine.tema-gangorra .co-campos input { border-radius: 999px !important; }
.go-frete { display: flex; align-items: center; gap: 22px; padding: 16px 22px; border-radius: 24px; background: #fff; }
.go-frete p { margin: 0; font-size: 14.5px; font-weight: 600; }
.go-frete p b { color: var(--loja); }
.go-gangorra { position: relative; flex: none; width: 110px; height: 52px; }
.go-gangorra i { position: absolute; left: 0; right: 0; top: 22px; height: 8px; border-radius: 4px; background: #c99a2e; transform-origin: 50% 50%; transition: transform .8s cubic-bezier(.5, 1.6, .5, 1); }
.go-gangorra b { position: absolute; left: 4px; bottom: 8px; width: 20px; height: 20px; border-radius: 50%; background: #7fae95; }
.go-gangorra em { position: absolute; right: 2px; bottom: 8px; width: 22px; height: 20px; border-radius: 4px; background: #e07a4f; box-shadow: inset 9px 0 0 -7px #f2b84b, inset 0 9px 0 -7px #f2b84b; }
.go-gangorra u { position: absolute; left: 50%; bottom: 0; width: 0; height: 0; margin-left: -12px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 22px solid var(--titulos, #2f4a43); }

@media (max-width: 767px) {
	.tema-gangorra .vt-secao-cab h2 { font-size: 28px; }
	.go-idades div { grid-template-columns: 1fr 1fr; gap: 10px; }
	.go-idades b { font-size: 30px; }
	.go-assinatura-frase { font-size: 21px; }
	.go-topo .vt-marca img { height: 30px; max-width: 170px; }
	.tema-gangorra .pp, .tema-gangorra .ppa { --pp-titulo-tam: 28px; --pp-preco-tam: 30px; }
	.go-frete { flex-direction: column; align-items: flex-start; }
}
