/* Tema Ponteiro (premium): relojoaria - quase preto, champanhe e marfim, Cinzel nos titulos,
   cantos retos, indices e mostradores. Carregado depois do CSS do Vitrine e do premium.css (pagina do produto premium). */

.tema-ponteiro { --po-tinta: var(--titulos, #111113); --po-ouro: #b8975a; --po-ouro2: #d9c39a; --po-marfim: #efeae1; --po-linha: #e2dccf; }

/* titulos das secoes: Cinzel espacado com um indice dourado de cada lado */
.tema-ponteiro .vt-secao-cab { flex-direction: column; align-items: center; gap: 6px; margin-bottom: 30px; text-align: center; }
.tema-ponteiro .vt-secao-cab h2 { display: flex; align-items: center; gap: 16px; font-size: 30px; font-weight: 500 !important; letter-spacing: .12em; color: var(--po-tinta); }
.tema-ponteiro .vt-secao-cab h2::before, .tema-ponteiro .vt-secao-cab h2::after { content: ""; width: 3px; height: 18px; background: var(--po-ouro); box-shadow: 7px 0 0 var(--po-ouro); }
.tema-ponteiro .vt-secao-cab h2::after { box-shadow: -7px 0 0 var(--po-ouro); }
.tema-ponteiro .vt-secao-cab a { color: var(--po-tinta) !important; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; border-bottom: 1px solid var(--po-ouro); }

/* cartao: foto em fundo escuro, texto centralizado */
.tema-ponteiro .vt-card { border: 0; border-radius: 0; background: transparent; box-shadow: none !important; }
.tema-ponteiro .vt-card-img { border-radius: 0; background: #1d1d1f; }
.tema-ponteiro .vt-card-info { padding: 16px 4px 4px; text-align: center; }
.tema-ponteiro .vt-card-nome { font-size: 14px; font-weight: 400; letter-spacing: .02em; color: #2a2926; }
.tema-ponteiro .vt-card-preco { justify-content: center; }
.tema-ponteiro .vt-card-preco strong { font-family: var(--fonte-titulos), Georgia, serif; font-size: 20px; font-weight: 600; letter-spacing: .04em; color: var(--po-tinta); }
.tema-ponteiro .ppc-marca { color: var(--po-ouro); font-weight: 500; letter-spacing: .2em; }
.tema-ponteiro .vt-card-botao { border-radius: 0; background: var(--po-tinta); color: var(--po-ouro2); font-weight: 500; letter-spacing: .16em; text-transform: uppercase; font-size: 12px; }
.tema-ponteiro .vt-card:hover .vt-card-botao { background: var(--po-ouro); color: var(--po-tinta); }
.tema-ponteiro .ppc .ppc-ver { border-radius: 0; background: rgba(17, 17, 19, .85); color: var(--po-ouro2); }
.tema-ponteiro .vt-selo { border-radius: 0; background: var(--po-ouro); color: var(--po-tinta); font-weight: 600; letter-spacing: .08em; }

/* mostrador de colecoes (bloco Destaques) */
.po-mostra { display: grid; grid-template-columns: minmax(260px, 1fr) 1.2fr; align-items: center; gap: 50px; padding: 56px; background: #111113; color: #ece7dd; }
.po-mostra-cab { display: grid; justify-items: start; gap: 12px; }
.po-mostra-cab small { color: #b8975a; font-size: 12px; font-weight: 500; letter-spacing: .28em; text-transform: uppercase; }
body.vitrine .po-mostra-cab h2 { margin: 0; font-family: var(--fonte-titulos), Georgia, serif; font-size: 40px; font-weight: 500; line-height: 1.1; letter-spacing: .06em; text-transform: uppercase; color: #ece7dd; }
.po-mostra-cab p { margin: 0; color: #9b968c; font-size: 15.5px; }
.po-mostra-botao { display: inline-flex; align-items: center; height: 46px; margin-top: 8px; padding: 0 26px; border: 1px solid #b8975a; color: #ece7dd !important; font-size: 12.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; }
.po-mostra-botao:hover { background: #b8975a; color: #111113 !important; }
.po-horas { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 0; justify-self: center; width: min(100%, 460px); aspect-ratio: 1; padding: 30px; border: 1px solid rgba(184, 151, 90, .45); border-radius: 50%; background: radial-gradient(circle, #1c1c1f 0 60%, #161618 61%); box-shadow: inset 0 0 0 10px #161618, inset 0 0 0 11px rgba(184, 151, 90, .3); }
.po-hora { position: absolute; display: grid; justify-items: center; gap: 2px; width: 150px; color: #ece7dd; text-align: center; text-decoration: none; }
.po-hora:nth-of-type(1) { top: 26px; left: 50%; margin-left: -75px; }
.po-hora:nth-of-type(2) { top: 50%; right: 18px; transform: translateY(-50%); }
.po-hora:nth-of-type(3) { bottom: 26px; left: 50%; margin-left: -75px; }
.po-hora:nth-of-type(4) { top: 50%; left: 18px; transform: translateY(-50%); }
.po-hora:nth-of-type(n+5) { display: none; }
.po-hora b { font-family: var(--fonte-titulos), Georgia, serif; font-size: 22px; font-weight: 600; letter-spacing: .06em; color: #b8975a; }
.po-hora strong { font-family: var(--fonte-titulos), Georgia, serif; font-size: 15px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.po-hora span { color: #8d887e; font-size: 12.5px; line-height: 1.3; }
a.po-hora:hover { color: #ece7dd !important; }
a.po-hora:hover strong { color: #d9c39a; }
.po-centro { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
.po-centro::after { content: ""; position: absolute; left: -7px; top: -7px; width: 14px; height: 14px; border-radius: 50%; background: #b8975a; }
.po-centro i, .po-centro b { position: absolute; left: -1.5px; bottom: 0; width: 3px; border-radius: 3px; background: #ece7dd; transform-origin: 50% 100%; }
.po-centro i { height: 70px; transform: rotate(-60deg); }
.po-centro b { height: 100px; width: 2px; left: -1px; background: #b8975a; transform: rotate(40deg); animation: po-gira 60s linear infinite; }
@keyframes po-gira { to { transform: rotate(400deg); } }

/* mosaico, banners, depoimentos, blog, newsletter */
.tema-ponteiro .hdl-mos-img { border-radius: 0 !important; }
.tema-ponteiro .hdl-mos-sobre a b { left: 50% !important; transform: translateX(-50%); bottom: 22px !important; border-radius: 0 !important; background: transparent !important; color: #ece7dd; font-family: var(--fonte-titulos), Georgia, serif; font-size: 17px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; box-shadow: none !important; white-space: nowrap; border-bottom: 1px solid #b8975a; padding: 0 0 4px !important; }
.tema-ponteiro .hdl-hero { border-radius: 0; }
.tema-ponteiro .hdl-hero .vt-botao { border-radius: 0; background: var(--po-ouro); color: var(--po-tinta); letter-spacing: .14em; text-transform: uppercase; }
.tema-ponteiro .hdl-it-img img { border-radius: 0; }
.tema-ponteiro .hdl-it-txt h2 { font-size: 40px; font-weight: 500; letter-spacing: .06em; color: var(--po-tinta); }
.tema-ponteiro .hdl-depo figure { border: 1px solid var(--po-linha); border-radius: 0; background: #fff; }
.tema-ponteiro .vt-blog a { border-radius: 0; background: #fff; overflow: hidden; }
.tema-ponteiro .vt-blog strong { font-family: var(--fonte-titulos), Georgia, serif; font-size: 19px; font-weight: 500; letter-spacing: .04em; color: var(--po-tinta); }
body.vitrine.tema-ponteiro .vt-news { border-radius: 0; background: var(--po-marfim); color: var(--po-tinta); border-top: 1px solid var(--po-ouro); border-bottom: 1px solid var(--po-ouro); }
body.vitrine.tema-ponteiro .vt-news h3 { color: var(--po-tinta) !important; font-family: var(--fonte-titulos), Georgia, serif; font-weight: 500; letter-spacing: .08em; }
body.vitrine.tema-ponteiro .vt-news p { color: #5c5850; }
body.vitrine.tema-ponteiro .vt-news-campo { border-radius: 0; }
body.vitrine.tema-ponteiro .vt-news-campo button { border-radius: 0; background: var(--po-tinta); color: var(--po-ouro2); }
.tema-ponteiro .vt-vantagens > * { border: 1px solid var(--po-linha); border-radius: 0; background: #fff; }
.tema-ponteiro .vt-vantagens i { border-radius: 50%; background: var(--po-tinta); color: var(--po-ouro); }

/* ---------- topo proprio (topo.php): quase preto, filete dourado e Cinzel ---------- */
.po-topo .vt-aviso { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.po-topo .vt-marca img { width: auto; height: var(--logo-altura, 56px); max-width: 280px; border: 0; border-radius: 0; background: none; object-fit: contain; }
body.vitrine .po-topo .vt-busca input { height: 42px; border: 0; border-bottom: 1px solid #b8975a; border-radius: 0; background: transparent; color: #ece7dd; }
body.vitrine .po-topo .vt-busca input::placeholder { color: #8d887e; }
body.vitrine .po-topo .vt-busca input:focus { box-shadow: none; border-bottom-color: #d9c39a; }
body.vitrine .po-topo .vt-busca button { border-radius: 0 !important; background: transparent !important; color: #b8975a !important; }
.po-topo .vt-acao { color: #ece7dd !important; }
.po-topo .vt-acao:hover { background: rgba(184, 151, 90, .14); color: #d9c39a !important; }
.po-topo .vt-sacola .counter { background: #b8975a; color: #111113; }
@media (min-width: 992px) {
	.po-topo .vt-barra .container { min-height: 92px; }
	body.vitrine .po-topo .vt-busca { flex: 1 1 400px; max-width: 440px; margin: 0 auto; }
	body.vitrine .po-topo .vt-menu { background: #111113; border-top: 1px solid rgba(184, 151, 90, .25); }
	.po-topo .vt-menu .container { justify-content: center; gap: 10px; }
	body.vitrine .po-topo .vt-menu > .container > a, body.vitrine .po-topo .vt-menu-cat > a, body.vitrine .po-topo .vt-menu-dep-link { position: relative; color: #ece7dd !important; font-family: var(--fonte-titulos), Georgia, serif; font-size: 14px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; background: transparent !important; white-space: nowrap; }
	body.vitrine .po-topo .vt-menu > .container > a::after, body.vitrine .po-topo .vt-menu-cat > a::after { content: ""; position: absolute; left: 50%; bottom: 4px; width: 2px; height: 0; margin-left: -1px; background: #b8975a; transition: height .2s; }
	body.vitrine .po-topo .vt-menu > .container > a:hover::after, body.vitrine .po-topo .vt-menu-cat:hover > a::after { height: 8px; }
	body.vitrine .po-topo .vt-menu > .container > a:hover, body.vitrine .po-topo .vt-menu-cat:hover > a { color: #d9c39a !important; }
	body.vitrine .po-topo .vt-menu a.vt-ofertas { color: #d9c39a !important; }
	body.vitrine .po-topo .vt-menu-cat > a > .lni-chevron-down { display: none; }
	body.vitrine .po-topo .vt-mega-painel, body.vitrine .po-topo .vt-menu-cat-lista, body.vitrine .po-topo .vt-menu-dep-lista { border: 0; border-top: 1px solid #b8975a; border-radius: 0; background: #f7f5f1; box-shadow: 0 30px 60px rgba(0, 0, 0, .35); }
	body.vitrine .po-topo .vt-mega-painel a, body.vitrine .po-topo .vt-menu-cat-lista a, body.vitrine .po-topo .vt-menu-dep-lista a { color: #111113 !important; font-family: var(--fonte), sans-serif; font-size: 14px; letter-spacing: 0; text-transform: none; }
	body.vitrine .po-topo .vt-mega-painel a::after, body.vitrine .po-topo .vt-menu-cat-lista a::after { display: none; }
	body.vitrine .po-topo .vt-mega-prod img { border-radius: 0; background: #1d1d1f; }
}

/* ---------- rodape proprio (rodape.php): mostrador e indices ---------- */
.po-assinatura { display: grid; justify-items: center; gap: 18px; padding: 10px 0 44px; text-align: center; }
.po-mostrador { position: relative; width: 64px; height: 64px; border: 1px solid #b8975a; border-radius: 50%; background: repeating-conic-gradient(from -1.5deg, #b8975a 0 3deg, transparent 3deg 30deg); -webkit-mask: radial-gradient(circle, #000 0 22px, transparent 22.5px 25px, #000 25.5px); mask: radial-gradient(circle, #000 0 22px, transparent 22.5px 25px, #000 25.5px); }
.po-mostrador i, .po-mostrador b { position: absolute; left: 50%; bottom: 50%; width: 2px; margin-left: -1px; background: #ece7dd; transform-origin: 50% 100%; }
.po-mostrador i { height: 16px; transform: rotate(-50deg); }
.po-mostrador b { height: 22px; transform: rotate(60deg); background: #b8975a; }
.po-frase { max-width: 760px; margin: 0; font-family: var(--fonte-titulos), Georgia, serif; font-size: 26px; font-weight: 500; line-height: 1.3; letter-spacing: .1em; text-transform: uppercase; color: #ece7dd; }
.po-indices { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 0; margin: 0; padding: 0; list-style: none; }
.po-indices li { display: inline-flex; align-items: center; color: #9b968c; font-size: 13px; letter-spacing: .04em; }
.po-indices li + li::before { content: ""; width: 2px; height: 12px; margin: 0 18px; background: #b8975a; }
.po-rodape h3 { font-family: var(--fonte-titulos), Georgia, serif !important; font-size: 16px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; color: #ece7dd !important; }
.po-rodape .vt-redes a { border-radius: 0; }

/* ---------- pagina do produto premium ---------- */
.tema-ponteiro .pp, .tema-ponteiro .ppa { --pp-titulo-tam: 32px; --pp-preco-tam: 30px; --pp-raio: 0px; --pp-raio-botao: 0px; --pp-suave: var(--po-marfim); --pp-borda: var(--po-linha); --pp-acento: var(--po-ouro); }
.tema-ponteiro .pp-nome { font-weight: 500; letter-spacing: .06em; line-height: 1.2; }
.tema-ponteiro .pp-marca { color: var(--po-ouro); font-weight: 500; letter-spacing: .24em; }
.tema-ponteiro .pp-foto, .tema-ponteiro .pp-mini { background: #1d1d1f; }
.tema-ponteiro .pp-preco { background: transparent; border: 0; border-top: 1px solid var(--po-linha); border-bottom: 1px solid var(--po-linha); }
.tema-ponteiro .pp-preco-valor { font-family: var(--fonte-titulos), Georgia, serif; font-weight: 600; letter-spacing: .04em; }
.tema-ponteiro .pp-preco-off { border-radius: 0; background: var(--po-ouro); color: var(--po-tinta); }
.tema-ponteiro .pp .opcao.pp-op.active { --pp-op-borda: var(--po-tinta); --pp-op-fundo: var(--po-tinta); --pp-op-cor: var(--po-ouro2); }
.tema-ponteiro .pp .pp-var-cores .opcao.pp-op.active { --pp-op-fundo: #fff; --pp-op-cor: var(--po-tinta); }
.tema-ponteiro .pp .pp-botao { background: var(--po-tinta); color: var(--po-ouro2); --pp-b-sombra: none; --pp-b-peso: 500; letter-spacing: .16em; text-transform: uppercase; }
.tema-ponteiro .pp .pp-botao:hover { background: var(--po-ouro); color: var(--po-tinta); }
.tema-ponteiro .pp .pp-agora { border-color: var(--po-ouro); color: var(--po-tinta); letter-spacing: .16em; text-transform: uppercase; }
.tema-ponteiro .pp .pp-agora:hover { background: var(--po-marfim); }
.tema-ponteiro .pp-selo { border-radius: 0; background: var(--po-ouro); color: var(--po-tinta); }
.tema-ponteiro .pp-garantias svg { border-radius: 50%; background: var(--po-tinta); color: var(--po-ouro); }
.tema-ponteiro .ppa .ppa-titulo { font-family: var(--fonte-titulos), Georgia, serif; font-size: 22px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.tema-ponteiro .ppa-destaques li { background: #fff; border: 1px solid var(--po-linha); border-radius: 0; }
.tema-ponteiro .ppa-destaques li::before { background-color: var(--po-ouro); }

/* ---------- carrinho (carrinho.php): ponteiro girando ---------- */
body.vitrine.tema-ponteiro .ck h1 { font-size: 34px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--po-tinta); }
body.vitrine.tema-ponteiro .co-passos .atual { color: #8a6d3b; }
body.vitrine.tema-ponteiro .ck-item, body.vitrine.tema-ponteiro .co-bloco { border: 1px solid var(--po-linha); border-radius: 0; background: #fff; }
body.vitrine.tema-ponteiro .ck-foto img { background: #1d1d1f; border-radius: 0; }
body.vitrine.tema-ponteiro .ck-resumo { border: 1px solid var(--po-ouro); border-radius: 0; background: #fff; }
body.vitrine.tema-ponteiro .ck-finalizar { border-radius: 0 !important; background: #111113 !important; color: #d9c39a !important; font-weight: 500 !important; letter-spacing: .16em; text-transform: uppercase; }
.po-frete { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px 20px; padding: 14px 22px; border: 1px solid #e2dccf; background: #fff; }
.po-frete p { grid-column: 2; margin: 0; font-size: 14.5px; color: #111113; }
.po-frete p b { color: #8a6d3b; }
.po-relogio { grid-row: 1 / span 2; position: relative; display: block; width: 50px; height: 50px; border-radius: 50%; background: #111113; box-shadow: inset 0 0 0 2px #b8975a; }
.po-relogio::before { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: repeating-conic-gradient(from -2deg, #b8975a 0 4deg, transparent 4deg 30deg); -webkit-mask: radial-gradient(circle, transparent 0 15px, #000 15.5px); mask: radial-gradient(circle, transparent 0 15px, #000 15.5px); }
.po-relogio::after { content: ""; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: #b8975a; }
.po-relogio i { position: absolute; left: 50%; bottom: 50%; width: 2px; height: 17px; margin-left: -1px; border-radius: 2px; background: #ece7dd; transform-origin: 50% 100%; transform: rotate(calc(var(--po-p, 0) * 3.6deg)); transition: transform .6s ease; }
.po-barra { grid-column: 2; display: block; height: 2px; background: #efeae1; overflow: hidden; }
.po-barra i { display: block; height: 100%; background: #b8975a; transition: width .6s ease; }

@media (max-width: 991px) {
	.po-mostra { grid-template-columns: 1fr; gap: 30px; padding: 36px 18px; }
	.po-horas { width: min(100%, 360px); }
	.po-hora { width: 120px; }
	.po-hora:nth-of-type(1), .po-hora:nth-of-type(3) { margin-left: -60px; }
	.po-hora span { display: none; }
}
@media (max-width: 767px) {
	.tema-ponteiro .vt-secao-cab h2 { font-size: 22px; gap: 10px; }
	body.vitrine .po-mostra-cab h2 { font-size: 28px; }
	.po-hora strong { font-size: 12.5px; }
	.po-hora b { font-size: 18px; }
	.po-frase { font-size: 18px; }
	.po-topo .vt-marca img { height: 42px; max-width: 180px; }
	.tema-ponteiro .pp, .tema-ponteiro .ppa { --pp-titulo-tam: 24px; --pp-preco-tam: 26px; }
}