:root{
  --azul:#1565ff; --azul-escuro:#0f47b8; --azul-claro:#eaf1ff;
  --grafite:#12161f; --texto:#1c2331; --suave:#6b7686;
  --linha:#e6eaf1; --branco:#fff; --fundo:#f6f8fc;
  --ok:#0f9d58; --erro:#d93025;
  --raio:18px; --sombra:0 12px 30px rgba(18,22,31,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--branco);color:var(--texto);
  font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.container{width:min(1180px,92%);margin:0 auto}
h1,h2,h3{color:var(--grafite);line-height:1.2;margin:0 0 10px}
h1{font-size:clamp(28px,4vw,42px)}
h2{font-size:clamp(22px,2.6vw,30px)}
.pequeno{font-size:14px;color:var(--suave)}
.centro{text-align:center}
section{padding:56px 0}

/* Header */
.topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.topo-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.logo{font-weight:800;font-size:22px;letter-spacing:.5px;color:var(--grafite)}
.logo span{color:var(--azul)}
.nav{display:flex;align-items:center;gap:20px;font-size:15px;font-weight:500}
.nav a:hover{color:var(--azul)}
.menu-btn{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:var(--grafite)}
.badge{display:inline-block;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--azul);color:#fff;font-size:12px;text-align:center}
.carrinho-link{font-weight:600}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;
  border:1px solid var(--linha);background:var(--d-card,#fff);color:var(--grafite);font-weight:600;font-size:15px;cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:var(--sombra)}
.btn-azul{background:var(--azul);border-color:var(--azul);color:#fff}
.btn-azul:hover{background:var(--azul-escuro)}
.btn-verde{background:#0f9d58;border-color:#0f9d58;color:#fff}
.btn-perigo{color:var(--erro);border-color:#f3c6c3}
.btn-bloco{width:100%}
.btn-pequeno{padding:8px 14px;font-size:14px}

/* Hero */
.hero{background:linear-gradient(160deg,var(--azul-claro) 0%,#fff 62%);padding:70px 0 60px;border-bottom:1px solid var(--linha)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(30px,4.4vw,50px);letter-spacing:-.5px}
.hero p.lead{font-size:18px;color:var(--suave);max-width:520px}
.hero-acoes{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.hero-arte{background:var(--d-card,#fff);border-radius:28px;box-shadow:var(--sombra);padding:26px;border:1px solid var(--linha)}
.selo{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--linha);font-size:15px}
.selo:last-child{border:0}
.selo b{color:var(--azul)}

/* Busca e categorias */
.busca{display:flex;gap:10px;flex-wrap:wrap;background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:999px;padding:8px;box-shadow:var(--sombra)}
.busca input{flex:1;min-width:200px;border:0;padding:12px 18px;font-size:16px;outline:none;background:transparent;color:var(--texto)}
.categorias{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.chip{padding:10px 20px;border:1px solid var(--linha);border-radius:999px;background:var(--d-card,#fff);font-weight:600;font-size:15px;transition:.18s}
.chip:hover{border-color:var(--azul);color:var(--azul);transform:translateY(-2px)}

/* Cards */
.grid{display:grid;gap:22px}
.grid-4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.card img{width:100%;height:230px;object-fit:cover;background:var(--fundo)}
.card-corpo{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}
.preco{font-size:22px;font-weight:800;color:var(--grafite)}
.preco-antigo{text-decoration:line-through;color:var(--suave);font-size:14px;margin-left:6px}
.tag{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--azul-claro);color:var(--azul);width:fit-content}
.tag-verde{background:var(--d-card2,#e6f6ed);color:#0f9d58}
.tag-cinza{background:var(--d-card2,#eef1f6);color:var(--suave)}
.caixa{background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:var(--raio);padding:24px;box-shadow:var(--sombra)}
.caixa-plana{box-shadow:none}
.fundo-cinza{background:var(--fundo)}

/* Passos */
.passo{background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:var(--raio);padding:24px;position:relative}
.passo .num{width:38px;height:38px;border-radius:50%;background:var(--azul);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px}

/* Formulários */
label{display:block;margin:14px 0 6px;font-size:14px;font-weight:600;color:var(--grafite)}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--linha);border-radius:12px;background:var(--d-card,#fff);
  font-size:15px;font-family:inherit;color:var(--texto)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px rgba(21,101,255,.15)}
textarea{min-height:110px;resize:vertical}
.linha2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.linha3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.check{display:flex;align-items:center;gap:10px;margin:10px 0;font-weight:500}
.check input{width:auto}
fieldset{border:1px solid var(--linha);border-radius:var(--raio);padding:18px 22px;margin:0 0 22px}
legend{font-weight:700;color:var(--azul);padding:0 8px}

/* Flash / avisos */
.flash{padding:14px 18px;border-radius:12px;margin:18px 0;font-weight:500}
.flash-ok{background:var(--d-card2,#e6f6ed);color:#0b6b3d}
.flash-erro{background:var(--d-bg2,#fdecea);color:#a52318}

/* Tabelas */
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:12px 10px;border-bottom:1px solid var(--linha);text-align:left;vertical-align:top}
th{color:var(--suave);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.4px}
.tabela-rolagem{overflow-x:auto}

/* Produto */
.produto{display:grid;grid-template-columns:1.05fr .95fr;gap:40px}
.galeria-principal{border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.galeria-principal img{width:100%;height:440px;object-fit:cover;background:var(--fundo)}
.miniaturas{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.miniaturas img{width:76px;height:76px;object-fit:cover;border-radius:12px;border:1px solid var(--linha);cursor:pointer}
.ficha{list-style:none;padding:0;margin:16px 0}
.ficha li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--linha)}

/* Layout admin */
.admin{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.admin-menu{background:var(--grafite);color:#fff;padding:26px 18px}
.admin-menu a{display:block;padding:11px 12px;border-radius:10px;color:#c8d0dd;font-size:15px}
.admin-menu a:hover,.admin-menu a.ativo{background:rgba(255,255,255,.1);color:#fff}
.admin-conteudo{padding:30px;background:var(--fundo)}
.kpi{background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:var(--raio);padding:18px}
.kpi b{display:block;font-size:26px;color:var(--grafite);margin-top:4px}

/* WhatsApp flutuante */
.whats-flutuante{position:fixed;right:18px;bottom:18px;z-index:60;background:#25d366;color:#fff;font-weight:700;
  padding:14px 20px;border-radius:999px;box-shadow:0 10px 24px rgba(37,211,102,.4)}
.whats-flutuante:hover{background:#1fb457}

/* Rodapé */
.rodape{background:var(--grafite);color:#c8d0dd;padding:46px 0 30px;margin-top:60px}
.rodape .logo{color:#fff}
.rodape-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:26px}
.rodape a{display:block;padding:4px 0;color:#c8d0dd}
.rodape a:hover{color:#fff}
.rodape strong{display:block;color:#fff;margin-bottom:8px}
.rodape .pequeno{color:#98a3b3}

/* Animações discretas */
.card,.passo,.kpi{animation:sobe .45s ease both}
@keyframes sobe{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(max-width:960px){
  .hero-grid,.produto,.admin{grid-template-columns:1fr}
  .rodape-grid{grid-template-columns:1fr 1fr}
  .admin-menu{display:flex;flex-wrap:wrap;gap:6px}
}
@media(max-width:760px){
  .menu-btn{display:block}
  .nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding-bottom:12px}
  .nav.aberto{display:flex}
  .topo-inner{flex-wrap:wrap}
  .linha2,.linha3{grid-template-columns:1fr}
  .galeria-principal img{height:300px}
}

/* ============ REDESIGN PREMIUM (v21) ============ */
.barra-confianca{background:#0b1220;color:#e6ecf7;font-size:13px}
.barra-confianca-inner{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;align-items:center;padding:9px 0;font-weight:600}
.barra-confianca a{color:#7ef0b0}
.barra-confianca a:hover{text-decoration:underline}
body.tema-escuro .barra-confianca{background:#05080f}

.hero-card-vale{position:relative;z-index:2;background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:20px;
  padding:26px;box-shadow:0 24px 50px rgba(11,18,32,.14);max-width:420px;margin-left:auto}
.hero-card-vale h2{font-size:23px;margin:10px 0 8px}
.hero-card-vale p{color:var(--suave);font-size:15px;margin:0 0 16px}
.hcv-tag{display:inline-block;background:var(--d-card2,#eaf7f0);color:#0f7a45;font-size:11.5px;font-weight:800;letter-spacing:.6px;padding:6px 11px;border-radius:999px}
.hcv-lista{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.hcv-lista li{display:flex;gap:9px;align-items:flex-start;font-size:14px;font-weight:600;color:var(--texto)}
.hcv-lista i{font-style:normal;color:#0f9d58;font-weight:800}
.hcv-rodape{display:block;margin-top:14px;padding-top:12px;border-top:1px dashed var(--linha);font-size:12.5px;color:var(--suave);text-align:center}
body.tema-escuro .hero-card-vale{background:#101827;border-color:#1f2a3d}
body.tema-escuro .hero-card-vale h2,body.tema-escuro .hcv-lista li{color:#eef3fb}

.categorias-sec{padding-top:44px}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.cat-card{position:relative;display:flex;flex-direction:column;gap:5px;padding:20px;border:1px solid var(--linha);
  border-radius:16px;background:var(--d-card,#fff);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.cat-card:hover{transform:translateY(-4px);box-shadow:var(--sombra);border-color:#c9dcff}
.cat-card strong{font-size:16px;color:var(--grafite)}
.cat-ico{font-size:26px}
.cat-seta{position:absolute;right:16px;top:18px;color:var(--azul);font-weight:800;opacity:0;transition:.18s}
.cat-card:hover .cat-seta{opacity:1}
body.tema-escuro .cat-card{background:#101827;border-color:#1f2a3d}
body.tema-escuro .cat-card strong{color:#eef3fb}

@media(max-width:1080px){ .cat-grid{grid-template-columns:repeat(3,1fr)} }
@media(max-width:760px){
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .hero-card-vale{margin:22px auto 0}
  .barra-confianca-inner{gap:6px 16px;font-size:12px}
}

/* ==========================================================
   NOVO DESIGN — CANTINHO TECH (v3)
   ========================================================== */
:root{
  --destaque:#ff6a13; --destaque-escuro:#e25a08; --barra:#0f47b8;
  --raio:16px; --sombra-suave:0 6px 20px rgba(18,22,31,.06);
}
body{background:var(--d-card,#fff);font-family:"Inter","Segoe UI",system-ui,-apple-system,Arial,sans-serif}
.container{width:min(1280px,94%)}
h1,h2{letter-spacing:-.4px}

/* Barra promocional */
.barra-promo{background:var(--barra);color:#fff;font-size:13.5px;font-weight:600}
.barra-inner{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:9px 0;text-align:center}
.barra-forte{font-weight:800;letter-spacing:.6px}
.barra-cupom{border:1px dashed rgba(255,255,255,.7);border-radius:8px;padding:3px 10px;letter-spacing:.5px}
.barra-btn{background:var(--destaque);color:#fff;padding:6px 16px;border-radius:999px;font-weight:800;font-size:12.5px;letter-spacing:.5px}
.barra-btn:hover{background:var(--destaque-escuro)}

/* Mini header */
.mini-header{background:var(--d-bg2,#f4f6fa);border-bottom:1px solid var(--linha);font-size:13px;color:var(--suave)}
.mini-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:8px 0}
.mini-links{display:flex;gap:18px;flex-wrap:wrap}
.mini-links a:hover{color:var(--azul)}

/* Header principal */
.topo{position:sticky;top:0;z-index:60;background:var(--d-card,#fff);border-bottom:1px solid var(--linha);box-shadow:var(--sombra-suave)}
.topo-inner{display:flex;align-items:center;gap:22px;padding:16px 0}
.logo{font-size:24px}
.busca-topo{flex:1;display:flex;align-items:center;background:var(--d-bg2,#f4f6fa);border:1px solid var(--linha);border-radius:999px;padding:4px;max-width:640px}
.busca-topo input{flex:1;border:0;background:transparent;padding:11px 18px;font-size:15px;outline:none}
.busca-topo input:focus{box-shadow:none}
.busca-topo button{width:46px;height:42px;border:0;border-radius:999px;background:var(--azul);color:#fff;font-size:17px;cursor:pointer}
.busca-topo button:hover{background:var(--azul-escuro)}
.topo-acoes{display:flex;align-items:center;gap:14px}
.btn-destaque{background:var(--destaque);border-color:var(--destaque);color:#fff}
.btn-destaque:hover{background:var(--destaque-escuro);border-color:var(--destaque-escuro)}
.btn-grande{padding:16px 34px;font-size:16px;font-weight:800;letter-spacing:.5px}
.btn-vender{padding:12px 20px;font-size:14px;font-weight:800;white-space:nowrap}
.icone-acao{position:relative;font-size:19px;font-weight:600;color:var(--grafite);display:flex;align-items:center;gap:6px}
.icone-acao span:not(.badge){font-size:14px}
.icone-acao:hover{color:var(--azul)}
.icone-acao .badge{position:absolute;top:-8px;right:-12px;font-size:11px}

/* Menu principal */
.menu-principal{background:var(--grafite);color:#fff;position:relative;z-index:55}
.menu-inner{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:0;font-size:14.5px;font-weight:600}
.menu-inner > a{padding:13px 0;color:#dfe5ee}
.menu-inner > a:hover{color:#fff}
.menu-oferta{color:#ffc48a !important}
.menu-drop{position:relative}
.menu-cat{background:var(--azul);color:#fff;border:0;padding:13px 20px;font-weight:800;font-size:14.5px;cursor:pointer;font-family:inherit}
.menu-drop .drop{display:none;position:absolute;left:0;top:100%;background:var(--d-card,#fff);min-width:250px;border:1px solid var(--linha);
  border-radius:0 0 14px 14px;box-shadow:var(--sombra);padding:8px 0}
.menu-drop:hover .drop{display:block}
.menu-drop .drop a{display:block;padding:10px 20px;color:var(--texto);font-weight:500}
.menu-drop .drop a:hover{background:var(--azul-claro);color:var(--azul)}

/* Banner / carrossel */
.banners{padding:26px 0 6px}
.carrossel{position:relative}
.banner{display:none;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;
  background:linear-gradient(120deg,#0d1526 0%,#123a86 55%,var(--azul) 100%);color:#fff;
  border-radius:26px;padding:46px 48px;min-height:330px;animation:sobe .5s ease both}
.banner.ativo{display:grid}
.banner h1{color:#fff;font-size:clamp(28px,3.6vw,46px);margin:10px 0 12px}
.banner p{color:#cfe0ff;font-size:17px;max-width:520px}
.banner-selo{display:inline-block;background:var(--destaque);color:#fff;font-weight:800;font-size:12px;
  letter-spacing:1px;padding:6px 14px;border-radius:999px}
.banner-arte img{width:100%;max-height:280px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}
.banner-mock{display:flex;justify-content:center;gap:14px;font-size:110px;opacity:.9}
.carrossel-pontos{display:flex;gap:8px;justify-content:center;margin-top:16px}
.carrossel-pontos button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#cfd7e3;cursor:pointer}
.carrossel-pontos button.ativo{background:var(--azul);width:26px;border-radius:999px}

/* Atalhos */
.atalhos-sec{padding:30px 0 10px}
.atalhos{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.atalho{background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:var(--raio);padding:22px 14px;text-align:center;
  font-weight:800;font-size:13px;letter-spacing:.4px;color:var(--grafite);box-shadow:var(--sombra-suave);
  display:flex;flex-direction:column;align-items:center;gap:10px;transition:.2s}
.atalho span{font-size:30px}
.atalho:hover{transform:translateY(-4px);border-color:var(--azul);color:var(--azul);box-shadow:var(--sombra)}

/* Seção vender */
.vender-sec{background:linear-gradient(150deg,#f4f7ff,#fff)}
.vender-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.vender-grid h2{font-size:clamp(26px,3vw,38px);margin:14px 0}
.vender-grid .lead{font-size:17px;color:var(--suave);margin-bottom:26px}
.tag-escura{background:var(--grafite);color:#fff}
.fluxo{background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:22px;padding:26px;box-shadow:var(--sombra)}
.fluxo-item{display:flex;align-items:center;gap:12px;font-weight:700;font-size:14.5px;background:var(--d-bg2,#f6f8fc);border-radius:12px;padding:14px 16px}
.fluxo-item b{width:26px;height:26px;border-radius:50%;background:var(--azul);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}
.fluxo-seta{text-align:center;color:var(--azul);font-weight:800;margin:4px 0}

/* Seções e cards de produto */
.sec-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.card{border-radius:var(--raio);box-shadow:var(--sombra-suave)}
.card-foto{position:relative;display:block;background:var(--d-card,#fff)}
.card-foto img{height:220px;object-fit:contain;padding:14px;background:var(--d-card,#fff)}
.selo-desc{position:absolute;top:12px;left:12px;background:var(--destaque);color:#fff;font-weight:800;font-size:12px;padding:5px 10px;border-radius:8px;z-index:2}
.selos{display:flex;gap:6px;flex-wrap:wrap}
.preco-antigo-linha{text-decoration:line-through}
.pix{color:#0f9d58;font-weight:600}
.card-botoes{display:flex;gap:8px;margin-top:12px}
.card-botoes .btn{flex:1;font-size:12.5px;font-weight:800;padding:10px 8px}

/* Vantagens */
.vantagens .caixa{box-shadow:var(--sombra-suave)}
.v-ico{display:inline-flex;width:36px;height:36px;border-radius:10px;background:var(--azul-claro);color:var(--azul);
  align-items:center;justify-content:center;font-weight:800;margin-bottom:10px}

/* Faixa final e rodapé */
.faixa-final{background:var(--grafite);color:#fff;padding:38px 0;margin-top:60px}
.faixa-final h2{color:#fff;margin:0}
.faixa-final p{color:#b9c3d3;margin:6px 0 0}
.faixa-final-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.rodape{margin-top:0;background:#0c1018}
.rodape-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}
.rodape-social{display:flex;gap:14px;margin-top:12px}
.rodape-social a{display:inline-block}
.rodape-pag{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);margin-top:26px}
.pag{background:rgba(255,255,255,.08);color:#dfe5ee;font-size:12px;font-weight:700;padding:5px 12px;border-radius:8px}
.rodape-fim{padding-top:16px}

@media(max-width:1100px){
  .atalhos{grid-template-columns:repeat(3,1fr)}
  .topo-inner{flex-wrap:wrap}
  .busca-topo{order:3;flex-basis:100%;max-width:none}
}
@media(max-width:960px){
  .banner,.vender-grid{grid-template-columns:1fr}
  .banner{padding:32px 26px}
  .banner-arte{display:none}
  .menu-principal{display:none}
  .menu-principal.aberto{display:block}
  .menu-inner{flex-direction:column;align-items:flex-start;gap:0;padding:8px 0}
  .menu-inner > a{width:100%;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .menu-drop{width:100%}
  .menu-cat{width:100%;text-align:left;border-radius:10px;margin-bottom:6px}
  .menu-drop .drop{position:static;box-shadow:none;border-radius:10px}
  .menu-drop:hover .drop{display:none}
  .menu-drop:focus-within .drop{display:block}
}
@media(max-width:760px){
  .menu-btn{display:block}
  .btn-vender{display:none}
  .atalhos{grid-template-columns:repeat(2,1fr)}
  .grid-4{grid-template-columns:repeat(2,1fr);gap:12px}
  .card-foto img{height:150px}
  .preco{font-size:18px}
  .rodape-grid{grid-template-columns:1fr 1fr}
  .barra-inner{gap:10px;font-size:12px}
}

/* ==========================================================
   TEMA CANTINHO TECH — VERDE + AZUL (reformulação visual)
   ========================================================== */
body{
  --verde:#16A34A; --verde-claro:#22C55E; --verde-escuro:#15803D; --verde-suave:#ECFDF3;
  --azul:#2563EB; --azul-escuro:#0F172A; --azul-hover:#1D4ED8; --azul-claro:#EFF6FF;
  --destaque:#16A34A; --barra:#16A34A;
  --grafite:#0F172A; --texto:#0F172A; --suave:#64748B; --linha:#E2E8F0; --fundo:#F8FAFC;
  --raio:18px; --sombra:0 4px 20px rgba(15,23,42,.06);
  font-family:"Inter","Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
h1,h2,h3{font-weight:800;letter-spacing:-.01em}
.destaque-verde{color:var(--verde)}

/* Barra promocional */
.barra-promo{background:linear-gradient(90deg,var(--verde) 0%,var(--verde-claro) 100%);color:#fff;letter-spacing:.02em}
.barra-inner{display:flex;flex-wrap:wrap;align-items:center;gap:0;padding:9px 0}
.barra-item{padding:0 16px;border-right:1px solid rgba(255,255,255,.28)}
.barra-item:last-of-type{border-right:0}
.barra-forte{font-weight:800}
.barra-cupom{margin:0 12px;background:rgba(255,255,255,.18);border:1px dashed rgba(255,255,255,.6);
  padding:3px 12px;border-radius:8px;font-weight:800}
.barra-btn{margin-left:auto;background:var(--d-card,#fff);color:var(--verde-escuro);font-weight:800;
  padding:6px 16px;border-radius:999px;transition:.2s}
.barra-btn:hover{background:var(--azul-escuro);color:#fff}

/* Header */
.topo-inner{padding:18px 0;gap:24px}
.logo{font-size:24px;color:var(--azul-escuro)}
.logo span{color:var(--verde)}
.busca-topo{flex:1;display:flex;background:var(--d-card,#fff);border:1.5px solid var(--linha);border-radius:999px;padding:4px;max-width:620px}
.busca-topo input{flex:1;border:0;outline:0;background:transparent;padding:10px 18px;font-size:15px}
.busca-topo button{border:0;cursor:pointer;background:var(--azul);color:#fff;border-radius:999px;
  padding:0 22px;font-size:17px;transition:.2s}
.busca-topo button:hover{background:var(--azul-hover)}
.btn-vender{background:var(--verde);border-color:var(--verde);color:#fff;border-radius:10px}
.btn-vender:hover{background:var(--verde-escuro)}
.icone-acao{font-size:15px;font-weight:600;color:var(--azul-escuro);display:inline-flex;align-items:center;gap:6px}
.icone-acao:hover{color:var(--verde)}
.badge{background:var(--verde)}

/* Menu */
.menu-principal{background:var(--azul-escuro)}
.menu-inner a,.menu-cat{transition:background .2s ease,color .2s ease;border-radius:8px}
.menu-inner a:hover{background:var(--verde);color:#fff}
.menu-cat{background:var(--verde)!important;color:#fff!important;border-radius:8px}
.menu-cat:hover{background:var(--verde-escuro)!important}
.menu-oferta{color:#4ade80!important;font-weight:800}
.menu-oferta:hover{background:var(--verde);color:#fff!important}
.drop a:hover{background:var(--verde-suave);color:var(--verde-escuro)}

/* Botões */
.btn{border-radius:10px;padding:13px 22px;font-weight:600;transition:all .2s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.10)}
.btn-destaque,.btn-verde{background:var(--verde);border-color:var(--verde);color:#fff}
.btn-destaque:hover,.btn-verde:hover{background:var(--verde-escuro);border-color:var(--verde-escuro)}
.btn-azul{background:var(--azul);border-color:var(--azul);color:#fff}
.btn-azul:hover{background:var(--azul-hover);border-color:var(--azul-hover)}

/* Cards de acesso rápido */
.atalhos{gap:18px}
.atalho{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;
  padding:22px 20px 40px;border-radius:18px;position:relative;background:var(--verde-suave);
  border:1px solid #d7f0e0;box-shadow:var(--sombra);font-weight:700;color:var(--azul-escuro)}
.atalho span.ico{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;
  background:var(--d-card,#fff);font-size:24px;box-shadow:0 2px 8px rgba(15,23,42,.08);margin-bottom:6px}
.atalho .at-titulo{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.atalho .at-desc{font-size:13px;font-weight:500;color:var(--suave);line-height:1.4}
.atalho .at-seta{position:absolute;right:18px;bottom:16px;font-size:18px;color:var(--verde);transition:transform .2s ease}
.atalho:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(15,23,42,.10);color:var(--azul-escuro)}
.atalho:hover .at-seta{transform:translateX(4px)}
.atalho.azul{background:var(--azul-claro);border-color:#dbe7ff}
.atalho.azul .at-seta{color:var(--azul)}

/* Faixa de confiança */
.confianca{background:var(--d-card,#fff);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);padding:22px 0}
.confianca-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.confianca-item{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--azul-escuro);font-size:15px}
.confianca-item i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;
  background:var(--verde-suave);color:var(--verde);font-style:normal;font-weight:800}
.confianca-item:nth-child(even) i{background:var(--azul-claro);color:var(--azul)}

/* Hero / venda */
.vender-sec{background:linear-gradient(150deg,var(--verde-suave) 0%,#fff 55%,var(--azul-claro) 100%)}
.tag{background:var(--azul-claro);color:var(--azul)}
.tag-verde{background:var(--verde-suave);color:var(--verde-escuro)}
.tag-escura{background:var(--verde);color:#fff}
.fluxo{background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:20px;padding:26px;box-shadow:var(--sombra)}
.fluxo-item b{background:var(--verde);color:#fff}

/* Produtos */
.card{border-radius:18px;box-shadow:var(--sombra)}
.card:hover{box-shadow:0 14px 34px rgba(15,23,42,.10)}
.selo-desc{background:var(--verde)}
.preco{color:var(--verde-escuro)}
.pix{color:var(--verde)}
.card-botoes .btn-azul{background:var(--verde);border-color:var(--verde)}
.card-botoes .btn-azul:hover{background:var(--verde-escuro);border-color:var(--verde-escuro)}
.card-botoes .btn:not(.btn-azul){border-color:var(--azul);color:var(--azul)}
.card-botoes .btn:not(.btn-azul):hover{background:var(--azul);color:#fff}

/* Formulários e avaliador */
input,select,textarea{border-radius:12px!important}
input:focus,select:focus,textarea:focus{border-color:var(--verde)!important;outline:0;
  box-shadow:0 0 0 3px rgba(22,163,74,.15)}
.opcao input:checked + span,.opcao-ativa{border-color:var(--verde)!important;background:var(--verde-suave)!important}
.passo .num{background:var(--verde)}
.v-ico{color:var(--verde)}

/* WhatsApp flutuante */
.whats-flutuante{background:#25D366;border-radius:999px;padding:13px 20px;font-weight:700;
  box-shadow:0 10px 26px rgba(37,211,102,.35);animation:pulsa 2.6s ease-in-out infinite}
.whats-flutuante:hover{background:#1EBE5B;animation:none}
@keyframes pulsa{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* Rodapé e faixa final */
.faixa-final{background:var(--azul-escuro);color:#fff}
.faixa-final h2{color:#fff}
.rodape{background:#0B1220;color:#cbd5e1}
.rodape .logo-rodape span{color:var(--verde-claro)}
.rodape a:hover{color:var(--verde-claro)}

/* Animação de entrada */
section{animation:aparece .5s ease both}
@keyframes aparece{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:980px){
  .confianca-grid{grid-template-columns:repeat(2,1fr)}
  .busca-topo{order:3;flex-basis:100%;max-width:none}
}
@media(max-width:640px){
  .atalho{padding:16px 14px 34px}
  .atalho span.ico{width:40px;height:40px;font-size:20px}
  .atalho .at-desc{display:none}
  .barra-item{padding:0 10px;border:0}
  .whats-flutuante{padding:11px 16px;font-size:14px}
}


/* ===== CHIPS DE CATEGORIA (catálogo) ===== */
.chips-cat{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}
.chip-cat{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;
  background:var(--d-card,#fff);border:1px solid #E2E8F0;color:#0F172A;font-weight:600;font-size:14px;
  text-decoration:none;transition:.18s;white-space:nowrap}
.chip-cat:hover{border-color:#16A34A;color:#15803D;background:#ECFDF3;transform:translateY(-1px)}
.chip-cat.ativo{background:#16A34A;border-color:#16A34A;color:#fff}
@media (max-width:640px){.chips-cat{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
  .chips-cat::-webkit-scrollbar{display:none}}

/* ---------- v7: subcategorias ---------- */
.menu-inner .menu-item{position:relative;display:inline-block}
.menu-inner .menu-item > a{display:inline-block}
.menu-inner .menu-item .submenu{display:none;position:absolute;left:0;top:100%;z-index:60;background:var(--d-card,#fff);
  min-width:210px;border:1px solid var(--linha,#e5e7eb);border-radius:12px;box-shadow:0 18px 40px rgba(15,23,42,.14);padding:8px 0}
.menu-inner .menu-item:hover .submenu,.menu-inner .menu-item:focus-within .submenu{display:block}
.menu-inner .menu-item .submenu a{display:block;padding:9px 18px;color:#0f172a;font-weight:500;white-space:nowrap}
.menu-inner .menu-item .submenu a:hover{background:#ECFDF3;color:#15803D}
.menu-drop .drop{max-height:70vh;overflow:auto;padding:6px 0}
.menu-drop .drop-grupo{padding:2px 0}
.menu-drop .drop-pai{font-weight:700}
.menu-drop .drop-subs a{padding-left:38px;font-size:.93rem;color:#475569}
.chips-sub{margin-top:-6px;align-items:center}
.chips-sub-titulo{font-weight:700;color:#0f172a;margin-right:4px}
.chip-sub{border-style:dashed}
@media (max-width:900px){
  .menu-inner .menu-item{display:block;width:100%}
  .menu-inner .menu-item .submenu{position:static;box-shadow:none;border:0;padding:0 0 6px 14px;display:block}
}

/* ================= v8 — refino visual geral ================= */
:root{--verde:#16A34A;--verde-escuro:#15803D;--verde-claro:#ECFDF3}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{letter-spacing:-.4px}
section{padding:60px 0}
.container{width:min(1200px,92%)}

/* Cartões e caixas */
.caixa{border-radius:20px;border:1px solid var(--linha);background:var(--d-card,#fff);box-shadow:0 10px 30px rgba(15,23,42,.05)}
.caixa-plana{box-shadow:none}
.card,.produto-card{border-radius:20px;overflow:hidden;border:1px solid var(--linha);background:var(--d-card,#fff);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.card:hover,.produto-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(15,23,42,.12);border-color:#d6e4f7}

/* Botões */
.btn{border-radius:14px;padding:13px 22px;font-weight:700;letter-spacing:.1px}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,42,.12)}
.btn-azul{background:linear-gradient(135deg,var(--azul),#0f47b8);border-color:transparent}
.btn-verde{background:linear-gradient(135deg,var(--verde),var(--verde-escuro));border-color:transparent}
.btn-claro{background:var(--d-bg2,#f3f6fb);border-color:#e3e9f2;color:#0f172a}

/* Formulários públicos */
input,select,textarea{font:inherit}
form label{font-weight:600;color:#334155;font-size:14px}
form input:not([type=checkbox]):not([type=radio]),form select,form textarea{
  width:100%;padding:12px 14px;border:1px solid #dbe3ee;border-radius:14px;background:var(--d-card,#fff);color:#0f172a;
  transition:border-color .15s, box-shadow .15s}
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:var(--verde);
  box-shadow:0 0 0 3px rgba(22,163,74,.12)}

/* Listas de ficha */
.ficha li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed var(--linha)}
.ficha li:last-child{border-bottom:0;font-weight:700}
.ficha{list-style:none;padding:0;margin:10px 0 0}

/* Flash */
.flash{border-radius:14px;padding:12px 16px;font-weight:600}
.flash-erro{background:var(--d-bg2,#fef2f2);color:#b42318;border:1px solid #fecdca}

/* Tags */
.tag{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--verde-claro);
  color:var(--verde-escuro);font-weight:700;font-size:13px}

@media (max-width:640px){
  section{padding:40px 0}
  .btn{width:auto}
  .caixa{border-radius:16px}
}

/* ==========================================================
   V9 — DESIGN MODERNO (refinamento geral, sem mudar estrutura)
   ========================================================== */
:root{
  --raio:20px;
  --sombra-suave:0 2px 6px rgba(15,23,42,.04), 0 10px 30px rgba(15,23,42,.06);
  --sombra:0 18px 50px -18px rgba(15,23,42,.28);
  --linha:#e8edf5;
  --grad-marca:linear-gradient(120deg,#0b1220 0%,#0f3b7a 45%,#16a34a 130%);
}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{background:var(--d-bg2,#fbfcfe);letter-spacing:-.005em}
h1,h2,h3{letter-spacing:-.025em;font-weight:800}
section{padding:64px 0}
::selection{background:rgba(22,163,74,.18)}

/* Cabeçalho translúcido */
.topo{background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid rgba(15,23,42,.06);box-shadow:0 1px 0 rgba(15,23,42,.03)}
.busca-topo{background:var(--d-bg2,#f5f7fb);border-color:transparent;transition:.2s}
.busca-topo:focus-within{background:var(--d-card,#fff);border-color:var(--azul);box-shadow:0 0 0 4px rgba(21,101,255,.12)}
.menu-principal{background:#0b1220}
.menu-drop .drop{border-radius:18px;margin-top:6px;padding:10px;border-color:rgba(15,23,42,.06);
  box-shadow:0 24px 60px -20px rgba(15,23,42,.35)}
.menu-drop .drop a{border-radius:12px;padding:10px 14px}

/* Botões */
.btn{border-radius:14px;padding:13px 22px;font-weight:700;letter-spacing:.005em;
  transition:transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s ease, background .18s ease, filter .18s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(15,23,42,.5)}
.btn:active{transform:translateY(0)}
.btn-azul,.btn-verde,.btn-destaque{border-color:transparent;color:#fff}
.btn-azul:hover,.btn-verde:hover,.btn-destaque:hover{filter:brightness(1.05)}
.btn-grande{border-radius:16px}

/* Banner e blocos de destaque */
.banner{border-radius:28px;background:var(--grad-marca);position:relative;overflow:hidden}
.banner::after{content:"";position:absolute;inset:auto -10% -60% auto;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(22,163,74,.35),transparent 65%);pointer-events:none}
.carrossel-pontos button{transition:.2s}

/* Atalhos e chips */
.atalho{border-radius:18px;border-color:rgba(15,23,42,.06);box-shadow:var(--sombra-suave)}
.atalho:hover{transform:translateY(-5px)}
.chip{border-radius:999px;border-color:rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04);transition:.18s}
.chip:hover,.chip.ativo{background:#0b1220;color:#fff;border-color:#0b1220;transform:translateY(-2px)}

/* Cards de produto */
.card{border-radius:20px;border-color:rgba(15,23,42,.06);box-shadow:var(--sombra-suave);
  transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, border-color .22s}
.card:hover{transform:translateY(-6px);border-color:rgba(15,23,42,.1);box-shadow:var(--sombra)}
.card-foto{background:linear-gradient(180deg,#f7f9fc,#fff)}
.card-foto img{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.card:hover .card-foto img{transform:scale(1.05)}
.selo-desc{border-radius:999px;box-shadow:0 6px 14px -6px rgba(0,0,0,.45)}
.preco{letter-spacing:-.03em}

/* Caixas, formulários, tabelas */
.caixa{border-radius:20px;border-color:rgba(15,23,42,.06);box-shadow:var(--sombra-suave)}
fieldset{border-radius:20px;border-color:rgba(15,23,42,.07);background:var(--d-card,#fff)}
form input:not([type=checkbox]):not([type=radio]),form select,form textarea{border-radius:14px;background:var(--d-bg2,#fbfcfe)}
form input:focus,form select:focus,form textarea:focus{background:var(--d-card,#fff)}
table{border-radius:16px;overflow:hidden}
th{background:var(--d-bg2,#f7f9fc)}
tbody tr{transition:background .15s}
tbody tr:hover{background:var(--d-bg2,#f9fbfe)}

/* Faixas e rodapé */
.faixa-final{background:var(--grad-marca);border-radius:28px 28px 0 0}
.rodape{background:#0b1220}
.whats-flutuante{border-radius:999px;box-shadow:0 16px 34px -12px rgba(37,211,102,.65);transition:.2s}
.whats-flutuante:hover{transform:translateY(-3px)}

/* Animação de entrada mais suave */
.card,.passo,.kpi,.atalho{animation:sobe9 .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes sobe9{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media(max-width:760px){
  section{padding:40px 0}
  .banner{border-radius:22px}
  .faixa-final{border-radius:22px 22px 0 0}
}

/* ===== Avaliação em passos (v10) ===== */
.av-topo{text-align:center;max-width:640px;margin:0 auto 22px}
.av-topo h1{margin:10px 0 6px}
.av-form{max-width:900px;margin:0 auto}
.av-passos{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}
.av-passo{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;padding:6px 4px}
.av-passo span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--d-card2,#e2e8f0);color:#475569;font-size:12px}
.av-passo.ativo{color:var(--azul)}
.av-passo.ativo span{background:var(--azul);color:#fff}
.av-passo.feito span{background:#16a34a;color:#fff}
.av-barra{height:6px;border-radius:99px;background:var(--d-card2,#e2e8f0);overflow:hidden;margin-bottom:22px}
.av-barra i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#16a34a);transition:width .3s ease}
.av-etapa{display:none;animation:avFade .25s ease}
.av-etapa.ativa{display:block}
@keyframes avFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.av-titulo{font-size:20px;margin:0 0 12px}
.av-marcas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.av-chip{border:1px solid #e2e8f0;background:var(--d-card,#fff);border-radius:99px;padding:7px 14px;font-size:13px;font-weight:600;color:#334155;cursor:pointer;transition:.15s}
.av-chip:hover{border-color:var(--azul);color:var(--azul)}
.av-chip.ativo{background:var(--azul);border-color:var(--azul);color:#fff}
.av-opcoes{display:grid;gap:10px;margin:6px 0 18px}
.av-cols-3{grid-template-columns:repeat(3,1fr)}
.av-cols-4{grid-template-columns:repeat(4,1fr)}
.av-cols-6{grid-template-columns:repeat(6,1fr)}
.av-opcao{position:relative;display:block;cursor:pointer}
.av-opcao input{position:absolute;opacity:0;pointer-events:none}
.av-opcao span{display:block;border:1.5px solid #e2e8f0;border-radius:12px;padding:12px;font-weight:600;font-size:14px;text-align:center;color:#0f172a;background:var(--d-card,#fff);transition:.15s;height:100%}
.av-opcao span small{display:block;font-weight:500;font-size:11.5px;color:#64748b;margin-top:4px;line-height:1.3}
.av-opcao:hover span{border-color:#c7d2fe}
.av-opcao input:checked+span{border-color:var(--azul);background:var(--d-card2,#eff6ff);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.av-range{width:100%;accent-color:#2563eb;margin:8px 0 4px}
.av-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.av-toggle{display:flex;align-items:center;gap:9px;border:1.5px solid #e2e8f0;border-radius:12px;padding:11px 13px;font-size:14px;font-weight:600;cursor:pointer;background:var(--d-card,#fff)}
.av-toggle input{accent-color:#16a34a;width:17px;height:17px}
.av-toggle:has(input:checked){border-color:#86efac;background:var(--d-bg2,#f0fdf4)}
.av-alerta{display:flex;gap:10px;align-items:flex-start;border:1.5px solid #fde68a;background:var(--d-bg2,#fffbeb);border-radius:12px;padding:12px;font-size:14px;font-weight:600;cursor:pointer}
.av-alerta small{display:block;font-weight:500;color:#92400e}
.av-fotos{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.av-foto{position:relative;display:grid;place-items:center;gap:2px;border:1.5px dashed #cbd5e1;border-radius:12px;padding:14px 8px;text-align:center;cursor:pointer;background:var(--d-bg2,#f8fafc);overflow:hidden;min-height:110px}
.av-foto input{position:absolute;inset:0;opacity:0;cursor:pointer}
.av-foto img{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.av-foto b{font-size:13px;position:relative}
.av-foto em{font-size:11px;color:#64748b;font-style:normal;position:relative}
.av-foto.tem-foto img{display:block}
.av-foto.tem-foto b,.av-foto.tem-foto em{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.av-resumo{margin-top:16px;border:1px solid #e2e8f0;border-radius:12px;padding:14px;background:var(--d-bg2,#f8fafc)}
.av-navegacao{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #eef2f7}
@media(max-width:760px){
  .av-cols-3,.av-cols-4{grid-template-columns:repeat(2,1fr)}
  .av-cols-6{grid-template-columns:repeat(3,1fr)}
  .av-toggles{grid-template-columns:1fr}
  .av-fotos{grid-template-columns:repeat(2,1fr)}
  .av-passo{font-size:0;gap:0}
  .av-passo span{font-size:12px}
  .av-passos{justify-content:center;gap:10px}
}

/* ===== v11 · estilos visuais configuráveis ===== */
body.cantos-reto{--raio:4px}
body.cantos-medio{--raio:14px}
body.cantos-arredondado{--raio:24px}
body.cantos-reto .cartao,body.cantos-reto .caixa,body.cantos-reto .card,body.cantos-reto .btn,
body.cantos-medio .cartao,body.cantos-medio .caixa,body.cantos-medio .card,body.cantos-medio .btn,
body.cantos-arredondado .cartao,body.cantos-arredondado .caixa,body.cantos-arredondado .card,body.cantos-arredondado .btn{border-radius:var(--raio)}
body.tema-suave{background:var(--d-bg2,#f1f5f9)}
body.tema-suave .cartao,body.tema-suave .caixa,body.tema-suave .card{box-shadow:0 6px 18px rgba(15,23,42,.06);border:1px solid #e6ebf3}
body.tema-contraste{background:var(--d-card,#fff);color:#0b1220}
body.tema-contraste .cartao,body.tema-contraste .caixa,body.tema-contraste .card{border:2px solid #0f172a;box-shadow:none}
body.tema-contraste a{text-decoration-thickness:2px}
body.tema-escuro{background:#0f172a;color:#e2e8f0}
body.tema-escuro .cartao,body.tema-escuro .caixa,body.tema-escuro .card,body.tema-escuro header,body.tema-escuro footer{background:#111c33;color:#e2e8f0;border-color:#1e293b}
body.tema-escuro h1,body.tema-escuro h2,body.tema-escuro h3,body.tema-escuro strong{color:#f8fafc}
body.tema-escuro .pequeno,body.tema-escuro p{color:#94a3b8}
body.tema-escuro input,body.tema-escuro select,body.tema-escuro textarea{background:#0b1526;color:#e2e8f0;border-color:#24324a}

/* ===== Catálogo v12 ===== */
.cat-barra{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:18px 0 22px;padding:12px 16px;background:var(--d-card,#fff);border:1px solid #e6ecf5;border-radius:16px;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.cat-total{font-size:15px;color:#334155}
.cat-ordem{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chip-ordem{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid #e2e8f0;background:var(--d-bg2,#f8fafc);color:#334155;font-size:13px;font-weight:600;text-decoration:none;transition:.18s}
.chip-ordem:hover{border-color:#2563eb;color:#2563eb}
.chip-ordem.ativo{background:linear-gradient(135deg,#0ea5e9,#2563eb);border-color:transparent;color:#fff}
.grid-catalogo{gap:20px}
.card-produto{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;transition:transform .2s ease,box-shadow .2s ease}
.card-produto:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,23,42,.12)}
.card-midia{position:relative;background:var(--d-bg2,#f6f8fc);padding:14px;display:flex;align-items:center;justify-content:center}
.card-midia img{width:100%;height:190px;object-fit:contain;transition:transform .25s ease}
.card-produto:hover .card-midia img{transform:scale(1.05)}
.selo-desc,.selo-esgotado{position:absolute;top:10px;left:10px;z-index:2;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;color:#fff}
.selo-desc{background:#16a34a}
.selo-esgotado{left:auto;right:10px;background:#64748b}
.card-produto.sem-estoque .card-midia img{opacity:.55;filter:grayscale(.35)}
.card-titulo{text-decoration:none;color:#0f172a;font-size:15px;line-height:1.35;min-height:40px;display:block}
.card-titulo:hover strong{color:#2563eb}
.card-specs{min-height:20px}
.pix-linha{color:#16a34a}
.card-acoes{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.card-acoes .btn{flex:1;text-align:center}
.btn-zap{border:1px solid #16a34a;color:#16a34a;background:var(--d-bg2,#f0fdf4)}
.btn-zap:hover{background:#16a34a;color:#fff}
.cat-vazio{padding:40px 20px}
.cat-vazio .btn{margin-top:14px}
@media (max-width:640px){.cat-barra{flex-direction:column;align-items:flex-start}.card-midia img{height:150px}}
body.tema-escuro .cat-barra{background:#111c33;border-color:#1e293b}
body.tema-escuro .card-midia{background:#0b1526}
body.tema-escuro .chip-ordem{background:#0b1526;border-color:#24324a;color:#cbd5e1}
body.tema-escuro .card-titulo{color:#f8fafc}


/* ===== Tema escuro v13 ===== */
.btn-tema{background:transparent;border:1px solid rgba(255,255,255,.35);color:inherit;font:inherit;font-size:12px;
  padding:4px 10px;border-radius:999px;cursor:pointer;transition:.18s}
.btn-tema:hover{background:rgba(255,255,255,.15)}
body.tema-escuro{background:#0b1220;color:#e2e8f0}
body.tema-escuro .mini-header,body.tema-escuro .topo,body.tema-escuro header.topo{background:#111c33;border-color:#1e293b;color:#e2e8f0}
body.tema-escuro .logo,body.tema-escuro .icone-acao,body.tema-escuro .mini-links a{color:#e2e8f0}
body.tema-escuro .busca-topo input{background:#0b1526;color:#e2e8f0;border-color:#24324a}
body.tema-escuro .cartao,body.tema-escuro .caixa,body.tema-escuro .card,body.tema-escuro .card-produto,
body.tema-escuro .cat-barra,body.tema-escuro .atalho,body.tema-escuro .bloco,body.tema-escuro table,
body.tema-escuro footer{background:#111c33;color:#e2e8f0;border-color:#1e293b;box-shadow:none}
body.tema-escuro .chip-ordem,body.tema-escuro .chip-cat{background:#16233d;border-color:#24324a;color:#cbd5e1}
body.tema-escuro .chip-ordem.ativo,body.tema-escuro .chip-cat.ativo{color:#fff}
body.tema-escuro td,body.tema-escuro th{border-color:#1e293b}
body.tema-escuro .pequeno,body.tema-escuro p,body.tema-escuro .cat-total{color:#94a3b8}
body.tema-escuro h1,body.tema-escuro h2,body.tema-escuro h3,body.tema-escuro strong,body.tema-escuro .preco{color:#f8fafc}
body.tema-escuro a{color:#93c5fd}
body.tema-escuro input,body.tema-escuro select,body.tema-escuro textarea{background:#0b1526;color:#e2e8f0;border-color:#24324a}


/* ================= Design v14 — refinamento visual ================= */
:root{--v14-sombra:0 10px 30px rgba(15,23,42,.08);--v14-sombra-forte:0 18px 44px rgba(15,23,42,.14)}
body{-webkit-font-smoothing:antialiased;letter-spacing:-.01em}

/* Barra promocional e mini header mais discretos */
.barra-promo{font-size:13px;letter-spacing:.02em}
.mini-header{font-size:12.5px;border-bottom:1px solid rgba(15,23,42,.06)}
.mini-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.mini-links a{opacity:.85}
.mini-links a:hover{opacity:1;text-decoration:none}

/* Cabecalho fixo e leve */
header.topo{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid rgba(15,23,42,.07);box-shadow:0 1px 0 rgba(15,23,42,.03)}
body.tema-escuro header.topo{background:rgba(17,28,51,.92)}
.logo{font-size:26px;font-weight:800;letter-spacing:-.03em}
.logo span{background:linear-gradient(90deg,var(--azul),#16a34a);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Busca */
.busca-topo{align-items:center;gap:6px;padding:5px 5px 5px 14px;background:var(--d-bg2,#f6f8fc);border:1.5px solid transparent;
  border-radius:999px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.07);transition:.2s}
.busca-topo:hover{background:var(--d-card,#fff);box-shadow:inset 0 0 0 1px rgba(15,23,42,.12)}
.busca-topo:focus-within{background:var(--d-card,#fff);border-color:var(--azul);box-shadow:0 0 0 4px rgba(21,101,255,.12)}
.busca-icone{display:flex;align-items:center;justify-content:center;flex:0 0 22px}
.busca-icone svg{width:20px;height:20px;fill:none;stroke:#64748b;stroke-width:1.7;stroke-linecap:round}
.busca-topo:focus-within .busca-icone svg{stroke:var(--azul)}
.busca-topo input{padding:11px 10px;font-size:15px}
.busca-topo input::placeholder{color:#94a3b8}
.busca-topo button{width:44px;height:40px;display:flex;align-items:center;justify-content:center;transition:.2s;
  box-shadow:0 6px 16px rgba(21,101,255,.28)}
.busca-topo button svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round}
.busca-topo button:hover{transform:scale(1.05)}
body.tema-escuro .busca-icone svg{stroke:#94a3b8}


/* Acoes do topo */
.topo-acoes{display:flex;align-items:center;gap:14px}
.btn-vender{border-radius:999px;padding:12px 22px;font-weight:700;box-shadow:0 8px 20px rgba(22,163,74,.25)}
.btn-vender:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(22,163,74,.32)}
.icone-acao{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none}
.icone-acao .badge{position:absolute;top:-8px;right:-10px;background:var(--destaque,#ff6a13);color:#fff;font-size:11px;
  min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700}

/* Menu principal */
.menu-principal{box-shadow:0 6px 18px rgba(15,23,42,.12)}
.menu-inner{gap:4px}
.menu-inner>a,.menu-item>a{padding:14px 12px;border-radius:10px;font-weight:600;font-size:14.5px;transition:.18s}
.menu-inner>a:hover,.menu-item>a:hover{background:rgba(255,255,255,.12);text-decoration:none}
.menu-cat{border-radius:10px;font-weight:700}
.menu-oferta{color:#4ade80 !important}

/* Banner / hero */
.banners{padding:28px 0 8px}
.banner{position:relative;overflow:hidden;border-radius:26px;box-shadow:var(--v14-sombra-forte)}
.banner::after{content:"";position:absolute;inset:auto -80px -140px auto;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);pointer-events:none}
.banner h1{letter-spacing:-.02em;line-height:1.05}
.banner p{line-height:1.6}
.banner .btn-grande{border-radius:999px;padding:15px 30px;box-shadow:0 12px 26px rgba(0,0,0,.22)}
.banner-selo{letter-spacing:.08em;border-radius:999px}
.banner-mock span{animation:v14flutua 5s ease-in-out infinite}
.banner-mock span:last-child{animation-delay:.8s}
@keyframes v14flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.carrossel-pontos button{transition:.2s}

/* Atalhos */
.atalho{box-shadow:var(--v14-sombra);border-radius:18px;transition:transform .2s,box-shadow .2s,border-color .2s}
.atalho:hover{transform:translateY(-6px);box-shadow:var(--v14-sombra-forte)}
.atalho span.ico{box-shadow:inset 0 0 0 1px rgba(15,23,42,.05)}
.at-titulo{font-weight:700;font-size:15px}
.at-desc{font-size:12.5px;opacity:.75;line-height:1.4}
.at-seta{font-size:16px !important;opacity:.5}

/* Faixa de confianca */
.confianca-grid{gap:14px}
.confianca-item{border-radius:14px;font-weight:600}

/* Titulos de secao */
section h2{letter-spacing:-.02em}
.sec-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sec-topo h2{position:relative;padding-bottom:10px;margin:0}
.sec-topo h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:999px;
  background:linear-gradient(90deg,var(--azul),#16a34a)}

/* Cards de produto */
.card{border-radius:18px;overflow:hidden;box-shadow:var(--v14-sombra);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-6px);box-shadow:var(--v14-sombra-forte)}
.card-foto{display:block;position:relative;background:var(--d-bg2,#f7f9fc);padding:14px}
.card-foto img{transition:transform .3s}
.card:hover .card-foto img{transform:scale(1.05)}
.selo-desc{position:absolute;top:12px;left:12px;z-index:2;background:#dc2626;color:#fff;font-weight:800;font-size:12px;
  padding:5px 10px;border-radius:999px;box-shadow:0 6px 14px rgba(220,38,38,.3)}
.card-corpo{display:flex;flex-direction:column;gap:5px;padding:16px}
.card-corpo .preco{font-size:22px;font-weight:800;letter-spacing:-.02em}
.pix{color:#16a34a;font-weight:600}
.preco-antigo-linha{text-decoration:line-through;opacity:.6}
.card-botoes{display:flex;gap:8px;margin-top:12px}
.card-botoes .btn{flex:1;text-align:center;border-radius:12px}
.tag{border-radius:999px;font-size:11px;letter-spacing:.04em}

/* Bloco vender */
.vender-sec{padding:56px 0}
.fluxo{border-radius:22px;box-shadow:var(--v14-sombra)}
.fluxo-item{border-radius:14px}
.vantagens .caixa{border-radius:18px;box-shadow:var(--v14-sombra);transition:.2s}
.vantagens .caixa:hover{transform:translateY(-4px);box-shadow:var(--v14-sombra-forte)}
.v-ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;
  background:rgba(22,163,74,.12);color:#16a34a;font-weight:800;margin-bottom:10px}

/* Botoes gerais */
.btn{border-radius:12px;transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover{transform:translateY(-1px)}
.btn-grande{border-radius:999px}

@media (max-width:900px){
  .banner{border-radius:20px}
  .sec-topo{align-items:flex-start}
}
@media (max-width:640px){
  .btn-vender{padding:10px 16px;font-size:13px}
  .logo{font-size:22px}
  .card-corpo .preco{font-size:20px}
}

/* Tema escuro — ajustes v14 */
body.tema-escuro .busca-topo{background:#0b1526;box-shadow:inset 0 0 0 1px #24324a}
body.tema-escuro .card-foto{background:#0b1526}
body.tema-escuro .card,body.tema-escuro .atalho,body.tema-escuro .vantagens .caixa{box-shadow:0 10px 30px rgba(0,0,0,.35)}

/* ==========================================================
   REDESIGN PREMIUM v4 — CANTINHO TECH
   ========================================================== */
body{
  --azul:#1D4ED8; --azul-hover:#1E40AF; --azul-claro:#EFF6FF;
  --verde:#16A34A; --verde-escuro:#15803D; --verde-suave:#ECFDF5;
  --grafite:#0B1220; --texto:#0F172A; --suave:#64748B;
  --linha:#E7EBF2; --fundo:#F7F9FC;
  --raio:20px; --sombra:0 10px 30px rgba(11,18,32,.07);
}
section{padding:64px 0}
h1,h2{letter-spacing:-.02em}
.sec-topo h2{font-size:clamp(22px,2.4vw,30px)}

/* Barra promocional fina */
.barra-promo{background:var(--grafite);font-size:12.5px;font-weight:600}
.barra-inner{justify-content:center;padding:7px 0}
.barra-item{border-right:1px solid rgba(255,255,255,.16)}
.barra-cupom{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35)}
.barra-btn{margin-left:14px;background:var(--verde);color:#fff}
.barra-btn:hover{background:var(--verde-escuro);color:#fff}

/* Menu principal */
.menu-principal{background:var(--d-card,#fff);border-bottom:1px solid var(--linha);box-shadow:none}
.menu-inner{gap:6px;padding:4px 0;font-size:14.5px}
.menu-inner > a{color:var(--texto);padding:12px 14px;border-radius:10px}
.menu-inner > a:hover{background:var(--azul-claro);color:var(--azul)}
.menu-forte{font-weight:800}
.menu-oferta{color:var(--verde)!important;font-weight:800}
.menu-oferta:hover{background:var(--verde-suave)!important;color:var(--verde-escuro)!important}
.menu-troca{margin-left:auto;border:1px solid var(--linha);font-weight:700}
.menu-cat{background:transparent!important;color:var(--texto)!important;font-weight:700;padding:12px 14px}
.menu-cat:hover{background:var(--azul-claro)!important;color:var(--azul)!important}
.menu-drop .drop{max-height:60vh;overflow:auto;border-radius:14px}
.drop-filho{padding-left:34px!important;font-size:13.5px;color:var(--suave)!important}

/* Hero premium */
.hero-premium{background:
  radial-gradient(900px 420px at 82% 15%, rgba(29,78,216,.16), transparent 60%),
  radial-gradient(700px 380px at 12% 85%, rgba(22,163,74,.12), transparent 60%),
  #fff;
  padding:70px 0 64px;border-bottom:1px solid var(--linha)}
.hero-premium-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero-kicker{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.18em;color:var(--azul);
  background:var(--azul-claro);padding:7px 14px;border-radius:999px}
.hero-premium h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:18px 0 14px}
.hero-premium .lead{font-size:18px;color:var(--suave);max-width:520px}
.hero-premium-acoes{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-premium-selos{display:flex;gap:22px;flex-wrap:wrap;list-style:none;padding:0;margin:26px 0 0;
  font-size:14px;font-weight:600;color:var(--texto)}
.hero-premium-selos li::before{content:"✓";color:var(--verde);font-weight:800;margin-right:7px}
.hero-premium-arte{position:relative;min-height:380px}
.hero-glow{position:absolute;inset:6% 8%;border-radius:40px;
  background:linear-gradient(150deg,#0B1220,#132a63 55%,#1D4ED8);box-shadow:0 30px 70px rgba(11,18,32,.28)}
.hero-fone{position:absolute;border-radius:30px;background:linear-gradient(160deg,#F8FAFC,#dbe4f5);
  border:6px solid #0B1220;box-shadow:0 24px 50px rgba(11,18,32,.32)}
.hero-fone::after{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);
  width:44px;height:7px;border-radius:999px;background:#0B1220}
.hero-fone-1{width:170px;height:330px;left:22%;top:8%;transform:rotate(-7deg)}
.hero-fone-2{width:150px;height:290px;right:16%;top:22%;transform:rotate(8deg);
  background:linear-gradient(160deg,#1e293b,#0B1220)}
.hero-flutua{position:absolute;background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:999px;
  padding:8px 16px;font-size:13px;font-weight:700;box-shadow:var(--sombra);animation:flutua 4s ease-in-out infinite}
.hero-flutua-1{left:2%;top:20%;color:var(--verde)}
.hero-flutua-2{right:2%;bottom:14%;color:var(--azul);animation-delay:1.4s}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* Abas de produtos */
.abas{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.aba{background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:999px;padding:9px 18px;font-weight:700;
  font-size:14px;color:var(--texto);cursor:pointer;font-family:inherit;transition:.18s}
.aba:hover{border-color:var(--azul);color:var(--azul)}
.aba.ativa{background:var(--grafite);border-color:var(--grafite);color:#fff}

/* Cards */
.card{border:1px solid var(--linha);border-radius:20px;transition:transform .22s ease,box-shadow .22s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,18,32,.12)}
.card-foto img{transition:transform .3s ease}
.card:hover .card-foto img{transform:scale(1.05)}
.selo-desc{background:var(--verde)}
.preco{color:var(--grafite)}

/* Estado vazio */
.vazio{margin-top:26px;text-align:center;background:var(--fundo);border:1px dashed var(--linha);
  border-radius:var(--raio);padding:44px 20px}
.vazio strong{display:block;font-size:18px;margin-bottom:6px}
.vazio .btn{margin-top:14px}

/* Troca */
.troca-sec{background:var(--fundo)}
.troca-conta{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:26px 0 14px}
.troca-bloco{background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:18px;padding:22px 30px;
  min-width:190px;text-align:center;box-shadow:var(--sombra)}
.troca-bloco b{display:block;font-size:26px;margin-top:4px;color:var(--grafite)}
.troca-final{border-color:var(--verde);background:var(--verde-suave)}
.troca-final b{color:var(--verde-escuro)}
.troca-op{font-size:26px;font-weight:800;color:var(--suave)}

/* Timeline */
.timeline{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:0;margin:30px 0 0;position:relative}
.timeline li{text-align:center;background:var(--d-card,#fff);border:1px solid var(--linha);border-radius:18px;padding:22px 12px;box-shadow:var(--sombra)}
.timeline b{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;
  background:var(--azul-claro);color:var(--azul);font-size:15px;margin-bottom:10px}
.timeline span{display:block;font-weight:700;font-size:14.5px}

/* WhatsApp flutuante discreto */
.whats-flutuante{display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;
  right:20px;bottom:20px;box-shadow:0 12px 26px rgba(37,211,102,.35);transition:.2s}
.whats-flutuante:hover{transform:translateY(-3px)}
.whats-tooltip{position:absolute;right:70px;white-space:nowrap;background:var(--grafite);color:#fff;
  font-size:13px;padding:7px 12px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}
.whats-flutuante:hover .whats-tooltip{opacity:1}

/* Rodapé premium */
.rodape{background:var(--grafite)}
.rodape-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:28px}
.faixa-final{background:linear-gradient(120deg,#0B1220,#132a63 60%,#1D4ED8)}

/* Barra inferior mobile */
.barra-mobile{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--d-card,#fff);
  border-top:1px solid var(--linha);padding:6px 4px env(safe-area-inset-bottom);
  box-shadow:0 -6px 20px rgba(11,18,32,.08)}
.barra-mobile a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
  font-size:11px;font-weight:700;color:var(--suave);padding:6px 0}
.barra-mobile a span{font-size:18px}
.barra-mobile a:hover{color:var(--azul)}

@media(max-width:1100px){
  .rodape-grid{grid-template-columns:1fr 1fr 1fr}
  .timeline{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:960px){
  .hero-premium-grid{grid-template-columns:1fr}
  .hero-premium-arte{display:none}
  .menu-troca{margin-left:0}
}
@media(max-width:760px){
  section{padding:44px 0}
  .barra-mobile{display:flex}
  body{padding-bottom:66px}
  .whats-flutuante{bottom:78px}
  .timeline{grid-template-columns:1fr;gap:10px}
  .timeline li{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px}
  .timeline b{margin:0}
  .troca-conta{gap:10px}
  .troca-bloco{min-width:0;flex:1;padding:16px}
  .rodape-grid{grid-template-columns:1fr 1fr}
  .hero-premium-acoes .btn{flex:1}
}

@media(max-width:960px){.menu-btn{display:block}.menu-inner>a,.menu-cat{width:100%;text-align:left;border-bottom:1px solid var(--linha);border-radius:0}}

/* ===== Menu premium com submenus ===== */
.menu-inner{gap:6px;align-items:center;flex-wrap:wrap}
.menu-grupo{position:relative}
.menu-grupo>.menu-forte{display:inline-flex;align-items:center;gap:6px}
.menu-grupo>.menu-forte i{font-style:normal;font-size:11px;opacity:.8}
.menu-sub{position:absolute;top:100%;left:0;min-width:230px;background:var(--card,#fff);border:1px solid rgba(0,0,0,.08);
  border-radius:14px;box-shadow:0 18px 40px rgba(10,25,60,.16);padding:8px;display:none;z-index:60}
.menu-grupo:hover .menu-sub,.menu-grupo:focus-within .menu-sub{display:block;animation:ctSurge .18s ease}
.menu-sub a{display:block;padding:9px 12px;border-radius:10px;font-size:14px;white-space:nowrap}
.menu-sub a:hover{background:rgba(21,101,255,.09);color:var(--azul)}
@keyframes ctSurge{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:960px){
  .menu-sub{position:static;display:block;box-shadow:none;border:0;padding:0 0 6px 10px;background:transparent}
  .menu-grupo{width:100%}
}

/* ===== Catálogo por seções e estado vazio ===== */
.sec-catalogo{margin:38px 0 14px}
.vazio-premium{padding:56px 26px;border-radius:22px;background:linear-gradient(180deg,rgba(21,101,255,.06),transparent)}
.vazio-premium .vazio-ico{font-size:42px;display:block;margin-bottom:10px}
.vazio-premium h2{margin:0 0 6px;font-size:26px}
.vazio-acoes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}

/* ===== Resultado da avaliação ===== */
.res-premium{max-width:900px;margin:0 auto}
.res-topo{text-align:center;padding:38px 26px;border-radius:26px;color:#fff;
  background:linear-gradient(135deg,#0b2a6b,var(--azul, #1565ff));box-shadow:0 24px 60px rgba(12,40,110,.28)}
.res-topo h1{margin:12px 0 4px;font-size:30px;letter-spacing:.5px}
.res-topo .lead,.res-topo .pequeno{color:rgba(255,255,255,.82)}
.res-valor{font-size:clamp(44px,8vw,68px);font-weight:800;margin:6px 0 0;color:#5ff0a5}
.res-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}
.res-specs div{background:rgba(255,255,255,.12);border-radius:14px;padding:12px 8px}
.res-specs span{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;opacity:.75}
.res-specs b{display:block;margin-top:4px;font-size:15px}
.res-calculo{margin-top:22px;padding:22px;border-radius:20px;background:var(--card,#fff);border:1px solid rgba(0,0,0,.07)}
.res-opcoes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.res-op{display:block;padding:22px;border-radius:20px;background:var(--card,#fff);border:1px solid rgba(0,0,0,.08);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.res-op:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(12,40,110,.16);border-color:var(--azul)}
.res-op .res-ico{font-size:26px;display:block;margin-bottom:8px}
.res-op strong{display:block;font-size:15px;letter-spacing:.4px}
.res-op small{display:block;margin-top:6px;font-size:13px;opacity:.72;line-height:1.45}
.res-op-azul{background:linear-gradient(135deg,rgba(21,101,255,.1),rgba(0,200,120,.08));border-color:rgba(21,101,255,.28)}
@media (max-width:820px){
  .res-specs{grid-template-columns:repeat(2,1fr)}
  .res-opcoes{grid-template-columns:1fr}
}

/* ===== Bloco de conversão: quanto vale seu celular ===== */
.quanto-vale{padding:64px 0}
.quanto-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.quanto-texto h2{font-size:clamp(26px,3.4vw,38px);margin:14px 0 10px;letter-spacing:.4px}
.quanto-lista{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.quanto-lista li{position:relative;padding-left:28px;font-size:15px}
.quanto-lista li:before{content:'✓';position:absolute;left:0;top:0;color:#00b878;font-weight:800}
.quanto-form{background:var(--card,#fff);border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:26px;
  box-shadow:0 20px 50px rgba(12,40,110,.12)}
.quanto-form h3{margin:0 0 14px;font-size:18px}
.quanto-form label{display:block;margin:12px 0 6px;font-size:13px;font-weight:600;opacity:.8}
.quanto-form input,.quanto-form select{width:100%}
.quanto-form .btn{margin-top:18px}

/* ===== Breadcrumb ===== */
.miolo-pao{padding:16px 0 0;font-size:13px}
.miolo-pao a{opacity:.72}
.miolo-pao a:hover{opacity:1;color:var(--azul)}
.miolo-pao span{opacity:.4;margin:0 4px}

/* ===== Abas e laudo do produto ===== */
.prod-abas{margin-top:34px}
.prod-abas-botoes{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:10px}
.prod-aba{border:0;background:transparent;padding:9px 14px;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;
  color:inherit;opacity:.7;transition:.16s ease}
.prod-aba:hover{opacity:1;background:rgba(21,101,255,.08)}
.prod-aba.ativa{opacity:1;background:var(--azul,#1565ff);color:#fff}
.prod-painel{display:none;padding:20px 2px 0;animation:ctSurge .2s ease}
.prod-painel.ativo{display:block}
.prod-painel details{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:12px 16px;margin-bottom:10px}
.prod-painel summary{cursor:pointer;font-weight:600}
.laudo{border:1px solid rgba(0,184,120,.35);border-radius:18px;padding:20px;background:rgba(0,184,120,.06)}
.laudo-topo strong{display:block;letter-spacing:1px}
.laudo-topo span{font-size:13px;opacity:.75}
.laudo-itens{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:14px}
.laudo-itens i{font-style:normal;color:#00b878;font-weight:800;margin-right:8px}

/* ===== Minha Cantinho Tech ===== */
.conta-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}
.conta-acoes{display:flex;gap:10px;flex-wrap:wrap}
.conta-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:22px}
.conta-card{background:var(--card,#fff);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:18px;
  box-shadow:0 10px 26px rgba(12,40,110,.07)}
.conta-card span{display:block;font-size:12px;letter-spacing:.5px;text-transform:uppercase;opacity:.65}
.conta-card b{display:block;margin-top:6px;font-size:22px}
.conta-card-verde{border-color:rgba(0,184,120,.4);background:rgba(0,184,120,.07)}
.conta-card-verde b{color:#009a63}

@media (max-width:900px){
  .quanto-grid{grid-template-columns:1fr}
  .laudo-itens{grid-template-columns:repeat(2,1fr)}
  .conta-cards{grid-template-columns:repeat(2,1fr)}
}

/* ===== Navegação principal com mega menu ===== */
.menu-inner{gap:2px;flex-wrap:wrap;position:relative}
.menu-inner .menu-item{display:inline-flex;align-items:center;gap:6px;padding:13px 12px;border-radius:10px;
  font-weight:700;font-size:14px;letter-spacing:.2px;white-space:nowrap;transition:.16s ease}
.menu-inner .menu-item i{font-style:normal;font-size:10px;opacity:.7}
.menu-grupo.tem-mega{position:static}
.mega{display:none;position:absolute;left:0;right:0;top:100%;z-index:70;
  background:var(--card,#fff);color:var(--texto,#0f172a);
  border:1px solid rgba(0,0,0,.08);border-radius:0 0 20px 20px;
  box-shadow:0 26px 60px rgba(12,40,110,.18);padding:26px 28px;
  grid-template-columns:repeat(3,minmax(0,1fr)) 300px;gap:26px}
.tem-mega:hover > .mega,.tem-mega:focus-within > .mega,.tem-mega.menu-hover-aberto > .mega{display:grid;animation:ctSurge .16s ease}
.mega-col h4{margin:0 0 12px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;opacity:.6}
.mega-col a{display:block;padding:7px 10px;margin-left:-10px;border-radius:9px;font-size:14.5px;font-weight:500;color:inherit}
.mega-col a:hover{background:rgba(21,101,255,.09);color:var(--azul);text-decoration:none}
.mega-destaque{background:linear-gradient(155deg,rgba(21,101,255,.10),rgba(21,101,255,.02));
  border:1px solid rgba(21,101,255,.2);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.mega-destaque strong{font-size:17px}
.mega-destaque p{margin:0;font-size:13.5px;opacity:.75}
.mega-destaque .btn{margin-top:6px}
.mega-destaque-verde{background:linear-gradient(155deg,rgba(0,184,120,.14),rgba(0,184,120,.03));border-color:rgba(0,184,120,.28)}
.mega-acessorios,.mega-ofertas,.mega-atendimento{grid-template-columns:1fr}
.mega-venda{grid-template-columns:320px repeat(2,minmax(0,1fr))}
.mega-servicos{grid-template-columns:repeat(2,minmax(0,1fr)) 300px}
.mega-conta{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.mega-tiles a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:64px;padding:10px;
  border:1px solid rgba(0,0,0,.08);border-radius:14px;font-size:13.5px;font-weight:600;color:inherit}
.mega-tiles a:hover{border-color:var(--azul);background:rgba(21,101,255,.07);color:var(--azul);text-decoration:none}
.mega-rodape{grid-column:1/-1;margin-top:4px}
.mega-rodape a{font-weight:700;color:var(--azul)}
.menu-inner .menu-troca{margin-left:auto;border:1px solid rgba(255,255,255,.25)}

@media (max-width:1200px){
  .menu-inner .menu-item{padding:12px 8px;font-size:13px}
  .mega-tiles{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:960px){
  .menu-principal{display:none}
  .menu-principal.aberto{display:block}
  .menu-inner{flex-direction:column;align-items:stretch;padding:8px 0}
  .menu-inner .menu-item{width:100%;justify-content:space-between}
  .menu-inner .menu-troca{margin-left:0;text-align:center;justify-content:center}
  .menu-grupo.tem-mega{width:100%}
  .mega{display:none;position:static;grid-template-columns:1fr!important;box-shadow:none;border:0;
    border-radius:0;padding:4px 12px 14px;background:transparent;color:inherit;gap:14px}
  .tem-mega:hover > .mega,.tem-mega:focus-within > .mega,.tem-mega.menu-hover-aberto > .mega{display:none}
  .tem-mega.aberto > .mega{display:grid}
  .mega-tiles{grid-template-columns:repeat(2,1fr)}
  .mega-col a{color:inherit}
}

/* ===== Menu premium no tema claro ===== */
body.tema-claro .menu-principal,
body.tema-suave .menu-principal{
  background:var(--d-card,#fff);color:#0f172a;border-bottom:1px solid rgba(15,23,42,.08);
  box-shadow:0 6px 22px rgba(15,23,42,.06);position:sticky;top:0;z-index:80}
body.tema-claro .menu-inner .menu-item,
body.tema-suave .menu-inner .menu-item{color:#0f172a}
body.tema-claro .menu-inner .menu-item:hover,
body.tema-suave .menu-inner .menu-item:hover{background:rgba(21,101,255,.08);color:var(--azul);text-decoration:none}
body.tema-claro .menu-inner .tem-mega:hover > .menu-item{background:rgba(21,101,255,.1);color:var(--azul)}
body.tema-claro .menu-inner .menu-oferta{color:#e0620d!important}
body.tema-claro .menu-inner .menu-oferta:hover{background:rgba(224,98,13,.1);color:#c2530a!important}
body.tema-claro .menu-inner .menu-troca,
body.tema-suave .menu-inner .menu-troca{border:1px solid var(--azul);color:var(--azul);font-weight:800}
body.tema-claro .menu-inner .menu-troca:hover{background:var(--azul);color:#fff}
body.tema-claro .mega{background:var(--d-card,#fff);color:#0f172a;border-color:rgba(15,23,42,.08)}
body.tema-escuro .mega{background:#111a2b;color:#e8eefc;border-color:rgba(255,255,255,.1)}
body.tema-escuro .mega-col a:hover{background:rgba(255,255,255,.08);color:#fff}
body.tema-escuro .mega-tiles a{border-color:rgba(255,255,255,.14)}
.mega{padding-top:24px;padding-bottom:24px}
.mega-col a{transition:.14s ease}
.mega-col a:hover{transform:translateX(2px)}
@media (max-width:960px){
  body.tema-claro .menu-principal,body.tema-suave .menu-principal{position:static;box-shadow:none}
}

/* ================= AVALIAÇÃO PREMIUM (v20) ================= */
.av-topo{max-width:720px}
.av-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start;max-width:1180px;margin:0 auto}
.av-col-principal{min-width:0}
.av-form{max-width:none;margin:0;border-radius:20px;box-shadow:0 10px 34px rgba(15,23,42,.06);border:1px solid #eef2f7;padding:26px}
.av-sub{color:#64748b;font-size:14.5px;margin:-4px 0 16px}
.av-titulo{font-size:23px;letter-spacing:-.3px;margin:0 0 4px}
.av-titulo-sm{font-size:17px;margin:26px 0 4px}
.av-titulo-sm em{font-style:normal;color:#94a3b8;font-weight:500;font-size:14px}

.av-stepper-mobile{display:none;align-items:center;gap:7px;background:var(--d-card,#fff);border:1px solid #e8eef6;border-radius:14px;padding:11px 14px;font-weight:700;font-size:14px;color:var(--azul);margin-bottom:10px}
.av-stepper-mobile .av-sm-sep{color:#cbd5e1}
.av-stepper-mobile .av-sm-nome{color:#0f172a}

.av-passos{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:12px}
.av-passo{display:flex;align-items:center;gap:9px;padding:8px 6px;border-radius:12px;cursor:pointer;transition:.18s;color:#94a3b8}
.av-passo:hover{background:var(--d-bg2,#f6f9ff)}
.av-passo-num{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:var(--d-card2,#e9eef5);color:#64748b;font-size:12.5px;font-weight:700;transition:.2s}
.av-passo-txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.av-passo-txt b{font-size:13px;color:#475569;font-weight:700}
.av-passo-txt small{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.av-passo.ativo .av-passo-num{background:var(--azul);color:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.14)}
.av-passo.ativo .av-passo-txt b{color:var(--azul)}
.av-passo.feito .av-passo-num{background:#16a34a;color:#fff}
.av-passo.feito .av-passo-num::after{content:'✓';font-size:13px}
.av-passo.feito .av-passo-num{font-size:0}
.av-passo.feito .av-passo-txt b{color:#16a34a}

.av-busca{display:flex;align-items:center;gap:8px;border:1.5px solid #e6ecf4;border-radius:14px;padding:0 14px;background:var(--d-bg2,#f8fafc);margin-bottom:14px;transition:.15s}
.av-busca:focus-within{border-color:var(--azul);background:var(--d-card,#fff);box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.av-busca input{border:0!important;background:transparent!important;box-shadow:none!important;padding:12px 0!important;margin:0!important;width:100%;font-size:14.5px}

.av-cards-marcas{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.av-card-marca,.av-card-modelo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--d-card,#fff);border:1.5px solid #e8eef6;border-radius:16px;padding:14px 8px;cursor:pointer;transition:transform .16s ease,border-color .16s,box-shadow .16s}
.av-card-marca b,.av-card-modelo b{font-size:13px;font-weight:700;color:#0f172a;text-align:center;line-height:1.2}
.av-card-marca:hover,.av-card-modelo:hover{border-color:#c7d8ff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.07)}
.av-card-marca.selecionado,.av-card-modelo.selecionado{border-color:var(--azul);background:var(--d-bg2,#f5f9ff);box-shadow:0 6px 18px rgba(37,99,235,.14)}
.av-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px}
.av-check{position:absolute;top:7px;right:7px;width:19px;height:19px;border-radius:50%;background:var(--azul);color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center;opacity:0;transform:scale(.5);transition:.18s}
.av-card-marca.selecionado .av-check,.av-card-modelo.selecionado .av-check{opacity:1;transform:scale(1)}
.av-cards-modelos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px}
.av-mini-fone{width:26px;height:40px;border-radius:6px;border:2px solid #cbd5e1;background:linear-gradient(160deg,#f1f5f9,#e2e8f0);position:relative}
.av-mini-fone::after{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%);width:8px;height:2px;border-radius:2px;background:#cbd5e1}
.av-card-modelo.selecionado .av-mini-fone{border-color:var(--azul)}
.av-bloco{margin-top:26px;animation:avFade .25s ease}
.av-nao-achou{font-size:13px;color:#64748b;margin:10px 0 0}
.av-link{background:none;border:0;color:var(--azul);font-weight:700;cursor:pointer;text-decoration:underline;font-size:13px;padding:0}
.av-manual{margin-top:14px;border:1px dashed #d8e2ef;border-radius:14px;padding:14px;background:var(--d-bg2,#fafcff)}
.av-vazio{grid-column:1/-1;margin:0}

.av-opcao-grande span{padding:16px 10px;font-size:15px;border-radius:14px}
.av-cores{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:6px 0 4px}
.av-cor input{position:absolute;opacity:0;pointer-events:none}
.av-cor{position:relative;cursor:pointer}
.av-cor span{display:flex;align-items:center;gap:8px;border:1.5px solid #e8eef6;border-radius:99px;padding:8px 12px;font-size:13px;font-weight:600;background:var(--d-card,#fff);transition:.15s}
.av-cor span i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(15,23,42,.15);display:block}
.av-cor input:checked+span{border-color:var(--azul);background:var(--d-bg2,#f2f7ff);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.av-erro-campo{margin-top:16px;background:var(--d-bg2,#fff5f5);border:1px solid #fecaca;color:#b91c1c;border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:600}

.av-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:96px}
.av-side-card{background:var(--d-card,#fff);border:1px solid #eef2f7;border-radius:18px;padding:18px;box-shadow:0 8px 26px rgba(15,23,42,.05)}
.av-side-card h3{font-size:18px;margin:0 0 4px}
.av-side-card h4{font-size:14px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.6px;color:#64748b}
.av-beneficios{list-style:none;padding:0;margin:14px 0}
.av-beneficios li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;font-weight:600;color:#334155;background:var(--d-bg2,#f7faff);border:1px solid #eef3fb;border-radius:12px;padding:9px 11px;margin-bottom:7px}
.av-beneficios li::before{content:'✓';color:#16a34a;font-weight:800}
.av-side-btn{width:100%;justify-content:center;display:flex}
.av-side-lista{list-style:none;padding:0;margin:0 0 12px}
.av-side-lista li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:7px 0;border-bottom:1px dashed #eef2f7}
.av-side-lista li span{color:#64748b}
.av-side-lista li b{color:#0f172a;text-align:right}
.av-side-status{font-size:13px;font-weight:700;color:#64748b;background:var(--d-bg2,#f8fafc);border-radius:10px;padding:9px 11px;margin:0 0 8px}
.av-side-status.ok{color:#15803d;background:var(--d-bg2,#f0fdf4)}
.av-comofunciona{list-style:none;padding:0;margin:0}
.av-comofunciona li{display:flex;gap:10px;align-items:center;font-size:13.5px;font-weight:600;color:#334155;padding:6px 0}
.av-comofunciona li i{font-style:normal;font-size:12px;font-weight:800;color:var(--azul);background:var(--d-card2,#eef4ff);border-radius:8px;padding:4px 7px}
.av-selo{margin:12px 0 0;font-size:12.5px;font-weight:700;color:#15803d;background:var(--d-bg2,#f0fdf4);border-radius:10px;padding:9px 11px;text-align:center}

@media(max-width:1080px){
  .av-layout{grid-template-columns:1fr}
  .av-side{position:static;flex-direction:row;flex-wrap:wrap}
  .av-side-card{flex:1 1 260px}
}
@media(max-width:760px){
  .av-passos{display:none}
  .av-stepper-mobile{display:flex}
  .av-form{padding:18px;border-radius:16px}
  .av-cards-marcas{grid-template-columns:repeat(3,1fr)}
  .av-cards-modelos{grid-template-columns:repeat(2,1fr)}
  .av-cores{grid-template-columns:repeat(2,1fr)}
  .av-side{flex-direction:column}
  .av-titulo{font-size:20px}
  .av-navegacao .btn{flex:1}
}

/* ============ ETAPA APARELHO PREMIUM (v22) ============ */
.av-etapa[data-etapa="0"]{padding:4px 0 2px}
.av-etapa[data-etapa="0"]>.av-titulo{font-size:28px;color:#0b1220}
.av-etapa[data-etapa="0"]>.av-sub{font-size:15px;margin-bottom:20px}
.av-busca svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#64748b;stroke-width:1.8;stroke-linecap:round}
.av-aviso-marca{margin:-4px 0 14px;padding:11px 14px;border-radius:12px;background:var(--d-bg2,#fff7ed);border:1px solid #fed7aa;color:#9a3412;font-size:13.5px;font-weight:700}
.av-cards-marcas{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.av-card-marca{min-height:230px;padding:18px 14px 16px;border-radius:18px;justify-content:flex-start;gap:12px;overflow:hidden}
.av-card-marca:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,23,42,.09)}
.av-card-marca.selecionado{border:2px solid var(--azul);background:var(--d-bg2,#f3f7ff);box-shadow:0 12px 28px rgba(29,78,216,.14);animation:avSeleciona .2s ease}
@keyframes avSeleciona{50%{transform:scale(.985)}100%{transform:none}}
.av-marca-foto{width:100%;height:150px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--d-card,#fff);overflow:hidden}
/* Selo da marca (v29) — nunca usa foto de produto */
.av-marca-logo{background:linear-gradient(160deg,#f8fafc,#eef2ff);border:1px solid #e2e8f0}
.av-marca-logo b{font-size:52px;font-weight:800;line-height:1;letter-spacing:-1px;color:#0f172a}
.av-marca-logo.marca-apple b{color:#111827}
.av-marca-logo.marca-samsung b{color:#1428a0}
.av-marca-logo.marca-motorola b{color:#0b7bd4}
.av-marca-logo.marca-xiaomi b{color:#ff6900}
body.tema-escuro .av-marca-logo{background:linear-gradient(160deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1}
.av-marca-foto img{width:100%;height:100%;object-fit:contain;padding:4px;transition:transform .25s ease}
.av-card-marca:hover .av-marca-foto img{transform:scale(1.035)}
.av-marca-texto{display:flex;flex-direction:column;align-items:center;gap:2px}
.av-card-marca .av-marca-texto b{font-size:16px}
.av-marca-texto small{font-size:12.5px;color:#64748b;font-weight:600}
.av-card-marca .av-check,.av-card-modelo .av-check{top:10px;right:10px;width:23px;height:23px;z-index:3;border:2px solid #fff;box-shadow:0 3px 10px rgba(29,78,216,.25)}
.av-cards-modelos{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.av-card-modelo{min-height:190px;padding:12px;justify-content:flex-start;border-radius:16px;overflow:hidden}
.av-modelo-foto{width:100%;height:132px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--d-bg2,#f8fafc);overflow:hidden}
.av-modelo-foto img{width:100%;height:100%;object-fit:contain;padding:6px;transition:transform .22s ease}
.av-card-modelo:hover .av-modelo-foto img{transform:scale(1.04)}
.av-card-modelo b{font-size:13.5px;min-height:33px;display:flex;align-items:center}
.av-card-modelo.selecionado{border:2px solid var(--azul);background:var(--d-bg2,#f3f7ff);box-shadow:0 10px 24px rgba(29,78,216,.13)}
.av-navegacao .btn:disabled{cursor:not-allowed;opacity:.42;transform:none;box-shadow:none;filter:grayscale(.15)}
body.tema-escuro .av-etapa[data-etapa="0"]>.av-titulo{color:#f8fafc}
body.tema-escuro .av-card-marca,body.tema-escuro .av-card-modelo{background:#111c33;border-color:#26344c}
body.tema-escuro .av-card-marca.selecionado,body.tema-escuro .av-card-modelo.selecionado{background:#13264a;border-color:#60a5fa}
body.tema-escuro .av-marca-foto,body.tema-escuro .av-modelo-foto{background:var(--d-card,#fff)}
body.tema-escuro .av-marca-texto small{color:#94a3b8}
@media(max-width:980px){
  .av-cards-marcas,.av-cards-modelos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .av-cards-marcas{gap:10px}
  .av-card-marca{min-height:190px;padding:10px}
  .av-marca-foto{height:118px}
  .av-card-marca .av-marca-texto b{font-size:14px}
  .av-cards-modelos{gap:10px}
  .av-card-modelo{min-height:164px;padding:9px}
  .av-modelo-foto{height:108px}
}

/* ===== CONTA NO TOPO (v25) ===== */
/* Menu dropdown removido: conta fica apenas como ícone/link direto */

/* ===== CONTA NO MINI-HEADER (v26) ===== */
.mini-conta{display:inline-flex;align-items:center;gap:6px;color:var(--azul-escuro);font-weight:700;font-size:12.5px;transition:color .18s ease}
.mini-conta:hover{color:var(--azul)}
.mini-conta-ico{font-size:15px;line-height:1}
.mini-conta-txt{white-space:nowrap}
body.tema-escuro .mini-conta{color:#93c5fd}
body.tema-escuro .mini-conta:hover{color:#60a5fa}
@media(max-width:560px){
  .mini-conta-txt{display:none}
}

/* ===== v28 — Logo enviada pelo painel ===== */
.logo.logo-img{display:inline-flex;align-items:center;gap:0;line-height:0}
.logo.logo-img img{max-height:44px;max-width:220px;width:auto;height:auto;object-fit:contain;display:block}
.logo-rodape.logo-img img{max-height:52px;max-width:240px}
@media (max-width:640px){.logo.logo-img img{max-height:34px;max-width:150px}}

/* ===== v29 — Menu de login/conta do topo ===== */
.mini-conta-wrap{position:relative;display:inline-flex}
button.mini-conta{background:none;border:0;cursor:pointer;font-family:inherit;padding:4px 6px;border-radius:8px}
button.mini-conta:hover{background:rgba(21,101,255,.08)}
.mini-conta-seta{font-size:10px;opacity:.7}
.mini-conta-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:238px;background:var(--d-card,#fff);border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:8px;display:none;z-index:120}
.mini-conta-wrap.aberto .mini-conta-menu{display:block;animation:miniContaAbre .16s ease}
@keyframes miniContaAbre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mini-conta-topo{padding:10px 12px 12px;border-bottom:1px solid #eef2f7;margin-bottom:6px;display:grid;gap:2px}
.mini-conta-topo b{font-size:13.5px;color:var(--azul-escuro,#0f172a)}
.mini-conta-topo small{font-size:11.5px;color:#64748b;line-height:1.35}
.mini-conta-menu a{display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:600;color:#0f172a;text-decoration:none}
.mini-conta-menu a:hover{background:var(--d-bg2,#f1f5f9);color:var(--azul,#1565ff)}
.mini-conta-menu a.mini-conta-cta{background:var(--azul,#1565ff);color:#fff;text-align:center;margin-bottom:6px}
.mini-conta-menu a.mini-conta-cta:hover{filter:brightness(1.07);color:#fff}
.mini-conta-menu a.mini-conta-cta.claro{background:var(--d-card2,#eef4ff);color:var(--azul,#1565ff)}
.mini-conta-menu a.mini-conta-sair{color:#b91c1c;border-top:1px solid #eef2f7;margin-top:6px;padding-top:11px;border-radius:0 0 9px 9px}
body.tema-escuro .mini-conta-menu{background:#111827;border-color:#1f2937;box-shadow:0 18px 44px rgba(0,0,0,.5)}
body.tema-escuro .mini-conta-topo{border-color:#1f2937}
body.tema-escuro .mini-conta-topo b{color:#e5e7eb}
body.tema-escuro .mini-conta-menu a{color:#e5e7eb}
body.tema-escuro .mini-conta-menu a:hover{background:#1f2937;color:#93c5fd}
body.tema-escuro .mini-conta-menu a.mini-conta-cta.claro{background:#1e3a8a33;color:#93c5fd}
body.tema-escuro .mini-conta-menu a.mini-conta-sair{color:#fca5a5;border-color:#1f2937}
@media (max-width:640px){.mini-conta-menu{right:-6px;min-width:216px}}

/* ===== Hero neo (v32) — visual tecnológico premium ===== */
.hero-neo{position:relative;overflow:hidden;border-bottom:0;padding:84px 0 92px;
  background:radial-gradient(1200px 600px at 78% -10%,#123a8a 0%,transparent 60%),
             radial-gradient(900px 520px at 10% 110%,#06371f 0%,transparent 60%),
             linear-gradient(160deg,#050a16 0%,#0a1428 45%,#050a16 100%);
  color:#eaf1ff}
.hero-neo .container{position:relative;z-index:3}
.hero-neo-bg{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hn-grid{position:absolute;inset:-20%;opacity:.16;
  background-image:linear-gradient(rgba(125,211,252,.18) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(125,211,252,.18) 1px,transparent 1px);
  background-size:62px 62px;mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 75%);
  -webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 75%)}
.hn-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
.hn-orb-1{width:420px;height:420px;left:-120px;top:-90px;background:#1d4ed8}
.hn-orb-2{width:380px;height:380px;right:-90px;bottom:-120px;background:#16a34a}
.hn-linha{position:absolute;height:1px;left:-30%;right:-30%;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.55),transparent);opacity:.5;
  animation:hnLinha 9s linear infinite}
.hn-linha-1{top:22%}
.hn-linha-2{top:54%;animation-duration:13s;animation-delay:-3s;
  background:linear-gradient(90deg,transparent,rgba(74,222,128,.5),transparent)}
.hn-linha-3{top:78%;animation-duration:16s;animation-delay:-7s}
@keyframes hnLinha{0%{transform:translateX(-12%)}50%{transform:translateX(12%)}100%{transform:translateX(-12%)}}
.hn-part{position:absolute;width:5px;height:5px;border-radius:50%;background:#7dd3fc;
  box-shadow:0 0 12px rgba(125,211,252,.9);opacity:.65;animation:hnPart 11s ease-in-out infinite}
.hn-p1{left:14%;top:30%}
.hn-p2{left:32%;top:72%;background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.9);animation-delay:-2s}
.hn-p3{left:58%;top:18%;animation-delay:-4s}
.hn-p4{left:72%;top:64%;background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.9);animation-delay:-6s}
.hn-p5{left:88%;top:36%;animation-delay:-8s}
.hn-p6{left:46%;top:88%;animation-delay:-9s}
@keyframes hnPart{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(-26px);opacity:.9}}

.hero-neo .hero-premium-grid{grid-template-columns:1.02fr .98fr;gap:52px;align-items:center}
.hero-neo .hero-kicker{background:rgba(125,211,252,.12);color:#7dd3fc;border:1px solid rgba(125,211,252,.28)}
.hero-neo h1{font-size:clamp(36px,5.4vw,62px);line-height:1.02;letter-spacing:-.02em;color:#fff;margin:20px 0 16px}
.destaque-neon{background:linear-gradient(90deg,#22d3ee,#4ade80);-webkit-background-clip:text;background-clip:text;
  color:transparent;filter:drop-shadow(0 0 22px rgba(34,211,238,.35))}
.hero-neo .lead{color:#b8c6de;max-width:540px}
.hero-neo .hero-premium-selos{color:#dce7f7}
.hero-neo .hero-premium-selos li::before{color:#4ade80}
.btn-neon{background:linear-gradient(135deg,#16a34a,#22c55e)!important;border:0!important;color:#02130a!important;
  font-weight:800;box-shadow:0 10px 30px rgba(34,197,94,.35),0 0 0 1px rgba(74,222,128,.35) inset}
.btn-neon:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(34,197,94,.45)}
.btn-vidro{background:rgba(255,255,255,.08)!important;color:#eaf1ff!important;border:1px solid rgba(148,197,255,.35)!important;
  backdrop-filter:blur(8px)}
.btn-vidro:hover{background:rgba(255,255,255,.16)!important;border-color:#22d3ee!important}

.hn-entra{animation:hnSobe .7s ease both}
@keyframes hnSobe{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* Composição 3D */
.hn-palco{position:relative;min-height:470px;display:flex;align-items:center;justify-content:flex-end}
.hn-cena{position:absolute;left:-6%;top:50%;width:330px;height:400px;margin-top:-200px;
  transition:transform .35s ease;transform-style:preserve-3d;animation:hnSobe .8s .1s ease both}
.hn-halo{position:absolute;inset:-14%;border-radius:50%;filter:blur(38px);
  background:radial-gradient(circle at 50% 45%,rgba(34,211,238,.42),rgba(22,163,74,.22) 55%,transparent 72%);
  animation:hnPulso 5s ease-in-out infinite}
@keyframes hnPulso{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.hn-fone{position:absolute;border-radius:30px;background:linear-gradient(165deg,#111c33,#050a16);
  border:1px solid rgba(148,197,255,.28);box-shadow:0 34px 70px rgba(0,0,0,.55),0 0 34px rgba(34,211,238,.18)}
.hn-fone-tras{width:150px;height:300px;right:6%;top:4%;transform:rotate(9deg);opacity:.85;
  animation:hnFlutua 6.5s ease-in-out infinite}
.hn-fone-frente{width:186px;height:360px;left:4%;top:12%;transform:rotate(-6deg);
  animation:hnFlutua 5.5s ease-in-out infinite}
@keyframes hnFlutua{0%,100%{translate:0 0}50%{translate:0 -14px}}
.hn-tela{position:absolute;inset:9px;border-radius:23px;display:block;overflow:hidden;
  background:linear-gradient(160deg,rgba(29,78,216,.35),rgba(6,20,40,.9))}
.hn-tela-holo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:linear-gradient(160deg,rgba(34,211,238,.28),rgba(22,163,74,.2) 50%,rgba(5,10,22,.95))}
.hn-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:54px;height:8px;border-radius:999px;
  background:#050a16;z-index:2}
.hn-valor{font-size:26px;font-weight:800;color:#fff;text-shadow:0 0 18px rgba(34,211,238,.7)}
.hn-tela-holo i{font-style:normal;font-size:11px;letter-spacing:.14em;color:#9fd8ff;text-transform:uppercase}
.hn-tela-holo u{display:block;height:6px;width:64%;margin-top:9px;border-radius:999px;text-decoration:none;
  background:linear-gradient(90deg,rgba(125,211,252,.75),rgba(74,222,128,.2))}
.hn-tela-holo u.u2{width:48%}
.hn-tela-holo u.u3{width:56%}
.hn-chip{position:absolute;padding:9px 15px;border-radius:999px;font-size:12.5px;font-weight:800;letter-spacing:.04em;
  color:#eaf1ff;background:rgba(255,255,255,.09);border:1px solid rgba(148,197,255,.3);backdrop-filter:blur(10px);
  box-shadow:0 12px 26px rgba(0,0,0,.35);white-space:nowrap;animation:hnFlutua 6s ease-in-out infinite}
.hn-chip-1{left:-14%;top:6%;color:#4ade80;border-color:rgba(74,222,128,.4)}
.hn-chip-2{right:-16%;top:44%;color:#7dd3fc;border-color:rgba(125,211,252,.4);animation-delay:-2s}
.hn-chip-3{left:-6%;bottom:2%;animation-delay:-4s}

/* Card de avaliação em vidro */
.hero-neo .hn-card{position:relative;z-index:4;width:min(380px,100%);margin-left:auto;
  background:rgba(255,255,255,.96);border:1px solid rgba(148,197,255,.35);border-radius:24px;padding:26px;
  box-shadow:0 30px 70px rgba(0,0,0,.45);animation:hnSobe .8s .2s ease both}
.hero-neo .hn-card:hover{transform:translateY(-4px);transition:transform .25s ease}
.hero-neo .hn-card h2{color:#0b1220;font-size:22px}
.hero-neo .hn-card p{color:#51607a}
.hero-neo .hcv-lista li{color:#0b1220}
.hero-neo .hcv-rodape{color:#51607a}
body.tema-escuro .hero-neo .hn-card{background:rgba(12,20,36,.92);border-color:rgba(148,197,255,.22)}
body.tema-escuro .hero-neo .hn-card h2,body.tema-escuro .hero-neo .hcv-lista li{color:#eef3fb}

@media (max-width:1100px){
  .hn-cena{left:-14%;width:280px;transform:scale(.88)}
  .hn-chip{font-size:11.5px;padding:7px 12px}
}
@media (max-width:900px){
  .hero-neo{padding:56px 0 64px}
  .hero-neo .hero-premium-grid{grid-template-columns:1fr;gap:30px}
  .hero-neo .hero-premium-arte{display:block;min-height:0}
  .hn-cena{display:none}
  .hero-neo .hn-card{margin:0 auto;width:100%}
}
@media (prefers-reduced-motion:reduce){
  .hn-linha,.hn-part,.hn-fone,.hn-chip,.hn-halo,.hn-entra,.hero-neo .hn-card{animation:none!important}
}

/* ===== Header premium v33 ===== */
.topo{position:relative;background:linear-gradient(180deg,#060d1c,#0a1730);border-bottom:1px solid rgba(56,132,255,.22)}
.topo::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(45,212,191,.7),rgba(56,132,255,.7),transparent)}
.topo-inner{gap:20px;padding:14px 0}
.topo .logo,.topo .logo span{color:#fff}
.topo .logo span{color:#2dd4a7}
.topo .busca-topo{background:rgba(255,255,255,.06);border:1.5px solid rgba(120,170,255,.22);box-shadow:none}
.topo .busca-topo:hover{background:rgba(255,255,255,.09);box-shadow:none}
.topo .busca-topo:focus-within{background:rgba(255,255,255,.1);border-color:#2dd4a7;box-shadow:0 0 0 4px rgba(45,212,167,.16)}
.topo .busca-topo input{color:#eaf2ff;background:transparent}
.topo .busca-topo input::placeholder{color:#8ea4c6}
.topo .busca-icone svg{stroke:#8ea4c6;fill:none}
.topo .busca-topo button{width:auto;min-width:46px;height:42px;gap:8px;padding:0 18px;border-radius:999px;
  background:linear-gradient(135deg,#1565ff,#2dd4a7);color:#fff;font-weight:700;font-size:14px}
.topo .busca-topo button .busca-txt{display:inline}
.topo .busca-topo button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(45,212,167,.28)}
.acao-bloco{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;
  color:#e6eefc;text-decoration:none;border:1px solid transparent;transition:.18s ease}
.acao-bloco:hover{border-color:rgba(120,170,255,.3);background:rgba(255,255,255,.06);color:#fff;text-decoration:none}
.acao-ico{position:relative;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(56,132,255,.16)}
.acao-ico svg{width:20px;height:20px;fill:none;stroke:#8fc7ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acao-txt{display:flex;flex-direction:column;line-height:1.15}
.acao-txt small{font-size:11.5px;color:#9fb4d4}
.acao-txt b{font-size:13.5px;font-weight:700}
.acao-carrinho .acao-ico .badge{position:absolute;top:-6px;right:-6px;background:#2dd4a7;color:#04251c;
  font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center}
.topo .menu-btn{color:#e6eefc}

/* menu horizontal */
.menu-principal{background:linear-gradient(180deg,#0a1730,#081123);border-bottom:1px solid rgba(56,132,255,.18)}
.menu-inner .menu-item{color:#dbe6fa}
.menu-inner .menu-item:hover{background:rgba(56,132,255,.16);color:#fff;text-decoration:none}
.menu-inner .menu-item.menu-oferta{color:#ffcf8a}
.menu-inner .menu-troca{margin-left:auto;background:linear-gradient(135deg,#19c37d,#2dd4a7);color:#03241a;
  border:0;font-weight:800;box-shadow:0 0 0 rgba(45,212,167,.5);transition:.2s ease}
.menu-inner .menu-troca:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(45,212,167,.35);color:#03241a}

/* dropdowns compactos */
.menu-grupo.tem-mega{position:relative}
.mega.mega-compacto{left:0;right:auto;width:max-content;min-width:290px;max-width:340px;
  grid-template-columns:1fr!important;border-radius:16px;padding:14px;gap:6px;margin-top:6px;
  background:var(--d-card,#fff);color:#0f172a;border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 44px rgba(9,26,64,.22)}
.mega-compacto .mega-col{display:flex;flex-direction:column;gap:2px}
.mega-compacto .mega-col h4{margin:2px 6px 6px}
.mega-compacto .mega-col a{margin-left:0;padding:9px 10px;border-radius:10px;font-size:14px;color:#0f172a}
.mega-compacto .mega-col a:hover{background:rgba(21,101,255,.08);color:var(--azul);transform:translateX(2px)}
.mega-sep{display:block;height:1px;margin:8px 4px;background:rgba(15,23,42,.1)}
.menu-grupo.tem-mega:nth-last-child(2) .mega.mega-compacto,
.menu-grupo.tem-mega:last-of-type .mega.mega-compacto{left:auto;right:0}
.tem-mega:hover > .mega.mega-compacto,.tem-mega.menu-hover-aberto > .mega.mega-compacto,
.tem-mega:focus-within > .mega.mega-compacto{animation:ctDrop .18s ease}
@keyframes ctDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media (max-width:1100px){
  .acao-txt{display:none}
  .topo .busca-topo button .busca-txt{display:none}
}
@media (max-width:960px){
  .topo-inner{gap:12px;padding:12px 0}
  .acao-bloco{padding:6px}
  .mega.mega-compacto{position:static;width:auto;max-width:none;min-width:0;background:transparent;
    color:inherit;border:0;box-shadow:none;padding:2px 10px 12px;margin-top:0}
  .mega-compacto .mega-col a{color:inherit;padding:11px 10px;font-size:15px}
  .menu-inner .menu-troca{margin:8px 0 0}
}
@media (prefers-reduced-motion:reduce){
  .mega.mega-compacto,.menu-inner .menu-troca,.acao-bloco{animation:none!important;transition:none!important}
}

/* ===================== v34 — Páginas de assistência técnica ===================== */
.srv-hero{position:relative;overflow:hidden;background:linear-gradient(140deg,#05122e 0%,#071a3d 45%,#02060f 100%);color:#eaf2ff;padding:64px 0 54px}
.srv-hero-bg{position:absolute;inset:0;pointer-events:none}
.srv-hero-bg .srv-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}
.srv-orb-1{width:380px;height:380px;background:#1565ff;top:-120px;left:-80px}
.srv-orb-2{width:320px;height:320px;background:#12d19b;bottom:-140px;right:-60px}
.srv-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%)}
.srv-hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.srv-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.4px;color:#5cf2c0;margin-bottom:12px}
.srv-hero h1{font-size:clamp(28px,4vw,46px);line-height:1.05;margin:0 0 12px;font-weight:800}
.srv-hero .lead{color:#c3d4ee;max-width:560px}
.srv-hero-acoes{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 16px}
.btn-vidro{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px)}
.btn-vidro:hover{background:rgba(255,255,255,.16)}
.srv-selos{list-style:none;display:flex;gap:16px;flex-wrap:wrap;padding:0;margin:0;font-size:13px;color:#a9c0e2}
.srv-selos li::before{content:"✓";color:#5cf2c0;font-weight:800;margin-right:6px}
.srv-hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:24px;backdrop-filter:blur(10px)}
.srv-hero-card h2{font-size:20px;margin:10px 0 8px}
.srv-hero-card p{color:#c3d4ee;font-size:14px}
.srv-tag{display:inline-block;background:rgba(21,101,255,.25);border:1px solid rgba(92,242,192,.4);color:#5cf2c0;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:800;letter-spacing:1px}
.srv-tag.verde{background:rgba(18,209,155,.18)}
.srv-card-lista{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:9px;font-size:13.5px;color:#dbe7fa}
.srv-card-lista i{color:#5cf2c0;font-style:normal;margin-right:8px;font-weight:800}
.srv-servicos{padding:54px 0}
.srv-grid-servicos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.srv-item{background:var(--cartao,#fff);border:1px solid rgba(15,23,42,.1);border-radius:16px;padding:18px;display:grid;gap:6px;transition:.2s}
.srv-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(9,30,66,.12)}
.srv-ico{font-size:26px}
.srv-checkin{padding:10px 0 64px}
.srv-form{margin-top:22px;background:var(--cartao,#fff);border:1px solid rgba(15,23,42,.1);border-radius:20px;padding:24px;box-shadow:0 18px 40px rgba(9,30,66,.08)}
.srv-passos{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0 0 22px;counter-reset:p}
.srv-passos li{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;padding:8px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.12);cursor:pointer;opacity:.6}
.srv-passos li b{width:22px;height:22px;border-radius:50%;background:rgba(21,101,255,.12);color:var(--azul,#1565ff);display:grid;place-items:center;font-size:12px}
.srv-passos li.ativo{opacity:1;border-color:var(--azul,#1565ff);background:rgba(21,101,255,.08)}
.srv-passos li.feito{opacity:1}
.srv-passos li.feito b{background:#12d19b;color:#04231a}
.srv-etapa{display:none}
.srv-etapa.ativa{display:block;animation:srvEntra .28s ease}
@keyframes srvEntra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.srv-etapa h3{margin:0 0 16px;font-size:18px}
.srv-campos{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.srv-campos label,.srv-bloco{display:grid;gap:6px;font-size:13px;font-weight:600}
.srv-bloco{margin-top:16px}
.srv-campos input,.srv-campos select,.srv-bloco textarea,.srv-bloco input{border:1px solid rgba(15,23,42,.16);border-radius:12px;padding:11px 13px;font:inherit;font-weight:500;background:transparent;color:inherit}
.srv-campos input:focus,.srv-campos select:focus,.srv-bloco textarea:focus{outline:none;border-color:var(--azul,#1565ff);box-shadow:0 0 0 3px rgba(21,101,255,.15)}
.srv-opcoes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.srv-check{display:flex;align-items:center;gap:9px;border:1px solid rgba(15,23,42,.14);border-radius:12px;padding:11px 13px;font-size:13.5px;cursor:pointer;transition:.18s}
.srv-check:hover{border-color:var(--azul,#1565ff)}
.srv-check input{accent-color:var(--azul,#1565ff);width:17px;height:17px}
.srv-check:has(input:checked){border-color:#12d19b;background:rgba(18,209,155,.09)}
.srv-navegacao{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.srv-revisao{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}
.srv-revisao div{border:1px solid rgba(15,23,42,.1);border-radius:12px;padding:10px 12px;display:grid;gap:2px}
.srv-erros{background:#FEF2F2;border:1px solid #FECACA;color:#B91C1C;border-radius:14px;padding:14px 16px;margin-top:18px;font-size:14px}
.srv-erros ul{margin:8px 0 0;padding-left:18px}
.srv-protocolo{background:linear-gradient(140deg,#05122e,#0b2a5c);color:#eaf2ff;border-radius:22px;padding:32px;margin-top:20px}
.srv-protocolo h2{font-size:clamp(26px,4vw,40px);margin:12px 0 6px}
.srv-resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.srv-resumo div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px;display:grid;gap:3px}
.srv-desc{background:rgba(255,255,255,.07);border-radius:14px;padding:14px;font-size:14px}
.srv-protocolo-acoes{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 12px}
body.tema-escuro .srv-item,body.tema-escuro .srv-form{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
body.tema-escuro .srv-check,body.tema-escuro .srv-revisao div{border-color:rgba(255,255,255,.16)}
@media (max-width:900px){
  .srv-hero-grid{grid-template-columns:1fr}
  .srv-grid-servicos{grid-template-columns:repeat(2,1fr)}
  .srv-campos,.srv-opcoes,.srv-resumo,.srv-revisao{grid-template-columns:1fr}
  .srv-form{padding:18px}
  .srv-passos li span{display:none}
}

/* ===== Checkout premium (v35) ===== */
.ck-wrap{padding:26px 0 48px}
.ck-passos{display:flex;gap:10px;list-style:none;padding:0;margin:0 0 16px;flex-wrap:wrap;font-size:13.5px;font-weight:700;color:#94a3b8}
.ck-passos li{display:flex;align-items:center;gap:8px}
.ck-passos li+li::before{content:'';width:22px;height:2px;background:var(--d-card2,#e2e8f0);margin-right:4px}
.ck-passos span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--d-card2,#e9eef5);color:#64748b;font-size:12.5px}
.ck-passos .ativo{color:var(--azul)}
.ck-passos .ativo span{background:var(--azul);color:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.14)}
.ck-passos .feito span{background:#16a34a;color:#fff}
.ck-titulo{margin:0 0 4px}
.ck-sub{margin:0 0 20px;color:#64748b;font-size:14px}
.ck-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:20px;align-items:start}
.ck-form{display:flex;flex-direction:column;gap:16px}
.ck-card{background:var(--d-card,#fff);border:1px solid #e8eef6;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.ck-card-topo{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.ck-card-topo h2{margin:0;font-size:18px}
.ck-num{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.ck-campos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ck-campo-largo{grid-column:1/-1}
.ck-campo label{display:block;font-size:12.5px;font-weight:700;color:#475569;margin-bottom:6px}
.ck-campo input{width:100%;border:1px solid #dbe4ef;border-radius:12px;padding:12px 14px;font-size:14.5px;transition:.18s;background:var(--d-card,#fff)}
.ck-campo input:focus{border-color:var(--azul);box-shadow:0 0 0 4px rgba(37,99,235,.12);outline:none}
.ck-opcao{display:flex;align-items:center;gap:14px;border:1.5px solid #e2e8f0;border-radius:14px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:.18s;background:var(--d-card,#fff)}
.ck-opcao:hover{border-color:#c7d7ee;background:var(--d-bg2,#f8fbff)}
.ck-opcao input{width:18px;height:18px;accent-color:var(--azul);flex:0 0 18px}
.ck-opcao-corpo{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.ck-opcao-linha{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ck-opcao-corpo small{color:#64748b;font-size:12.5px}
.ck-opcao-valor{font-weight:800;color:#0f172a;white-space:nowrap}
.ck-selecionada{border-color:var(--azul);background:var(--d-bg2,#f3f8ff);box-shadow:0 0 0 3px rgba(37,99,235,.10)}
.ck-tag{font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--d-card2,#eef2f7);color:#475569}
.ck-tag-verde{background:#dcfce7;color:#15803d}
.ck-parcelas{margin-top:6px}
.ck-parcelas label{display:block;font-size:12.5px;font-weight:700;color:#475569;margin-bottom:6px}
.ck-parcelas select{width:100%;border:1px solid #dbe4ef;border-radius:12px;padding:12px 14px;font-size:14.5px;background:var(--d-card,#fff)}
.ck-aviso{margin:10px 0 0;font-size:13px;color:#b45309;background:var(--d-bg2,#fffbeb);border:1px solid #fde68a;border-radius:12px;padding:10px 12px}
.ck-acao .btn-grande{padding:16px;font-size:16px;letter-spacing:.4px}
.ck-seguro{text-align:center;color:#64748b;font-size:12.5px;margin:10px 0 0}
.ck-sticky{position:sticky;top:90px}
.ck-resumo-titulo{margin:0 0 14px;font-size:17px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.ck-resumo-titulo span{font-size:12px;font-weight:700;color:#64748b;background:var(--d-bg2,#f1f5f9);border-radius:999px;padding:4px 10px}
.ck-itens{list-style:none;padding:0 0 12px;margin:0 0 12px;border-bottom:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:10px}
.ck-itens li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.ck-itens strong{display:block;font-size:13.5px}
.ck-itens small{color:#94a3b8;font-size:11.5px}
.ck-linhas{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:#475569}
.ck-linhas li{display:flex;justify-content:space-between;gap:10px}
.ck-linhas .ok{color:#16a34a}
.ck-total{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--d-bg2,#f3f8ff);border:1px solid #dbeafe;border-radius:14px;padding:14px 16px}
.ck-total strong{font-size:22px;color:var(--azul)}
.ck-total-alt{margin:8px 0 14px;font-size:12.5px;color:#64748b}
.ck-cupom label{display:block;font-size:12.5px;font-weight:700;color:#475569;margin-bottom:6px}
.ck-cupom-linha{display:flex;gap:8px}
.ck-cupom-linha input{flex:1;min-width:0;border:1px solid #dbe4ef;border-radius:12px;padding:11px 13px}
.ck-selos{list-style:none;padding:14px 0 0;margin:14px 0 0;border-top:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:#475569}
.ck-voltar{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:700;color:var(--azul);text-decoration:none}
.ck-voltar:hover{text-decoration:underline}
@media (max-width:980px){
  .ck-grid{grid-template-columns:1fr}
  .ck-sticky{position:static}
}
@media (max-width:560px){
  .ck-campos{grid-template-columns:1fr}
  .ck-card{padding:18px}
  .ck-passos li span{margin:0}
  .ck-opcao{flex-wrap:wrap}
  .ck-opcao-valor{width:100%;text-align:right}
}
.ck-erros{background:var(--d-bg2,#fef2f2);border:1px solid #fecaca;color:#b91c1c;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;font-weight:600}
.ck-campo input.ck-invalido{border-color:#f87171;box-shadow:0 0 0 3px rgba(248,113,113,.15)}
/* Link de pagamento (v37) */
.ck-linkbox{display:flex;gap:8px;margin:12px 0 0}
.ck-linkbox input{flex:1;min-width:0;border:1px solid #dbe4ef;border-radius:12px;padding:12px 14px;font-size:13.5px;background:var(--d-bg2,#f8fafc);color:#0f172a}
.ck-copiado{margin:8px 0 0;font-size:13px;font-weight:700;color:#16a34a}
.ck-botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.ck-botoes .btn{flex:1;min-width:150px;text-align:center}

/* Descrição formatada do produto */
.desc-rica{line-height:1.7}
.desc-rica h3{font-size:19px;margin:18px 0 8px}
.desc-rica h4{font-size:16px;margin:14px 0 6px}
.desc-rica p{margin:0 0 10px}
.desc-rica ul,.desc-rica ol{margin:0 0 12px;padding-left:22px}
.desc-rica li{margin:3px 0}
.desc-rica hr{border:0;border-top:1px solid var(--borda,#243044);margin:16px 0}

/* ===== Catálogo — visual premium (v72) ===== */
.cat-pro{--cp-bg:#f6f8fc;--cp-card:#fff;--cp-borda:#e6ebf3;--cp-txt:#0b1220;--cp-sub:#64748b;--cp-azul:#2563eb;--cp-verde:#16a34a;--cp-midia:#f1f4f9;padding-top:28px}
body.ct-dark .cat-pro{--cp-bg:#070b14;--cp-card:#111827;--cp-borda:#243044;--cp-txt:#f8fafc;--cp-sub:#94a3b8;--cp-midia:#0b1220}
.cat-pro .cat-hero{position:relative;padding:34px 36px;margin-bottom:22px;border:1px solid var(--cp-borda);border-radius:24px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--cp-azul) 14%,transparent),transparent 55%),radial-gradient(90% 120% at 0% 100%,color-mix(in srgb,var(--cp-verde) 10%,transparent),transparent 60%),var(--cp-card);overflow:hidden}
.cat-pro .cat-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cp-azul);margin-bottom:10px}
.cat-pro .cat-hero h1{margin:0 0 8px;font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;line-height:1.05;color:var(--cp-txt)}
.cat-pro .cat-hero .pequeno{font-size:16px;color:var(--cp-sub);margin:0}
.cat-pro .cat-selos{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:18px 0 0;font-size:13px;font-weight:600;color:var(--cp-sub)}
.cat-pro .cat-selos li{white-space:nowrap}
.cat-pro .chips-cat{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 10px;margin-bottom:10px;scrollbar-width:thin;-webkit-mask:linear-gradient(90deg,#000 92%,transparent)}
.cat-pro .chips-cat.chips-sub{flex-wrap:wrap;-webkit-mask:none}
.cat-pro .chip-cat{flex:0 0 auto;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid var(--cp-borda);background:var(--cp-card);color:var(--cp-txt);transition:all .2s ease;text-decoration:none}
.cat-pro .chip-cat:hover{border-color:var(--cp-azul);color:var(--cp-azul);transform:translateY(-1px)}
.cat-pro .chip-cat.ativo{background:var(--cp-txt);color:var(--cp-card);border-color:var(--cp-txt);box-shadow:0 6px 18px -8px rgba(0,0,0,.45)}
.cat-pro .cat-barra{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 12px 10px 20px;border:1px solid var(--cp-borda);border-radius:16px;background:var(--cp-card);margin:6px 0 24px;position:sticky;top:76px;z-index:5;backdrop-filter:blur(10px)}
.cat-pro .cat-total{color:var(--cp-sub);font-size:14px}.cat-pro .cat-total strong{color:var(--cp-txt);font-size:16px}
.cat-pro .cat-ordem{display:flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:var(--cp-midia);flex-wrap:wrap}
.cat-pro .cat-ordem .pequeno{padding:0 8px;color:var(--cp-sub);font-size:13px}
.cat-pro .chip-ordem{padding:7px 14px;border-radius:9px;font-size:13px;font-weight:600;color:var(--cp-sub);border:0;background:transparent;text-decoration:none;transition:all .2s}
.cat-pro .chip-ordem:hover{color:var(--cp-txt)}
.cat-pro .chip-ordem.ativo{background:var(--cp-card);color:var(--cp-txt);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.cat-pro .grid-catalogo{gap:20px}
.cat-pro .card-produto{border:1px solid var(--cp-borda);border-radius:20px;background:var(--cp-card);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s;display:flex;flex-direction:column}
.cat-pro .card-produto:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cp-azul) 45%,var(--cp-borda));box-shadow:0 22px 40px -22px rgba(15,23,42,.35)}
.cat-pro .card-midia{background:var(--cp-midia);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:22px;position:relative}
.cat-pro .card-midia img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}
body.ct-dark .cat-pro .card-midia img{mix-blend-mode:normal;border-radius:12px}
.cat-pro .card-produto:hover .card-midia img{transform:scale(1.04)}
.cat-pro .card-corpo{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.cat-pro .card-corpo .tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.cat-pro .card-titulo{color:var(--cp-txt);font-size:17px;line-height:1.25;text-decoration:none}
.cat-pro .card-specs{color:var(--cp-sub)}
.cat-pro .card-corpo .preco{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--cp-txt);margin-top:6px}
.cat-pro .pix-linha strong{color:var(--cp-verde)}
.cat-pro .card-acoes{margin-top:auto;padding-top:12px;display:flex;gap:8px}
.cat-pro .card-acoes .btn,.cat-pro .card-acoes form{flex:1}
.cat-pro .card-acoes form .btn{width:100%}
.cat-pro .selo-desc,.cat-pro .selo-esgotado{position:absolute;top:14px;left:14px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}
@media(max-width:700px){.cat-pro .cat-hero{padding:24px 20px;border-radius:18px}.cat-pro .cat-barra{position:static;padding:12px}.cat-pro .cat-ordem{width:100%;overflow-x:auto;flex-wrap:nowrap}}

/* ===== Pagamento por produto + refinamentos do catálogo (v73) ===== */
.pag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pag-chip{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;border:1px solid color-mix(in srgb,#2563eb 35%,transparent);background:color-mix(in srgb,#2563eb 10%,transparent);color:inherit}
.cat-pro .cat-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1px solid color-mix(in srgb,var(--cp-azul) 25%,transparent);box-shadow:0 0 0 40px color-mix(in srgb,var(--cp-azul) 4%,transparent),0 0 0 80px color-mix(in srgb,var(--cp-azul) 3%,transparent);pointer-events:none}
.cat-pro .cat-selos li{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--cp-borda);background:color-mix(in srgb,var(--cp-card) 70%,transparent)}
.cat-pro .card-produto{position:relative}
.cat-pro .card-produto::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--cp-azul),transparent 40%,transparent 60%,var(--cp-verde));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.cat-pro .card-produto:hover::before{opacity:1}
.cat-pro .card-titulo:hover{color:var(--cp-azul)}
.cat-pro .card-corpo .preco .preco-antigo{font-size:14px;font-weight:500;color:var(--cp-sub);margin-left:6px;text-decoration:line-through}
.cat-pro .pix-linha{display:inline-flex;align-self:flex-start;gap:6px;padding:4px 10px;border-radius:8px;background:color-mix(in srgb,var(--cp-verde) 10%,transparent)}
.cat-pro .card-acoes .btn{border-radius:12px;font-weight:700}
.cat-pro .sem-estoque .card-midia img{filter:grayscale(1);opacity:.6}
.cat-pro .sec-catalogo h2{letter-spacing:-.01em}
@media (prefers-reduced-motion:reduce){.cat-pro *{transition:none!important}}

/* Filtros do catálogo */
.cat-filtros{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:end;margin:0 0 22px;padding:16px;border:1px solid rgba(37,99,235,.15);border-radius:16px;background:rgba(255,255,255,.7);box-shadow:0 8px 24px -18px rgba(15,23,42,.35)}
.cat-filtros label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;font-weight:600;color:#475569}
.cat-filtros select,.cat-filtros input{width:100%;padding:9px 10px;border:1px solid #CBD5E1;border-radius:10px;background:#fff;font-size:.9rem}
.cat-filtros select:focus,.cat-filtros input:focus{border-color:#2563EB;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.cat-filtros-acoes{display:flex;gap:8px;flex-wrap:wrap}
.cat-limpar{background:transparent;border:1px solid #CBD5E1;color:#334155}
@media (max-width:1024px){.cat-filtros{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.cat-filtros{grid-template-columns:1fr 1fr;padding:12px}.cat-filtros-acoes{grid-column:1/-1}}
/* Catálogo: busca e filtros ativos */
.cat-filtros{grid-template-columns:1.6fr repeat(5,minmax(0,1fr)) auto}
.cat-busca input{padding-left:34px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748B' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 11px center}
.cat-ativos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-8px 0 20px}
.cat-ativo{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.25);color:#1E3A8A;font-size:13px;text-decoration:none;transition:background .2s}
.cat-ativo:hover{background:rgba(37,99,235,.16)}
.cat-ativo span{font-size:15px;line-height:1;opacity:.7}
.cat-ativo-limpar{font-size:13px;font-weight:600;color:#DC2626;text-decoration:none;margin-left:4px}
@media (max-width:1180px){.cat-filtros{grid-template-columns:repeat(3,minmax(0,1fr))}.cat-busca{grid-column:1/-1}}
@media (max-width:600px){.cat-filtros{grid-template-columns:1fr 1fr}}