/* Tema Arena (premium): esporte e fitness - azul-marinho, azul royal e verde-limao, letras condensadas em italico,
   cortes diagonais e movimento. Carregado depois do CSS do Vitrine e do premium.css (pagina do produto premium). */

.tema-arena { --ar-tinta: var(--titulos, #0b1730); --ar-limao: #c8f031; --ar-linha: #dfe5ee; --ar-gelo: #eef2f7; }
body.vitrine.tema-arena h1, body.vitrine.tema-arena h2, body.vitrine.tema-arena h3 { font-family: var(--fonte-titulos), var(--fonte), sans-serif; font-weight: 800 !important; font-style: italic; letter-spacing: 0; }

/* titulos das secoes: italico condensado com uma faixa limao diagonal */
.tema-arena .vt-secao-cab h2 { position: relative; font-size: 42px; line-height: .95; color: var(--ar-tinta); padding-left: 20px; }
.tema-arena .vt-secao-cab h2::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 8px; background: var(--ar-limao); transform: skewX(-14deg); }
.tema-arena .vt-secao-cab a { font-weight: 800; font-style: italic; text-transform: uppercase; color: var(--loja) !important; }

/* cartao: branco, foto em gelo, preco grande italico, botao em diagonal */
.tema-arena .vt-card { border: 0; border-radius: 4px; background: #fff; overflow: hidden; }
.tema-arena .vt-card-img { background: var(--ar-gelo); border-radius: 0; }
.tema-arena .vt-card-info { padding: 14px 16px 6px; }
.tema-arena .vt-card-nome { font-size: 14px; font-weight: 700; color: var(--ar-tinta); }
.tema-arena .vt-card-preco strong { font-family: var(--fonte-titulos), sans-serif; font-size: 24px; font-style: italic; font-weight: 800; color: var(--ar-tinta); }
.tema-arena .ppc-marca { color: var(--loja); font-style: italic; }
.tema-arena .vt-card-botao { margin: 0 16px 16px; border-radius: 0; background: var(--ar-tinta); color: #fff; font-family: var(--fonte-titulos), sans-serif; font-size: 16px; font-style: italic; font-weight: 800; text-transform: uppercase; clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); }
.tema-arena .vt-card:hover .vt-card-botao { background: var(--loja); }
.tema-arena .ppc .ppc-ver { border-radius: 0; background: var(--ar-limao); color: var(--ar-tinta); font-style: italic; }
.tema-arena .vt-selo { border-radius: 0; background: var(--ar-limao); color: var(--ar-tinta); font-weight: 900; font-style: italic; clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%); }

/* faixa de lemas em movimento (bloco HTML ar-faixa) */
.ar-faixa { overflow: hidden; background: #0b1730; transform: skewY(-1.2deg); margin: 18px 0; }
.ar-faixa div { display: flex; align-items: center; gap: 28px; width: max-content; padding: 14px 0; animation: ar-corre 26s linear infinite; }
.ar-faixa span { font-family: var(--fonte-titulos), sans-serif; font-size: 30px; font-style: italic; font-weight: 800; letter-spacing: .02em; color: #fff; white-space: nowrap; }
.ar-faixa i { width: 14px; height: 14px; background: #c8f031; transform: skewX(-14deg); }
@keyframes ar-corre { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ar-faixa div { animation: none; } }

/* mosaico, banners, imagem e texto, depoimentos, blog, newsletter */
.tema-arena .hdl-mos a { border-radius: 4px !important; overflow: hidden; }
.tema-arena .hdl-mos-img { border-radius: 0 !important; transition: transform .5s; }
.tema-arena .hdl-mos a:hover .hdl-mos-img { transform: scale(1.08); }
.tema-arena .hdl-mos-sobre a b { border-radius: 0 !important; background: var(--ar-limao) !important; color: var(--ar-tinta); font-family: var(--fonte-titulos), sans-serif; font-size: 18px !important; font-style: italic; font-weight: 800; text-transform: uppercase; clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%); }
.tema-arena .hdl-hero { border-radius: 4px; overflow: hidden; }
.tema-arena .hdl-hero h2 { font-size: 52px; text-transform: uppercase; }
.tema-arena .hdl-hero .vt-botao { border-radius: 0; background: var(--ar-limao) !important; color: var(--ar-tinta) !important; font-style: italic; font-weight: 800; text-transform: uppercase; }
.tema-arena .hdl-it-img img { border-radius: 4px; clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%); }
.tema-arena .hdl-it-txt h2 { font-size: 48px; line-height: .95; text-transform: uppercase; color: var(--ar-tinta); }
.tema-arena .hdl-depo figure { border: 0; border-left: 4px solid var(--ar-limao); border-radius: 0; background: #fff; }
.tema-arena .vt-blog a { border: 0; border-radius: 4px; background: #fff; overflow: hidden; }
.tema-arena .vt-blog strong { font-family: var(--fonte-titulos), sans-serif; font-size: 22px; font-style: italic; color: var(--ar-tinta); }
body.vitrine.tema-arena .vt-news { background: var(--loja); }
body.vitrine.tema-arena .vt-news h3 { font-style: italic; text-transform: uppercase; font-size: 34px; }
body.vitrine.tema-arena .vt-news-campo button { background: var(--ar-limao); color: var(--ar-tinta); border-radius: 0; font-weight: 800; }
.tema-arena .vt-vantagens > * { border: 0; border-radius: 4px; background: #fff; }
.tema-arena .vt-vantagens i { border-radius: 0; background: var(--ar-limao); color: var(--ar-tinta); transform: skewX(-8deg); }

/* ---------- topo proprio (topo.php): barra marinho, busca larga e menu condensado em italico ---------- */
.ar-topo .vt-aviso { font-family: var(--fonte-titulos), sans-serif; font-size: 15px; font-style: italic; font-weight: 800; letter-spacing: .04em; }
.ar-topo .vt-marca img { width: auto; height: var(--logo-altura, 40px); max-width: 220px; border: 0; border-radius: 0; background: none; object-fit: contain; }
body.vitrine .ar-topo .vt-busca input { height: 46px; border: 0; border-radius: 2px; background: #fff; }
body.vitrine .ar-topo .vt-busca button { border-radius: 0 !important; background: var(--ar-limao) !important; color: var(--ar-tinta) !important; }
.ar-topo .vt-acao { color: #fff !important; }
.ar-topo .vt-acao:hover { background: rgba(255, 255, 255, .08); color: var(--ar-limao) !important; }
.ar-topo .vt-sacola .counter { background: var(--ar-limao); color: var(--ar-tinta); }
@media (min-width: 992px) {
	.ar-topo .vt-barra .container { min-height: 84px; }
	body.vitrine .ar-topo .vt-busca { max-width: 600px; margin: 0 auto; }
	body.vitrine .ar-topo .vt-menu { background: #fff; border-bottom: 3px solid var(--ar-tinta); }
	.ar-topo .vt-menu .container { justify-content: center; gap: 0; }
	body.vitrine .ar-topo .vt-menu > .container > a, body.vitrine .ar-topo .vt-menu-cat > a, body.vitrine .ar-topo .vt-menu-dep-link { color: var(--ar-tinta) !important; font-family: var(--fonte-titulos), sans-serif; font-size: 18px; font-style: italic; font-weight: 800; text-transform: uppercase; border-radius: 0; background: transparent !important; white-space: nowrap; }
	body.vitrine .ar-topo .vt-menu > .container > a:hover, body.vitrine .ar-topo .vt-menu-cat:hover > a { background: var(--ar-limao) !important; }
	body.vitrine .ar-topo .vt-menu a.vt-ofertas { background: var(--loja) !important; color: #fff !important; }
	body.vitrine .ar-topo .vt-menu-dep-link { border: 0; }
	body.vitrine .ar-topo .vt-menu-cat > a > .lni-chevron-down { display: none; }
	body.vitrine .ar-topo .vt-mega-painel, body.vitrine .ar-topo .vt-menu-cat-lista, body.vitrine .ar-topo .vt-menu-dep-lista { border-radius: 0; border: 0; border-top: 4px solid var(--ar-limao); box-shadow: 0 30px 60px rgba(11, 23, 48, .18); }
	body.vitrine .ar-topo .vt-mega-painel a, body.vitrine .ar-topo .vt-menu-cat-lista a, body.vitrine .ar-topo .vt-menu-dep-lista a { font-style: normal; text-transform: none; font-family: var(--fonte), sans-serif; font-size: 14px; }
	body.vitrine .ar-topo .vt-mega-prod img { border-radius: 2px; background: var(--ar-gelo); }
}

/* ---------- rodape proprio (rodape.php): lema gigante e placas de quilometro ---------- */
.ar-rodape { padding-top: 54px; }
.ar-assinatura { display: grid; gap: 26px; padding-bottom: 40px; border-bottom: 1px solid rgba(159, 176, 204, .2); }
.ar-lema { margin: 0; font-family: var(--fonte-titulos), sans-serif; font-size: 60px; font-style: italic; font-weight: 800; line-height: .95; text-transform: uppercase; color: #fff; }
.ar-km { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.ar-km li { display: grid; gap: 2px; min-width: 180px; padding: 12px 16px; border-left: 4px solid #c8f031; background: rgba(255, 255, 255, .05); }
.ar-km b { font-family: var(--fonte-titulos), sans-serif; font-style: italic; color: #c8f031; letter-spacing: .06em; }
.ar-km span { font-size: 13px; color: var(--rodape-texto); }
.ar-rodape h3 { font-family: var(--fonte-titulos), sans-serif !important; font-style: italic; font-size: 20px !important; text-transform: uppercase; color: #fff !important; }
.ar-rodape .vt-redes a { border-radius: 0; }

/* ---------- pagina do produto premium ---------- */
.tema-arena .pp, .tema-arena .ppa { --pp-titulo-tam: 46px; --pp-preco-tam: 46px; --pp-raio: 4px; --pp-suave: var(--ar-gelo); --pp-borda: var(--ar-linha); }
.tema-arena .pp-nome { font-style: italic; font-weight: 800; text-transform: uppercase; line-height: .95; }
.tema-arena .pp-marca { font-style: italic; }
.tema-arena .pp-preco { background: #fff; border-left: 6px solid var(--ar-limao); border-radius: 0; }
.tema-arena .pp-preco-valor { font-style: italic; }
.tema-arena .pp-preco-off { border-radius: 0; background: var(--ar-limao); color: var(--ar-tinta); font-style: italic; }
.tema-arena .pp-var-nome { font-family: var(--fonte-titulos), sans-serif; font-size: 17px; font-style: italic; text-transform: uppercase; }
.tema-arena .pp .opcao.pp-op { --pp-op-raio: 2px; --pp-op-peso: 700; }
.tema-arena .pp .opcao.pp-op.active { --pp-op-fundo: var(--ar-tinta); --pp-op-cor: #fff; --pp-op-borda: var(--ar-tinta); --pp-op-sombra: 3px 3px 0 var(--ar-limao); }
.tema-arena .pp .pp-var-cores .opcao.pp-op.active { --pp-op-fundo: transparent; --pp-op-sombra: none; --pp-op-borda: var(--ar-tinta); }
.tema-arena .pp .pp-botao { font-family: var(--fonte-titulos), sans-serif; font-size: 20px; font-style: italic; letter-spacing: .02em; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); --pp-b-sombra: none; }
.tema-arena .pp .pp-agora { font-family: var(--fonte-titulos), sans-serif; font-size: 18px; font-style: italic; background: var(--ar-limao); border-color: var(--ar-limao); color: var(--ar-tinta); }
.tema-arena .pp .pp-agora:hover { background: var(--ar-tinta); color: #fff; border-color: var(--ar-tinta); }
.tema-arena .pp-selo { border-radius: 0; background: var(--ar-limao); color: var(--ar-tinta); font-style: italic; }
.tema-arena .pp-garantias svg { border-radius: 0; background: var(--ar-limao); color: var(--ar-tinta); }
.tema-arena .ppa .ppa-abas button { font-family: var(--fonte-titulos), sans-serif; font-size: 17px; font-style: italic; text-transform: uppercase; }
.tema-arena .ppa .ppa-abas button.ativa { --ppa-b-bb: 4px solid var(--ar-limao); }
.tema-arena .ppa-destaques li { background: #fff; border-left: 4px solid var(--ar-limao); border-radius: 0; }

/* ---------- carrinho (carrinho.php): pista de corrida ate a linha de chegada ---------- */
body.vitrine.tema-arena .ck h1 { font-size: 46px; font-style: italic; text-transform: uppercase; color: var(--ar-tinta); }
body.vitrine.tema-arena .co-passos .atual { color: var(--loja); }
body.vitrine.tema-arena .ck-item, body.vitrine.tema-arena .co-bloco { border: 0; border-radius: 4px; background: #fff; }
body.vitrine.tema-arena .ck-resumo { border: 0; border-top: 6px solid var(--ar-limao); border-radius: 0; background: #fff; }
body.vitrine.tema-arena .ck-finalizar { border-radius: 0 !important; background: var(--ar-tinta) !important; font-family: var(--fonte-titulos), sans-serif; font-style: italic; font-size: 20px !important; }
.ar-frete { display: grid; gap: 10px; padding: 18px 22px; border-radius: 4px; background: #fff; }
.ar-frete p { margin: 0; font-size: 14px; }
.ar-frete p b { color: var(--loja); }
.ar-pista { position: relative; display: block; height: 30px; margin: 4px 26px 0 0; border-radius: 3px; background: #c4553c repeating-linear-gradient(90deg, transparent 0 46px, rgba(255, 255, 255, .55) 46px 48px); }
.ar-pista::before { content: ""; position: absolute; left: 0; right: 0; top: 14px; border-top: 2px dashed rgba(255, 255, 255, .7); }
.ar-pista i { position: absolute; left: 0; top: 0; bottom: 0; background: rgba(11, 23, 48, .25); transition: width .6s ease; }
.ar-pista b { position: absolute; top: -8px; width: 34px; height: 34px; margin-left: -17px; border-radius: 50%; background: #0b1730 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8f031' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14' cy='4.5' r='1.8'/%3E%3Cpath d='M9 21l2.5-5.5L14 17v4M7 12l3-3.5 4 1.5 2 3h3M11.5 15.5L13 10'/%3E%3C/svg%3E") center / 22px no-repeat; box-shadow: 0 4px 12px rgba(11, 23, 48, .3); transition: left .6s ease; }
.ar-pista em { position: absolute; right: -24px; top: -6px; width: 20px; height: 42px; background: repeating-conic-gradient(#0b1730 0 25%, #fff 0 50%) 0 0 / 10px 10px; border: 1px solid #0b1730; }
.ar-frete-ok .ar-pista b { background-color: #15803d; }

@media (max-width: 767px) {
	.tema-arena .vt-secao-cab h2 { font-size: 30px; }
	.ar-faixa span { font-size: 22px; }
	.ar-lema { font-size: 38px; }
	.ar-topo .vt-marca img { height: 28px; max-width: 160px; }
	.tema-arena .pp, .tema-arena .ppa { --pp-titulo-tam: 32px; --pp-preco-tam: 36px; }
	.tema-arena .hdl-hero h2, .tema-arena .hdl-it-txt h2 { font-size: 34px; }
	.ar-km li { min-width: 0; flex: 1 1 45%; }
}

/* newsletter: a caixa do campo segue o formato do botao do tema (a base deixa em pilula) */
body.vitrine.tema-arena .vt-news-campo { border-radius: 0px; }