/* ================================================================
   LABDIO — PREMIUM ENTERPRISE LIGHT MODE  v3
   html[data-theme="light"]

   Paleta:
     --bg        #EEF2F5   background principal (azul-cinza neutro)
     --surface   #F7F9FA   seções alternadas / superfície
     Card bg     #FFFFFF   elevado sobre o fundo
     txt-1       #0F172A   títulos, UI texto
     txt-2       #334155   corpo, card titles
     txt-3       #475569   secundário
     txt-4       #64748B   muted/caption
     Border      #D9E2EC   hairline enterprise

   Fixes desta versão vs v2:
   - .dcard__desc hardcoded rgba(255,255,255,.66) → visível
   - .capc__desc hardcoded rgba(255,255,255,.72) → visível
   - Hero text hierarchy explícita (headline + subcopy + eyebrow)
   - Sombras de cards revisadas: 3 camadas, sem glow excessivo
   - Seções alternadas com gradiente sutil real
   - Footer: texto restaurado para leitura sobre fundo escuro
   - Mobile: drawer, theme button, pilares, hero overlay
   - Cobertura completa: eyebrow, sec-title, sol__icn, dcard, cap, diff,
     imp, ldr, fcta, feats, capstats, qs
   ================================================================ */

/* ----------------------------------------------------------------
   1. TOKENS GLOBAIS
   ---------------------------------------------------------------- */
html[data-theme="light"] {
  /* backgrounds */
  --bg:            #EEF2F5;
  --surface:       #F7F9FA;
  /* text (mapeados nos vars existentes) */
  --white:         #0F172A;   /* títulos / UI */
  --muted:         #334155;   /* corpo / secundário */
  --faint:         #64748B;   /* caption / muted */
  /* glass */
  --glass:         rgba(255,255,255,.70);
  --glass-strong:  rgba(255,255,255,.92);
  --glass-border:  #D9E2EC;
  --glass-shadow:  0 2px 12px rgba(0,0,0,.06);
  --hairline:      inset 0 1px 0 rgba(255,255,255,.85);
  /* sections tokens */
  --accent-border: rgba(141,198,63,.26);
  --hair:          #D9E2EC;
  --hair-soft:     rgba(0,0,0,.06);
  --card-bg:       #FFFFFF;
  --card-bg-hover: #F7F9FA;
  /* lift: sombra 3 camadas — sem glow verde excessivo no light */
  --lift: 0 2px 4px  rgba(0,0,0,.05),
          0 8px 20px rgba(0,0,0,.08),
          0 20px 44px rgba(0,0,0,.06),
          0 0 0 1px rgba(141,198,63,.18);
  --green-glow: 0 0 24px rgba(141,198,63,.16);
}

/* ----------------------------------------------------------------
   2. BASE / BODY
   ---------------------------------------------------------------- */
html[data-theme="light"] body {
  background: #EEF2F5;
  color: #0F172A;
}

/* ----------------------------------------------------------------
   3. NAVBAR
   ---------------------------------------------------------------- */
html[data-theme="light"] .nav {
  background: rgba(255,255,255,.88);
  border-bottom: 1px solid rgba(217,226,236,.85);
  box-shadow: 0 1px 0 rgba(255,255,255,1) inset,
              0 4px 24px rgba(0,0,0,.07);
  backdrop-filter: blur(20px) saturate(1.6);
  -webkit-backdrop-filter: blur(20px) saturate(1.6);
}
html[data-theme="light"] .nav.is-scrolled {
  background: rgba(255,255,255,.97);
  border-bottom-color: #D9E2EC;
  box-shadow: 0 1px 0 rgba(255,255,255,1) inset,
              0 6px 28px rgba(0,0,0,.09);
}
html[data-theme="light"] .nav__logo img { filter: none }

