/* Versão VDA (identidade antiga): preto + laranja, Montserrat */
:root{--preto:#0B0B0C;--grafite:#16171A;--grafite2:#212226;--laranja:#F38E18;--laranja2:#FFA63D;--branco:#F5F3EF;--cinza:#A9A6A1;
  --disp:"Montserrat",system-ui,sans-serif;--corpo:"Montserrat",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--preto);color:var(--branco);font:400 1rem/1.6 var(--corpo)}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--disp);line-height:1.12;margin:0;text-wrap:balance}
.laranja{color:var(--laranja)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:10px;font-weight:800;text-decoration:none;letter-spacing:.01em;transition:transform .2s,box-shadow .2s}
.btn-l{background:var(--laranja);color:#111;box-shadow:0 10px 30px rgba(243,142,24,.35);animation:pulso-vda 2.4s infinite}
.btn-l:hover{transform:translateY(-2px)}
.btn-c{border:2px solid rgba(245,243,239,.5);color:var(--branco)}
.btn-c:hover{border-color:var(--laranja);color:var(--laranja)}
@keyframes pulso-vda{0%{box-shadow:0 0 0 0 rgba(243,142,24,.55)}70%{box-shadow:0 0 0 16px rgba(243,142,24,0)}100%{box-shadow:0 0 0 0 rgba(243,142,24,0)}}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--laranja);outline-offset:3px}

/* topo */
.topo{position:sticky;top:0;z-index:20;background:rgba(11,11,12,.86);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.07)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}
.topo img{height:40px;width:auto}
.topo nav{display:flex;gap:26px;align-items:center;font-weight:600;font-size:.92rem}
.topo nav a{text-decoration:none;color:var(--cinza)}.topo nav a:hover{color:var(--branco)}
.topo .btn{padding:11px 18px;font-size:.88rem;animation:none}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--preto)}
.hero::before{content:"";position:absolute;inset:0;background:url(img/fundo-leilao.webp) left center/cover no-repeat;opacity:.28;filter:grayscale(.2)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--preto) 18%,rgba(11,11,12,.55) 60%,var(--preto) 100%),linear-gradient(0deg,var(--preto),transparent 30%)}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:20px;min-height:640px}
.hero-txt{align-self:center;padding:70px 0}
.hero-logo{width:min(520px,100%);height:auto;margin-bottom:28px}
.hero h1{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:600;max-width:560px}
.hero h1 b{color:var(--laranja);font-weight:800}
.hero p{color:var(--cinza);max-width:520px;margin:18px 0 30px;font-size:1.05rem}
.hero .acoes{display:flex;gap:14px;flex-wrap:wrap}
.hero-foto{align-self:end;justify-self:center;max-height:640px;width:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}
.redes{display:flex;gap:22px;margin-top:34px;color:var(--laranja);font-weight:600;font-size:.9rem;flex-wrap:wrap}

/* seções */
section{padding:96px 0}
.eyebrow{display:inline-block;font-weight:700;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--laranja);margin-bottom:14px}
.titulo{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:700}
.titulo .q{color:var(--laranja);font-weight:800;font-size:1.25em;vertical-align:-.08em;margin-left:.15em}

