/* Roxo é a assinatura; dourado é o complementar para preços e azul-ciano entra só como detalhe. */
:root { --violeta: #8b5cf6; --violeta-claro: #c4b5fd; --indigo: #4f46e5; --dourado: #fbbf24; --ciano: #22d3ee; --grafite: #171625; --noite: #090914; --vidro: rgba(255,255,255,.08); }
body.experiencia-ativa { background:radial-gradient(circle at 12% 4%,rgba(124,58,237,.31) 0,transparent 26%),radial-gradient(circle at 92% 22%,rgba(34,211,238,.10) 0,transparent 22%),linear-gradient(145deg,#0b0a16 0%,#101022 55%,#090914 100%); color:#f8f7ff; }
body.experiencia-ativa header { background:rgba(12,16,36,.84); backdrop-filter:blur(18px); border-bottom:1px solid rgba(196,181,253,.2); box-shadow:none; }
body.experiencia-ativa header nav a { color: #f3ecff; } body.experiencia-ativa .busca-form { box-shadow: none; border: 1px solid rgba(216,184,255,.26); } body.experiencia-ativa .busca-form input { background: rgba(255,255,255,.07); color: #fff; }
body.experiencia-ativa .carrossel-container { margin-top:0; border-radius:0 0 30px 30px; overflow:hidden; opacity:.88; } body.experiencia-ativa .secao-produtos { background:transparent; } body.experiencia-ativa .titulo-secao h2, body.experiencia-ativa .titulo-secao p { color:#f7f2ff; } body.experiencia-ativa .secao-produtos .carousel { background:rgba(255,255,255,.045); border:1px solid rgba(225,200,255,.1); box-shadow:none; backdrop-filter:blur(12px); }
body.experiencia-ativa .card, body.experiencia-ativa .produto-card { background:linear-gradient(155deg,#242238 0%,#161522 62%,#11101a 100%); color:#faf7ff; border:1px solid rgba(167,139,250,.48); border-top:3px solid #8b5cf6; box-shadow:0 18px 38px rgba(0,0,0,.3); } body.experiencia-ativa .card h3, body.experiencia-ativa .produto-card h3 { color:#fff; } body.experiencia-ativa .card p, body.experiencia-ativa .produto-categoria { color:#d9d8e5; } body.experiencia-ativa .card-carrossel { background:radial-gradient(circle,#fff 0,#e9e1f0 64%,#cfc0db); } body.experiencia-ativa .card:hover, body.experiencia-ativa .produto-card:hover { transform:translateY(-6px); border-color:#c4b5fd; border-top-color:#22d3ee; box-shadow:0 25px 54px rgba(0,0,0,.42),0 0 0 1px rgba(34,211,238,.28),0 0 28px rgba(124,58,237,.22); } body.experiencia-ativa :is(.preco, .produto-preco, .card .preco-atual) { color:#fbbf24; font-weight:800; } body.experiencia-ativa .btn-comprar { background:linear-gradient(110deg,#7c3aed,#4f46e5); border:1px solid rgba(196,181,253,.6); color:#fff; } body.experiencia-ativa .btn-comprar:hover { background:linear-gradient(110deg,#8b5cf6,#2563eb); }
.experiencia-titulo { position:relative; overflow:hidden; margin:34px auto 10px; max-width:1200px; padding:0 28px; }.experiencia-titulo p { color:#bba7cf; }.experiencia-titulo h1 { color:#fff; font-size:clamp(38px,6vw,68px); letter-spacing:-.05em; }.experiencia-titulo::after { content:"CATÁLOGO 01"; position:absolute; right:4%; top:0; color:rgba(202,151,255,.12); font-size:clamp(30px,5vw,74px); font-weight:900; letter-spacing:.04em; }
body.experiencia-ativa .produtos-pagina { background:transparent; } body.experiencia-ativa .menu-marcas, body.experiencia-ativa .carrinho { background:rgba(255,255,255,.06); border:1px solid rgba(226,200,255,.13); box-shadow:none; color:#fff; } body.experiencia-ativa .menu-marcas h2, body.experiencia-ativa .carrinho h2, body.experiencia-ativa .total { color:#fff; } body.experiencia-ativa .marca { background:rgba(255,255,255,.07); color:#ebddff; } body.experiencia-ativa .marca.ativa { background:#9b4dff; }
.experiencia-fluxo { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:1200px; margin:32px auto; padding:0 16px; }.experiencia-fluxo article { min-height:105px; padding:18px; border:1px solid rgba(218,185,255,.16); border-radius:16px; background:rgba(255,255,255,.045); }.experiencia-fluxo b { display:block; margin-bottom:6px; color:#c693ff; font-size:12px; letter-spacing:.1em; }.experiencia-fluxo p { margin:0; color:#eee7f7; font-weight:700; }

/* Superfícies e tipografia consistentes nas duas páginas. */
body.experiencia-ativa :is(h1, h2, h3, h4, h5, h6, .titulo-pagina, .titulo-secao) { color:#fff; }
body.experiencia-ativa :is(.vantagem, .secao-produtos .carousel, #marcas .carousel, .secao-instagram .carousel, .menu-marcas, .carrinho, .produto-modal__conteudo, .loja-modal__caixa, .loja-confianca div, .checkout-resumo, .pedidos-lista article) { background:linear-gradient(145deg,rgba(32,25,67,.97),rgba(15,30,58,.97)); border-color:rgba(167,139,250,.24); color:#f8f5ff; }
body.experiencia-ativa :is(.produto-modal__ficha, .produto-modal__avaliacoes, .checkout-pagamentos label, .marca, .filtro, .checkout-form input, .checkout-form select, .produto-modal__variacao select) { background:rgba(37,48,86,.72); border-color:rgba(125,211,252,.24); color:#f8f5ff; }
body.experiencia-ativa :is(.produto-modal__conteudo, .loja-modal__caixa) :is(p, span, label, small) { color:#ded2ed; }
body.experiencia-ativa .produto-modal__aviso, body.experiencia-ativa .loja-modal__fechar { background:rgba(255,255,255,.1); color:#fff; }

/* Paleta final da Quimera: preto, branco, roxo e lilás. */
:root { --preto:#0a0a0a; --branco:#ffffff; --roxo:#7c3aed; --lilas:#c4b5fd; --violeta:var(--roxo); --violeta-claro:var(--lilas); --indigo:var(--roxo); --dourado:var(--lilas); --ciano:var(--lilas); --grafite:var(--preto); --noite:var(--preto); }
body.experiencia-ativa { background:radial-gradient(circle at 15% 0,rgba(124,58,237,.32),transparent 28%),var(--preto); color:var(--branco); }
body.experiencia-ativa :is(h1,h2,h3,h4,h5,h6,.titulo-secao,.titulo-pagina) { color:var(--branco)!important; text-align:center; }
body.experiencia-ativa .titulo-secao,body.experiencia-ativa .titulo-pagina { align-items:center; justify-content:center; text-align:center; }
body.experiencia-ativa .titulo-secao p,body.experiencia-ativa .titulo-pagina p { color:var(--lilas); text-align:center; }
.secao-vantagens,.loja-confianca { display:none!important; }
.cabecalho-vitrine { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }.cabecalho-vitrine h2 { order:1; }.cabecalho-vitrine p { order:2; color:var(--lilas); }.atalhos-objetivo { padding-top:52px; }.atalhos-objetivo a { min-height:260px; justify-content:flex-end; border:1px solid var(--roxo); background-color:var(--preto); background-size:cover; background-position:center; }.atalhos-objetivo a::before { background:linear-gradient(0deg,rgba(10,10,10,.96) 5%,rgba(10,10,10,.30) 70%,rgba(10,10,10,.15)); }.atalhos-objetivo a:nth-child(1) { background-image:linear-gradient(0deg,rgba(10,10,10,.95),rgba(10,10,10,.08)),url("Imagens/Objetivos/forca-performance.png"); }.atalhos-objetivo a:nth-child(2) { background-image:linear-gradient(0deg,rgba(10,10,10,.95),rgba(10,10,10,.08)),url("Imagens/Objetivos/ganho-massa.png"); }.atalhos-objetivo a:nth-child(3) { background-image:linear-gradient(0deg,rgba(10,10,10,.95),rgba(10,10,10,.08)),url("Imagens/Objetivos/mais-energia.png"); }.atalhos-objetivo a:nth-child(2)::before,.atalhos-objetivo a:nth-child(3)::before { background:linear-gradient(0deg,rgba(10,10,10,.96) 5%,rgba(10,10,10,.30) 70%,rgba(10,10,10,.15)); }.atalhos-objetivo a:hover { border-color:var(--lilas); box-shadow:0 20px 45px rgba(124,58,237,.32); }.atalho-icone,.atalhos-objetivo i { color:var(--lilas); }
body.experiencia-ativa :is(.card,.produto-card,.vantagem,.secao-produtos .carousel,#marcas .carousel,.secao-instagram .carousel,.menu-marcas,.carrinho,.produto-modal__conteudo,.loja-modal__caixa,.loja-confianca div,.checkout-resumo,.pedidos-lista article) { background:linear-gradient(155deg,#15101f,#0a0a0a); border-color:var(--roxo); color:var(--branco); }
body.experiencia-ativa :is(.card-carrossel,.produto-modal__imagem-wrap,.produto-modal__miniatura,.card-fotos img) { background:var(--preto)!important; border:0!important; outline:0!important; box-shadow:none!important; }.selo-estoque,.produto-modal__estoque { display:none!important; }
body.experiencia-ativa .carrinho-beneficios { background:linear-gradient(155deg,#15101f,#0a0a0a); border-color:var(--roxo); color:var(--branco); }.experiencia-ativa .carrinho-beneficios :is(label,strong,span) { color:var(--branco); }.experiencia-ativa .cupom-linha input { background:var(--preto); border-color:var(--lilas); color:var(--branco); }.experiencia-ativa .cupom-linha button { background:var(--roxo); color:var(--branco); }.experiencia-ativa .frete-mini { color:var(--lilas); }

/* Estrutura comercial: topo utilitário, categorias e vitrines de decisão rápida. */
.barra-comercial { display:flex; justify-content:center; align-items:center; gap:clamp(16px,5vw,72px); min-height:34px; padding:7px 20px; background:#05050b; color:#d8d6e5; font-size:11px; font-weight:700; letter-spacing:.03em; text-align:center; }.barra-comercial span { display:inline-flex; align-items:center; gap:7px; }.barra-comercial i { color:var(--dourado); }
body.experiencia-ativa header { max-width:none; min-height:76px; padding:10px clamp(18px,4vw,68px); }.experiencia-ativa .logo img { width:58px; height:58px; }.experiencia-ativa .logo h1, .experiencia-ativa .logo-titulo { font-size:22px; letter-spacing:.08em; }.experiencia-ativa .busca-form { max-width:520px; background:rgba(255,255,255,.08); }.experiencia-ativa .busca-form button { background:transparent; color:var(--ciano); }
.navegacao-categorias { display:flex; justify-content:center; align-items:center; gap:clamp(16px,3vw,42px); min-height:48px; padding:0 24px; overflow-x:auto; white-space:nowrap; background:#11101c; border-bottom:1px solid rgba(196,181,253,.15); }.navegacao-categorias a { color:#e9e7f2; font-size:13px; font-weight:700; text-decoration:none; transition:color .2s; }.navegacao-categorias a:hover { color:var(--ciano); }.navegacao-categorias .categoria-oferta { color:var(--dourado); }
body.experiencia-ativa .carrossel-container { height:clamp(300px,42vw,540px); border-radius:0; opacity:1; }.experiencia-ativa .slide::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,6,13,.54),transparent 65%); pointer-events:none; }.experiencia-ativa .bolinhas-navegacao { z-index:2; }
.atalhos-objetivo { max-width:1240px; margin:0 auto; padding:64px 24px 24px; }.cabecalho-vitrine { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; }.cabecalho-vitrine p { margin:0 0 8px; color:var(--ciano); font-size:11px; font-weight:800; letter-spacing:.14em; }.cabecalho-vitrine h2 { margin:0; color:#fff; font-size:clamp(28px,3.2vw,44px); letter-spacing:-.04em; }.atalhos-objetivo__grade { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.atalhos-objetivo a { position:relative; min-height:180px; display:flex; flex-direction:column; justify-content:end; gap:7px; overflow:hidden; padding:24px; border:1px solid rgba(167,139,250,.38); border-radius:14px; background:linear-gradient(145deg,#232039,#12111d); color:#fff; text-decoration:none; box-shadow:0 18px 36px rgba(0,0,0,.2); transition:transform .25s,border-color .25s,box-shadow .25s; }.atalhos-objetivo a::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 90% 15%,rgba(124,58,237,.46),transparent 38%); pointer-events:none; }.atalhos-objetivo a:nth-child(2)::before { background:radial-gradient(circle at 90% 15%,rgba(79,70,229,.52),transparent 38%); }.atalhos-objetivo a:nth-child(3)::before { background:radial-gradient(circle at 90% 15%,rgba(34,211,238,.25),transparent 38%); }.atalhos-objetivo a:hover { transform:translateY(-5px); border-color:var(--ciano); box-shadow:0 22px 45px rgba(0,0,0,.38),0 0 24px rgba(124,58,237,.23); }.atalho-icone { position:absolute; top:20px; left:22px; color:var(--dourado); font-size:12px; font-weight:900; letter-spacing:.1em; }.atalhos-objetivo strong,.atalhos-objetivo small,.atalhos-objetivo i { position:relative; }.atalhos-objetivo strong { font-size:22px; }.atalhos-objetivo small { color:#d6d3e4; }.atalhos-objetivo i { position:absolute; right:22px; bottom:24px; color:var(--ciano); }
body.experiencia-ativa .secao-vantagens { max-width:1240px; margin:36px auto 16px; padding:0 24px; background:transparent; }.experiencia-ativa .vantagens-grade { border:1px solid rgba(167,139,250,.18); border-radius:14px; overflow:hidden; }.experiencia-ativa .vantagem { border-radius:0; border:0; border-right:1px solid rgba(167,139,250,.18); background:#11101c; }.experiencia-ativa .vantagem:last-child { border-right:0; }.experiencia-ativa .vantagem-icone { color:var(--ciano); }
body.experiencia-ativa .secao-produtos { max-width:1320px; margin:0 auto; padding:54px 24px; }.experiencia-ativa .titulo-secao { display:flex; align-items:end; justify-content:space-between; padding:0; text-align:left; }.experiencia-ativa .titulo-secao h2 { font-size:clamp(28px,3vw,42px); letter-spacing:-.04em; }.experiencia-ativa .titulo-secao p { color:#bcb8cc; }.experiencia-ativa .secao-produtos .carousel { padding:14px; background:#100f1b; border-color:rgba(167,139,250,.16); }
body.experiencia-ativa .produtos-pagina { max-width:1320px; margin:0 auto; padding:38px 24px 70px; }.experiencia-ativa .titulo-pagina { padding:34px 0 30px; text-align:left; background:transparent; }.experiencia-ativa .titulo-pagina h1 { font-size:clamp(38px,5vw,62px); letter-spacing:-.055em; }.experiencia-ativa .titulo-pagina p { color:#c9c5d5; }.trilha-produto { margin:0 0 12px!important; color:var(--ciano)!important; font-size:11px; font-weight:800; letter-spacing:.13em; }.trilha-produto span { margin:0 7px; color:var(--dourado); }.experiencia-ativa .catalogo { gap:24px; }.experiencia-ativa .menu-marcas { height:max-content; padding:20px; border-radius:14px; background:#11101c; }.experiencia-ativa .area-produtos { min-width:0; }.experiencia-ativa .topo-produtos { padding-bottom:16px; border-bottom:1px solid rgba(167,139,250,.18); }.experiencia-ativa .topo-produtos span { color:var(--ciano); }
@media (max-width:700px) { .barra-comercial { justify-content:flex-start; gap:22px; overflow:hidden; white-space:nowrap; }.barra-comercial span:nth-child(2),.barra-comercial span:nth-child(3) { display:none; }.experiencia-ativa header { min-height:66px; padding:8px 14px; }.experiencia-ativa .logo img { width:46px; height:46px; }.experiencia-ativa .logo h1,.experiencia-ativa .logo-titulo { font-size:17px; }.experiencia-ativa .busca-form { order:5; position:absolute; top:100%; left:12px; right:12px; margin:8px 0 0; max-width:none; }.navegacao-categorias { justify-content:flex-start; margin-top:54px; gap:22px; padding:0 18px; }.experiencia-ativa .carrossel-container { height:280px; }.atalhos-objetivo { padding:40px 18px 12px; }.cabecalho-vitrine { display:block; }.atalhos-objetivo__grade { grid-template-columns:1fr; }.atalhos-objetivo a { min-height:138px; }.experiencia-ativa .secao-vantagens { margin:26px auto 0; padding:0 18px; }.experiencia-ativa .vantagens-grade { display:grid; grid-template-columns:1fr 1fr; }.experiencia-ativa .vantagem { border-bottom:1px solid rgba(167,139,250,.18); }.experiencia-ativa .secao-produtos { padding:42px 18px; }.experiencia-ativa .titulo-secao { display:block; }.experiencia-ativa .produtos-pagina { padding:22px 18px 55px; }.experiencia-ativa .titulo-pagina { padding:24px 0; }.experiencia-fluxo { grid-template-columns:1fr; }.experiencia-titulo { margin-top:20px; padding:0 18px; }.experiencia-titulo::after { display:none; } }
@media (prefers-reduced-motion:reduce) { *,*::after,*::before { scroll-behavior:auto!important; } }

/* Prioridade final: imagens nos objetivos e títulos centralizados em todas as vitrines. */
body.experiencia-ativa :is(.titulo-secao,.titulo-pagina,.cabecalho-vitrine) { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
body.experiencia-ativa :is(.titulo-secao,.titulo-pagina,.cabecalho-vitrine) :is(h1,h2,h3,p) { width:100%; text-align:center; }
body.experiencia-ativa :is(.titulo-secao,.titulo-pagina,.cabecalho-vitrine) h1,body.experiencia-ativa :is(.titulo-secao,.titulo-pagina,.cabecalho-vitrine) h2 { order:1; margin-bottom:8px; }
body.experiencia-ativa :is(.titulo-secao,.titulo-pagina,.cabecalho-vitrine) p { order:2; margin-top:0; }
body.experiencia-ativa .atalhos-objetivo__grade a { background-color:var(--preto); background-position:center,center; background-repeat:no-repeat,no-repeat; background-size:100% 100%,100% 100%; }
body.experiencia-ativa .atalhos-objetivo__grade a:nth-child(1) { background-image:linear-gradient(90deg,rgba(10,10,10,.98) 0%,rgba(10,10,10,.80) 48%,rgba(10,10,10,.10) 100%),url("Imagens/Objetivos/forca-performance-horizontal.png"); }
body.experiencia-ativa .atalhos-objetivo__grade a:nth-child(2) { background-image:linear-gradient(90deg,rgba(10,10,10,.98) 0%,rgba(10,10,10,.80) 48%,rgba(10,10,10,.10) 100%),url("Imagens/Objetivos/ganho-massa-horizontal.png"); }
body.experiencia-ativa .atalhos-objetivo__grade a:nth-child(3) { background-image:linear-gradient(90deg,rgba(10,10,10,.98) 0%,rgba(10,10,10,.80) 48%,rgba(10,10,10,.10) 100%),url("Imagens/Objetivos/mais-energia-horizontal.png"); }

.newsletter-contato { display: inline-block; padding: 12px 20px; border-radius: 8px; background: #8424d9; color: #fff; font-weight: 700; text-decoration: none; }