/*
Theme Name: Hello Elementor Child — ALTI
Theme URI: https://altitecnologia.com
Description: Tema-filho do Hello Elementor com as regras de CSS globais da ALTI (identidade dark "centro de operações"). Sobrevive a atualizações do tema pai.
Author: ALTI Tecnologia
Template: hello-elementor
Version: 1.0.8
Text Domain: hello-alti-child
*/

/* ============================================================
   VARIÁVEIS E REGRAS GLOBAIS DA ALTI — valem para o SITE TODO
   ============================================================ */
:root{
  --bg:#060C13;
  --panel:#0B1622;
  --panel-2:#08131F;
  --blue:#2E7DFF;
  --blue-glow:rgba(46,125,255,.45);
  --green:#16C784;
  --ink:#E8F0F8;
  --soft:#8CA3B8;
  --dim:#54687C;
  --line:#13202E;
  --term-line:#1C2B3C;
  --term-bg:#070E16;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --body:'IBM Plex Sans',system-ui,sans-serif;
  --display:'Archivo',system-ui,sans-serif;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-soft:cubic-bezier(.4,0,.2,1);
}

html{color-scheme:dark}
html,body{overflow-x:hidden;max-width:100%}

/* exemplo de regras globais — ajuste/expanda conforme quiser que valha no site todo */
/* (deixe aqui só o que deve ser GLOBAL; o CSS específico de cada página continua no template dela) */

/* ============================================================
   LIMPEZA DE RASTROS DO TEMA/ELEMENTOR — vale no site todo
   Vence o elementor-kit (.elementor-kit-6) por especificidade.
   ============================================================ */

/* títulos voltam para a fonte da ALTI (Archivo), não a Lufga do kit */
.elementor-kit-6 h1, .elementor-kit-6 h2, .elementor-kit-6 h3,
body.alti-dark h1, body.alti-dark h2, body.alti-dark h3,
body.alti-home h1, body.alti-home h2, body.alti-home h3,
body.pg-solucao h1, body.pg-solucao h2, body.pg-solucao h3,
body.pg-setor h1, body.pg-setor h2, body.pg-setor h3{
  font-family: var(--display) !important;
}

/* corpo de texto na fonte da ALTI */
body.alti-dark, body.alti-dark p, body.alti-dark li, body.alti-dark a,
body.alti-home, body.pg-solucao, body.pg-setor{
  font-family: var(--body);
}
body.alti-dark .term, body.alti-dark .term *, body.alti-dark .mono, body.alti-dark code{
  font-family: var(--mono) !important;
}

/* matar wrappers/margens do Hello que criam espaço indevido */
body.alti-dark .site-main,
body.alti-dark #content,
body.alti-dark .site{
  margin:0 !important; padding:0 !important; max-width:none !important;
}

/* garantir fundo dark mesmo se o Hello/Elementor tentar clarear */
body.alti-dark{ background:var(--bg) !important; color:var(--ink); }

/* neutralizar cores de link/botão herdadas do kit dentro do nosso conteúdo */
body.alti-dark a{ color:inherit; }
body.alti-dark .btn-primary{ color:#fff !important; }

/* esconder elementos de header/footer do Elementor se aparecerem (usamos os nossos) */
body.alti-dark .elementor-location-header,
body.alti-dark .elementor-location-footer{ display:none !important; }

/* ============================================================
   RASTROS FINOS — CTA, skip link, links (onde o template ALTI roda)
   ============================================================ */

/* CTAs: texto branco no primary (estava azul sobre azul, herdado do Elementor) */
body.alti-dark .btn-primary,
body.alti-home .btn-primary,
body.pg-solucao .btn-primary,
body.pg-setor .btn-primary{ color:#fff !important; }

/* botão ghost e links de ação na cor certa */
body.alti-dark .btn-ghost{ color:var(--ink) !important; }
body.alti-dark .btn{ text-shadow:none !important; }

/* skip link: invisível até receber foco por teclado (não pode aparecer como tarja) */
body.alti-dark .skip-link{
  position:absolute !important; left:-9999px !important; top:auto !important;
  width:1px !important; height:1px !important; overflow:hidden !important;
  white-space:nowrap !important;
}
body.alti-dark .skip-link:focus{
  left:0 !important; top:0 !important; width:auto !important; height:auto !important;
  overflow:visible !important; z-index:200 !important;
  background:var(--blue) !important; color:#fff !important; padding:12px 20px !important;
}

/* links do corpo não herdam o azul-Elementor */
body.alti-dark a{ color:inherit; }

/* ============================================================
   CORREÇÕES FINAIS v1.0.4 — vencem o Elementor kit
   ============================================================ */

/* H1/H2/H3: cor clara e fonte ALTI (vence .elementor-kit-6) */
body.elementor-kit-6.alti-dark h1, body.elementor-kit-6.alti-dark h2, body.elementor-kit-6.alti-dark h3,
body.alti-dark .hero h1, body.alti-dark .block h2, body.alti-dark .block h3,
body.alti-home h1, body.alti-home h2, body.pg-solucao h1, body.pg-solucao h2,
body.pg-setor h1, body.pg-setor h2{
  font-family: var(--display) !important;
  color: var(--ink) !important;
}
/* palavras com gradiente verde mantêm o verde */
body.alti-dark .gr, body.alti-home .gr, body.pg-solucao .gr, body.pg-setor .gr{ color: var(--green) !important; }
/* texto "vazado" (.out) preserva o efeito outline — NÃO forçar cor sólida */

/* SKIP LINK: esconder por href E por classe (robusto), só aparece no foco por teclado */
body a.skip-link,
body a[href="#conteudo"],
body a[href="#main"]{
  position:absolute !important; left:-9999px !important; top:auto !important;
  width:1px !important; height:1px !important; overflow:hidden !important;
  clip:rect(0 0 0 0) !important; white-space:nowrap !important;
}
body a.skip-link:focus,
body a[href="#conteudo"]:focus,
body a[href="#main"]:focus{
  position:fixed !important; left:12px !important; top:12px !important;
  width:auto !important; height:auto !important; overflow:visible !important; clip:auto !important;
  z-index:9999 !important; background:var(--blue) !important; color:#fff !important; padding:12px 20px !important; border-radius:6px !important;
}

/* CTAs: texto branco no primary (estava herdando azul do Elementor) */
body.alti-dark .btn-primary, body.alti-home .btn-primary, body.pg-solucao .btn-primary, body.pg-setor .btn-primary{ color:#fff !important; }
body.alti-dark .btn-ghost{ color:var(--ink) !important; }

/* reforço: a cor do título vem de -webkit-text-fill-color (Elementor usa isso). Tratar base + spans */
body.elementor-kit-6.alti-dark .hero h1,
body.elementor-kit-6.alti-dark .block h2,
body.alti-dark .hero h1, body.alti-dark .block h2{
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}
/* .out preserva o vazado (transparente + stroke) */
/* .gr mantém verde */
body.alti-dark .gr, body.alti-home .gr{ color:var(--green) !important; -webkit-text-fill-color:var(--green) !important; -webkit-text-stroke:0 !important; }

/* ============================================================
   DESTAQUE UNIFICADO — uma só forma de destacar: VERDE sólido
   (.out deixa de ser "vazado" e fica verde, igual a .gr)
   ============================================================ */
body.alti-dark .out, body.alti-home .out, body.pg-solucao .out, body.pg-setor .out,
body.alti-dark .hero h1 .out, body.alti-dark .block h2 .out{
  color: var(--green) !important;
  -webkit-text-fill-color: var(--green) !important;
  -webkit-text-stroke: 0 !important;
}