/* Equipa Brasil — estilo (mobile primeiro) · preto + laranja vivo */
:root{
  --preto:#0A0A0A; --preto-2:#000; --preto-3:#161616; --preto-4:#222;
  --texto:#18181B; --texto-2:#52525B; --texto-claro:#D4D4D8; --texto-claro-2:#A1A1AA;
  --laranja:#FF7A00; --laranja-2:#FF9533; --link:#C2410C;
  --verde:#25D366; --verde-2:#1FBF5B;
  --claro:#F4F4F5; --borda:#E4E4E7; --borda-escura:#2A2A2A; --branco:#fff; --erro:#B42318;
  --raio:16px; --raio-p:12px;
  --titulo:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"SF Pro Display",Roboto,"Helvetica Neue",Arial,sans-serif;
  --base:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --barra:68px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px;scroll-behavior:smooth}
body{margin:0;font-family:var(--base);font-size:1rem;line-height:1.6;color:var(--texto);background:var(--branco);overflow-x:hidden;padding-bottom:calc(var(--barra) + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--link);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
h1,h2,h3{font-family:var(--titulo);line-height:1.12;margin:0 0 .5em;letter-spacing:-.025em;font-weight:800}
h1{font-size:clamp(1.85rem,6vw,2.75rem)}
h2{font-size:clamp(1.5rem,4.6vw,2.25rem)}
h3{font-size:1.15rem;font-weight:700;letter-spacing:-.015em}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--laranja);outline-offset:3px;border-radius:6px}
.visualmente-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:8px;top:-60px;background:var(--laranja);color:#000;padding:12px 16px;z-index:100;font-weight:700;border-radius:999px}
.pular:focus{top:8px}
.conteiner{width:100%;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}

/* Etiquetas */
.etiqueta,.etiqueta-escura{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
.etiqueta{color:var(--laranja)}
.etiqueta-escura{color:var(--link)}
.etiqueta::before,.etiqueta-escura::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--laranja)}

