/* archie v6 (30/10/2026): cores de projecto técnico, menu com submenus, início curto. Vem depois do landing.css. */
@font-face{font-family:'Geist Mono';src:url('fonts/GeistMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}

:root,body.claro{
  --bg:#F5F6F4; --bg2:#ECEEEB; --surface:#FFFFFF; --ink:#0F1115; --ink2:#3B414B; --muted:#6B7280;
  --line:rgba(15,17,21,.12); --accent:#2B54FF; --accent2:#9DB0FF; --accent-ink:#FFFFFF; --tint:#E7ECFF;
  --scrim:rgba(8,10,16,.55); --glow:rgba(64,104,255,.9); --kloin:#D7B36A;
  --grelha:rgba(43,84,255,.07); --grelha2:rgba(43,84,255,.13);
}
body.escuro{
  --bg:#0B0F19; --bg2:#101626; --surface:#141B2D; --ink:#EEF1F6; --ink2:#C3C9D4; --muted:#8A93A5;
  --line:rgba(238,241,246,.12); --accent:#7C95FF; --accent2:#2B54FF; --accent-ink:#0B0F19; --tint:#18213A;
  --scrim:rgba(0,0,0,.6); --glow:rgba(124,149,255,.95); --kloin:#E2C27E;
  --grelha:rgba(124,149,255,.07); --grelha2:rgba(124,149,255,.14);
}
.mono{font-family:'Geist Mono',ui-monospace,monospace}

/* papel quadriculado de projecto */
.papel{background-color:var(--bg);background-image:linear-gradient(var(--grelha2) 1px,transparent 1px),linear-gradient(90deg,var(--grelha2) 1px,transparent 1px),linear-gradient(var(--grelha) 1px,transparent 1px),linear-gradient(90deg,var(--grelha) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:-1px -1px}

/* ---------------- menu ---------------- */
.menu{display:flex;align-items:center;gap:6px}
.m-item{position:relative}
.m-btn,.m-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;background:none;border-radius:999px;font-size:15px;font-weight:500;color:inherit;text-decoration:none;cursor:pointer}
.m-btn::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.m-btn[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
.m-btn:hover,.m-link:hover,.m-btn[aria-expanded="true"]{background:color-mix(in srgb,currentColor 9%,transparent)}
.m-painel{position:absolute;top:calc(100% + 10px);left:-12px;display:grid;gap:4px;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px -24px rgba(8,12,30,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
.m-item.aberto .m-painel{opacity:1;visibility:visible;transform:none}
.m-painel-ferr{grid-template-columns:repeat(4,minmax(190px,1fr));width:min(940px,calc(100vw - 48px));gap:8px}
.m-painel-para{width:360px}
.m-tit{display:grid;gap:2px;padding:12px 14px;border-radius:12px;text-decoration:none}
.m-tit b{font-weight:600;font-size:15px}
.m-tit span{font-size:13.5px;color:var(--muted);line-height:1.35}
.m-tit:hover,.m-tit.atual{background:var(--tint)}
.m-col{display:grid;align-content:start;gap:2px;padding-bottom:6px;border-radius:14px}
.m-subs{display:flex;flex-wrap:wrap;gap:4px;padding:2px 10px}
.m-subs a{font-size:13.5px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--ink2)}
.m-subs a:hover{border-color:var(--accent);color:var(--accent)}
.m-todas{grid-column:1/-1;font-size:14px;padding:12px 14px;border-top:1px solid var(--line);text-decoration:none;color:var(--accent);font-weight:500}
.m-abrir{display:none;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid currentColor;background:none;font-size:15px;font-weight:500;color:inherit;cursor:pointer}
.m-folha{position:fixed;inset:60px 0 0 0;z-index:49;background:var(--bg);color:var(--ink);overflow:auto;padding:12px 16px calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.m-grupo{font-size:13px;color:var(--muted);margin:18px 6px 6px}
.m-lista{display:grid;gap:2px;border-bottom:1px solid var(--line);padding-bottom:10px}
.m-lista a{display:grid;gap:2px;padding:12px 8px;border-radius:12px;text-decoration:none}
.m-lista b{font-size:17px;font-weight:600}
.m-lista span{font-size:14px;color:var(--muted)}
.m-tema{display:inline-flex!important;margin:20px 6px 0}
body.menu-aberto{overflow:hidden}
body.menu-aberto .topo{background:var(--bg);color:var(--ink);border-color:var(--line)}
body.menu-aberto .fixa{display:none}
@media (max-width:1080px){.m-painel-ferr{grid-template-columns:repeat(2,minmax(200px,1fr));width:min(560px,calc(100vw - 48px))}}
@media (max-width:980px){.menu{display:none}.m-abrir{display:inline-flex;align-items:center}.topo .entrar{display:none}}
@media (max-width:480px){.topo .btn.sm.claro{padding:0 14px}}

/* páginas interiores (ferramentas, preços): cabeçalho sempre sólido */
body:has(main.interior) .topo{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink);border-color:var(--line)}
body:has(main.interior) .topo .btn.sm.claro{background:var(--ink);color:var(--bg)}
body:has(main.interior) .topo .tema button[aria-pressed="true"] span{color:var(--bg)}
.int-topo{padding:132px 0 24px}
.int-topo h1{max-width:18ch}

/* rodapé */
.r6{border-top:1px solid var(--line);padding:56px 0 calc(56px + env(safe-area-inset-bottom))}
.r6-in{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;font-size:14.5px}
.r6-in p{color:var(--muted);margin:10px 0 0;line-height:1.5}
.r6-in nav{display:grid;align-content:start;gap:8px}
.r6-in nav p{margin:0 0 4px;color:var(--ink);font-weight:600}
.r6-in nav a{text-decoration:none;color:var(--ink2)}
.r6-in nav a:hover{color:var(--accent)}
.r6 .logo{font-size:22px}
@media (max-width:860px){.r6-in{grid-template-columns:1fr 1fr}.r6-in>div{grid-column:1/-1}.r6{padding-bottom:110px}}

/* ======================= início v6 ======================= */
body.v6 .topo{color:var(--ink)}
body.v6 .topo .btn.sm.claro{background:var(--ink);color:var(--bg)}
body.v6 .topo .tema button[aria-pressed="true"] span{color:var(--bg)}
body.v6 .topo.solido,body.v6 .topo{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.v6 .topo.solido{border-color:var(--line)}

.h6-h1{font-weight:600;letter-spacing:-.045em;line-height:.98;font-size:clamp(38px,4.3vw,68px);margin:0;text-wrap:balance}
.h6-h2{font-weight:600;letter-spacing:-.035em;line-height:1.02;font-size:clamp(32px,4vw,56px);margin:0;text-wrap:balance;max-width:20ch}
.h6-lead{font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--ink2);max-width:42ch;margin:22px 0 0}
.h6-p{font-size:17px;line-height:1.55;color:var(--ink2);max-width:46ch;margin:16px 0 0}
.h6-micro{font-size:14px;color:var(--muted);margin:14px 0 0}
.h6-nota{font-size:15px;color:var(--muted);margin:22px 0 0}
.h6-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.h6-mais{display:inline-block;margin-top:22px;font-weight:500;color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.h6-mais:hover{border-color:var(--accent)}
.h6-sec{padding:clamp(72px,9vw,128px) 0}
.h6-cab{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:36px}
.h6-cab .h6-mais{margin-top:0}

/* hero: a planta que sobe a 3D */
.h6-hero{padding-top:68px}
.h6-hero-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:min(860px,calc(100svh - 68px));align-items:center;gap:0}
.h6-hero-txt{padding:48px clamp(24px,4vw,64px) 48px max(24px,calc((100vw - 1440px)/2 + 24px))}
.h6-palco{position:relative;margin:0;align-self:stretch;min-height:520px;border-left:1px solid var(--line);overflow:hidden}
#h6-3d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.h6-3d-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%}
.h6-rotulos{position:absolute;inset:0;pointer-events:none}
.h6-rot{position:absolute;transform:translate(-50%,-50%);font-family:'Geist Mono',ui-monospace,monospace;font-size:11.5px;line-height:1.25;color:var(--accent);background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:6px;padding:4px 7px;white-space:nowrap;opacity:0;transition:opacity .5s}
.h6-rot.v{opacity:1}
.h6-rot i{font-style:normal;color:var(--muted);display:block}
.h6-hud{position:absolute;left:20px;top:20px;display:grid;gap:10px;pointer-events:none}
.h6-ficheiro{justify-self:start;font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;padding:6px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--line);color:var(--ink2)}
.h6-fases{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.h6-fases li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);transition:color .3s}
.h6-fases li::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;transition:background .3s,border-color .3s}
.h6-fases li.feito{color:var(--ink)}
.h6-fases li.feito::before{background:var(--accent);border-color:var(--accent)}
.h6-fases li.agora{color:var(--accent)}
.h6-fases li.agora::before{animation:h6pulso 1s infinite}
@keyframes h6pulso{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 22%,transparent)}}
.h6-leg{position:absolute;right:18px;bottom:16px;font-size:12.5px;color:var(--muted)}
@media (max-width:980px){
  .h6-hero-in{grid-template-columns:1fr;min-height:0}
  .h6-palco{order:-1;min-height:0;height:min(46svh,460px);border-left:0;border-bottom:1px solid var(--line)}
  .h6-hero-txt{padding:22px 16px 44px}
  .h6-lead{margin-top:14px;font-size:16.5px}
  .h6-ctas{margin-top:20px}
  .h6-hud{left:12px;top:12px}
  .h6-fases li{font-size:12px}
  .h6-leg{right:12px;bottom:10px;font-size:11.5px}
  .h6-rot{font-size:10.5px;padding:3px 6px}
}

