@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-var.woff2) format('woff2')}
/* Consultora de Produtos: página de apresentação do módulo. Sem estilos inline (a CSP bloqueia). Alvo de toque mínimo 44px; fonte mínima 12px. */
:root{color-scheme:light;--bg:#f4f7f5;--card:#fff;--txt:#14241b;--mut:#3d4d44;--lin:#d3e0d7;--verde:#145a2c;--verde2:#0f4a24;--verde-claro:#e8f7ee;--on:#fff;--grad-a:#0f5f58;--grad-b:#166534;--sombra:0 6px 24px rgba(20,36,27,.08);--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font:16px/1.55 Inter,system-ui,sans-serif;background:var(--bg);color:var(--txt)}
img{max-width:100%;height:auto;display:block}a{color:var(--verde)}
:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.pular{position:absolute;left:-999px;top:8px;background:var(--card);padding:10px 14px;border-radius:10px;z-index:100}.pular:focus{left:8px}
.cx{width:min(1120px,100% - 32px);margin:0 auto}
h1,h2,h3{line-height:1.2;margin:0 0 12px}h1{font-size:clamp(1.9rem,4.6vw,3rem);letter-spacing:-.02em}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:1.1rem}
p{margin:0 0 12px}.peq{font-size:.88rem;color:var(--mut)}.centro{text-align:center}
.bt{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--lin);background:var(--card);color:var(--txt);font-weight:700;text-decoration:none;cursor:pointer}
.bt:hover{border-color:var(--verde)}.bt.pri{background:var(--verde);border-color:var(--verde);color:var(--on)}.bt.pri:hover{background:var(--verde2)}.bt.mini{min-height:40px;padding:0 14px}.bt.grande{min-height:52px;padding:0 24px;font-size:1.02rem}
.topo{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--lin)}
.topo .cx{display:flex;align-items:center;gap:16px;min-height:60px}.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--txt);font-size:1.05rem}
.marca-q{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--grad-a),var(--grad-b));display:grid;place-items:center}.marca-q svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.topo nav{display:flex;gap:4px;margin-left:auto}.topo nav a{padding:10px 12px;border-radius:10px;color:var(--mut);text-decoration:none;font-weight:600;min-height:44px;display:inline-flex;align-items:center}.topo nav a:hover{background:var(--verde-claro);color:var(--txt)}
.heroi{padding:36px 0 8px}.heroi-g{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.45fr);gap:32px;align-items:center}.heroi h1{font-size:clamp(1.8rem,3.4vw,2.7rem)}
.selo{display:inline-block;background:var(--verde-claro);color:var(--verde);font-weight:700;font-size:.82rem;padding:6px 12px;border-radius:999px;margin-bottom:14px}
.heroi h1 span{color:var(--verde)}.sub{font-size:1.1rem;color:var(--mut);max-width:60ch}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 14px}.pontos{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--mut);font-size:.92rem}.pontos li::before{content:"✓";color:var(--verde);font-weight:800;margin-right:6px}
.aviso-ex{text-align:center;color:var(--mut);font-size:.82rem;margin:10px auto 0}
.faixa{margin:28px 0 0;background:var(--card);border-block:1px solid var(--lin)}.faixa-g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px 0}.faixa-g div{text-align:center}.faixa-g b{display:block;font-size:1.25rem;color:var(--verde)}.faixa-g span{font-size:.88rem;color:var(--mut)}
.sec{padding:56px 0}.sec.alt{background:var(--card);border-block:1px solid var(--lin)}.lead{font-size:1.05rem;color:var(--mut);max-width:68ch}
.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.cartao{background:var(--card);border:1px solid var(--lin);border-radius:var(--r);padding:20px;box-shadow:var(--sombra)}.sec.alt .cartao{background:var(--bg)}.cartao p{color:var(--mut);margin:0}
.ic{display:block;width:44px;height:44px;border-radius:12px;background-color:var(--verde-claro);background-repeat:no-repeat;background-position:center;background-size:24px;margin-bottom:12px}
.ic.i1{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2315803d%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 11 12 4l9 7%22/%3E%3Cpath d=%22M5 10v10h14V10%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/svg%3E")}
.ic.i2{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2315803d%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M9 15l6-6M9.5 9.5h.01M14.5 14.5h.01%22/%3E%3C/svg%3E")}
.ic.i3{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2315803d%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 12 12 20 4 12V4h8z%22/%3E%3Ccircle cx=%228.5%22 cy=%228.5%22 r=%221.5%22/%3E%3C/svg%3E")}
.ic.i4{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2315803d%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2215%22 rx=%222%22/%3E%3Cpath d=%22M3 10h18M8 3v4M16 3v4%22/%3E%3C/svg%3E")}
.ic.i5{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2315803d%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 20l1.2-4A8 8 0 1 1 8 18.8z%22/%3E%3C/svg%3E")}
.ic.i6{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2315803d%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%226%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M3 10h18M16 15h2%22/%3E%3C/svg%3E")}
.ic.i7{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2315803d%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3 4 7v10l8 4 8-4V7z%22/%3E%3Cpath d=%22m4 7 8 4 8-4M12 11v10%22/%3E%3C/svg%3E")}
.ic.i8{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2315803d%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 8a6 6 0 0 1 12 0c0 7 3 8 3 8H3s3-1 3-8%22/%3E%3Cpath d=%22M10 21a2 2 0 0 0 4 0%22/%3E%3C/svg%3E")}
.ic.i9{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2315803d%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 18a4 4 0 0 1-.5-8A6 6 0 0 1 18 9a4.5 4.5 0 0 1-.5 9z%22/%3E%3C/svg%3E")}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.lista{padding-left:20px;margin:12px 0}.lista li{margin:8px 0}figure{margin:0}figure img{border-radius:14px;border:1px solid var(--lin);box-shadow:var(--sombra);width:100%}figcaption{font-size:.85rem;color:var(--mut);margin-top:8px;text-align:center}
.passos{list-style:none;counter-reset:p;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.passos li{counter-increment:p;background:var(--card);border:1px solid var(--lin);border-radius:var(--r);padding:20px;position:relative}.passos li::before{content:counter(p);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--verde);color:var(--on);font-weight:800;margin-bottom:10px}.passos p{color:var(--mut);margin:4px 0 0}
.larga{max-width:900px;margin:0 auto}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:20px 0 0}.chips li{background:var(--verde-claro);color:var(--verde);padding:10px 16px;border-radius:999px;font-weight:700}
.selos{display:grid;gap:12px}.selos div{background:var(--card);border:1px solid var(--lin);border-radius:var(--r);padding:16px 20px}.sec:not(.alt) .selos div{background:var(--card)}.selos b{display:block;color:var(--verde);font-size:1.15rem}.selos span{color:var(--mut);font-size:.92rem}
.planos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px;margin:24px auto}
.plano{position:relative;background:var(--bg);border:1px solid var(--lin);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:6px}.plano.dest{border:2px solid var(--verde)}
.plano ul{padding-left:18px;margin:8px 0 16px;color:var(--mut)}.plano .bt{margin-top:auto}.preco{font-size:2rem;font-weight:800;margin:0}.preco small{font-size:1rem;font-weight:600;color:var(--mut)}
.faixa-r{position:absolute;top:-12px;right:16px;background:var(--verde);color:var(--on);font-size:.78rem;font-weight:800;padding:4px 12px;border-radius:999px}
.estreito{max-width:760px}details{background:var(--card);border:1px solid var(--lin);border-radius:14px;margin:10px 0;padding:0 16px}summary{cursor:pointer;font-weight:700;min-height:48px;display:flex;align-items:center;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"+";margin-left:auto;font-size:1.4rem;color:var(--verde)}details[open] summary::after{content:"−"}details p{color:var(--mut);padding-bottom:6px}
.rodape{border-top:1px solid var(--lin);padding:28px 0;background:var(--card);color:var(--mut);font-size:.92rem}.rodape p{margin:0 0 8px}
@media (max-width:900px){.heroi-g,.dois{grid-template-columns:1fr}.grade{grid-template-columns:repeat(2,1fr)}.passos{grid-template-columns:1fr}.faixa-g{grid-template-columns:repeat(2,1fr);row-gap:16px}.topo nav{display:none}.topo .bt{margin-left:auto}.img-cel{width:28%}}
@media (max-width:600px){.grade,.planos{grid-template-columns:1fr}.sec{padding:40px 0}.ctas .bt{width:100%}.img-cel{right:0;width:32%}}

.heroi-i{position:relative;padding:0 0 30px}
/* demonstração animada dentro do notebook e do celular */
.demo{position:relative;overflow:hidden;background:#fff;width:100%}.demo-pc{aspect-ratio:16/10}.demo-cel{position:absolute;inset:0;border-radius:0}
.demo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;transition:opacity .4s}.demo.ligada>img{opacity:0;pointer-events:none}
.demo-quadro{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#fff;pointer-events:none}
.demo-cursor{position:absolute;left:0;top:0;z-index:3;pointer-events:none;width:26px;height:26px;margin:-3px 0 0 -5px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transition:transform .5s}.demo-cursor[hidden]{display:none}
.demo-cursor.clica svg{transform:scale(.82)}.demo-cursor svg{transition:transform .12s;display:block}
.demo-cursor.toque{width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(21,128,61,.28);border:2px solid rgba(21,128,61,.85);filter:none}.demo-cursor.toque.clica{transform-origin:center;background:rgba(21,128,61,.55)}
.demo-pausa{position:absolute;left:0;bottom:-6px;min-height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--lin);background:var(--card);color:var(--txt);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.demo-pausa:hover{border-color:var(--verde)}

/* carrossel de marcas (duas faixas em sentidos opostos) e simulador */
.carrossel{position:relative;margin:24px 0 8px;padding-bottom:40px}
.faixa-m{overflow:hidden;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.trilho{display:flex;gap:10px;width:max-content;list-style:none;margin:0;padding:0;animation:rola 70s linear infinite}.trilho.volta{animation-direction:reverse;animation-duration:85s}
@keyframes rola{to{transform:translateX(-50%)}}
.carrossel:hover .trilho,.carrossel:focus-within .trilho,.carrossel.pausada .trilho{animation-play-state:paused}
.chip-marca{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--lin);background:var(--card);color:var(--txt);font:inherit;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:var(--sombra)}
.chip-marca:hover,.chip-marca[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--on)}
.carr-pausa{left:auto;right:0;bottom:0}
.simula{margin:12px auto 0;max-width:860px;background:var(--card);border:1px solid var(--lin);border-radius:var(--r);padding:22px;box-shadow:var(--sombra)}
.simula-t{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:12px}.simula-t h3{margin:0}.simula-t .selo{margin:0}
.simula-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.campo{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.92rem}
.campo input[type=number]{min-height:44px;border:1px solid var(--lin);border-radius:12px;padding:0 12px;font:inherit;background:var(--bg);color:var(--txt)}.campo input[type=range]{width:100%;min-height:44px;accent-color:var(--verde)}
.simula-r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 8px}.simula-r div{background:var(--verde-claro);border-radius:14px;padding:14px;text-align:center}.simula-r small{display:block;color:var(--mut);font-size:.82rem}.simula-r b{display:block;font-size:1.35rem;color:var(--verde)}
@media (max-width:700px){.simula-g,.simula-r{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.trilho{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.trilho li[aria-hidden=true]{display:none}.faixa-m{-webkit-mask-image:none;mask-image:none}.carr-pausa{display:none}}
@media (max-width:600px){.topo .cx{gap:10px}.marca b{font-size:.95rem;white-space:nowrap}.topo .bt.mini{padding:0 12px;font-size:.86rem;white-space:nowrap}.marca-q{width:32px;height:32px}}
.heroi{overflow-x:clip}
@media (max-width:760px){.ap-nb{width:94%}}