/* ══════════════════════════════════════════════════════════════════════
   LOJALINE — azul da plataforma nas páginas interiores
   (/sobre, /portfolio, /tech, /academy, /contacto, /orcamento)
   O dono: «o azul está ótimo — leva-o também às outras páginas».
   Método: as páginas usam as mesmas variáveis do resto do site, por isso
   inverte-se a paleta pelas variáveis e só se corrige à mão o que estava
   escrito com cores fixas. As capturas de ecrã (mockups) continuam brancas,
   porque são imagens de produtos.
   ══════════════════════════════════════════════════════════════════════ */
:root{
  --tx:#FFFFFF;                       /* texto principal (era #0B1526) */
  --black:rgba(255,255,255,.035);     /* fundo de secção (era #ffffff) */
  --dark:rgba(255,255,255,.05);       /* fundo alternado (era #F7FAFE) */
  --charcoal:rgba(255,255,255,.075);  /* cartões (era #ffffff) */
  --charcoal-lt:rgba(255,255,255,.14);
  --silver:rgba(255,255,255,.66);     /* texto secundário */
  --silver-lt:rgba(255,255,255,.85);
  --blue-lt:#9ADBFF;                  /* realces (era azul escuro) */
  --tx-2:rgba(255,255,255,.84);       /* texto secundário */
  --gray-lt:rgba(255,255,255,.8);
  --gray:rgba(255,255,255,.76);       /* texto de apoio */
  --blue:#005EF0;                     /* mantém-se para os botões */
  --blue-txt:#8CC9FF;                 /* azul para texto sobre o fundo escuro */
}

/* ── o ecrã de abertura e as secções deixam ver o azul ───────────────── */
#pgLoad{background:#142A52!important;color:#fff!important}
#pgLoad .pg-brand{color:#fff!important}
.summary-section,
.sec{background:transparent!important}

/* ── /sobre ───────────────────────────────────────────────────────────── */
.sobre-stats-sec,.sobre-socials-sec,.timeline-sec,.mvv-sec{background:transparent!important}
.ss-card,.sobre-social-link,.hist-card,.mvv-card,.mvv-grid>div{background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(6px)}

/* ── /portfolio ──────────────────────────────────────────────────────── */
.port-nl-strip{background:rgba(255,255,255,.06)!important}
/* as molduras de browser/telefone continuam claras: são as capturas */
.gal-screen,.gal-phone-screen,.preview-desktop,.preview-desktop-url,
.preview-mobile-screen,.pmock-nav,.gal-bar-url,.lightbox-stage,
.tpl-preview-screen{background:#fff!important;color:#0B1526!important}

/* ── /tech ───────────────────────────────────────────────────────────── */
.tech-social-btn{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.hstat-card,.comp-item,.tl-item{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.14)!important}

/* ── /academy ────────────────────────────────────────────────────────── */
.article-card{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.14)!important}

/* ── /contacto e /orcamento ──────────────────────────────────────────── */
.info-card,.guia-card,.news-card,.plan-card,.preco-card{background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.14)!important}
.info-card i{color:#9ADBFF!important}
.orcampos input,.orcampos textarea,.orcamento-sec input,.orcamento-sec textarea,
.contacto-sec input,.contacto-sec textarea,.wpp-input-wrap input{
  background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}
.orcampos input::placeholder,.orcampos textarea::placeholder,
.contacto-sec input::placeholder,.contacto-sec textarea::placeholder{color:rgba(255,255,255,.6)!important}

/* ── botões secundários (contorno) sobre o azul ──────────────────────── */
.btn-ghost,.btn-outline{color:#fff!important;border-color:rgba(255,255,255,.4)!important;
  background:rgba(255,255,255,.1)!important}
.btn-ghost:hover,.btn-outline:hover{border-color:#fff!important;background:rgba(255,255,255,.18)!important}
/* ── barra de navegação: continua branca com texto escuro (excepção) ──── */
.navbar,.navbar-inner,body>nav{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(10px)}
.navbar a,.navbar .nav-links a,body>nav a{color:#0B1526!important}
.navbar .nav-links a.active,body>nav a.active{color:#005EF0!important}
.navbar .nav-links a:hover,body>nav a:hover{color:#005EF0!important}
.navbar .nav-cta,.nav-cta{color:#fff!important;background:#0B5CF6!important}

/* ── pastilhas de filtro (/portfolio, /academy) ───────────────────────── */
.filter-chip,.filter-btn,.gal-toggle-btn{background:rgba(255,255,255,.12)!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.24)!important}
.filter-chip.active,.filter-btn.active,.gal-toggle-btn.active{
  background:#fff!important;color:#0B1733!important;border-color:#fff!important}
/* ── realces com cor própria (pastilhas e redes) continuam coloridos ──── */
.cont-soc-btn{color:#fff!important}
.cont-soc-btn.ig{background:rgba(225,48,108,.22)!important;border-color:rgba(225,48,108,.5)!important}
.cont-soc-btn.fb{background:rgba(24,119,242,.22)!important;border-color:rgba(24,119,242,.5)!important}
.ac-cat{background:rgba(248,113,113,.16)!important;color:#FFB4B4!important;border-color:rgba(248,113,113,.4)!important}
.muted,.ptxt,#lightboxMsg{color:rgba(255,255,255,.8)!important}
/* /tech — cartões de destaque: os gradientes escuros por item (#1a0505…) davam
   um cartão castanho no meio do azul. Ficam em vidro; a cor vive no ícone. */
.dif-car-slide,.dif-car-slide.col-r,.dif-car-slide.col-g,.dif-car-slide.col-b{
  background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.14)!important;
  background-image:none!important}