/* uma foto, quatro resultados */
.h6-demo{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,64px);align-items:center}
.h6-modos{display:grid;gap:8px;margin-top:28px}
.h6-modos button{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.h6-modos button b{font-weight:600;font-size:16px}
.h6-modos button span{font-size:14px;color:var(--muted)}
.h6-modos button:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.h6-modos button[aria-selected="true"]{border-color:var(--accent);background:var(--tint)}
.h6-modos button[aria-selected="true"] span{color:var(--accent)}
.h6-ecra{position:relative;margin:0;aspect-ratio:3/2;border-radius:22px;overflow:hidden;background:var(--bg2)}
.h6-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h6-ecra picture{position:absolute;inset:0}
.h6-img.b{clip-path:inset(0 0 0 100%)}
.h6-varre{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 0 1px var(--accent),0 0 24px 6px var(--glow);opacity:0;pointer-events:none}
.h6-etq{position:absolute;left:16px;top:16px;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#0F1115}
@media (max-width:860px){.h6-demo{grid-template-columns:1fr}.h6-ecra{order:-1;border-radius:16px}.h6-modos{grid-template-columns:1fr 1fr}.h6-modos button{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:62px;padding:8px 14px}}

/* como funciona: o produto a trabalhar */
.h6-passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:p}
.h6-passo{display:grid;align-content:start;gap:14px}
.h6-passo h3{font-size:19px;font-weight:600;letter-spacing:-.015em;margin:0;display:flex;gap:10px;align-items:baseline}
.h6-passo h3::before{counter-increment:p;content:counter(p);font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:6px;padding:1px 7px}
.h6-cartao{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;min-height:206px;display:grid;align-content:start;gap:12px}
.h6-up{display:flex;justify-content:space-between;gap:10px;font-family:'Geist Mono',ui-monospace,monospace;font-size:12.5px}
.h6-up-ok{color:var(--accent);opacity:0;transition:opacity .3s}
.h6-barra{height:4px;border-radius:4px;background:var(--bg2);overflow:hidden}
.h6-barra i{display:block;height:100%;width:0;background:var(--accent);border-radius:4px}
.h6-fotos{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:6px}
.h6-fotos i{aspect-ratio:3/4;border-radius:6px;background:var(--bg2) center/cover;opacity:.25;transform:scale(.92);transition:opacity .35s,transform .35s}
.h6-fotos i.v{opacity:1;transform:none}
.h6-leitura p,.h6-entrega p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:6px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.h6-leitura b{font-family:'Geist Mono',ui-monospace,monospace;font-weight:400;color:var(--accent)}
.h6-entrega p{opacity:.22;transition:opacity .35s}
.h6-entrega p.v{opacity:1}
.h6-entrega em{font-style:normal;font-size:13px;color:var(--muted);font-family:'Geist Mono',ui-monospace,monospace}
.h6-entrega .h6-conf{border:0;justify-content:flex-start;gap:8px;color:var(--accent);font-weight:500}
.h6-entrega .h6-conf::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--accent);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.5 8.5l3 3 6-7' fill='none' stroke='black' stroke-width='2'/></svg>") center/12px no-repeat,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude}
@media (max-width:860px){.h6-passos{grid-template-columns:1fr;gap:28px}.h6-cartao{min-height:0}}

