/* =========================================================
   JLA V61 — Contraste global (desktop + tablet + mobile)
   Remove elementos "preto no preto" e padroniza leitura
   28/08/2026
   ========================================================= */

/* Micro-rótulos que ficavam quase invisíveis em blocos escuros. */
.company-pillars-section .section-heading .eyebrow,
.final-cta .eyebrow,
.method-section .method-copy > .eyebrow {
  display: none !important;
}

.company-pillars-section .section-heading h2,
.final-cta h2,
.method-section .method-copy h2 {
  margin-top: 0 !important;
}

/* Pilares A JLA — contraste forte em qualquer resolução. */
.company-pillars-grid article,
.company-pillars-grid--clean article {
  background: linear-gradient(145deg, #244766 0%, #1a344f 100%) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: 0 18px 42px rgba(4,18,32,.18) !important;
  color: #fff !important;
}
.company-pillars-grid article > div,
.company-pillars-grid--clean article > div {
  background: #2f6187 !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 22px rgba(0,0,0,.12) !important;
}
.company-pillars-grid .company-pillar-icon,
.company-pillars-grid article > div svg,
.company-pillars-grid--clean article > div svg {
  color: #fff !important;
  fill: none !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}
.company-pillars-grid h3,
.company-pillars-grid--clean h3 {
  color: #fff !important;
  opacity: 1 !important;
}
.company-pillars-grid p,
.company-pillars-grid--clean p {
  color: #dce7f0 !important;
  opacity: 1 !important;
}

/* Cards do método/estruturação — elimina navy sobre navy. */
.method-capability-panel article,
.process-list article {
  color: #fff !important;
}
.method-capability-panel article {
  background: linear-gradient(145deg, #244766 0%, #1a344f 100%) !important;
  border-color: rgba(255,255,255,.16) !important;
}
.method-capability-panel article > div,
.process-icon {
  background: #2f6187 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #fff !important;
}
.method-capability-panel article > div svg,
.method-capability-icon,
.process-icon svg,
.process-svg {
  color: #fff !important;
  fill: none !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}
.method-capability-panel h3,
.process-list h3 {
  color: #fff !important;
}
.method-capability-panel p,
.process-list p {
  color: #d8e4ee !important;
}
.process-list article > span {
  color: #b9d5ea !important;
}

/* CTA escuro: nada de texto ou ícone sem contraste. */
.final-cta,
.final-cta * {
  --dark-card-text: #fff;
}
.final-cta h2,
.final-cta h3,
.final-cta p,
.final-cta-actions > a:last-child,
.final-cta-actions > a:last-child span,
.final-cta-actions > a:last-child small {
  color: #fff !important;
}
.final-cta svg,
.final-cta .cta-whatsapp-icon,
.final-cta .button-icon {
  color: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Cards flutuantes do hero principal — leitura garantida. */
.hero-media .floating-card {
  background: rgba(255,255,255,.97) !important;
  color: #1a344f !important;
}
.hero-media .floating-card small { color: #617990 !important; }
.hero-media .floating-card b { color: #132b42 !important; }
.hero-media .floating-card .floating-icon {
  background: #eaf1f7 !important;
  color: #1a344f !important;
  stroke: currentColor !important;
}
.hero-media .floating-card--response strong {
  background: #1a344f !important;
  color: #fff !important;
}
.hero-media .floating-card--response span { color: #405b75 !important; }

/* Áreas naturalmente escuras: SVGs não herdam mais navy escuro por acidente. */
.company-pillars-section svg,
.method-section svg,
.support-downloads-section svg,
.remote-access-hero svg,
.location-premium-section svg,
.contact-panel svg,
.footer svg {
  stroke: currentColor !important;
}

/* Tecnologias sempre em superfície clara, inclusive desktop. */
.technology-chip,
.technology-chip--brand {
  background: #fff !important;
  color: #132940 !important;
}
.technology-chip > div,
.technology-chip--brand > div {
  background: #f5f8fb !important;
}
.technology-chip img,
.technology-chip--brand img {
  filter: none !important;
  opacity: 1 !important;
}
.technology-chip b,
.technology-chip--brand b { color: #132940 !important; }
.technology-chip small,
.technology-chip--brand small { color: #287c72 !important; }

/* Rodapé e Portal do Cliente: texto/ícones sempre claros. */
.footer .footer-portal-button,
.footer .footer-portal-button * {
  color: #fff !important;
}
.footer .footer-portal-button svg {
  color: #fff !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

/* Segurança extra contra opacity herdada em ícones e títulos. */
.company-pillars-grid svg,
.method-capability-panel svg,
.process-list svg,
.final-cta svg,
.footer-portal-button svg {
  opacity: 1 !important;
}