/* Cabeçalho */
.topo{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.92);color:#fff;border-bottom:1px solid var(--borda-escura)}
@supports (backdrop-filter:blur(10px)){.topo{background:rgba(0,0,0,.78);backdrop-filter:saturate(160%) blur(14px)}}
.topo .conteiner{display:flex;align-items:center;gap:6px;min-height:64px}
.marca{display:flex;align-items:center;min-height:44px;margin-right:auto}
.marca img{height:40px;width:auto}
.btn-icone{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:transparent;border:0;color:#fff;border-radius:999px;cursor:pointer;padding:0}
.btn-icone svg{width:24px;height:24px}
.btn-icone:hover{background:rgba(255,255,255,.1)}
.menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--preto-2);border-bottom:1px solid var(--borda-escura);padding:8px 20px 20px}
.menu.aberto{display:block}
.menu ul{list-style:none;margin:0;padding:0}
.menu a{display:flex;align-items:center;justify-content:space-between;min-height:52px;color:#fff;text-decoration:none;font-family:var(--titulo);font-weight:700;font-size:1.2rem;letter-spacing:-.01em;border-bottom:1px solid var(--borda-escura)}
.menu a::after{content:"→";color:var(--laranja);font-family:var(--base);font-size:1.1rem}
.menu a[aria-current="page"]{color:var(--laranja)}
.topo .btn-orc-topo{display:none}
.busca-topo{display:none;background:var(--preto-2);padding:12px 0;border-top:1px solid var(--borda-escura)}
.busca-topo.aberta{display:block}
.busca-topo form{display:flex;gap:8px}
.busca-topo input{flex:1;min-width:0;background:var(--preto-3);border-color:#3F3F46;color:#fff}
.busca-topo input::placeholder{color:var(--texto-claro-2)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border-radius:999px;border:2px solid transparent;font:inherit;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;line-height:1.2;text-align:center;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}
.btn svg{width:20px;height:20px;flex:none}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
.btn-grande{min-height:56px;padding:14px 26px;font-size:1.05rem}
.btn-laranja{background:var(--laranja);color:#000;box-shadow:0 6px 20px rgba(255,122,0,.28)}
.btn-laranja:hover{background:var(--laranja-2)}
.btn-verde{background:var(--verde);color:#000;box-shadow:0 6px 20px rgba(37,211,102,.22)}
.btn-verde:hover{background:var(--verde-2)}
.btn-contorno{background:#fff;color:var(--texto);border-color:var(--texto)}
.btn-contorno:hover{background:var(--claro)}
.btn-claro{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.btn-claro:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.btn-bloco{width:100%}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.contador{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:#000;color:#fff;font-size:.82rem}
.link-seta{color:var(--laranja);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.link-seta:hover{text-decoration:underline}

/* Barra fixa inferior (celular) */
.barra-fixa{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(0,0,0,.94);border-top:1px solid var(--borda-escura)}
.barra-fixa .btn{flex:1;min-height:48px;padding:8px 12px;box-shadow:none}
.barra-fixa .btn-verde{flex:0 0 56px;padding:0}

/* Migalhas */
.migalhas{font-size:.88rem;padding-top:12px;color:var(--texto-2)}
.migalhas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;column-gap:4px}
.migalhas li{display:inline-flex;align-items:center;min-height:44px}
.migalhas li+li::before{content:"/";margin:0 6px 0 2px;color:#A1A1AA}
.migalhas a{color:var(--texto-2);display:inline-flex;align-items:center;min-height:44px}

/* Seções */
.secao{padding-top:44px;padding-bottom:44px}
.secao-cinza{background:var(--claro)}
.secao-escura,.secao-preta{background:var(--preto);color:#fff}
.secao-preta h2{color:#fff}
.secao-escura a{color:var(--laranja)}
.sub-escuro{color:var(--texto-claro);max-width:60ch}

/* Herói */
.heroi{background:var(--preto-2);color:#fff;padding:44px 0 56px;position:relative;overflow:hidden;isolation:isolate}
.heroi::before{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-220px;top:-160px;background:radial-gradient(circle,rgba(255,122,0,.45) 0%,rgba(255,122,0,0) 65%)}
.heroi::after{content:"";position:absolute;z-index:-1;left:-40%;right:-40%;bottom:-2px;height:120px;background:linear-gradient(170deg,transparent 48%,var(--laranja) 49%,var(--laranja) 52%,transparent 53%)}
.heroi h1{font-size:clamp(2.1rem,8.6vw,3.9rem);color:#fff;max-width:17ch;letter-spacing:-.035em;line-height:1.08}
.heroi h1 em{font-style:normal;color:var(--laranja)}
.heroi-sub{color:var(--texto-claro);max-width:44ch;font-size:1.1rem}
.heroi .acoes{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.selos{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:28px 0 0}
.selos li{border:1px solid #3F3F46;border-radius:999px;padding:6px 14px;font-size:.88rem;color:var(--texto-claro);display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.4)}
.selos li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--laranja)}

/* Tiles de objetivo */
.tiles{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.tile{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;text-decoration:none;color:var(--texto);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.10);border-color:var(--laranja)}
.tile-img{display:block;aspect-ratio:4/3;background:var(--claro);overflow:hidden}
.tile-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.tile:hover .tile-img img{transform:scale(1.04)}
.tile-txt{display:flex;flex-direction:column;gap:2px;padding:12px 14px 16px}
.tile-txt strong{font-family:var(--titulo);font-size:1.06rem;line-height:1.2;font-weight:700;letter-spacing:-.015em}
.tile-txt small{font-size:.84rem;color:var(--texto-2);line-height:1.35}
.tile-seta{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#000;color:var(--laranja);display:flex;align-items:center;justify-content:center;font-weight:700}
.tile-escuro{background:var(--preto);border-color:var(--preto);color:#fff}
.tile-escuro .tile-img{background:#1a1a1a}
.tile-escuro .tile-txt small{color:var(--texto-claro-2)}
.tile-escuro .tile-seta{background:var(--laranja);color:#000}
.tile-laranja{background:var(--laranja);border-color:var(--laranja);color:#000}
.tile-laranja .tile-img{background:#000;display:flex;align-items:center;justify-content:center}
.tile-laranja .tile-txt small{color:#1c1c1c}
.tile-laranja .tile-seta{background:#000;color:var(--laranja)}
.tile-icone{font-family:var(--titulo);font-size:3.6rem;font-weight:800;color:var(--laranja);line-height:1}

/* Cartões de produto */
.grade{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.cartao{display:flex;flex-direction:column;background:#fff;border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;text-decoration:none;color:var(--texto);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.cartao:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.10);border-color:var(--laranja)}
.cartao img{aspect-ratio:4/3;object-fit:cover;width:100%;background:var(--claro)}
.cartao .corpo{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.cartao h3{font-size:1rem;margin:0;line-height:1.25}
.cartao .meta{font-size:.82rem;color:var(--texto-2);margin-top:auto;font-weight:600}
.secao-preta .cartao{background:var(--preto-3);border-color:var(--borda-escura);color:#fff}
.secao-preta .cartao .meta{color:var(--laranja)}
.secao-preta .cartao:hover{border-color:var(--laranja)}

/* Filtros (chips) */
.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;scrollbar-width:thin}
.chip{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--borda);background:#fff;color:var(--texto);text-decoration:none;font-weight:600;font-size:.95rem;white-space:nowrap}
.chip:hover{border-color:#000}
.chip[aria-current="true"]{background:#000;border-color:#000;color:#fff}

/* Formulários */
label{display:block;font-weight:600;margin:0 0 6px}
.campo{margin-bottom:16px}
.dica{font-size:.88rem;color:var(--texto-2);margin:6px 0 0}
input[type=text],input[type=search],input[type=email],input[type=tel],select,textarea{width:100%;min-height:50px;padding:12px 14px;font:inherit;color:var(--texto);background:#fff;border:1.5px solid #A1A1AA;border-radius:var(--raio-p)}
textarea{min-height:104px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--laranja);outline:none;box-shadow:0 0 0 4px rgba(255,122,0,.25)}
.erro-campo{color:var(--erro);font-weight:600;font-size:.92rem;margin:6px 0 0}
fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}
legend{font-family:var(--titulo);font-size:1.12rem;font-weight:700;padding:0;margin-bottom:10px}
.opcoes{display:grid;gap:8px;grid-template-columns:1fr}
.opcao{position:relative;margin:0}
.opcao input{position:absolute;opacity:0;width:1px;height:1px}
.opcao span{display:flex;align-items:center;min-height:50px;padding:10px 14px 10px 46px;border:1.5px solid var(--borda);border-radius:var(--raio-p);background:#fff;cursor:pointer;position:relative;font-weight:500;transition:border-color .15s,background-color .15s}
.opcao span:hover{border-color:#A1A1AA}
.opcao span::before{content:"";position:absolute;left:14px;top:50%;width:20px;height:20px;margin-top:-10px;border:2px solid #A1A1AA;border-radius:50%;background:#fff}
.opcao input:checked+span{border-color:var(--laranja);background:#FFF4EA}
.opcao input:checked+span::before{border-color:var(--laranja);box-shadow:inset 0 0 0 5px #fff;background:var(--laranja)}
.opcao input:focus-visible+span{outline:3px solid var(--laranja);outline-offset:2px}
.qtd{display:inline-flex;align-items:center;border:1.5px solid #A1A1AA;border-radius:999px;overflow:hidden;background:#fff}
.qtd button{min-width:48px;min-height:48px;border:0;background:transparent;font-size:1.4rem;font-weight:700;cursor:pointer;color:var(--texto)}
.qtd button:hover{background:var(--claro)}
.qtd input{width:60px;min-height:48px;border:0;text-align:center;font:inherit;font-weight:700;-moz-appearance:textfield;background:transparent}
.qtd input:focus{box-shadow:none}
.qtd input::-webkit-outer-spin-button,.qtd input::-webkit-inner-spin-button{-webkit-appearance:none}

/* Produto */
.produto-topo{display:grid;gap:24px;grid-template-columns:1fr}
.galeria .principal{border-radius:var(--raio);overflow:hidden;border:1px solid var(--borda);background:var(--claro)}
.galeria .principal img{width:100%;aspect-ratio:4/3;object-fit:contain}
.miniaturas{display:flex;gap:8px;margin-top:10px}
.miniaturas button{padding:0;border:2px solid var(--borda);border-radius:10px;overflow:hidden;width:78px;height:58px;cursor:pointer;background:#fff}
.miniaturas button[aria-pressed="true"]{border-color:var(--laranja)}
.miniaturas img{width:100%;height:100%;object-fit:cover}
.aviso{display:flex;gap:10px;align-items:flex-start;background:#FFF4EA;border:1px solid #FFD9B3;padding:14px 16px;border-radius:var(--raio-p);margin:14px 0}
.aviso.verde{background:#ECFDF3;border-color:#B7EBC9}
.aviso p{margin:0}
.preco{font-weight:700}
.acoes-produto{display:grid;gap:10px;margin-top:18px}
.lista-check{list-style:none;padding:0;margin:0 0 1em}
.lista-check li{position:relative;padding:8px 0 8px 30px;border-bottom:1px solid var(--borda)}
.lista-check li::before{content:"";position:absolute;left:4px;top:15px;width:12px;height:7px;border-left:3px solid var(--laranja);border-bottom:3px solid var(--laranja);transform:rotate(-45deg)}
.pendente{display:inline-block;font-size:.78rem;background:#F4F4F5;color:var(--texto-2);border-radius:999px;padding:1px 8px;font-weight:600}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{overflow-wrap:anywhere;text-align:left;padding:11px 10px;border-bottom:1px solid var(--borda);vertical-align:top}
th{background:var(--claro);font-weight:700}
td.num,th.num{text-align:right;white-space:nowrap}

/* Orçamento */
.itens-orc{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.item-orc{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:14px;display:grid;gap:10px}
.item-orc .nome{font-weight:700}
.item-orc .det{font-size:.92rem;color:var(--texto-2)}
.item-orc .linha{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.btn-remover{min-height:44px;min-width:44px;border:0;background:transparent;color:var(--erro);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:999px;font:inherit}
.btn-remover svg{width:18px;height:18px}
.btn-remover:hover{background:#FDECEA}
.previa{white-space:pre-wrap;background:#ECFDF3;border-radius:var(--raio);padding:16px;font-size:.95rem;border:1px solid #B7EBC9;font-family:var(--base)}
.vazio{text-align:center;padding:32px 16px;background:var(--claro);border-radius:var(--raio)}

/* Diferenciais */
.diferenciais{display:grid;gap:12px;grid-template-columns:1fr;list-style:none;padding:0;margin:8px 0 0}
.diferenciais li{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--borda);border-radius:var(--raio);padding:20px}
.diferenciais .num{font-family:var(--titulo);font-weight:800;font-size:1.9rem;letter-spacing:-.03em;line-height:1;color:var(--laranja);flex:none}
.diferenciais strong{display:block;font-family:var(--titulo);font-size:1.12rem;margin-bottom:4px}
.diferenciais p{margin:0;color:var(--texto-2)}

/* Chamada preta */
.cta-preto{background:var(--preto);color:#fff;border-radius:24px;padding:28px 22px;display:grid;gap:20px;position:relative;overflow:hidden;isolation:isolate}
.cta-preto::before{content:"";position:absolute;z-index:-1;width:380px;height:380px;right:-160px;bottom:-200px;background:radial-gradient(circle,rgba(255,122,0,.45),transparent 65%)}
.cta-preto h2{color:#fff}
.cta-preto p{color:var(--texto-claro);margin:0}
.cta-preto .acoes{display:flex;flex-wrap:wrap;gap:10px}

/* Kits */
.kits-lista{display:grid;gap:16px;grid-template-columns:1fr}
.kit{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column}
.kit .cab{background:var(--preto);color:#fff;padding:18px 18px 16px;position:relative}
.kit .cab::after{content:"";position:absolute;left:18px;bottom:0;width:48px;height:4px;background:var(--laranja);border-radius:2px 2px 0 0}
.kit .cab h3{color:#fff;margin:0}
.kit .cab p{margin:4px 0 0;color:var(--laranja);font-weight:700}
.kit .corpo{padding:14px 18px 18px;display:flex;flex-direction:column;gap:12px;flex:1}
.kit .acoes{display:grid;gap:8px;margin-top:auto}
.carrossel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.carrossel>*{flex:0 0 72%;scroll-snap-align:start}

/* Sob medida */
.bloco-sm{display:grid;gap:18px;grid-template-columns:1fr;align-items:center;padding:28px 0;border-bottom:1px solid var(--borda)}
.bloco-sm img{border-radius:var(--raio);border:1px solid var(--borda);width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--claro)}
.legenda{font-size:.85rem;color:var(--texto-2);margin-top:8px}

/* Ajuda (assistente) */
.passo{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:18px;margin-bottom:12px}
.resultado{background:#ECFDF3;border:1.5px solid var(--verde);border-radius:var(--raio);padding:18px}

/* Rodapé */
.rodape{background:var(--preto-2);color:var(--texto-claro-2);padding:44px 0 28px;font-size:.95rem;border-top:3px solid var(--laranja)}
.rodape a{color:#fff;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.rodape a:hover{color:var(--laranja)}
.rodape h2{font-size:1.05rem;color:#fff}
.rodape .colunas{display:grid;gap:24px;grid-template-columns:1fr}
.rodape ul{list-style:none;margin:0;padding:0}
.rodape .pe{border-top:1px solid var(--borda-escura);margin-top:24px;padding-top:18px;font-size:.85rem;color:#A1A1AA}
.rodape img{height:44px;width:auto;margin-bottom:14px}

/* Aviso flutuante */
.toast{position:fixed;left:12px;right:12px;bottom:calc(var(--barra) + 16px);z-index:70;background:#000;color:#fff;border:1px solid var(--borda-escura);padding:12px 20px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.3);display:flex;gap:12px;align-items:center;justify-content:space-between;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s}
.toast.visivel{transform:none;opacity:1;pointer-events:auto}
.toast a{color:var(--laranja);font-weight:700;white-space:nowrap;padding:8px 0}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.btn:hover,.tile:hover,.cartao:hover{transform:none}}

/* ---------- Tablet ---------- */
@media (min-width:640px){
  .heroi .acoes{flex-direction:row;flex-wrap:wrap}
  .grade{grid-template-columns:repeat(3,minmax(0,1fr))}
  .opcoes{grid-template-columns:repeat(2,1fr)}
  .diferenciais{grid-template-columns:repeat(3,1fr)}
  .kits-lista{grid-template-columns:repeat(2,1fr)}
  .carrossel>*{flex-basis:42%}
  .rodape .colunas{grid-template-columns:repeat(2,1fr)}
  .acoes-produto{grid-template-columns:1fr 1fr}
  .toast{left:auto;right:24px;max-width:440px}
  .cta-preto{padding:40px}
}
/* ---------- Computador ---------- */
@media (min-width:1000px){
  body{padding-bottom:0}
  .barra-fixa{display:none}
  .toast{bottom:24px}
  .marca img{height:46px}
  .menu{display:block!important;position:static;background:none;border:0;padding:0}
  .menu ul{display:flex;gap:2px}
  .menu a{border:0;padding:0 14px;font-family:var(--base);font-size:.98rem;font-weight:600;min-height:44px;border-radius:999px;color:#E4E4E7}
  .menu a::after{display:none}
  .menu a:hover{background:rgba(255,255,255,.08);color:#fff}
  #btn-menu{display:none}
  .topo .btn-orc-topo{display:inline-flex;margin-left:8px;min-height:44px;box-shadow:none}
  .heroi{padding:80px 0 104px}
  .heroi h1{font-size:3.7rem;max-width:20ch}
  .heroi-sub{font-size:1.2rem}
  .heroi::before{width:900px;height:900px;right:-300px;top:-300px}
  .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .grade{grid-template-columns:repeat(4,minmax(0,1fr))}
  .produto-topo{grid-template-columns:1.1fr 1fr;align-items:start;gap:40px}
  .kits-lista{grid-template-columns:repeat(3,1fr)}
  .carrossel{overflow:visible;display:grid;grid-template-columns:repeat(5,1fr)}
  .bloco-sm{grid-template-columns:1fr 1fr;gap:40px}
  .bloco-sm:nth-child(even) .bloco-img{order:2}
  .rodape .colunas{grid-template-columns:1.4fr 1fr 1fr}
  .secao{padding-top:72px;padding-bottom:72px}
  .cta-preto{grid-template-columns:1.5fr 1fr;align-items:center;padding:56px}
  .cta-preto .acoes{justify-content:flex-end}
}

/* ===== v2: novos componentes ===== */
.estreito{max-width:820px}
.lead{font-size:1.1rem;color:#3F3F46;max-width:62ch}
.h3{font-size:1.15rem}
.h1-sub{font-size:.55em;color:var(--texto-2);font-weight:600}
.h2-sub{font-size:.65em;font-weight:600;color:var(--texto-2)}
.heroi-nota{margin:14px 0 0;color:var(--texto-claro-2);font-size:.92rem}
.busca-pagina{display:flex;gap:8px;margin:4px 0 12px}
.busca-pagina input{flex:1;min-width:0}
.secao-cat{scroll-margin-top:84px;padding-top:28px}
.secao-cat>p{color:var(--texto-2);margin-top:-4px}
.caixa{border-radius:var(--raio);padding-left:20px;padding-right:20px}
.tabela-rolagem{overflow-x:auto}
.ficha th{width:40%;background:transparent;color:var(--texto-2);font-weight:600}
.bloco-prod{margin-top:40px}
.bloco-prod>h2,.como-funciona h2{font-size:clamp(1.3rem,4vw,1.75rem)}

/* Como funciona */
.passos{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:1fr;counter-reset:p}
.passos li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:16px}
.passos .n{flex:none;width:40px;height:40px;border-radius:50%;background:#000;color:var(--laranja);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.passos strong{display:block;font-family:var(--titulo);font-size:1.08rem;letter-spacing:-.01em;margin-bottom:2px}
.passos p{margin:0;color:var(--texto-2);font-size:.95rem}

/* Garantias (abaixo dos botões do produto) */
.garantias{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px;grid-template-columns:1fr 1fr}
.garantias li{display:flex;gap:6px;align-items:center;font-size:.86rem;color:var(--texto-2);font-weight:600}
.garantias svg{width:16px;height:16px;color:#15803D;flex:none}

/* Perguntas frequentes */
.faq{border-bottom:1px solid var(--borda)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary h2,.faq summary h3{font-size:1.05rem;margin:0;font-weight:700;letter-spacing:-.01em;line-height:1.35}
.faq summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--claro);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--link);font-size:1.2rem}
.faq[open] summary::after{content:"–"}
.faq p{margin:0 0 16px;color:#3F3F46}
.secao-cinza .faq summary::after{background:#fff}

/* Confirmação após enviar */
.confirmacao{background:#ECFDF3;border:1.5px solid var(--verde);border-radius:var(--raio);padding:20px;margin:0 0 20px}
.confirmacao h2{display:flex;gap:10px;align-items:center;font-size:1.25rem;margin-bottom:8px}
.confirmacao h2 svg{width:26px;height:26px;color:#15803D;flex:none}
.acoes-conf{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}

/* Barra fixa da página de produto */
.barra-produto .btn-laranja{flex:1}

/* No celular, a trilha da página de produto não repete o nome do produto */
@media (max-width:639px){
  body[data-pagina="produto"] .migalhas li[aria-current]{display:none}
}
@media (min-width:640px){
  .passos{grid-template-columns:repeat(3,1fr)}
}
.kit summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700}

/* ===== Seletor de idioma (bandeiras) ===== */
.idiomas{display:flex;gap:2px;margin-right:2px}
.idiomas a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:38px;padding:0 6px;border-radius:999px;color:#E4E4E7;text-decoration:none;font-size:.8rem;font-weight:700;letter-spacing:.04em}
.idiomas a:hover{background:rgba(255,255,255,.1);color:#fff}
.idiomas a[aria-current]{background:rgba(255,255,255,.16);color:#fff}
.bandeira{width:24px;height:17px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.3);flex:none}
.idiomas a:not([aria-current]) .bandeira{opacity:.75}
.idiomas a:hover .bandeira{opacity:1}
.lg-cod{display:none}
@media (max-width:360px){.marca img{height:34px}.idiomas a{min-width:34px;padding:0 4px}}
@media (min-width:1000px){.lg-cod{display:inline}.idiomas{margin:0 6px 0 auto}.marca{margin-right:0}}

/* ===== Códigos de produto ===== */
.cod{display:inline-block;margin-left:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem;font-weight:600;color:var(--texto-2);background:var(--claro);border-radius:6px;padding:1px 6px;letter-spacing:.02em;white-space:nowrap}
.opcao span{flex-wrap:wrap;row-gap:2px}
.opcao input:checked+span .cod{background:#fff}
.codigo-prod{margin:-6px 0 12px;font-size:.92rem;color:var(--texto-2)}
.codigo-prod strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--texto);background:var(--claro);border-radius:6px;padding:2px 8px}
.cartao .meta{font-variant-numeric:tabular-nums}
/* PDF do orçamento e empresa do grupo */
.caixa-pdf{margin-top:22px;padding:16px;border:1px dashed var(--borda);border-radius:12px;background:#fff}
.caixa-pdf h2{display:flex;align-items:center;gap:8px;font-size:1.05rem;margin:0 0 4px}
.caixa-pdf h2 svg{width:20px;height:20px;color:var(--link)}
.caixa-pdf .dica{margin:0 0 12px}
.botoes-pdf{display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:520px){.botoes-pdf{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.rodape .pe .grupo{color:var(--texto-claro)}
.rodape .pe .grupo a{color:var(--laranja);font-weight:600;min-height:44px}