html[data-theme="light"] .nav__links a           { color: #475569 }
html[data-theme="light"] .nav__links a:hover     { color: #0F172A }
html[data-theme="light"] .nav__links a.is-active { color: #0F172A }
html[data-theme="light"] .nav__links a::after    { opacity: .7 }

html[data-theme="light"] .nav__cta {
  background: var(--green);
  border-color: var(--green);
  color: #FFFFFF;
  box-shadow: 0 2px 14px rgba(141,198,63,.32),
              inset 0 1px 0 rgba(255,255,255,.28);
}
html[data-theme="light"] .nav__cta svg { color: #FFFFFF }
html[data-theme="light"] .nav__cta:hover {
  background: #7ab534; border-color: #7ab534;
  transform: translateY(-1px);
  box-shadow: 0 6px 22px rgba(141,198,63,.40);
}

html[data-theme="light"] .nav__lang-trigger {
  color: #475569;
  border-color: #D9E2EC;
  background: rgba(255,255,255,.55);
}
html[data-theme="light"] .nav__lang-trigger:hover,
html[data-theme="light"] .nav__lang-menu[open] .nav__lang-trigger {
  color: #0F172A;
  border-color: rgba(141,198,63,.45);
  background: rgba(255,255,255,.92);
}
html[data-theme="light"] .nav__lang-list {
  width: 210px;
  max-width: calc(100vw - 24px);
  border-color: #D9E2EC;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 42px rgba(15,23,42,.14);
}
html[data-theme="light"] .m-nav__lang-menu .nav__lang-list {
  width: 100%;
  max-width: none;
}
html[data-theme="light"] .nav__lang {
  color: #475569;
}
html[data-theme="light"] .nav__lang:hover {
  color: #0F172A;
  background: rgba(141,198,63,.12);
}
html[data-theme="light"] .nav__lang.is-current {
  color: #0F172A;
  background: rgba(141,198,63,.18);
  box-shadow: inset 0 0 0 1px rgba(141,198,63,.38);
}

html[data-theme="light"] .nav__burger {
  border-color: #D9E2EC;
  background: rgba(255,255,255,.55);
  color: #475569;
}
html[data-theme="light"] .nav__burger svg  { color: #475569 }
html[data-theme="light"] .nav__burger:hover {
  border-color: rgba(141,198,63,.45);
  background: rgba(255,255,255,.92);
  color: var(--green);
}

/* Botão toggle sol/lua */
html[data-theme="light"] .nav__theme {
  border-color: #D9E2EC;
  background: rgba(255,255,255,.55);
  color: #475569;
}
html[data-theme="light"] .nav__theme:hover {
  border-color: rgba(141,198,63,.45);
  background: rgba(255,255,255,.92);
  color: var(--green);
}
html[data-theme="light"] .nav__theme .icon-sun  { display: none }
html[data-theme="light"] .nav__theme .icon-moon { display: block }

/* ----------------------------------------------------------------
   4. MOBILE NAV DRAWER
   ---------------------------------------------------------------- */
html[data-theme="light"] .m-nav {
  background: #F7F9FA;
  border-left: 1px solid #D9E2EC;
  box-shadow: -8px 0 32px rgba(0,0,0,.08);
}
html[data-theme="light"] .m-nav__list a {
  color: #334155;
  border-bottom-color: rgba(0,0,0,.06);
}
html[data-theme="light"] .m-nav__list a:hover,
html[data-theme="light"] .m-nav__list a.is-active {
  color: var(--green);
}
html[data-theme="light"] .m-nav__lang {
  color: #475569;
}
html[data-theme="light"] .m-nav__lang-menu { border-top-color: #D9E2EC }
html[data-theme="light"] .m-nav__lang:hover { color: #0F172A }
html[data-theme="light"] .m-nav__scrim { background: rgba(15,23,42,.38) }

/* Theme toggle mobile */
html[data-theme="light"] .m-nav__theme {
  color: #475569;
  border-top-color: #D9E2EC;
}
html[data-theme="light"] .m-nav__theme:hover { color: var(--green) }
html[data-theme="light"] .m-nav__theme .icon-sun  { display: none }
html[data-theme="light"] .m-nav__theme .icon-moon { display: block }

/* ----------------------------------------------------------------
   5. HERO
   ---------------------------------------------------------------- */
html[data-theme="light"] .hero { background: #EEF2F5 }

/* Vídeo: recupera contraste e profundidade, evita superexposição */
html[data-theme="light"] .hero__video {
  filter: contrast(1.12) saturate(1.10) brightness(.92);
}

/* Overlay: gradient horizontal enterprise
   Lado esquerdo quase opaco → texto legível
   Lado direito transparente → foto visível */
html[data-theme="light"] .hero__overlay {
  background: linear-gradient(
    90deg,
    rgba(238,242,245,.97) 0%,
    rgba(238,242,245,.92) 28%,
    rgba(238,242,245,.72) 48%,
    rgba(238,242,245,.22) 68%,
    rgba(238,242,245,0)  88%
  );
}
html[data-theme="light"] .hero__vignette {
  background: linear-gradient(0deg,
    rgba(238,242,245,.55) 0%,
    rgba(238,242,245,0) 20%);
}

/* Hero text — explícitos para garantir legibilidade */
html[data-theme="light"] .headline           { color: #0F172A }
html[data-theme="light"] .headline .green    {
  color: var(--green);
  text-shadow: 0 0 32px rgba(141,198,63,.20);
}
html[data-theme="light"] .subcopy            { color: #334155 }
html[data-theme="light"] .subcopy .hl        { color: #1A8A2A; font-weight: 700 }
html[data-theme="light"] .eyebrow            { color: #64748B }
html[data-theme="light"] .eyebrow .dot       { box-shadow: 0 0 8px rgba(141,198,63,.55) }
html[data-theme="light"] .signature__tag     { color: #475569 }
html[data-theme="light"] .scroll-cue         { color: rgba(0,0,0,.36) }
html[data-theme="light"] .scroll-cue__mouse  { border-color: rgba(141,198,63,.50) }

/* EHS Panel — glass branco */
html[data-theme="light"] .ehs {
  background: rgba(255,255,255,.94);
  border-color: #D9E2EC;
  box-shadow: 0 8px 32px rgba(0,0,0,.09),
              0 2px 8px rgba(0,0,0,.05),
              inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
html[data-theme="light"] .ehs__row      { border-bottom-color: rgba(0,0,0,.06) }
html[data-theme="light"] .ehs__txt h3   { color: #0F172A }
html[data-theme="light"] .ehs__txt p    { color: #64748B }
html[data-theme="light"] .ehs__icn {
  border-color: rgba(141,198,63,.28);
  background: rgba(141,198,63,.07);
}

/* Metrics bar (pilares) */
html[data-theme="light"] .metrics {
  background: #FFFFFF;
  border-color: #D9E2EC;
  box-shadow: 0 2px 16px rgba(0,0,0,.07),
              inset 0 1px 0 rgba(255,255,255,1);
}
html[data-theme="light"] .feat:hover       { background: rgba(0,0,0,.02) }
html[data-theme="light"] .feat + .feat     { border-left-color: #D9E2EC }
html[data-theme="light"] .feat__title      { color: #0F172A }
html[data-theme="light"] .feat__sub        { color: #64748B }
html[data-theme="light"] .feat__icn        { color: var(--green) }

/* Botão ghost (Assista ao Vídeo) */
html[data-theme="light"] .btn--ghost {
  color: #0F172A;
  background: rgba(255,255,255,.65);
  border-color: #D9E2EC;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 2px 10px rgba(0,0,0,.07),
              inset 0 1px 0 rgba(255,255,255,.8);
}
html[data-theme="light"] .btn--ghost .play {
  border-color: rgba(141,198,63,.40);
  background: rgba(141,198,63,.08);
  box-shadow: 0 0 12px rgba(141,198,63,.15);
}
html[data-theme="light"] .btn--ghost .play svg { color: var(--green) }
html[data-theme="light"] .btn--ghost:hover {
  background: rgba(255,255,255,.92);
  border-color: rgba(141,198,63,.42);
  box-shadow: 0 4px 18px rgba(0,0,0,.09),
              inset 0 1px 0 rgba(255,255,255,1);
}
html[data-theme="light"] .btn--ghost:hover .play {
  background: rgba(141,198,63,.14);
  border-color: rgba(141,198,63,.60);
}

/* Mobile hero overlay */
@media (max-width: 768px) {
  html[data-theme="light"] .hero__overlay {
    background: linear-gradient(
      180deg,
      rgba(238,242,245,.95) 0%,
      rgba(238,242,245,.85) 30%,
      rgba(238,242,245,.60) 60%,
      rgba(238,242,245,.82) 100%
    );
  }
}

/* ----------------------------------------------------------------
   6. STACK (storytelling cards — fotos full-bleed)

   A seção stack é uma "dark island" intencional: fotos industriais
   vivem no escuro. Mantém exatamente o mesmo clima do dark mode.
   A transição escuro→claro é feita pelo gradiente de .qs que já
   sobrepõe o fim do stack com rgba(238,242,245,0→.94→#EEF2F5).
   ---------------------------------------------------------------- */
html[data-theme="light"] .stack {
  /* dark island no topo; tail final branco para fundir com o Quem Somos */
  background: linear-gradient(to bottom, #0D1B25 0%, #0D1B25 72%, #EEF2F5 100%);
}

/* Card shadow: levemente mais suave no contexto escuro */
html[data-theme="light"] .scard {
  box-shadow: 0 -18px 48px rgba(0,0,0,.52);
}

/* Foto inativa: mais contraste e saturação para impacto industrial */
html[data-theme="light"] .scard__img {
  filter: grayscale(.28) brightness(.84) contrast(1.06) saturate(.76);
}

/* Foto ativa: cinematográfica — escuros recuperados, saturação viva */
html[data-theme="light"] .scard.is-on .scard__img {
  filter: grayscale(0) brightness(.90) contrast(1.14) saturate(1.22);
}

/* Dots no fundo escuro — revert para o estilo dark (pontinho branco) */
html[data-theme="light"] .stack__dots span {
  background: rgba(255,255,255,.28);
}
html[data-theme="light"] .stack__dots span.on {
  background: var(--green);
  box-shadow: 0 0 14px rgba(141,198,63,.70);
  height: 24px;
}

/* ----------------------------------------------------------------
   7. QUEM SOMOS
   ---------------------------------------------------------------- */
html[data-theme="light"] .qs {
  background: linear-gradient(180deg,
    rgba(238,242,245,0)   0%,
    rgba(238,242,245,0)   clamp(260px,34vh,440px),
    rgba(238,242,245,.88) clamp(360px,46vh,540px),
    #EEF2F5               clamp(440px,56vh,620px));
}
html[data-theme="light"] .qs__banner {
  border-color: #D9E2EC;
  box-shadow: 0 4px 32px rgba(0,0,0,.10),
              0 1px 4px rgba(0,0,0,.04);
}
html[data-theme="light"] .qs__scrim {
  background:
    linear-gradient(90deg,
      rgba(238,242,245,.99)  0%,
      rgba(238,242,245,.96) 24%,
      rgba(238,242,245,.78) 42%,
      rgba(238,242,245,.28) 62%,
      rgba(238,242,245,0)   84%),
    linear-gradient(0deg,
      rgba(238,242,245,.55)  0%,
      rgba(238,242,245,0)   40%);
}
html[data-theme="light"] .qs__title       { color: #0F172A }
html[data-theme="light"] .qs__title .green {
  color: var(--green);
  text-shadow: 0 0 28px rgba(141,198,63,.18);
}
html[data-theme="light"] .qs__desc p      { color: #334155 }
html[data-theme="light"] .qs__eyebrow     { color: var(--green) }
html[data-theme="light"] .qs__bar {
  border-top-color: #D9E2EC;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
html[data-theme="light"] .qs__cell + .qs__cell { border-left-color: rgba(0,0,0,.07) }
html[data-theme="light"] .qs__cell:hover        { background: rgba(0,0,0,.025) }
html[data-theme="light"] .qs__lbl b            { color: #0F172A }
html[data-theme="light"] .qs__lbl span         { color: #64748B }
html[data-theme="light"] .qs__cta {
  color: #0F172A;
  border-color: rgba(141,198,63,.42);
  background: rgba(255,255,255,.88);
  box-shadow: 0 2px 12px rgba(0,0,0,.07),
              inset 0 1px 0 rgba(255,255,255,1);
}
html[data-theme="light"] .qs__cta svg  { color: var(--green) }
html[data-theme="light"] .qs__cta:hover {
  background: #FFFFFF;
  border-color: rgba(141,198,63,.68);
  box-shadow: 0 4px 20px rgba(0,0,0,.09),
              0 0 0 1px rgba(141,198,63,.14),
              inset 0 1px 0 rgba(255,255,255,1);
}

/* Mobile QS overrides
   ATENÇÃO: index.html tem media queries inline com rgba(14,26,36,...)
   hardcoded. Os seletores abaixo têm especificidade maior e ganham. */

/* ── 760px: .qs__scrim inline usa dark rgba → override para claro ─── */
@media (max-width: 760px) {
  html[data-theme="light"] .qs__scrim {
    /* dark mode: 180deg rgba(14,26,36,.72→.86) — substituído */
    background:
      linear-gradient(180deg,
        rgba(238,242,245,.92)  0%,
        rgba(238,242,245,.80) 60%,
        rgba(238,242,245,.64) 100%) !important;
  }
  html[data-theme="light"] .qs__cell:nth-child(3)   { border-left: 0 !important }
  html[data-theme="light"] .qs__cell:nth-child(n+3) {
    border-top: 1px solid rgba(0,0,0,.07) !important;
  }
}

/* ── 768px: .qs background inline usa rgba(14,26,36,...)!important ── */
@media (max-width: 768px) {
  html[data-theme="light"] .qs {
    margin-top: -120px !important;
    padding-top: 140px !important;
    background: linear-gradient(180deg,
      rgba(238,242,245,0)    0%,
      rgba(238,242,245,.80) 72px,
      #EEF2F5 140px) !important;
  }
  html[data-theme="light"] .qs__bar { grid-template-columns: repeat(2,1fr) }
  /* título e desc sobre o banner ficam escuros */
  html[data-theme="light"] .qs__title  { color: #0F172A !important }
  html[data-theme="light"] .qs__desc p { color: #334155 !important }
}

/* ── 460px: .qs__cell+.qs__cell inline tem border-top rgba(fff,.08) ─ */
@media (max-width: 460px) {
  html[data-theme="light"] .qs__bar { grid-template-columns: 1fr !important }
  html[data-theme="light"] .qs__cell + .qs__cell {
    border-left: 0 !important;
    border-top: 1px solid rgba(0,0,0,.07) !important;
  }
}

@media (max-width: 480px) {
  html[data-theme="light"] .qs {
    margin-top: -100px !important; padding-top: 118px !important;
    background: linear-gradient(180deg,
      rgba(238,242,245,0)    0%,
      rgba(238,242,245,.80) 58px,
      #EEF2F5 118px) !important;
  }
}
@media (max-width: 390px) {
  html[data-theme="light"] .qs {
    margin-top: -80px !important; padding-top: 96px !important;
    background: linear-gradient(180deg,
      rgba(238,242,245,0)    0%,
      rgba(238,242,245,.80) 48px,
      #EEF2F5 96px) !important;
  }
}
@media (max-width: 320px) {
  html[data-theme="light"] .qs {
    margin-top: -60px !important; padding-top: 76px !important;
    background: linear-gradient(180deg,
      rgba(238,242,245,0)    0%,
      rgba(238,242,245,.80) 38px,
      #EEF2F5 76px) !important;
  }
}

/* ----------------------------------------------------------------
   8. SEÇÕES — elementos compartilhados
   ---------------------------------------------------------------- */
html[data-theme="light"] .section     { background: #EEF2F5 }
html[data-theme="light"] .section--alt {
  background: linear-gradient(180deg, #F1F5F8 0%, #EEF2F5 100%);
}

/* Separador horizontal */
html[data-theme="light"] .rule {
  background: linear-gradient(90deg,
    transparent,
    rgba(0,0,0,.07) 22%,
    rgba(0,0,0,.07) 78%,
    transparent);
}
html[data-theme="light"] .rule::after {
  background: linear-gradient(90deg,
    transparent, rgba(141,198,63,.36), transparent);
  box-shadow: 0 0 12px rgba(141,198,63,.18);
}

/* Eyebrows e títulos de seção */
html[data-theme="light"] .eyebrow-sm          { color: #64748B }
html[data-theme="light"] .eyebrow-sm::before  { box-shadow: 0 0 7px rgba(141,198,63,.35) }
html[data-theme="light"] .sec-title           { color: #0F172A }
html[data-theme="light"] .sec-title .green    {
  color: var(--green);
  text-shadow: 0 0 24px rgba(141,198,63,.16);
}
html[data-theme="light"] .sec-lead            { color: #334155 }

/* Botão outline genérico */
html[data-theme="light"] .btn-outline {
  color: #0F172A;
  background: #FFFFFF;
  border-color: #D9E2EC;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
html[data-theme="light"] .btn-outline:hover {
  border-color: rgba(141,198,63,.52);
  background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(141,198,63,.18),
              0 4px 14px rgba(0,0,0,.07);
}

/* Setas de carrossel */
html[data-theme="light"] .arrow {
  border-color: #D9E2EC;
  background: #FFFFFF;
  color: #475569;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
html[data-theme="light"] .arrow:hover {
  border-color: rgba(141,198,63,.50);
  background: #FFFFFF;
  color: var(--green);
  box-shadow: 0 2px 12px rgba(0,0,0,.08),
              0 0 0 1px rgba(141,198,63,.14);
}

/* Setas HUD liderança — ficam sobre foto escura → mantêm dark */
html[data-theme="light"] .ldr__hud .arrow {
  border-color: rgba(255,255,255,.26);
  background: rgba(0,0,0,.36);
  color: rgba(255,255,255,.88);
  box-shadow: none;
}
html[data-theme="light"] .ldr__hud .arrow:hover {
  border-color: rgba(141,198,63,.55);
  background: rgba(141,198,63,.20);
  color: var(--green);
}

/* ----------------------------------------------------------------
   9. NOSSAS SOLUÇÕES
   ---------------------------------------------------------------- */
html[data-theme="light"] .cap {
  background: linear-gradient(180deg, #F7F9FA 0%, #F1F5F8 100%);
}
html[data-theme="light"] .cap__title         { color: #0F172A }
html[data-theme="light"] .cap__title .green  {
  color: var(--green);
  text-shadow: 0 0 24px rgba(141,198,63,.16);
}
html[data-theme="light"] .cap__lead          { color: #334155 }

/* sol cards */
html[data-theme="light"] .sol {
  background: #FFFFFF;
  border-color: #D9E2EC;
  box-shadow: 0 1px 2px rgba(0,0,0,.04),
              0 4px 12px rgba(0,0,0,.06);
}
html[data-theme="light"] .sol:hover {
  background: #FFFFFF;
  border-color: rgba(141,198,63,.32);
  box-shadow: var(--lift);
  transform: translateY(-6px);
}
html[data-theme="light"] .sol__title { color: #0F172A }
html[data-theme="light"] .sol__desc  { color: #64748B }
html[data-theme="light"] .sol__icn {
  border-color: rgba(141,198,63,.24);
  background: rgba(141,198,63,.06);
}
html[data-theme="light"] .sol:hover .sol__icn {
  border-color: rgba(141,198,63,.48);
  background: rgba(141,198,63,.11);
}

/* pcard (foto card com overlay) */
html[data-theme="light"] .pcard {
  border-color: #D9E2EC;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
html[data-theme="light"] .pcard:hover {
  border-color: rgba(141,198,63,.35);
  box-shadow: var(--lift);
}
/* texto sobre foto — permanece branco */
html[data-theme="light"] .pcard__title { color: #FFFFFF }
html[data-theme="light"] .pcard__desc  { color: rgba(255,255,255,.80) }

/* Capstats */
html[data-theme="light"] .capstats {
  background: #FFFFFF;
  border-color: #D9E2EC;
  box-shadow: 0 2px 16px rgba(0,0,0,.07),
              inset 0 1px 0 rgba(255,255,255,1);
}
html[data-theme="light"] .capstats__cell:hover              { background: rgba(0,0,0,.02) }
html[data-theme="light"] .capstats__cell + .capstats__cell  { border-left-color: #D9E2EC }
html[data-theme="light"] .capstats__n   { color: #0F172A }
html[data-theme="light"] .capstats__lbl { color: #64748B }
html[data-theme="light"] .capstats__icn svg {
  filter: drop-shadow(0 0 8px rgba(141,198,63,.22));
}

@media (max-width: 860px) {
  html[data-theme="light"] .capstats__cell:nth-child(n+3) {
    border-top: 1px solid #D9E2EC;
  }
}
@media (max-width: 480px) {
  html[data-theme="light"] .capstats__cell + .capstats__cell {
    border-left: 0;
    border-top: 1px solid #D9E2EC;
  }
}

/* capc bento cards */
html[data-theme="light"] .capc {
  background: #FFFFFF;
  border-color: #D9E2EC;
  box-shadow: 0 1px 2px rgba(0,0,0,.04),
              0 4px 12px rgba(0,0,0,.06);
}
html[data-theme="light"] .capc:hover {
  background: #FFFFFF;
  border-color: rgba(141,198,63,.35);
  box-shadow: var(--lift);
}
html[data-theme="light"] .capc__photo { background: #E5ECF3 }
html[data-theme="light"] .capc__title { color: #0F172A }
/* CRÍTICO: desc é rgba branco hardcoded — precisa de override */
html[data-theme="light"] .capc__desc  { color: #475569 }
html[data-theme="light"] .capc__badge {
  background: rgba(255,255,255,.94);
  border-color: rgba(141,198,63,.40);
  color: #334155;
}

/* feature card full-bleed — texto sobre foto permanece branco */
html[data-theme="light"] .capc--feature .capc__title { color: #FFFFFF }
html[data-theme="light"] .capc--feature .capc__desc  { color: rgba(255,255,255,.82) }

/* Cap band */
html[data-theme="light"] .cap__band {
  background: #FFFFFF;
  border-color: #D9E2EC;
  box-shadow: 0 2px 12px rgba(0,0,0,.07),
              inset 0 1px 0 rgba(255,255,255,1);
}
html[data-theme="light"] .cap__band p       { color: #334155 }
html[data-theme="light"] .cap__band-icn {
  border-color: rgba(141,198,63,.26);
  background: rgba(141,198,63,.06);
}
html[data-theme="light"] .cap__band a {
  background: var(--green);
  border-color: var(--green);
  color: #FFFFFF;
  box-shadow: 0 2px 14px rgba(141,198,63,.30);
}
html[data-theme="light"] .cap__band a svg { color: #FFFFFF }
html[data-theme="light"] .cap__band a:hover {
  background: #7ab534; border-color: #7ab534;
  box-shadow: 0 4px 22px rgba(141,198,63,.40);
}

/* ----------------------------------------------------------------
   10. DIFERENCIAIS
   ---------------------------------------------------------------- */
html[data-theme="light"] .diff {
  background: linear-gradient(180deg, #EEF2F5 0%, #E9EEF3 100%);
}
html[data-theme="light"] .diff__title        { color: #0F172A }
html[data-theme="light"] .diff__title .green {
  color: var(--green);
  text-shadow: 0 0 22px rgba(141,198,63,.15);
}
html[data-theme="light"] .diff__desc         { color: #334155 }
html[data-theme="light"] .diff__rule         { box-shadow: 0 0 8px rgba(141,198,63,.20) }

html[data-theme="light"] .diff__btn {
  color: #0F172A;
  border-color: #D9E2EC;
  background: rgba(255,255,255,.80);
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
html[data-theme="light"] .diff__btn:hover {
  background: #FFFFFF;
  border-color: rgba(141,198,63,.52);
  box-shadow: 0 2px 12px rgba(0,0,0,.07),
              0 0 0 1px rgba(141,198,63,.16);
}

/* dcard */
html[data-theme="light"] .dcard {
  background: #FFFFFF;
  border-color: #D9E2EC;
  box-shadow: 0 1px 2px rgba(0,0,0,.04),
              0 4px 12px rgba(0,0,0,.06);
}
html[data-theme="light"] .dcard:hover {
  background: #FFFFFF;
  border-color: rgba(141,198,63,.32);
  box-shadow: var(--lift);
}
html[data-theme="light"] .dcard__photo { background: #E5ECF3 }
html[data-theme="light"] .dcard__title { color: #0F172A }
/* CRÍTICO: desc é rgba branco hardcoded */
html[data-theme="light"] .dcard__desc  { color: #475569 }

/* ----------------------------------------------------------------
   11. NOSSO IMPACTO
   ---------------------------------------------------------------- */
html[data-theme="light"] .imp {
  background: linear-gradient(180deg, #F7F9FA 0%, #F1F5F8 100%);
}
html[data-theme="light"] .imp__title { color: #0F172A }
html[data-theme="light"] .imp__desc  { color: #334155 }

/* icase — fotos full-bleed */
html[data-theme="light"] .icase {
  border-color: #D9E2EC;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
html[data-theme="light"] .icase:hover {
  border-color: rgba(141,198,63,.40);
  box-shadow: var(--lift);
}
/* foto industrial: mais contraste, menos overexposure */
html[data-theme="light"] .icase__media image-slot {
  filter: contrast(1.10) saturate(1.08) brightness(.88);
}
html[data-theme="light"] .icase:hover .icase__media image-slot {
  filter: contrast(1.08) saturate(1.10) brightness(.92);
}
/* texto sobre foto permanece branco */
html[data-theme="light"] .icase__sector { color: #FFFFFF }
html[data-theme="light"] .icase__desc   { color: rgba(255,255,255,.85) }
html[data-theme="light"] .icase__idx    { color: rgba(255,255,255,.32) }

/* ----------------------------------------------------------------
   12. LIDERANÇA
   Seção clara, stage permanece escuro (foto executiva).
   ---------------------------------------------------------------- */
html[data-theme="light"] .ldr {
  background: linear-gradient(180deg, #EEF2F5 0%, #E9EEF3 100%);
}
html[data-theme="light"] .ldr__title        { color: #0F172A }
html[data-theme="light"] .ldr__title .green {
  color: var(--green);
  text-shadow: 0 0 24px rgba(141,198,63,.16);
}
html[data-theme="light"] .ldr__desc         { color: #475569 }

html[data-theme="light"] .ldr__stage {
  border-color: #C8D4DF;
  background: #131C26;
  box-shadow: 0 8px 40px rgba(0,0,0,.18),
              0 2px 8px rgba(0,0,0,.10),
              0 0 0 1px rgba(141,198,63,.07);
}
html[data-theme="light"] .ldr__hud {
  background: linear-gradient(180deg,
    rgba(5,8,16,.55) 0%,
    transparent 100%);
}
html[data-theme="light"] .ldr__count-cur {
  color: var(--green);
  text-shadow: 0 0 14px rgba(141,198,63,.42);
}
html[data-theme="light"] .ldr__count-line {
  background: linear-gradient(90deg,
    rgba(141,198,63,.55),
    rgba(255,255,255,.12));
}

/* lcard: foto full-bleed com veil escuro — texto sempre branco */
html[data-theme="light"] .lcard__name { color: #FFFFFF !important }
html[data-theme="light"] .lcard__role { color: rgba(255,255,255,.82) !important }
html[data-theme="light"] .lcard__bio  { color: rgba(255,255,255,.78) !important }

/* ----------------------------------------------------------------
   13. CTA FINAL
   ---------------------------------------------------------------- */
html[data-theme="light"] .fcta,
html[data-theme="light"] .fcta__card {
  background: #DDE6EE;
}
html[data-theme="light"] .fcta__media image-slot {
  filter: contrast(1.08) saturate(1.06) brightness(.86);
}
html[data-theme="light"] .fcta__veil {
  background: linear-gradient(
    270deg,
    rgba(238,242,245,.96)  0%,
    rgba(238,242,245,.88) 35%,
    rgba(238,242,245,.55) 65%,
    rgba(238,242,245,.10) 100%);
}
html[data-theme="light"] .fcta__title      { color: #111827 }
html[data-theme="light"] .fcta__title .green {
  color: var(--green);
  text-shadow: 0 0 28px rgba(141,198,63,.20);
}
html[data-theme="light"] .fcta__lead       { color: #4B5563 }
html[data-theme="light"] .fcta__phone      { color: #64748B }
html[data-theme="light"] .fcta__phone b    { color: #0F172A }
html[data-theme="light"] .fcta__assure     { color: #64748B }
html[data-theme="light"] .fcta__whats      { color: #475569 }
html[data-theme="light"] .fcta__whats:hover { color: #0F172A }

@media (max-width: 900px) {
  /* Light mode mobile: foto limpa no topo, superfície branca sólida
     embaixo. Transição rápida para não lavar a foto. */
  html[data-theme="light"] .fcta,
  html[data-theme="light"] .fcta__card { background: #F8FAFC }

  html[data-theme="light"] .fcta__veil {
    background: linear-gradient(180deg,
      rgba(248,250,252,.18)  0%,
      rgba(248,250,252,.28) 30%,
      rgba(248,250,252,.96) 54%,
      #F8FAFC               56%);
  }

  html[data-theme="light"] .fcta__glow { background: none }

  /* Texto escuro sobre superfície branca */
  html[data-theme="light"] .fcta__title       { color: #111827 }
  html[data-theme="light"] .fcta__title .green { color: var(--green); text-shadow: none }
  html[data-theme="light"] .fcta__lead         { color: #374151 }
  html[data-theme="light"] .fcta__phone        { color: #4B5563 }
  html[data-theme="light"] .fcta__phone b      { color: #111827 }
}

/* ----------------------------------------------------------------
   14. FOOTER — fundo escuro (âncora visual enterprise)
   Texto re-explicitado pois --faint / --muted mudam em light mode.
   ---------------------------------------------------------------- */
html[data-theme="light"] .footer {
  background: #F1F5F9;
  border-top: 1px solid #D9E2EC;
}
html[data-theme="light"] .footer::before {
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.06), transparent);
}
html[data-theme="light"] .footer__brand p      { color: #64748B }
html[data-theme="light"] .footer__social a     {
  border-color: #CBD5E1;
  color: #64748B;
}
html[data-theme="light"] .footer__social a:hover {
  border-color: rgba(141,198,63,.55);
  color: var(--green);
  background: rgba(141,198,63,.08);
}
html[data-theme="light"] .footer__col h4       { color: #0F172A }
html[data-theme="light"] .footer__col a        { color: #64748B }
html[data-theme="light"] .footer__col a:hover  { color: #0F172A }
html[data-theme="light"] .footer__contact li   { color: #64748B }
html[data-theme="light"] .footer__contact a    { color: #64748B }
html[data-theme="light"] .footer__contact svg  { color: var(--green) }
html[data-theme="light"] .footer__bottom       { border-top-color: #D9E2EC }
html[data-theme="light"] .footer__copy         { color: #94A3B8 }
html[data-theme="light"] .footer__copy p       { color: #64748B }
html[data-theme="light"] .footer__legal a      { color: #64748B }
html[data-theme="light"] .footer__legal span   { color: #CBD5E1 }
html[data-theme="light"] .footer__reg          {
  background: #E2E8F0;
  border-top-color: #CBD5E1;
}
html[data-theme="light"] .footer__reg-inner    { color: #64748B }
html[data-theme="light"] .footer__reg-name     { color: #334155 }
html[data-theme="light"] .footer__reg-inner b  { color: #334155 }
html[data-theme="light"] .footer__reg-sep      { background: #CBD5E1 }

/* ----------------------------------------------------------------
   15. RESPONSIVE — borders hardcoded, mobile overrides
   ---------------------------------------------------------------- */
@media (max-width: 920px) {
  html[data-theme="light"] .feat:nth-child(n+3) {
    border-top: 1px solid #D9E2EC !important;
  }
}
@media (max-width: 768px) {
  html[data-theme="light"] .feat:nth-child(n+3) {
    border-top: 1px solid #D9E2EC !important;
  }
}
@media (max-width: 560px) {
  html[data-theme="light"] .feat + .feat {
    border-top: 1px solid #D9E2EC !important;
    border-left: 0 !important;
  }
}
@media (max-width: 480px) {
  html[data-theme="light"] .feat + .feat {
    border-top: 1px solid #D9E2EC !important;
    border-left: 0 !important;
  }
}