/* ==========================================================================
   OpçõesBR — Início v2 (página de teste index-v2.html)  v2.1.0
   Tamanhos proporcionais à referência: card do topo compacto e de altura
   fixa, grade 4 x 3 por página, banner e destaques pequenos.
   Não é usado pelo index.html atual.
   ========================================================================== */
:root{
  --v2-ink:#0E2E25;--v2-g:#12A05E;--v2-g-d:#0D8A50;--v2-acc:#3FD98A;--v2-soft:#E6F4EC;--v2-red:#F27A7D;
  --v2-c1:#123B30;--v2-c2:#0B241E;--v2-c3:#071814;
  --v2-tile:var(--surface,#fff);--v2-tx:var(--text,#17213A);--v2-mut:var(--muted,#68738A);
  --v2-h:172px;               /* altura fixa do card do topo (celular) */
  --v2-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
}
#page-inicio{overflow-x:hidden}
#hc *,.v2-acoes *,.v2-menu *,.v2-promo *,.v2-dest *,.v2-bnav *{box-sizing:border-box}

/* ---------- card do topo ---------- */
#hc{
  --hc-brand:#0F3A2E;--hc-acc-ink:#5BE39A;--hc-mut:rgba(255,255,255,.72);
  background:radial-gradient(110% 90% at 100% 100%,rgba(63,217,138,.15) 0%,rgba(63,217,138,0) 55%),
             linear-gradient(150deg,var(--v2-c1) 0%,var(--v2-c2) 55%,var(--v2-c3) 100%)!important;
  border-radius:16px!important;margin:2px 0 8px!important;box-shadow:0 8px 20px rgba(7,24,20,.22)!important;
  overflow:hidden;touch-action:pan-y;color:#fff
}
#hc>.hc-in,#hc>.hc-tape{display:none!important}   /* simulador grande e fita do index: fora da v2 */
.v2-vp{height:var(--v2-h);overflow:hidden;position:relative}
.v2-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.65,0,.35,1)}
.v2-sl{flex:0 0 100%;min-width:0;height:100%;position:relative;overflow:hidden;padding:13px 15px 11px;display:flex;flex-direction:column}
.v2-sl[hidden]{display:none}

