/* =========================================================
   Versão B — a página toda em azul, com detalhes em branco.
   Carregado depois de style.css; só sobrescreve cores e luzes.
   ========================================================= */
.theme-dark{
  --ink-2:rgba(255,255,255,.7);
  --ink-3:rgba(255,255,255,.46);
  --hair:rgba(255,255,255,.12);
  --sky:#7fd3ff;             /* azul claro para as linhas finas dos títulos */
  --deep-1:#0b1440;
  --deep-2:#0d1a4e;
}
.theme-dark body{background:var(--abyss);color:var(--white)}
.theme-dark .display,.theme-dark .h2{color:var(--white)}
.theme-dark .thin{color:var(--sky)}
.theme-dark .final .thin{color:rgba(255,255,255,.62)}

/* ---------- Vidro escuro ---------- */
.theme-dark .glass{
  color:var(--white);
  background:linear-gradient(140deg,rgba(255,255,255,.15),rgba(255,255,255,.04) 60%,rgba(0,186,255,.09));
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.38),
    inset 0 -1px 1px rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(255,255,255,.12),
    inset 0 0 26px rgba(0,186,255,.07),
    0 22px 48px -22px rgba(0,0,0,.65);
}
.theme-dark .glass::after{background:radial-gradient(120% 70% at 18% -10%,rgba(255,255,255,.2),transparent 52%),radial-gradient(80% 50% at 100% 120%,rgba(0,186,255,.2),transparent 60%)}
.theme-dark.lg .glass.liquid{-webkit-backdrop-filter:url(#lg) saturate(1.6) brightness(1.12);backdrop-filter:url(#lg) saturate(1.6) brightness(1.12)}

/* ---------- Botões: o principal vira o detalhe branco ---------- */
.theme-dark .btn-solid{color:var(--navy);background:linear-gradient(180deg,#fff 0%,#eef7fd 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(32,48,115,.08),0 12px 32px -10px rgba(0,186,255,.6)}
.theme-dark .btn-solid:hover{box-shadow:inset 0 1px 0 #fff,0 18px 40px -12px rgba(0,186,255,.75)}
.theme-dark .btn-glass{color:var(--white)}

/* ---------- Navegação ---------- */
.theme-dark .nav-logo img,.theme-dark .footer-logo{filter:brightness(0) invert(1)}
.theme-dark .nav-links{color:rgba(255,255,255,.72)}
.theme-dark .nav-links a:hover{color:var(--white)}

/* ---------- Hero ---------- */
.theme-dark .hero-pin{background:var(--abyss)}
.theme-dark .hero-veil{background:linear-gradient(180deg,rgba(10,16,51,.92) 0%,rgba(10,16,51,.55) 32%,rgba(10,16,51,0) 62%)}
.theme-dark .product-float .pimg,.theme-dark .stage-product .pimg:not(.reflection){filter:drop-shadow(0 36px 40px rgba(0,0,0,.6))}
.theme-dark .reflection{opacity:.24}
.theme-dark .pedestal{background:radial-gradient(closest-side,rgba(0,186,255,.42),rgba(0,149,218,.12) 60%,transparent)}
.theme-dark .orb.glass{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.4),rgba(255,255,255,.05) 34%,rgba(255,255,255,0) 60%,rgba(0,186,255,.18) 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.75),inset 0 -6px 14px rgba(0,186,255,.25),inset 0 0 0 1px rgba(255,255,255,.22),0 24px 40px -18px rgba(0,0,0,.6)}
.theme-dark .callout::before{background:linear-gradient(90deg,rgba(0,186,255,0),rgba(0,186,255,.85))}
.theme-dark .hero-end{color:var(--white)}
.theme-dark .scroll-cue i{border-color:rgba(255,255,255,.42)}
.theme-dark .scroll-cue i::after{background:var(--crystal)}

/* ---------- Frase ---------- */
.theme-dark .statement{background:var(--abyss)}
.theme-dark .statement-text .w{color:rgba(255,255,255,.12)}
.theme-dark .statement-text .w.on{color:var(--white)}

/* ---------- Modelos ---------- */
.theme-dark .models{background:var(--deep-1)}
.theme-dark .models::before{background:linear-gradient(180deg,var(--abyss) 0%,rgba(10,16,51,.4) 18%,rgba(10,16,51,0) 40%,rgba(10,16,51,0) 80%,var(--abyss) 100%)}
.theme-dark .stage-glow{background:radial-gradient(closest-side,rgba(0,186,255,.34),rgba(0,149,218,.12) 45%,rgba(0,149,218,0) 72%)}
.theme-dark .segmented button{color:rgba(255,255,255,.72)}
.theme-dark .segmented button[aria-selected="true"]{color:var(--navy)}
.theme-dark .seg-drop{background:linear-gradient(180deg,#fff,#eaf5fc);box-shadow:inset 0 1px 0 #fff,0 8px 22px -8px rgba(0,186,255,.6)}
.theme-dark .stage-arrow,.theme-dark .round{color:var(--white)}
.theme-dark .bubble::before{background:linear-gradient(90deg,rgba(0,186,255,0),rgba(0,186,255,.75))}
.theme-dark .b2::before{background:linear-gradient(270deg,rgba(0,186,255,0),rgba(0,186,255,.75))}

/* ---------- Tecnologia ---------- */
.theme-dark .tech{background:var(--abyss)}
.theme-dark .tech-progress i{background:rgba(255,255,255,.14)}
.theme-dark .tech-progress i::after{background:var(--crystal)}
.theme-dark .plate{background:linear-gradient(140deg,rgba(255,255,255,.2),rgba(255,255,255,.04) 55%,rgba(0,186,255,.12));
  box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.16),inset 0 0 40px rgba(0,186,255,.1),0 40px 60px -30px rgba(0,0,0,.65)}
.theme-dark .plate.is-on{background:linear-gradient(140deg,rgba(255,255,255,.28),rgba(0,186,255,.14) 55%,rgba(0,186,255,.3));
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 0 0 1.5px rgba(0,186,255,.85),inset 0 0 60px rgba(0,186,255,.3),0 0 70px -10px rgba(0,186,255,.65),0 40px 60px -30px rgba(0,0,0,.65)}
.theme-dark .plate i{border-color:rgba(255,255,255,.2)}
.theme-dark .plate.p2 i{border-color:rgba(255,255,255,.14);background:radial-gradient(circle,rgba(255,255,255,.2) 1.2px,transparent 1.7px) 0 0/12px 12px}
.theme-dark .drops i{background:radial-gradient(circle at 35% 30%,#fff,var(--crystal));box-shadow:0 0 12px rgba(0,186,255,.9)}
.theme-dark .plate-label{color:var(--white)}
.theme-dark .plate-label::before{background:linear-gradient(90deg,transparent,rgba(0,186,255,.9))}

/* ---------- Destaques ---------- */
.theme-dark .highlights{background:linear-gradient(180deg,var(--abyss),var(--deep-2))}
.theme-dark .b-a{background:radial-gradient(circle,rgba(0,186,255,.38),transparent 65%)}
.theme-dark .b-b{background:radial-gradient(circle,rgba(47,49,146,.6),transparent 65%)}
.theme-dark .b-d{background:radial-gradient(circle,rgba(0,149,218,.42),transparent 65%)}
.theme-dark .b-c{background:radial-gradient(circle,rgba(0,149,218,.28),transparent 65%)}
.theme-dark .hl-card{background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 55%,rgba(0,186,255,.1))}
.theme-dark .hl-card strong{background:linear-gradient(160deg,#fff 25%,#a6e3ff 62%,var(--crystal));-webkit-background-clip:text;background-clip:text;color:transparent}
.theme-dark .hl-card p{color:rgba(255,255,255,.86)}
.theme-dark .hl-progress span{background:rgba(255,255,255,.12)}
.theme-dark .hl-progress i{background:var(--crystal)}

/* ---------- Serviços, loja e dúvidas ---------- */
.theme-dark .care{background:linear-gradient(180deg,var(--deep-2),var(--abyss))}
.theme-dark .visit{background:var(--abyss)}
.theme-dark .facts svg{color:var(--crystal)}
.theme-dark .faq summary i{background:rgba(255,255,255,.1)}
.theme-dark .faq summary i::before,.theme-dark .faq summary i::after{background:var(--white)}
.theme-dark .faq details[open] summary i{background:rgba(0,186,255,.3)}

/* ---------- Final ---------- */
.theme-dark .final{min-height:110vh;min-height:110svh;padding-top:clamp(140px,22vh,220px);
  background:linear-gradient(180deg,var(--abyss) 0%,var(--deep-2) 35%,#0e1d5c 60%,var(--abyss) 100%)}
.theme-dark .final > canvas{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%)}

@media (max-width:760px){
  .theme-dark .hero-veil{background:linear-gradient(180deg,rgba(10,16,51,.95) 0%,rgba(10,16,51,.72) 40%,rgba(10,16,51,0) 68%)}
  .theme-dark .bubble{background:linear-gradient(140deg,rgba(18,32,92,.82),rgba(12,22,70,.62))}
}

/* Sem a água animada (versão B) */
.theme-dark.no-water .hero-pin{background:radial-gradient(52% 58% at 72% 58%,rgba(0,149,218,.34),rgba(0,149,218,0) 70%),linear-gradient(180deg,var(--abyss) 0%,#0c1748 100%)}
.theme-dark.no-water .tech-pin{background:radial-gradient(48% 58% at 74% 52%,rgba(0,149,218,.3),rgba(0,149,218,0) 70%)}
@media (max-width:760px){
  .theme-dark.no-water .hero-pin{background:radial-gradient(70% 42% at 50% 64%,rgba(0,149,218,.36),rgba(0,149,218,0) 70%),linear-gradient(180deg,var(--abyss) 0%,#0c1748 100%)}
  .theme-dark.no-water .tech-pin{background:radial-gradient(70% 34% at 50% 26%,rgba(0,149,218,.3),rgba(0,149,218,0) 70%)}
}

/* Detalhes e instalação (versão B) */
.theme-dark .zoom{background:var(--abyss)}
.theme-dark .zoom-progress i,.theme-dark .zoom-progress i{background:rgba(255,255,255,.14)}
.theme-dark .zoom-progress i::after{background:var(--crystal)}
.theme-dark .zoom-glow{background:radial-gradient(closest-side,rgba(0,149,218,.38),rgba(0,149,218,.1) 55%,transparent 72%)}
.theme-dark .zoom-img{filter:drop-shadow(0 34px 40px rgba(0,0,0,.6))}
.theme-dark .zoom-lens{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 1px 2px rgba(255,255,255,.6),inset 0 0 40px rgba(0,186,255,.12),0 30px 60px -28px rgba(0,0,0,.7);
  background:radial-gradient(120% 60% at 18% -8%,rgba(255,255,255,.14),transparent 48%)}
.theme-dark .ease{background:linear-gradient(180deg,var(--deep-2),var(--abyss))}
.theme-dark .b-e{background:radial-gradient(circle,rgba(0,149,218,.35),transparent 65%)}
.theme-dark .ease-card{background:linear-gradient(150deg,rgba(30,50,124,.96),rgba(14,27,80,.96))}
.theme-dark .ease-q{color:var(--sky)}

.theme-dark .look-close{color:var(--sky)}

.theme-dark .model-brand{color:var(--sky)}
@media (max-width:760px){
  .theme-dark .final{min-height:0;padding-top:96px}
}

/* texturas das camadas do filtro no tema azul */
.theme-dark .plate.p1 i{background:repeating-linear-gradient(115deg,rgba(255,255,255,.16) 0 1px,transparent 1px 7px),repeating-linear-gradient(25deg,rgba(255,255,255,.1) 0 1px,transparent 1px 9px)}
.theme-dark .plate.p3 i{background:radial-gradient(circle,rgba(0,0,0,.55) 2.2px,transparent 2.8px) 0 0/11px 11px,radial-gradient(circle,rgba(255,255,255,.12) 1.6px,transparent 2.2px) 5px 6px/11px 11px}
.theme-dark .plate.p4 i{background:linear-gradient(120deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.55) 45%,rgba(200,215,235,.35) 55%,rgba(255,255,255,0) 80%),radial-gradient(circle,rgba(220,230,245,.35) 1px,transparent 1.5px) 0 0/8px 8px}

/* ---------- Refil e planos ---------- */
.theme-dark .refil{background:linear-gradient(180deg,var(--abyss),var(--deep-1) 50%,var(--abyss))}
.theme-dark .b-f{background:radial-gradient(circle,rgba(0,149,218,.4),transparent 65%)}
.theme-dark .refil-glow{background:radial-gradient(closest-side,rgba(0,186,255,.45),transparent)}
.theme-dark .refil-img{filter:drop-shadow(0 34px 44px rgba(0,0,0,.55))}
.theme-dark .refil-tag b{color:var(--white)}
.theme-dark .refil-tag::before{background:linear-gradient(90deg,rgba(0,186,255,0),var(--crystal))}
.theme-dark .refil-tag::after{background:var(--crystal);box-shadow:0 0 0 4px rgba(0,186,255,.22)}
.theme-dark .plans{background:linear-gradient(180deg,var(--abyss),var(--deep-1) 60%,var(--abyss))}
.theme-dark .b-g{background:radial-gradient(circle,rgba(0,149,218,.34),transparent 65%)}
.theme-dark .plan-name,.theme-dark .plan-list li{color:var(--white)}
.theme-dark .plan:not(.plan-top) .plan-stats strong{background:linear-gradient(160deg,#fff 25%,#a6e3ff 62%,var(--crystal));-webkit-background-clip:text;background-clip:text;color:transparent}
.theme-dark .plan-top{background:linear-gradient(155deg,#2a3fb0 0%,#173a9a 45%,#0a7fc4 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.18),0 34px 80px -30px rgba(0,149,218,.6),0 0 0 1px rgba(0,186,255,.4)}
.theme-dark .look-close{color:var(--crystal)}
.theme-dark .plan-halo{background:radial-gradient(closest-side,rgba(0,186,255,.55),rgba(0,149,218,.22) 60%,transparent)}