/* ferramentas */
.h6-ferr{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:16px;margin-top:36px}
.h6-f{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;transition:border-color .25s,transform .25s}
.h6-f:hover{border-color:var(--accent);transform:translateY(-2px)}
.h6-f picture{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--bg2)}
.h6-f img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.h6-f:hover img{transform:scale(1.03)}
.h6-f>div{padding:18px 18px 20px;display:grid;gap:8px;align-content:start}
.h6-f h3{font-size:19px;font-weight:600;margin:0;letter-spacing:-.015em}
.h6-f p{font-size:15px;color:var(--ink2);line-height:1.45}
.h6-preco{font-family:'Geist Mono',ui-monospace,monospace;font-size:12.5px;color:var(--accent);margin-top:4px}
.h6-f-klon{grid-row:span 2;grid-template-rows:1fr auto}
.h6-f-klon picture{aspect-ratio:auto;min-height:360px}
.h6-f-klon h3{font-size:clamp(24px,2.4vw,32px)}
.h6-f-klon p{font-size:16.5px;max-width:42ch}
.h6-ferr .h6-f:nth-child(4){grid-column:span 2}
.h6-ferr .h6-f:nth-child(4) picture{aspect-ratio:16/6}
@media (max-width:860px){.h6-ferr{grid-template-columns:1fr 1fr}.h6-f-klon{grid-column:1/-1;grid-row:auto}.h6-f-klon picture{min-height:0;aspect-ratio:4/3}.h6-ferr .h6-f:nth-child(4){grid-column:auto}.h6-ferr .h6-f:nth-child(4) picture{aspect-ratio:4/3}.h6-f>div{padding:14px}.h6-f h3{font-size:17px}.h6-f p{font-size:14px}}

/* para quem */
.h6-para{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:start}
.h6-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.h6-lista a{display:grid;grid-template-columns:minmax(150px,1fr) 2fr 24px;gap:16px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .25s,background .25s}
.h6-lista a::after{content:"";width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);justify-self:end;transition:transform .25s}
.h6-lista a:hover{padding-left:14px;color:var(--accent)}
.h6-lista a:hover::after{transform:translateX(4px) rotate(45deg)}
.h6-lista b{font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.02em}
.h6-lista span{color:var(--ink2);font-size:15.5px}
@media (max-width:860px){.h6-para{grid-template-columns:1fr}.h6-lista a{grid-template-columns:1fr 20px;gap:4px 12px;padding:16px 4px}.h6-lista b{grid-column:1}.h6-lista span{grid-column:1;font-size:14.5px}.h6-lista a::after{grid-row:1/3;grid-column:2}}

/* planos */
.h6-planos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.h6-plano{display:grid;align-content:start;gap:12px;padding:24px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.h6-plano h3{margin:0;font-size:18px;font-weight:600}
.h6-plano .h6-v{font-size:40px;font-weight:600;letter-spacing:-.04em;line-height:1}
.h6-plano .h6-v small{font-size:15px;font-weight:400;color:var(--muted);letter-spacing:0}
.h6-plano p{font-size:15px;color:var(--ink2);line-height:1.5}
.h6-plano .btn{justify-self:start;margin-top:6px}
.h6-plano-dest{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
@media (max-width:860px){.h6-planos{grid-template-columns:1fr}.h6-plano{padding:20px}}

/* perguntas */
.h6-faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px)}
.h6-faq details{border-bottom:1px solid var(--line)}
.h6-faq details:first-child{border-top:1px solid var(--line)}
.h6-faq summary{list-style:none;cursor:pointer;padding:20px 36px 20px 2px;font-size:17px;font-weight:500;position:relative}
.h6-faq summary::-webkit-details-marker{display:none}
.h6-faq summary::after{content:"";position:absolute;right:8px;top:50%;width:12px;height:12px;margin-top:-6px;background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat;transition:transform .25s}
.h6-faq details[open] summary::after{transform:rotate(45deg)}
.h6-faq details p{padding:0 2px 20px;color:var(--ink2);font-size:16px;line-height:1.55;max-width:60ch}
@media (max-width:860px){.h6-faq{grid-template-columns:1fr}}

/* final */
.h6-final{padding:clamp(80px,10vw,140px) 0;background:var(--ink);color:var(--bg);text-align:left}
.h6-final .h6-p{color:color-mix(in srgb,var(--bg) 75%,transparent)}
.h6-final .btn.claro{margin-top:28px;background:var(--bg);color:var(--ink)}

@media (prefers-reduced-motion:reduce){.h6-fases li.agora::before{animation:none}.h6-f,.h6-f img,.h6-lista a{transition:none}}
.interior>.sec:first-of-type{padding-top:8px}
.int-topo{padding-bottom:8px}
.int-topo{padding-top:100px}
.int-topo h1.t-display{font-size:15px;font-weight:500;letter-spacing:0;line-height:1.4;color:var(--muted)}

