/* =========================================================
   JLA V62 — contraste REAL global + clientes loop contínuo
   28/08/2026
   Carregado por último para prevalecer sobre V59/V60/V61.
   ========================================================= */

/* 1) TÍTULOS/OVERLINES EM ÁREAS ESCURAS — NUNCA navy sobre navy. */
.company-pillars-section .eyebrow,
.method-section .eyebrow,
.final-cta .eyebrow,
.page-hero-premium .eyebrow,
.contact-panel .eyebrow,
.location-premium-section .eyebrow,
.remote-access-hero .eyebrow,
.hero-premium .eyebrow {
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#eef6fc !important;
  text-shadow:0 1px 1px rgba(0,0,0,.16) !important;
}
.company-pillars-section .eyebrow::before,
.method-section .eyebrow::before,
.final-cta .eyebrow::before,
.page-hero-premium .eyebrow::before,
.contact-panel .eyebrow::before,
.location-premium-section .eyebrow::before,
.remote-access-hero .eyebrow::before,
.hero-premium .eyebrow::before {
  background:#a9c9df !important;
  opacity:1 !important;
}

/* Reabre o respiro que V60/V61 zeravam após esconder os microtítulos. */
.company-pillars-section .section-heading h2,
.method-section .method-copy h2,
.final-cta h2 { margin-top:14px !important; }

/* 2) TEXTOS DE BLOCOS ESCUROS — contraste consistente em TODAS as telas. */
.company-pillars-section h2,
.company-pillars-section h3,
.method-section h2,
.method-section h3,
.final-cta h2,
.final-cta h3,
.page-hero-premium h1,
.page-hero-premium h2,
.contact-panel h1,
.contact-panel h2,
.contact-panel h3,
.remote-access-hero h1,
.remote-access-hero h2,
.location-premium-section h2,
.footer h2,
.footer h3,
.footer .footer-column > span {
  color:#ffffff !important;
  opacity:1 !important;
}
.company-pillars-section p,
.method-section p,
.final-cta p,
.page-hero-premium p,
.contact-panel p,
.remote-access-hero p,
.location-premium-section p,
.footer p,
.footer a:not(.footer-portal-button) {
  color:#d9e6ef !important;
  opacity:1 !important;
}

/* 3) CARDS ESCUROS — fundo separado, título branco e descrição clara. */
.company-pillars-grid article,
.company-pillars-grid--clean article,
.method-capability-panel article {
  background:linear-gradient(145deg,#2b526f 0%,#203e5b 50%,#1a344f 100%) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  color:#fff !important;
  box-shadow:0 16px 38px rgba(6,18,31,.18) !important;
}
.company-pillars-grid article h3,
.company-pillars-grid--clean article h3,
.method-capability-panel article h3 {
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.10) !important;
}
.company-pillars-grid article p,
.company-pillars-grid--clean article p,
.method-capability-panel article p {
  color:#dce8f1 !important;
  opacity:1 !important;
}

/* 4) ÍCONES DOS CARDS ESCUROS — superfície clara para eliminar preto no preto. */
.company-pillars-grid article > div,
.company-pillars-grid--clean article > div,
.method-capability-panel article > div {
  background:#f4f8fb !important;
  border:1px solid rgba(255,255,255,.72) !important;
  color:#1a344f !important;
  box-shadow:0 8px 22px rgba(4,20,37,.18) !important;
}
.company-pillars-grid article > div svg,
.company-pillars-grid--clean article > div svg,
.method-capability-panel article > div svg,
.company-pillars-grid .company-pillar-icon,
.method-capability-panel .method-capability-icon {
  color:#1a344f !important;
  stroke:currentColor !important;
  opacity:1 !important;
  filter:none !important;
}

/* 5) Outros ícones em superfícies escuras ficam claros. */
.final-cta svg,
.page-hero-premium svg,
.contact-panel svg,
.remote-access-hero svg,
.location-premium-section svg,
.footer svg {
  color:#f4f8fb !important;
  stroke:currentColor !important;
  opacity:1 !important;
  filter:none !important;
}

/* Botões claros continuam claros; não deixar regra acima inverter o ícone. */
.button--light,
.button--light * { color:#1a344f !important; }
.button--light svg { stroke:currentColor !important; }

/* 6) CTA "PRÓXIMO MOVIMENTO" — leitura premium. */
.final-cta .eyebrow {
  color:#eaf4fb !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
}
.final-cta .eyebrow::before { background:#9fc4db !important; }
.final-cta-actions > a:last-child,
.final-cta-actions > a:last-child span,
.final-cta-actions > a:last-child small {
  color:#fff !important;
  opacity:1 !important;
}

/* 7) CLIENTES — o movimento passa a ser controlado por JS, sem pausa e sem CSS conflitante. */
.client-marquee-shell {
  overflow:hidden !important;
  touch-action:pan-y !important;
}
.client-marquee-track {
  display:flex !important;
  width:max-content !important;
  animation:none !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
}
.client-marquee-group,
.client-marquee-group[aria-hidden="true"] {
  display:flex !important;
  flex:0 0 auto !important;
}

/* 8) TECNOLOGIAS MOBILE — EXATAMENTE 3 POR LINHA. */
@media (max-width:900px) {
  .site-body .technology-section .technology-cloud.technology-cloud--brands {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    align-items:stretch !important;
  }
  .site-body .technology-section .technology-chip.technology-chip--brand {
    min-width:0 !important;
    width:100% !important;
    min-height:104px !important;
    padding:10px 7px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    background:#fff !important;
    border:1px solid #d9e4ed !important;
  }
  .site-body .technology-section .technology-chip.technology-chip--brand > div {
    width:100% !important;
    height:34px !important;
    min-height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 0 7px !important;
    background:#f3f7fa !important;
    border-radius:9px !important;
  }
  .site-body .technology-section .technology-chip.technology-chip--brand img {
    width:auto !important;
    max-width:58px !important;
    height:auto !important;
    max-height:25px !important;
    object-fit:contain !important;
    filter:none !important;
    opacity:1 !important;
  }
  .site-body .technology-section .technology-chip.technology-chip--brand b {
    color:#1a344f !important;
    font-size:8px !important;
    line-height:1.2 !important;
    text-align:center !important;
    overflow-wrap:anywhere !important;
  }
  .site-body .technology-section .technology-chip.technology-chip--brand small {
    color:#2f7180 !important;
    background:#eef7f7 !important;
    font-size:6.2px !important;
    line-height:1.15 !important;
    text-align:center !important;
    width:100% !important;
    padding:3px 2px !important;
    margin-top:auto !important;
    overflow-wrap:anywhere !important;
  }

  /* microtítulos continuam visíveis no mobile, agora com cor clara */
  .company-pillars-section .section-heading .eyebrow,
  .method-section .method-copy .eyebrow,
  .final-cta .eyebrow {
    display:inline-flex !important;
    color:#eef6fc !important;
  }
}

@media (max-width:420px) {
  .site-body .technology-section .technology-cloud.technology-cloud--brands { gap:6px !important; }
  .site-body .technology-section .technology-chip.technology-chip--brand {
    min-height:98px !important;
    padding:8px 5px !important;
  }
  .site-body .technology-section .technology-chip.technology-chip--brand img {
    max-width:50px !important;
    max-height:22px !important;
  }
  .site-body .technology-section .technology-chip.technology-chip--brand b { font-size:7.2px !important; }
  .site-body .technology-section .technology-chip.technology-chip--brand small { font-size:5.7px !important; }
}