/* ecossistema */
.eco{background:radial-gradient(ellipse at 30% 50%,#1d1e22 0%,var(--preto) 70%)}
.eco .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.colmeia{position:relative;width:100%;max-width:520px;aspect-ratio:1/1;margin:0 auto}
.hex{position:absolute;width:31%;aspect-ratio:1.1/1;display:grid;place-items:center;text-align:center;font-weight:800;font-size:clamp(.72rem,1.3vw,1rem);line-height:1.15;color:var(--branco);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--laranja);padding:4px}
.hex span{display:grid;place-items:center;width:100%;height:100%;background:#0d0d0e;clip-path:inherit}
.hex small{display:block;font-weight:500;font-size:.85em;color:var(--cinza)}
.hex.branco{background:var(--branco)}
.hex.centro{width:38%;left:31%;top:31%;background:none}
.hex.centro span{background:none;font-size:.8rem;letter-spacing:.24em;color:var(--cinza);text-transform:lowercase}
.hex.centro img{width:82%;margin:0 auto 6px}
.h1{left:34.5%;top:0}.h2{left:0;top:26%}.h3{right:0;top:26%}.h4{left:13%;top:66%}.h5{right:13%;top:66%}
.lista-eco{display:grid;gap:18px;margin-top:26px}
.item-eco{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center;padding:16px 18px;border-radius:14px;background:var(--grafite);border:1px solid rgba(255,255,255,.06)}
.item-eco .mini{width:64px;aspect-ratio:1.1/1;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--grafite2);font-weight:800;font-size:.6rem;line-height:1.1;text-align:center;color:var(--laranja)}
.item-eco h3{font-size:1rem;margin-bottom:2px}
.item-eco p{margin:0;color:var(--cinza);font-size:.92rem;line-height:1.5}

/* por que */
.porque{background:var(--preto);position:relative;overflow:hidden}
.porque .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.cartao{position:relative;padding:44px 40px;border-radius:20px;background:linear-gradient(160deg,#18191c,#0f0f11);border:1px solid rgba(255,255,255,.06);min-height:380px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.cartao blockquote{margin:30px 0 0;font:800 clamp(1.3rem,2.3vw,1.85rem)/1.25 var(--disp);color:var(--laranja);text-wrap:balance;position:relative;z-index:1}
.cartao .icone{position:absolute;left:-16px;bottom:-14px;width:150px;opacity:.95}
.cartao .retrato{position:absolute;right:-20px;bottom:0;height:78%;width:auto;opacity:.35}
.cartao.comfoto blockquote{max-width:78%}

/* queriam */
.queriam .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.queriam ol{list-style:none;counter-reset:q;padding:0;margin:30px 0 0;display:grid;gap:14px}
.queriam li{counter-increment:q;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:16px;font-weight:700;font-size:clamp(1.05rem,1.7vw,1.3rem);color:var(--branco);padding:14px 18px;border-radius:12px;background:var(--grafite)}
.queriam li::before{content:counter(q);display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--laranja);color:#111;font-weight:800;font-size:1.2rem}
.queriam .alvo{width:min(460px,100%);justify-self:center;filter:drop-shadow(0 30px 50px rgba(243,142,24,.18))}

/* video (tema escuro) */
.vda-video{background:var(--grafite);padding:90px 0}
.vda-video .cab{text-align:center;max-width:760px;margin:0 auto 30px}
.vda-video .video-yt{border-color:var(--laranja)}
.vda-video .video-capa::after{background:linear-gradient(135deg,rgba(243,142,24,.25),rgba(0,0,0,.65))}
.vda-video .micro{color:var(--cinza);text-align:center;margin-top:12px;font-size:.85rem}

/* chave */
.chave{position:relative;overflow:hidden;padding:0;background:var(--preto)}
.chave .wrap{position:relative;min-height:560px;display:grid;align-items:end;padding-bottom:90px}
.chave .mao{position:absolute;left:-6%;top:0;width:min(1000px,92%);opacity:.95}
.chave h2{font-size:clamp(2.2rem,5.4vw,4.2rem);font-weight:800;max-width:780px;margin-left:auto;text-align:right}
.chave h2 .q{color:var(--laranja);font-size:1.3em;vertical-align:-.1em}
.chave .acoes{display:flex;justify-content:flex-end;gap:14px;margin-top:28px;flex-wrap:wrap}

/* planos */
.planos{background:radial-gradient(ellipse at 70% 20%,#1d1e22,var(--preto) 70%)}
.planos-cab{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:34px}
.planos-cab img{height:56px;width:auto}
.de{color:var(--cinza);font-weight:600;font-size:1.05rem}
.de s{color:var(--cinza)}
.tabela-wrap{overflow-x:auto;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:var(--grafite)}
table{width:100%;border-collapse:collapse;min-width:640px}
th,td{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.95rem}
thead th{font-weight:700;font-size:1rem;text-align:center;padding:24px 18px}
thead th:first-child{text-align:left;color:var(--cinza);font-weight:600}
thead th.pro{color:var(--laranja)}
td:not(:first-child){text-align:center;width:22%}
td.pro,th.pro{background:rgba(243,142,24,.07)}
.ok,.nao{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:800}
.ok{background:rgba(245,243,239,.12);color:var(--branco)}.pro .ok{background:var(--laranja);color:#111}
.nao{color:#E5484D;background:rgba(229,72,77,.12)}
tfoot td{padding:26px 18px;border-bottom:0}
.preco{font:800 1.6rem/1 var(--disp);font-variant-numeric:tabular-nums}
.pro .preco{color:var(--laranja)}
.preco small{display:block;font-size:.7rem;font-weight:600;color:var(--cinza);margin-top:6px}
tfoot .btn{margin-top:14px;padding:12px 18px;font-size:.85rem;animation:none}

/* final */
.fim{padding:80px 0 40px;background:var(--preto);border-top:1px solid rgba(255,255,255,.06)}
.fim .wrap{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
.fim .retrato{height:320px;width:auto;opacity:.9}
.fim img.logo{width:min(420px,100%);height:auto}
.fim .legal{margin-top:50px;color:#6f6c68;font-size:.8rem;grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}
.fim .legal a{color:#8d8a85}

@media (max-width:900px){
  .topo nav a:not(.btn){display:none}
  .hero .wrap,.eco .wrap,.porque .wrap,.queriam .wrap{grid-template-columns:1fr}
  .hero .wrap{min-height:0}.hero-txt{padding:50px 0 10px}.hero-foto{max-height:420px}
  section{padding:70px 0}
  .chave .wrap{min-height:480px;padding-bottom:60px}.chave .mao{width:120%;left:-20%}
  .fim .wrap{grid-template-columns:1fr}.fim .retrato{display:none}
  .cartao{min-height:320px;padding:34px 26px}
}
@media (prefers-reduced-motion:reduce){.btn-l{animation:none}html{scroll-behavior:auto}}
.topo nav a.btn{color:#111}
.cartao .icone{width:140px;height:auto;left:auto;right:18px;bottom:18px;opacity:.9}
.cartao blockquote{max-width:72%}
.hero-foto{height:auto}
.alvo,.mao,.fim .retrato,.hero-logo,.planos-cab img{height:auto}
.fim .retrato{height:320px;width:auto}
.planos-cab img{height:56px;width:auto}
.chave .wrap{position:static;min-height:0;display:block;padding-top:min(34vw,420px);padding-bottom:90px}
.chave .mao{left:-4%;top:10px;width:min(1050px,80%)}
.chave .wrap>div{position:relative;z-index:1}
@media (max-width:900px){.chave .wrap{padding-top:58vw;padding-bottom:60px}.chave .mao{width:110%;left:-10%}}
@media (max-width:640px){
  table{min-width:0}
  th,td{padding:12px 10px;font-size:.82rem}
  thead th{padding:18px 8px;font-size:.78rem}
  td:not(:first-child){width:24%}
  .preco{font-size:1.05rem}
  tfoot td{padding:18px 6px}
  tfoot .btn{padding:10px 10px;font-size:.72rem}
  .hex.centro span{font-size:.55rem;letter-spacing:.12em}
}
/* ícone em linha (substitui as moedas 3D) */
.cartao .icone-linha{position:absolute;right:22px;bottom:22px;width:150px;color:var(--laranja);opacity:.55}
/* ficha de análise (substitui alvo/troféu) */
.dossie{position:relative;justify-self:center;width:min(440px,100%);background:#F5F3EF;color:#141414;border-radius:6px;padding:28px 28px 22px;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04);transform:rotate(-2deg)}
.dossie::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--laranja);border-radius:6px 6px 0 0}
.dossie-cab{display:flex;flex-direction:column;gap:2px;border-bottom:2px solid #141414;padding-bottom:12px;margin-bottom:12px}
.dossie-cab span{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#7a756e}
.dossie-cab b{font-size:1.15rem;font-weight:800}
.dossie ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.dossie li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed #cfcac2;font-weight:600;font-size:.95rem}
.dossie li i{flex:none;width:22px;height:22px;border-radius:5px;background:#141414;position:relative}
.dossie li i::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid var(--laranja);border-width:0 3px 3px 0;transform:rotate(45deg)}
.dossie-rod{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-weight:700;font-size:.9rem}
.dossie-rod em{font-style:normal;font-weight:800;font-size:.8rem;letter-spacing:.12em;color:var(--laranja);border:3px solid var(--laranja);padding:6px 10px;border-radius:4px;transform:rotate(-6deg)}
.dossie small{display:block;margin-top:12px;font-size:.68rem;color:#8d887f;text-align:right}
@media (max-width:900px){.dossie{transform:none;margin-top:10px}}
.queriam .dossie li{counter-increment:none;display:flex;grid-template-columns:none;background:none;border-radius:0;padding:10px 0;font-size:.95rem;font-weight:600;color:#141414}
.queriam .dossie li::before{content:none}
/* fotos do ensaio (fundo escuro): bordas esmaecidas para fundir no preto */
.foto-real{-webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 42%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 62% 70% at 50% 42%,#000 55%,transparent 100%)}
.hero-foto.foto-real{max-height:680px;filter:none;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 18%),radial-gradient(ellipse 70% 80% at 50% 40%,#000 60%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(0deg,transparent 0,#000 18%),radial-gradient(ellipse 70% 80% at 50% 40%,#000 60%,transparent 100%);mask-composite:intersect}
.cartao .retrato.foto-real{opacity:.55;height:92%;right:-40px}
.fim .retrato.foto-real{height:380px}
.foto-real{-webkit-mask-image:radial-gradient(ellipse 50% 58% at 50% 42%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 50% 58% at 50% 42%,#000 35%,transparent 100%)}
.hero-foto.foto-real{-webkit-mask-image:radial-gradient(ellipse 52% 62% at 50% 40%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 52% 62% at 50% 40%,#000 42%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add;filter:brightness(1.05) contrast(1.05)}
.cartao .retrato.foto-real{height:74%;right:-70px;opacity:.5}
.fim .retrato.foto-real{height:460px}
/* foco de luz vindo de cima sobre a foto da capa */
.hero .wrap{position:relative}
.foco-luz{position:absolute;z-index:2;pointer-events:none;top:0;bottom:0;right:4%;width:46%;
  background:linear-gradient(180deg,rgba(255,236,205,.30) 0%,rgba(255,226,180,.14) 38%,rgba(255,220,170,.04) 75%,transparent 100%);
  clip-path:polygon(40% 0,60% 0,96% 100%,4% 100%);filter:blur(14px);mix-blend-mode:screen;animation:foco-acende 1.6s ease-out both}
.foco-luz::before{content:"";position:absolute;left:50%;top:-30px;width:140px;height:60px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,240,215,.75),transparent 70%);filter:blur(6px)}
.foco-luz::after{content:"";position:absolute;left:8%;right:8%;bottom:-10px;height:70px;background:radial-gradient(ellipse at 50% 50%,rgba(255,226,180,.22),transparent 70%)}
.hero-foto{position:relative;z-index:1}
@keyframes foco-acende{0%{opacity:0}35%{opacity:.6}45%{opacity:.25}100%{opacity:1}}
@media (max-width:900px){.foco-luz{right:0;width:100%;top:auto;height:460px}}
@media (prefers-reduced-motion:reduce){.foco-luz{animation:none}}
.foco-luz{background:linear-gradient(180deg,rgba(255,236,205,.20) 0%,rgba(255,226,180,.09) 40%,rgba(255,220,170,.03) 78%,transparent 100%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);filter:blur(26px);right:2%;width:50%}
.foco-luz::before{top:-20px;width:120px;height:46px;background:radial-gradient(ellipse,rgba(255,240,215,.55),transparent 70%)}
/* capa com foto do ensaio de luz natural: a foto entra pela direita e se funde no preto */
.hero.com-ensaio .wrap{position:static}
.hero.com-ensaio{position:relative}
.hero-ensaio{position:absolute;top:0;right:0;bottom:0;width:58%;z-index:0;background-size:cover;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 16%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 16%);mask-composite:intersect}
.hero.com-ensaio::after{background:linear-gradient(90deg,var(--preto) 30%,rgba(11,11,12,.35) 55%,transparent 75%),linear-gradient(0deg,var(--preto),transparent 22%)}
.hero.com-ensaio::before{opacity:.12}
.hero.com-ensaio .hero-txt{position:relative;z-index:2}
.hero.com-ensaio .wrap{min-height:680px;grid-template-columns:1fr 1fr}
.retrato-ensaio{border-radius:16px;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 22%);mask-image:linear-gradient(0deg,transparent 0,#000 22%)}
.fim .retrato.retrato-ensaio{height:420px;width:auto}
@media (max-width:900px){.hero-ensaio{position:relative;width:100%;height:420px;display:block;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 25%,#000 85%,transparent);mask-image:linear-gradient(0deg,transparent 0,#000 25%,#000 85%,transparent)}.hero.com-ensaio .wrap{min-height:0}}
/* rodapé: foto esmaecendo no preto, sem moldura */
.fim .retrato.retrato-ensaio{border-radius:0;height:460px;filter:brightness(.92);
  -webkit-mask-image:radial-gradient(ellipse 46% 52% at 50% 42%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 46% 52% at 50% 42%,#000 50%,transparent 100%)}
/* rodapé: sombreado escuro por trás (vinheta), sem quadrado */
.retrato-sombra{position:relative;width:max-content;max-width:100%}
.retrato-sombra::after{content:"";position:absolute;inset:-2px;pointer-events:none;
  background:radial-gradient(ellipse 52% 56% at 50% 40%,transparent 38%,rgba(11,11,12,.55) 62%,var(--preto) 82%)}
.fim .retrato-sombra .retrato.retrato-ensaio{-webkit-mask-image:none;mask-image:none;filter:brightness(.9) contrast(1.05);border-radius:0;height:480px;display:block}
@media (max-width:900px){.retrato-sombra{display:none}}
.fim .retrato.retrato-fim{height:480px;width:auto}
/* teste: marca principal Viver de Arremate + selo VDA */
.selo-vda{display:inline-flex;align-items:center;gap:10px}
.selo-vda img{height:26px;width:auto}
.topo img[src*="logotipo-va"]{height:42px;width:auto}
.hero-logo[src*="logotipo-va"]{width:min(470px,100%)}
.fim img.logo[src*="logotipo-va"]{width:min(380px,100%)}