/* ===================== v7 · revelar, plantas, klon 3D, media ===================== */
.rv-cab{display:flex;align-items:end;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;margin-bottom:28px}
.rv-sec{padding-top:clamp(56px,7vw,96px)}
.rv-cab .h6-h2{max-width:22ch}
.rv{--p:50%;position:relative;margin:0 auto;width:min(100%,calc((100svh - 230px) * 1.5));aspect-ratio:3/2;border-radius:24px;overflow:hidden;background:var(--bg2);
  touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;isolation:isolate;
  box-shadow:0 1px 0 var(--line),0 40px 80px -40px rgba(15,17,21,.35)}
.rv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity .25s,filter .25s}
.rv-b{clip-path:inset(0 0 0 var(--p))}
.rv.troca img{opacity:.35;filter:blur(6px)}
.rv-linha{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 .5px rgba(15,17,21,.25),0 0 22px 2px rgba(255,255,255,.55);pointer-events:none;z-index:2}
.rv-pega{position:absolute;top:50%;left:var(--p);z-index:3;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;
  background:#fff;color:#0F1115;cursor:ew-resize;box-shadow:0 6px 24px rgba(8,10,16,.28),0 0 0 1px rgba(15,17,21,.08);transition:transform .2s}
.rv-pega svg{width:24px;height:24px}
.rv-pega::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid #fff;opacity:0;animation:rvpulso 1.8s ease-out infinite}
.rv.tocou .rv-pega::after{display:none}
.rv.arrasta .rv-pega{transform:scale(.92)}
.rv-pega:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@keyframes rvpulso{0%{opacity:.9;transform:scale(.85)}100%{opacity:0;transform:scale(1.35)}}
.rv-tag{position:absolute;top:16px;z-index:2;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:rgba(15,17,21,.55);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .25s;pointer-events:none}
.rv-tag-a{left:16px}.rv-tag-b{right:16px;background:rgba(255,255,255,.9);color:#0F1115}
.rv.so-b .rv-tag-a,.rv.so-a .rv-tag-b{opacity:0}
.rv-ctl{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px auto 0;width:min(100%,calc((100svh - 230px) * 1.5));flex-wrap:wrap}
.rv-casas{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px;max-width:100%}
.rv-casas::-webkit-scrollbar{display:none}
.rv-casas button{flex:none;display:flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s}
.rv-casas img{width:52px;height:38px;border-radius:8px;object-fit:cover;background:var(--bg2)}
.rv-casas button:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.rv-casas button[aria-selected="true"]{border-color:var(--accent);background:var(--tint)}
.rv-modos{display:inline-flex;padding:4px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);flex:none}
.rv-modos button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 16px;border-radius:10px;border:0;background:none;color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.rv-modos small{font-family:'Geist Mono',ui-monospace,monospace;font-size:11.5px;font-weight:400;color:var(--muted)}
.rv-modos button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.rv-modos button[aria-selected="true"] small{color:color-mix(in srgb,var(--bg) 70%,transparent)}
.rv-modos button:disabled{opacity:.32;cursor:default}

/* plantas: a folha impressa, branca nos dois temas */
.pl{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}
.pl-precos{margin:28px 0 0;display:grid;gap:0;border-top:1px solid var(--line)}
.pl-precos div{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.pl-precos dt{font-weight:600}.pl-precos dd{margin:0;color:var(--muted);font-size:15px}
.k{font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;font-weight:400;color:var(--accent)}
.pl-casas{margin-top:24px;flex-wrap:wrap}
.pl-casas img{background:#fff;object-fit:contain}
.pl-folha{background:#fff;border-radius:18px;padding:clamp(10px,2vw,22px);box-shadow:0 1px 0 rgba(15,17,21,.08),0 30px 70px -30px rgba(15,17,21,.35);transform:rotate(-.6deg)}
.rv-folha{width:100%;max-height:72svh;border-radius:10px;background:#fff;box-shadow:none}
.rv-folha img{object-fit:contain}
.rv-folha .rv-tag-a{background:#fff;color:#0F1115;box-shadow:0 0 0 1px rgba(15,17,21,.16)}
.rv-folha .rv-tag-b{background:#0F1115;color:#fff}
.rv-folha .rv-linha{background:var(--accent);box-shadow:0 0 18px 1px color-mix(in srgb,var(--accent) 45%,transparent)}
.rv-folha .rv-pega{background:var(--accent);color:#fff}
.rv-folha .rv-pega::after{border-color:var(--accent)}
.pl-linha{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:24px 0 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:46ch}
.pl-linha span{font-weight:600}

/* klon 3D: três telemóveis em leque */
.k3{display:flex;justify-content:center;align-items:flex-start;gap:clamp(16px,3vw,44px);padding:12px 0 8px}
.k3-tel{margin:0;width:min(27%,262px);opacity:0;transform:translateY(70px);transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity .8s}
.k3-tel:nth-child(1){--r:-5deg;--y:36px}.k3-tel:nth-child(2){--r:0deg;--y:0px;transition-delay:.12s}.k3-tel:nth-child(3){--r:5deg;--y:36px;transition-delay:.24s}
.k3.v .k3-tel{opacity:1;transform:translateY(var(--y))}
.k3-ecra{transform:rotate(0);transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .1s}
.k3.v .k3-ecra{transform:rotate(var(--r))}
.k3-ecra{border-radius:34px;padding:7px;background:#0F1115;box-shadow:0 0 0 1px var(--line),0 40px 70px -30px rgba(8,10,16,.55)}
.k3-ecra img{display:block;width:100%;height:auto;aspect-ratio:800/1137;object-fit:cover;border-radius:27px}
.k3-tel figcaption{margin-top:18px;text-align:center;font-size:15px;color:var(--muted)}
.k3-tel figcaption b{display:block;color:var(--ink);font-size:17px;margin-bottom:2px}
.k3-nota{text-align:center;margin-top:56px}

/* media: o filme horizontal, e o vertical por cima */
.md{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,72px);align-items:center}
.md-palco{position:relative;padding:0 6% 9% 0}
.md-palco figure{margin:0}
.md-h video,.md-v video{display:block;width:100%;height:100%;object-fit:cover;background:#0F1115}
.md-h{aspect-ratio:16/9;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 30px 70px -30px rgba(8,10,16,.45)}
.md-v{position:absolute;right:0;bottom:0;width:27%;aspect-ratio:9/16;border-radius:24px;overflow:hidden;border:6px solid #0F1115;box-shadow:0 30px 60px -20px rgba(8,10,16,.55)}
body.escuro .k3-ecra,body.escuro .md-v{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 70px -30px rgba(0,0,0,.7)}

@media (max-width:860px){
  .pl,.md{grid-template-columns:minmax(0,1fr)}
  .pl-folha{order:-1;transform:none}
  .md-palco{order:-1}
  .rv-ctl{flex-direction:column;align-items:stretch}
  .rv-modos{display:grid;grid-template-columns:repeat(3,1fr)}
  .rv-modos button{align-items:center;padding:8px 6px;font-size:14px}
}
@media (max-width:640px){
  #revelar .rv-cab .btn{display:none}
  .rv:not(.rv-folha){width:100vw;margin-left:calc(50% - 50vw);border-radius:0;aspect-ratio:4/3}
  .rv-pega{width:46px;height:46px;margin:-23px 0 0 -23px}
  .rv-tag{top:12px;font-size:12px;padding:6px 10px}.rv-tag-a{left:12px}.rv-tag-b{right:12px}
  .k3{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:12px 16px 8px;scrollbar-width:none}
  .k3::-webkit-scrollbar{display:none}
  .k3-tel{flex:none;width:66vw;scroll-snap-align:center}
  .k3.v .k3-tel,.k3.v .k3-ecra{transform:none}
  .k3-nota{margin-top:24px;text-align:left}
  .md-palco{padding:0}
  .md-h{display:none}
  .md-v{position:relative;width:62%;margin:0 auto}
  .h6-fases li{display:none}
  .h6-fases li.agora,.h6-fases li.feito:last-child{display:flex}
}
@media (prefers-reduced-motion:reduce){.rv-pega::after{animation:none}.k3-tel{transition:none}.rv img{transition:none}}

/* ===================== v7 · páginas das ferramentas ===================== */
.rv-leg{position:absolute;left:16px;bottom:16px;z-index:2;max-width:min(560px,calc(100% - 32px));font-size:13.5px;line-height:1.35;padding:8px 12px;border-radius:10px;background:rgba(15,17,21,.6);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none;transition:opacity .25s}
.rv-leg:empty{display:none}
.rv.arrasta .rv-leg{opacity:0}
.rv-folha .rv-leg{display:none}
.rv-mais{text-align:center;margin:8px 0 0}
.k3-nota .h6-mais{margin:0 0 0 8px}
.t7-topo{padding:calc(68px + clamp(36px,5vw,72px)) 0 clamp(48px,6vw,88px)}
.t7-trilho{font-size:14px;color:var(--muted);margin:0 0 18px}
.t7-trilho a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.t7-trilho a:hover{color:var(--ink)}
.h6-hero .t7-trilho{margin-bottom:22px}
.t7-h1{font-size:clamp(44px,6.4vw,92px)}
.t7-topo-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px clamp(28px,5vw,72px);align-items:end;margin-bottom:clamp(28px,4vw,48px)}
.t7-topo-in .h6-lead{max-width:52ch}
.t7-precos{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.t7-precos li{display:flex;align-items:baseline;gap:10px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:15px;font-weight:500}
.t7-topo-in .t7-precos{margin-top:0}
.t7-palco .rv-ctl{margin-top:18px}
.t7-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:center}
.t7-dois.inv .t7-g{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.t7-dois.inv .t7-txt{order:2}
.t7-g-curto{align-items:start}
.t7-vis .rv{width:100%;max-height:none}
.t7-vis .rv-ctl{width:100%}
.t7-dl{margin:26px 0 0;border-top:1px solid var(--line);max-width:52ch}
.t7-dl div{display:grid;grid-template-columns:9.5em 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
.t7-dl dt{font-weight:600;font-size:15px}.t7-dl dd{margin:0;color:var(--ink2);font-size:15px}
.t7-g-curto .t7-dl{margin-top:8px}
.t7-dicas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.t7-dicas li{padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--line);display:grid;gap:6px}
.t7-dicas span{color:var(--muted);font-size:15px}
.t7-p-larga{max-width:60ch;margin:0;font-size:19px}
/* a planta desenhada */
.ds{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(20px,3vw,40px);align-items:start}
.ds-folha{background:#fff;border-radius:18px;padding:clamp(12px,2vw,28px);box-shadow:0 1px 0 rgba(15,17,21,.08),0 30px 70px -30px rgba(15,17,21,.35);color:#0F1115}
.ds-svg svg{display:block;width:100%;height:auto}
.ds-leg{margin:10px 0 0;font-size:13px;color:#6B7280}
.ds-div{fill:#2B54FF;fill-opacity:0;transition:fill-opacity .6s var(--d)}
.ds-par{stroke:#0F1115;stroke-linecap:square;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s cubic-bezier(.6,0,.2,1) var(--d)}
.ds-corte{stroke:#fff;opacity:0;transition:opacity .2s var(--d)}
.ds-porta{fill:none;stroke:#2B54FF;stroke-width:1.6;opacity:0;transition:opacity .4s var(--d)}
.ds-jan{stroke:#2B54FF;opacity:0;transition:opacity .4s var(--d)}
.ds-nome{opacity:0;transform:translateY(6px);transform-box:fill-box;transition:opacity .5s var(--d),transform .5s var(--d)}
.ds-nome text{font-family:'Geist',system-ui,sans-serif;font-weight:600;text-anchor:middle;fill:#0F1115}
.ds-nome .ds-m2{font-family:'Geist Mono',ui-monospace,monospace;font-weight:400;fill:#2B54FF}
.ds-escala{opacity:0;transition:opacity .5s var(--d)}.ds-escala line{stroke:#0F1115;stroke-width:2}.ds-escala text{font-family:'Geist Mono',monospace;font-size:12px;fill:#6B7280}
.ds.v .ds-div{fill-opacity:.05}.ds.v .ds-par{stroke-dashoffset:0}.ds.v .ds-corte,.ds.v .ds-porta,.ds.v .ds-jan,.ds.v .ds-escala{opacity:1}.ds.v .ds-nome{opacity:1;transform:none}
.ds.sem *{transition:none!important}
.ds-tab{width:100%;border-collapse:collapse;font-size:15px}
.ds-tab caption{text-align:left;font-weight:600;padding-bottom:10px}
.ds-tab td{padding:9px 0;border-bottom:1px solid var(--line)}
.ds-tab td:last-child{text-align:right;font-family:'Geist Mono',ui-monospace,monospace;font-size:13.5px;color:var(--accent)}
.ds-tab .ds-tot td{font-weight:600;border-bottom:0;padding-top:12px}
.ds-lado .t7-dl{margin-top:24px}
.ds-lado .t7-dl div{grid-template-columns:6.5em 1fr}
.t7-casas-folha{margin-top:14px}
.t7-galeria{display:grid;grid-template-columns:1fr 1fr .62fr;gap:16px;align-items:end}
.t7-galeria figure{margin:0;background:#fff;border-radius:16px;padding:12px;box-shadow:0 1px 0 rgba(15,17,21,.08),0 24px 50px -28px rgba(15,17,21,.3)}
.t7-galeria img{display:block;width:100%;height:auto;border-radius:8px}
.t7-galeria figcaption{font-size:13.5px;color:#6B7280;margin-top:8px}
.rv-cab .t7-dl{margin:0;min-width:min(100%,340px)}
/* klon */
.t7-portatil{margin:0}
.t7-portatil-ecra{border-radius:16px 16px 6px 6px;padding:10px 10px 12px;background:#0F1115;box-shadow:0 0 0 1px var(--line),0 40px 70px -30px rgba(8,10,16,.55);position:relative}
.t7-portatil-ecra::after{content:"";position:absolute;left:-6%;right:-6%;bottom:-12px;height:12px;border-radius:0 0 14px 14px;background:linear-gradient(#C9CDD6,#9AA1AE)}
.t7-portatil img{display:block;width:100%;height:auto;border-radius:6px}
.t7-portatil figcaption{margin-top:30px;font-size:14px;color:var(--muted);text-align:center}
.t7-fluxo{list-style:none;counter-reset:f;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.t7-fluxo li{counter-increment:f;padding:22px;border-radius:16px;background:var(--surface);border:1px solid var(--line);display:grid;gap:8px;align-content:start;position:relative}
.t7-fluxo li::before{content:counter(f);font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:6px;padding:1px 7px;justify-self:start}
.t7-fluxo span{color:var(--muted);font-size:15px}
/* índice */
.t7-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(32px,4vw,56px)}
.t7-tile{display:grid;grid-template-rows:auto 1fr;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.t7-tile:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-3px)}
.t7-tile-img{aspect-ratio:16/9;overflow:hidden;background:var(--bg2)}
.t7-tile-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.t7-tile:hover .t7-tile-img img{transform:scale(1.04)}
.t7-tile-txt{padding:22px 24px 24px}
.t7-tile h2{margin:0;font-size:26px;letter-spacing:-.02em}
.t7-tile p{margin:6px 0 0;color:var(--ink2)}
.t7-tile ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.t7-tile li{display:flex;gap:8px;align-items:baseline;font-size:14px;padding:5px 10px;border-radius:9px;background:var(--bg2)}
@media (max-width:860px){
  .t7-topo-in,.t7-g,.t7-dois.inv .t7-g,.ds{grid-template-columns:minmax(0,1fr)}
  .t7-dois.inv .t7-txt{order:0}
  .t7-vis{order:-1}
  .t7-dicas,.t7-tiles{grid-template-columns:1fr}
  .t7-fluxo{grid-template-columns:1fr 1fr}
  .t7-galeria{grid-template-columns:1fr 1fr}.t7-galeria .alta{grid-column:span 2;max-width:70%;justify-self:center}
}
@media (max-width:640px){
  .t7-vis .rv:not(.rv-folha){width:100vw;margin-left:calc(50% - 50vw);border-radius:0}
  .t7-fluxo{grid-template-columns:1fr}
  .t7-dl div{grid-template-columns:7.5em 1fr}
  .rv-leg{left:10px;bottom:10px;font-size:12px;padding:6px 9px;max-width:calc(100% - 20px)}
}
@media (prefers-reduced-motion:reduce){.t7-tile,.t7-tile-img img{transition:none}}

/* ===================== v7 · páginas por público ===================== */
.sg-h1{font-size:clamp(36px,4.3vw,62px)}
.sg .h6-hero .h6-h1{font-size:clamp(36px,4.2vw,60px)}
.sg-h2{max-width:none;margin-bottom:clamp(28px,4vw,48px)}
.sg-folha{max-width:min(100%,calc((100svh - 200px) * 1.5));margin:0 auto}
.sg-ganhos{list-style:none;margin:0;padding:0;display:grid;gap:clamp(28px,4vw,56px)}
.sg-ganhos li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px clamp(24px,5vw,80px);align-items:baseline}
.sg-ganhos h3{margin:0;font-size:clamp(24px,2.6vw,36px);line-height:1.08;letter-spacing:-.025em;font-weight:600;text-wrap:balance}
.sg-ganhos p{margin:0;font-size:18px;line-height:1.55;color:var(--ink2);max-width:58ch}
.sg-ferr{display:grid;gap:6px}
.sg-f{display:grid;grid-template-columns:minmax(9em,auto) 1fr auto;gap:4px 18px;align-items:baseline;padding:16px 18px;border-radius:14px;background:var(--bg2);color:inherit;text-decoration:none;transition:background .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.sg-f:hover{background:var(--tint);transform:translateX(4px)}
.sg-f b{font-weight:600}
.sg-f span{color:var(--ink2);font-size:15px}
.sg-f em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600;font-size:14.5px;white-space:nowrap}
.sg-plano{margin-top:clamp(28px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap;padding:clamp(22px,3vw,36px);border-radius:22px;background:var(--ink);color:var(--bg)}
.sg-plano h3{margin:0;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em}
.sg-plano p{margin:8px 0 0;max-width:62ch;color:color-mix(in srgb,var(--bg) 78%,transparent)}
.sg-plano .btn{background:var(--bg);color:var(--ink)}
.sg-passos{margin-top:0}
@media (max-width:860px){
  .sg-ganhos li{grid-template-columns:minmax(0,1fr)}
  .sg-f{grid-template-columns:1fr auto}.sg-f span{grid-column:1 / -1;grid-row:2}
}

/* ===================== v7 · o revelar conduzido pelo scroll (início) ===================== */
.rv-scroll{height:330vh;padding:0;position:relative}
.rv-pin{position:sticky;top:68px;min-height:calc(100svh - 68px);display:flex;align-items:center;padding:24px 0}
.rv-pin > .wrap{width:min(100% - 48px,1440px)}
.rv-scroll .rv-cab{margin-bottom:18px}
.rv-scroll .rv,.rv-scroll .rv-ctl,.rv-scroll .rv-prog{width:min(100%,calc((100svh - 300px) * 1.5))}
.rv-prog{margin:14px auto 0;position:relative}
.rv-prog > i{display:block;height:3px;border-radius:3px;background:var(--accent);transform-origin:left;transform:scaleX(0)}
.rv-prog::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:3px;background:var(--bg2)}
.rv-prog > i{position:relative}
.rv-prog-n{display:flex;justify-content:space-between;margin:10px 0 0;font-size:14px;font-weight:500;color:var(--muted)}
.rv-prog-n span{transition:color .3s}
.rv-prog-n span.v{color:var(--ink)}
.rv-scroll .rv-ctl{margin-top:12px}
.rv-scroll .rv-mais{display:none}
.rv-scroll.sem-scroll{height:auto}
.rv-scroll.sem-scroll .rv-pin{position:static}
.rv-scroll.sem-scroll .rv-prog{display:none}
@media (max-width:860px){.rv-scroll{height:290vh}.rv-pin{top:60px;min-height:calc(100svh - 60px)}.rv-scroll .rv-cab .h6-p{display:none}.rv-scroll .rv-modos{display:none}}
@media (max-width:640px){.rv-pin > .wrap{width:min(100% - 32px,1440px)}.rv-scroll .rv,.rv-scroll .rv-ctl,.rv-scroll .rv-prog{width:auto}.rv-scroll .rv:not(.rv-folha){width:100vw}.rv-prog{margin-left:0;margin-right:0}}

/* ===================== v7 · acabamento (menos ornamento, mais matéria) ===================== */
::selection{background:var(--accent);color:var(--accent-ink)}
html{scrollbar-color:color-mix(in srgb,var(--ink) 30%,transparent) var(--bg);accent-color:var(--accent)}
input,textarea{caret-color:var(--accent)}
a{text-underline-offset:3px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
/* preços em kloins: a letra do texto, algarismos tabulares (o mono fica para medidas e ficheiros) */
.k,.h6-preco,.rv-modos small,.t7-precos .k{font-family:inherit;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:0}
.k{font-size:14.5px}
.rv-modos small{font-weight:500}
/* caixas de 1px trocadas por degraus de tom */
.t7-precos li{border:0;background:var(--bg2)}
.t7-dl{border-top:0}
.t7-dl div{border-bottom:0;padding:9px 0}
.t7-dl dt{color:var(--ink)}
.pl-precos{border-top:0;gap:6px}
.pl-precos div{border-bottom:0;padding:13px 16px;border-radius:12px;background:var(--bg2)}
.pl-linha{border:0;padding:13px 16px;border-radius:12px;background:var(--bg2)}
.t7-dicas li,.t7-fluxo li{border:0;background:var(--bg2)}
.papel .t7-dicas li,.papel .t7-fluxo li{background:var(--surface)}
.t7-fluxo li::before{display:none}
.t7-fluxo li b{font-size:18px}
.h6-passo h3::before{display:none}
.t7-tile{border:0;background:var(--bg2)}
.t7-tile:hover{background:var(--tint)}

/* ===================== v7d · planta logo no início, render no fim do 3D ===================== */
.drop{margin-top:26px;max-width:480px}
.drop-zona{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:2px;align-items:center;padding:18px 20px;border-radius:18px;
  background:var(--ink);color:var(--bg);cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .25s;box-shadow:0 18px 40px -22px rgba(15,17,21,.55)}
.drop-zona svg{grid-row:1 / 3;width:34px;height:34px;padding:9px;border-radius:12px;background:color-mix(in srgb,var(--bg) 14%,transparent);box-sizing:content-box}
.drop-zona b{font-size:18px;font-weight:600;letter-spacing:-.01em}
.drop-zona span{font-size:14px;color:color-mix(in srgb,var(--bg) 72%,transparent)}
.drop-zona:hover{transform:translateY(-2px)}
.drop-zona.sobre{background:var(--accent);transform:scale(1.02)}
.drop-zona.a-ir{background:var(--accent);pointer-events:none}
.drop:focus-within .drop-zona{outline:3px solid var(--accent);outline-offset:3px}
.drop-erro{margin:10px 0 0;color:#C0392B;font-size:14px}
.h6-micro a{color:inherit;text-decoration:underline}
.h6-real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;z-index:1;will-change:opacity,filter,transform}
.h6-hud,.h6-leg,.h6-outra{z-index:2}
.h6-palco .h6-rotulos{z-index:1}
.h6-palco.real .h6-fases li{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.h6-palco.real .h6-leg{color:#fff;background:rgba(15,17,21,.55);padding:6px 10px;border-radius:8px;backdrop-filter:blur(8px)}
.h6-outra{position:absolute;right:18px;top:18px;background:rgba(255,255,255,.92)!important;color:#0F1115!important;border-color:transparent!important}
.rv-modos.sem-preco small{display:none}
.h6-final-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px 48px;align-items:center}
.h6-final .drop{margin-top:0}
.h6-final .drop-zona{background:var(--bg);color:var(--ink)}
.h6-final .drop-zona span{color:var(--muted)}
.h6-final .drop-zona svg{background:var(--bg2)}
@media (max-width:860px){.h6-final-in{grid-template-columns:minmax(0,1fr)}.drop{max-width:none}}
@media (prefers-reduced-motion:reduce){.drop-zona{transition:none}}
/* o revelar do fim do 3D: a linha passa e deixa a imagem final */
.h6-real{opacity:1!important;filter:none!important;transform:none!important;clip-path:inset(0 100% 0 0)}
.h6-linha{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 .5px rgba(15,17,21,.25),0 0 24px 3px rgba(255,255,255,.6);z-index:2;opacity:0;pointer-events:none}
.h6-tag{position:absolute;top:58px;z-index:2;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;opacity:0;transition:opacity .4s;pointer-events:none}
.h6-tag-f{left:18px;background:rgba(15,17,21,.6);color:#fff;backdrop-filter:blur(10px)}
.h6-tag-3{right:18px;background:rgba(255,255,255,.92);color:#0F1115}
.h6-palco.real .h6-tag{opacity:1}
.h6-palco.real .h6-hud{opacity:0;transition:opacity .4s}
.h6-palco.real{cursor:ew-resize;touch-action:pan-y}
.h6-3dq{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;z-index:1}
.h6-outra{top:auto!important;bottom:52px!important}

/* v7f: os passos do revelar do início são botões (cada toque muda a mesma foto) */
.rv-prog-n{display:flex;gap:6px;margin:12px 0 0}
.rv-prog-n button{flex:1 1 auto;min-height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,opacity .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-prog-n button.v{color:var(--ink)}
.rv-prog-n button:hover:not(:disabled){border-color:var(--ink)}
.rv-prog-n button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.rv-prog-n button:disabled{opacity:.35;cursor:default}
.rv-prog-n button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rv-scroll.sem-scroll .rv-prog{display:block}.rv-scroll.sem-scroll .rv-prog > i{display:none}
@media (max-width:420px){.rv-prog-n{gap:5px}.rv-prog-n button{font-size:13.5px;padding:0 8px}}
.h6-palco.sem-foto .h6-real,.h6-palco.sem-foto .h6-linha,.h6-palco.sem-foto .h6-tag-f{display:none!important}

/* v7f: a televisão da sala liga-se com o logo */
.h6-tv{position:absolute;left:0;top:0;width:400px;height:240px;transform-origin:0 0;z-index:1;pointer-events:none;display:grid;place-items:center;
  background:radial-gradient(120% 90% at 50% 45%,#1b2340 0%,#0b0f1c 62%,#05070d 100%);opacity:0;transition:opacity .5s ease .1s}
.h6-tv span{font:700 86px/1 'Geist',system-ui,sans-serif;letter-spacing:-.045em;color:#fff;opacity:0;transform:scale(.96);transition:opacity .7s ease .45s,transform 1.2s cubic-bezier(.2,.7,.2,1) .45s}
.h6-tv::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 38%)}
.h6-palco.tv-on .h6-tv{opacity:1}.h6-palco.tv-on .h6-tv span{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){.h6-tv,.h6-tv span{transition:none}}
.ficheiro{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}

/* 03/11 copy: mediadores em destaque na lista de públicos, linha da fonte (NAR) e garantias na página inicial */
/* 04/11 (Hugo: «textos com tamanhos diferentes está feio»): mediadores fica em primeiro, com o mesmo tamanho dos outros */
.h6-fonte{font-size:13.5px;color:var(--ink2);margin-top:10px}
.h6-fonte a{color:inherit}
.h6-para .regras{grid-column:auto}
/* 03/11: em Preços o título é a promessa (29 € por mês), não a etiqueta pequena das outras páginas interiores */
.int-topo h1.t-display.grande{font-size:clamp(34px,5.2vw,68px);font-weight:600;letter-spacing:-.035em;line-height:1.04;color:var(--ink);max-width:16ch}
/* 04/11 (Hugo: «tá meio feio e parece desformatado»): no telemóvel os exemplos (casas, plantas) cortavam-se na margem do cartão.
   Passam a ir em grelha de duas colunas, sem deslizar para o lado; o nome passa a duas linhas se não couber (sem cortar). */
@media (max-width:700px){
  .rv-casas{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
  .rv-casas button{flex:1 1 calc(50% - 4px);min-width:0;gap:8px;padding:4px 10px 4px 4px;font-size:13px}
  .rv-casas button span{min-width:0;white-space:normal;line-height:1.2;text-align:left;overflow-wrap:anywhere}
  .rv-casas img{width:44px;height:32px;flex:none}
}

/* 04/11: o castor (mascote) só no rodapé e nos ecrãs de espera; no resto do site fica de fora (Hugo) */
.castor-rodape{display:block;width:96px;height:auto;margin:0 0 10px -6px;pointer-events:none;user-select:none}
@media (max-width:640px){.castor-rodape{width:80px}}