/* textos comuns dos slides */
.v2-st{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}
.v2-st h2{margin:0;font-size:15px;line-height:1.2;font-weight:700;letter-spacing:-.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-st h2 .up{color:var(--v2-acc)}.v2-st h2 .dn{color:var(--v2-red)}
.v2-sub{font-size:10.5px;color:rgba(255,255,255,.66);margin:2px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-seg{flex:none;display:flex;gap:2px;background:rgba(0,0,0,.28);border-radius:7px;padding:2px}
.v2-seg button{font-family:inherit;font-size:10.5px;font-weight:600;color:rgba(255,255,255,.7);background:none;border:0;border-radius:5px;padding:4px 8px;cursor:pointer;line-height:1.1}
.v2-seg button.on{background:#fff;color:var(--v2-ink)}
.v2-ft{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px}
.v2-lk{display:inline-flex;align-items:center;gap:3px;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--v2-acc);background:none;border:0;padding:2px 0;cursor:pointer;white-space:nowrap}
.v2-lk svg{width:13px;height:13px}
.v2-nt{font-size:9.5px;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* lista branca (ranking e proteção) */
.v2-ls{background:#fff;border-radius:9px;overflow:hidden;color:#17213A}
.v2-it{display:flex;align-items:center;gap:7px;height:26px;padding:0 9px;border-bottom:1px solid #EEF1F3;cursor:pointer}
.v2-it:last-child{border-bottom:0}
.v2-rk{flex:none;width:16px;height:16px;border-radius:5px;background:#DDF2E6;color:#0D8A50;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}
.v2-it b{font-size:11.5px;font-weight:700;flex:none}
.v2-it em{font-style:normal;font:600 10.5px var(--v2-mono);color:#0D8A50;flex:none}
.v2-it .v2-d{font-size:10px;color:#68738A;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-it i{font-style:normal;flex:none;font:700 12px var(--v2-mono);color:#12A05E}
.v2-it i.k{color:#17213A}
.v2-wait{display:flex;align-items:center;gap:8px;height:78px;padding:0 10px;font-size:11px;color:#68738A}
.v2-wait:before{content:"";flex:none;width:13px;height:13px;border-radius:50%;border:2px solid #DDF2E6;border-top-color:#12A05E;animation:v2spin .8s linear infinite}
@keyframes v2spin{to{transform:rotate(360deg)}}

/* slide carteira */
.v2c-top{display:flex;align-items:center;gap:10px}
.v2c-av{position:relative;flex:none;width:38px;height:38px;border-radius:50%;background:#E8EEF0;display:flex;align-items:center;justify-content:center}
.v2c-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.v2c-av svg{width:22px;height:22px;fill:#9AA6B2}
.v2c-pro{position:absolute;right:-9px;top:-5px;background:var(--v2-g);color:#fff;font-size:8px;font-weight:700;line-height:1;padding:2px 4px;border-radius:99px;border:1.5px solid var(--v2-c1);letter-spacing:.3px}
.v2c-who{flex:1;min-width:0}
.v2c-who b{display:block;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2c-who span{display:block;font-size:10.5px;color:rgba(255,255,255,.7);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2c-go{flex:none;width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.v2c-go svg{width:14px;height:14px}
.v2c-body{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:11px;position:relative;z-index:1}
.v2c-left{min-width:0}
.v2c-lbl{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,.8)}
.v2c-eye{border:0;background:none;color:#fff;padding:0;cursor:pointer;display:flex}
.v2c-eye svg{width:15px;height:15px}
.v2c-val{font-size:23px;line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:3px 0 4px;white-space:nowrap;font-variant-numeric:tabular-nums}
.v2c-dia{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--v2-acc);white-space:nowrap;font-variant-numeric:tabular-nums}
.v2c-dia.dn{color:var(--v2-red)}
.v2c-dia svg{width:12px;height:12px;flex:none}
.v2c-dia em{font-style:normal;font-weight:500;color:rgba(255,255,255,.7);margin-left:3px}
.v2c-rent{text-align:right;flex:none}
.v2c-rent small{display:block;font-size:9.5px;color:rgba(255,255,255,.72)}
.v2c-rent b{display:block;font-size:13.5px;font-weight:700;color:var(--v2-acc);margin-top:2px;font-variant-numeric:tabular-nums}
.v2c-rent b.dn{color:var(--v2-red)}
.v2c-spark{position:absolute;right:0;bottom:6px;width:42%;height:56px;pointer-events:none;z-index:0}
.v2c-sk{display:inline-block;height:.9em;width:8em;border-radius:5px;background:rgba(255,255,255,.12);animation:v2pulse 1.2s ease-in-out infinite;vertical-align:middle}
@keyframes v2pulse{50%{opacity:.45}}
.v2c-vazio{margin-top:12px}
.v2c-vazio p{font-size:11.5px;line-height:1.4;color:rgba(255,255,255,.85);margin:0 0 9px}
.v2-bt{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:12px;font-weight:700;background:var(--v2-g);color:#fff;border:0;border-radius:8px;padding:7px 14px;cursor:pointer}

/* slide simulador compacto */
.v2s-sc{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:7px 0 7px}
.v2s-sc button{font:700 10.5px var(--v2-mono);color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:7px;height:24px;padding:0;cursor:pointer;min-width:0}
.v2s-sc button[data-v^="-"]{color:#FFC3C5}
.v2s-sc button.on{background:#22C46B;border-color:#22C46B;color:#04230F}
.v2s-sc button.on[data-v^="-"]{background:var(--v2-red);border-color:var(--v2-red);color:#3A0809}
.v2s-mid{display:flex;align-items:center;gap:8px;min-height:0;flex:1}
.v2s-res{min-width:0;flex:1}
.v2s-res small{display:block;font-size:10px;color:rgba(255,255,255,.66);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2s-res b{display:block;font:800 19px var(--v2-mono);letter-spacing:-.02em;margin-top:2px;white-space:nowrap}
.v2s-res b.up{color:var(--v2-acc)}.v2s-res b.dn{color:var(--v2-red)}
.v2s-mid svg{flex:none;width:44%;height:46px}
.v2s-out{flex:none;display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-size:10.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:3px 9px;cursor:pointer;white-space:nowrap}

/* pontos abaixo do card */
.v2-dots{display:flex;justify-content:center;gap:5px;margin:0 0 9px;height:6px}
.v2-dots button{position:relative;width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#C9D6CF;cursor:pointer;overflow:hidden;transition:width .3s}
.v2-dots button.on{width:20px;background:#BFE6CF}
.v2-dots button i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--v2-g);border-radius:99px}
.v2-dots button:not(.on) i{width:0!important}

/* ---------- botões de ação ---------- */
.v2-acoes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 10px}
.v2-acao{min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 6px;border-radius:11px;border:0;font-family:inherit;font-size:clamp(11.5px,3.4vw,13.5px);font-weight:700;cursor:pointer;white-space:nowrap}
.v2-acao svg{width:16px;height:16px;flex:none}
.v2-acao-p{background:var(--v2-g);color:#fff}.v2-acao-p svg{fill:#fff}
.v2-acao-s{background:var(--v2-soft);color:var(--v2-ink)}
.v2-acao:active{transform:scale(.98)}

/* ---------- grade de funcionalidades (páginas 4 x 3) ---------- */
.v2-menu{margin:0 0 4px}
.v2-mvp{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex}
.v2-mvp::-webkit-scrollbar{display:none}
.v2-mpg{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:72px;gap:7px;align-content:start;padding:1px}
.v2-tile{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px 2px;background:var(--v2-tile);border:1px solid rgba(221,226,231,.65);border-radius:12px;box-shadow:0 1px 2px rgba(23,33,58,.04);cursor:pointer;font-family:inherit;color:var(--v2-tx);text-align:center;position:relative}
.v2-tile:active{transform:scale(.97)}
.v2-tile svg{width:22px;height:22px;color:var(--v2-ink);flex:none;stroke-width:1.7}
.v2-tile span{font-size:10.5px;line-height:1.15;font-weight:500;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.v2-tile .v2-pro{position:absolute;top:4px;right:4px;font-style:normal;font-size:7.5px;font-weight:700;letter-spacing:.2px;color:var(--v2-g);background:var(--v2-soft);padding:1px 4px;border-radius:99px;line-height:1.3}
.v2-tile.v2-off{opacity:.45}
.v2-mdots{display:flex;justify-content:center;gap:5px;margin:7px 0 8px;height:5px}
.v2-mdots i{width:5px;height:5px;border-radius:99px;background:#C9D6CF;transition:width .3s,background .3s}
.v2-mdots i.on{width:14px;background:var(--v2-g)}
@media(min-width:600px){.v2-mpg{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:80px}}
@media(min-width:900px){.v2-mpg{grid-template-columns:repeat(9,minmax(0,1fr));grid-auto-rows:86px;gap:10px}.v2-tile svg{width:24px;height:24px}.v2-tile span{font-size:12px}}

/* ---------- banner ---------- */
.v2-promo{margin:2px 0 12px}
.v2-pvp{overflow:hidden;border-radius:14px}
.v2-ptrack{display:flex;transition:transform .5s cubic-bezier(.65,0,.35,1)}
.v2-pslide{flex:0 0 100%;min-width:0;position:relative;min-height:100px;padding:12px 14px;color:#fff;overflow:hidden;cursor:pointer;
  background:radial-gradient(90% 120% at 100% 50%,rgba(63,217,138,.16) 0%,rgba(63,217,138,0) 60%),linear-gradient(120deg,#0E1F1B 0%,#10261F 55%,#0B1A16 100%)}
.v2-pslide h3{position:relative;z-index:1;font-size:13.5px;line-height:1.2;font-weight:700;margin:0 0 3px;max-width:64%;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v2-pslide p{position:relative;z-index:1;font-size:10.5px;line-height:1.3;color:rgba(255,255,255,.75);margin:0 0 7px;max-width:60%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v2-pbtn{position:relative;z-index:1;display:inline-block;background:#fff;color:#0E1F1B;font-family:inherit;font-size:11px;font-weight:700;border:0;border-radius:7px;padding:5px 11px;cursor:pointer}
.v2-part{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36%;max-width:150px;height:auto;z-index:0}
.v2-pdots{display:flex;justify-content:center;gap:5px;margin:7px 0 0}
.v2-pdots i{width:5px;height:5px;border-radius:50%;background:#C9D6CF}
.v2-pdots i.on{background:var(--v2-g)}

/* ---------- Destaques do dia ---------- */
.v2-dest{background:var(--v2-tile);border-radius:14px;padding:10px 0 10px 10px;margin:0 0 14px;border:1px solid rgba(221,226,231,.6)}
.v2-dest-head{display:flex;align-items:center;justify-content:space-between;padding-right:10px;margin-bottom:8px}
.v2-dest-head h2{font-size:14px;font-weight:700;margin:0;color:var(--v2-tx)}
.v2-vertodos{display:flex;align-items:center;gap:3px;border:0;background:none;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--v2-tx);cursor:pointer;padding:2px 0}
.v2-vertodos svg{width:13px;height:13px}
.v2-dest-lst{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 10px 1px 0;-webkit-overflow-scrolling:touch}
.v2-dest-lst::-webkit-scrollbar{display:none}
.v2-dc{flex:0 0 120px;scroll-snap-align:start;border:1px solid rgba(221,226,231,.8);border-radius:9px;overflow:hidden;background:var(--v2-tile);cursor:pointer;text-align:left;padding:0;font-family:inherit;color:var(--v2-tx);display:flex;flex-direction:column;height:118px}
.v2-dc-vis{height:52px;flex:none;position:relative;overflow:hidden;color:#fff;padding:5px 7px;display:flex;flex-direction:column;justify-content:flex-end;gap:1px}
.v2-dc-vis.g{background:linear-gradient(135deg,#0F3A2E,#0B241E)}
.v2-dc-vis.r{background:linear-gradient(135deg,#3A1416,#22090B)}
.v2-dc-vis.n{background:linear-gradient(135deg,#17213A,#0E1526)}
.v2-dc-vis.a{background:linear-gradient(135deg,#2E2A12,#1A1708)}
.v2-dc-vis svg.bg{position:absolute;inset:0;width:100%;height:100%}
.v2-dc-row{position:relative;display:flex;justify-content:space-between;gap:4px;font-size:9.5px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.v2-dc-row em{font-style:normal}
.v2-dc-row .up{color:var(--v2-acc)}.v2-dc-row .dn{color:var(--v2-red)}
.v2-dc-big{position:relative;font-size:16px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.v2-dc-big small{font-size:9.5px;font-weight:600;color:rgba(255,255,255,.75);margin-left:3px}
.v2-dc-tx{padding:6px 7px 6px;display:flex;flex-direction:column;flex:1;min-height:0}
.v2-dc-tx b{font-size:10.5px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.v2-dc-tx small{font-size:9px;color:var(--v2-mut);margin-top:auto}
.v2-dc-sk{flex:0 0 120px;height:118px;border-radius:9px;background:linear-gradient(90deg,#EEF1F3,#F6F8F9,#EEF1F3);background-size:200% 100%;animation:v2sh 1.2s linear infinite}
@keyframes v2sh{to{background-position:-200% 0}}

/* ---------- barra inferior (celular) ---------- */
.v2-bnav{display:none}
@media(max-width:899px){
  body.v2-com-bnav{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}
  .v2-bnav{display:flex;position:fixed;left:8px;right:8px;bottom:calc(6px + env(safe-area-inset-bottom));z-index:9000;background:var(--v2-tile);border-radius:18px;box-shadow:0 6px 22px rgba(14,46,37,.16),0 0 0 1px rgba(221,226,231,.7);padding:4px;justify-content:space-between;margin:0}
  .v2-bnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;font-family:inherit;font-size:10px;font-weight:500;color:var(--v2-tx);padding:5px 2px 4px;border-radius:14px;cursor:pointer;min-width:0}
  .v2-bnav svg{width:19px;height:19px;color:#4A5568}
  .v2-bnav button.on{background:var(--v2-soft);color:var(--v2-g-d)}
  .v2-bnav button.on svg{color:var(--v2-g)}
}

/* ---------- computador ---------- */
@media(min-width:900px){
  :root{--v2-h:210px}
  .v2-sl{padding:20px 26px 16px}
  .v2-st h2{font-size:20px}.v2-sub{font-size:12px}
  .v2c-av{width:48px;height:48px}.v2c-who b{font-size:18px}.v2c-who span{font-size:12px}
  .v2c-val{font-size:32px}.v2c-dia{font-size:13px}.v2c-rent b{font-size:17px}.v2c-rent small{font-size:11px}
  .v2c-spark{width:40%;height:76px}
  .v2-it{height:30px}.v2-it b,.v2-it i{font-size:13px}.v2-it span{font-size:11.5px}
  .v2-acao{height:46px;font-size:14px}
  .v2-pslide{min-height:130px;padding:18px 24px}.v2-pslide h3{font-size:18px}.v2-pslide p{font-size:12.5px}
  .v2-dc{flex-basis:160px;height:140px}.v2-dc-vis{height:64px}.v2-dc-tx b{font-size:12px}
}
@media(max-width:350px){:root{--v2-h:166px}.v2c-val{font-size:20px}.v2-st h2{font-size:14px}.v2-tile span{font-size:9.5px}.v2-mpg{grid-auto-rows:66px}}

/* ---------- modo escuro do site ---------- */
body.dark .v2-tile,body.dark .v2-dest,body.dark .v2-dc{border-color:rgba(255,255,255,.08)}
body.dark .v2-tile svg{color:#7FE0AE}
body.dark .v2-acao-s{background:rgba(63,217,138,.14);color:#CFF3DF}
body.dark .v2-dc-sk{background:linear-gradient(90deg,#1B2333,#222C3F,#1B2333);background-size:200% 100%}

@media (prefers-reduced-motion:reduce){.v2-track,.v2-ptrack,.v2-dots button,.v2-mdots i{transition:none}.v2c-sk,.v2-dc-sk,.v2-wait:before{animation:none}}

/* ---------- topo do site no computador igual ao do celular (verde, marca branca) ---------- */
@media (min-width:769px){
  body:not(.dark) nav:not(.v2-bnav){background:#0B472E!important;border-color:rgba(255,255,255,.08)!important}
  body:not(.dark) nav .nav-tab,body:not(.dark) nav .nav-group-btn{color:rgba(255,255,255,.88)!important}
  body:not(.dark) nav .nav-tab.active,body:not(.dark) nav .nav-group-btn:hover,body:not(.dark) nav .nav-tab:hover{color:#fff!important}
  body:not(.dark) nav #tab-planos{color:#4ADE80!important}
  body:not(.dark) nav .nav-hamb-btn{color:#fff!important;border-color:rgba(255,255,255,.25)!important;background:transparent!important}
}