/* ===== VEKTOR CORE v28 — tema claro unificado com imagens e cards ===== */
html[data-theme="light"]{
  --dark:#ffffff;
  --dark-2:#ffffff;
  --dark-3:#f7f8fa;
  --surface:#ffffff;
  --surface-2:#fbfbfc;
  --text:#111827;
  --text-2:#566273;
  --text-3:#7b8797;
  --border:rgba(15,23,42,.10);
  --border-accent:rgba(190,150,37,.28);
  --shadow:0 18px 55px rgba(30,41,59,.08);
  --shadow-soft:0 10px 30px rgba(30,41,59,.055);
}

/* Fundo geral: branco igual ao das artes, sem tom azulado */
html[data-theme="light"] body{
  background-color:#ffffff !important;
  background-image:
    linear-gradient(rgba(17,24,39,.018) 1px, transparent 1px),
    linear-gradient(90deg,rgba(17,24,39,.018) 1px, transparent 1px),
    radial-gradient(circle at 12% 10%,rgba(216,183,79,.055),transparent 24%),
    radial-gradient(circle at 88% 36%,rgba(90,105,125,.035),transparent 28%) !important;
  background-size:48px 48px,48px 48px,auto,auto !important;
}

/* Cabeçalho claro e contínuo */
html[data-theme="light"] .navbar{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 8px 28px rgba(15,23,42,.045) !important;
}

/* Seções não devem criar blocos cinza grandes */
html[data-theme="light"] .v22-hero,
html[data-theme="light"] .v22-section,
html[data-theme="light"] .section,
html[data-theme="light"] .page-header,
html[data-theme="light"] .v22-final-cta{
  background-color:transparent !important;
}

html[data-theme="light"] .v22-section:nth-of-type(even),
html[data-theme="light"] .section:nth-of-type(even){
  background:
    linear-gradient(180deg,rgba(250,250,251,.72),rgba(255,255,255,.88)) !important;
  border-block-color:rgba(15,23,42,.055) !important;
}

/* Hero no mesmo branco das imagens */
html[data-theme="light"] .v22-hero{
  background:
    radial-gradient(circle at 80% 30%,rgba(216,183,79,.075),transparent 34%),
    linear-gradient(135deg,#ffffff,#fcfcfd) !important;
}
html[data-theme="light"] .v22-hero-copy::before{
  background:linear-gradient(90deg,rgba(255,255,255,.995),rgba(255,255,255,.92) 68%,transparent) !important;
}

/* Cards quase sem diferença de cor, separação por borda/sombra */
html[data-theme="light"] .v22-card,
html[data-theme="light"] .v22-cap-card,
html[data-theme="light"] .v22-plan-card,
html[data-theme="light"] .v22-role-panel,
html[data-theme="light"] .v22-roi-card,
html[data-theme="light"] .v22-roadmap span,
html[data-theme="light"] .problem-block,
html[data-theme="light"] .solution-block,
html[data-theme="light"] .pricing-card,
html[data-theme="light"] .contact-form,
html[data-theme="light"] .mvv-card,
html[data-theme="light"] .about-card,
html[data-theme="light"] .feature-card{
  background:rgba(255,255,255,.94) !important;
  border-color:rgba(15,23,42,.09) !important;
  box-shadow:0 12px 36px rgba(15,23,42,.055) !important;
}

/* Imagens fundidas ao branco da página */
html[data-theme="light"] .v26-scene,
html[data-theme="light"] .v26-reliability-gallery .v26-scene{
  background:#ffffff !important;
  box-shadow:0 14px 42px rgba(15,23,42,.045) !important;
}
html[data-theme="light"] .v26-scene::before{
  background:radial-gradient(ellipse at center,transparent 60%,rgba(255,255,255,.42) 82%,#ffffff 103%) !important;
  opacity:.72 !important;
}
html[data-theme="light"] .v26-scene::after{
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,.92)) !important;
  opacity:.34 !important;
}
html[data-theme="light"] .v26-scene-hero::before{
  background:
    linear-gradient(90deg,#ffffff 0%,transparent 18%,transparent 88%),
    linear-gradient(0deg,#ffffff 0%,transparent 14%) !important;
  opacity:.82 !important;
}

/* Bloco RCM/FMEA e outros painéis */
html[data-theme="light"] .rcm-card,
html[data-theme="light"] .condition-card,
html[data-theme="light"] .asset-card,
html[data-theme="light"] .pcm-card,
html[data-theme="light"] .v22-deep-card{
  background:#ffffff !important;
  border-color:rgba(15,23,42,.09) !important;
  box-shadow:0 12px 34px rgba(15,23,42,.05) !important;
}

/* Mobile: remove sensação de faixas cinzas entre cards/imagens */
@media(max-width:760px){
  html[data-theme="light"] body{
    background-size:42px 42px,42px 42px,auto,auto !important;
  }
  html[data-theme="light"] .v22-section,
  html[data-theme="light"] .section{
    background-color:transparent !important;
  }
  html[data-theme="light"] .v26-scene,
  html[data-theme="light"] .v26-reliability-gallery .v26-scene{
    box-shadow:0 10px 28px rgba(15,23,42,.045) !important;
  }
}