/* =========================================================
   Cortexis Tech — páginas internas
   Carregado depois de style.css e cx.css: leva o formato novo
   (tipografia, botões, cabeçalho de página, faixa de contato)
   aos componentes que as páginas já usam.
   ========================================================= */
body.cx.inner{
  --font-display:var(--sans);
  --font-body:var(--sans);
  --font-mono:var(--mono);
  --wrap:1440px;
  --void:#ffffff;
  --blue:#174a66;
  background:var(--bg);
  line-height:1.6;
}
.inner .wrap{max-width:var(--wrap);padding-left:var(--gutter);padding-right:var(--gutter)}
.inner h1,.inner h2,.inner h3{font-weight:400;letter-spacing:-.025em}
.inner h1 em,.inner h2 em,.inner .section-title em{color:var(--cyan);font-weight:400}

/* cabeçalho de cada página */
.inner .page-hero{
  padding:clamp(150px,16vw,220px) 0 clamp(64px,8vw,110px);
  background:radial-gradient(ellipse 60% 70% at 88% 25%,rgb(var(--cyan-rgb)/.12),transparent 70%),var(--bg);
  border-bottom:1px solid var(--line);
}
.inner .page-hero h1.section-title{font-size:clamp(3rem,5.8vw,5rem);font-weight:300;letter-spacing:-.045em;line-height:.98;max-width:15ch;margin:0 0 .35em}
.inner .page-hero .section-sub{font-size:clamp(16px,1.3vw,19px);max-width:56ch;color:var(--muted);line-height:1.7}
.inner .eyebrow{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);margin-bottom:28px;gap:12px}
.inner .eyebrow-dot{width:28px;background:var(--cyan)}

.inner .back-link{display:flex;width:max-content;margin-bottom:36px;font-size:12px;letter-spacing:.06em;color:var(--muted)}
.inner .back-link:hover{color:var(--cyan)}

/* títulos de seção */
.inner .section-title{font-weight:300;font-size:clamp(2rem,4.2vw,3.8rem);letter-spacing:-.04em;line-height:1.04}
.inner .section-sub{color:var(--muted)}

/* divisória */
.inner .divider span{width:auto;max-width:none;margin:0 var(--gutter)}
.inner .divider span::after{box-shadow:none;left:0}

/* botões antigos no formato novo */
.inner .btn{border-radius:999px;padding:1.05em 1.7em;font-size:14px;font-weight:500}
.inner .btn:hover{transform:none}
.inner .btn-primary{background:var(--solid-bg);color:var(--solid-fg);border-color:var(--solid-bg)}
.inner .btn-primary:hover{background:var(--cyan);border-color:var(--cyan);color:var(--on-accent)}
.inner .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.inner .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.inner .btn-small{padding:.8em 1.25em;font-size:13px}

/* faixa de contato no fim das páginas: mesmo fechamento da home */
.inner .contact-cta{background:var(--navy);color:#fff;padding:clamp(96px,12vw,170px) 0}
.inner .contact-cta .section-title{color:#fff;font-size:clamp(2.4rem,4.8vw,4rem);max-width:16ch}
.inner .contact-cta .section-sub{color:rgba(255,255,255,.72)}
.inner .contact-cta-inner{align-items:flex-end;gap:40px}
.inner .contact-cta .btn-primary{background:#fff;color:var(--navy);border-color:#fff}
.inner .contact-cta .btn-primary:hover{background:var(--cyan);color:var(--on-accent);border-color:var(--cyan)}
.inner .divider:has(+ .contact-cta),.inner .page-hero + .divider{display:none}

/* corpo das páginas */
.inner .page-body{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(72px,9vw,120px)}
.inner p{color:var(--muted)}
.inner strong{color:var(--ink);font-weight:500}

/* cartão em destaque (MED-SIM) */
.inner .portfolio-card-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:clamp(28px,4vw,64px);align-content:center;padding-bottom:clamp(24px,3vw,40px);margin-bottom:clamp(8px,2vw,24px);border-bottom:1px solid var(--line)}
.inner .portfolio-card-feature .portfolio-thumb{grid-column:1;grid-row:1 / span 6;margin:0;align-self:start;box-shadow:0 40px 90px -45px rgba(23,74,102,.35)}
.inner .portfolio-card-feature > :not(.portfolio-thumb){grid-column:2}
.inner .portfolio-card-feature .portfolio-tag{align-self:end;color:var(--cyan)}
.inner .portfolio-card-feature h3{font-size:clamp(28px,3.4vw,44px);font-weight:300;letter-spacing:-.04em}
.inner .portfolio-card-feature p{font-size:16px}
.inner .portfolio-grid:has(.portfolio-card-feature){justify-content:stretch;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
@media (max-width:760px){.inner .portfolio-card-feature{grid-template-columns:1fr}.inner .portfolio-card-feature .portfolio-thumb,.inner .portfolio-card-feature > :not(.portfolio-thumb){grid-column:1;grid-row:auto}.inner .portfolio-card-feature .portfolio-thumb{margin-bottom:20px}}

/* ---------- tema escuro: variáveis e fundos fixos herdados do style.css ---------- */
html[data-theme="dark"] body.cx.inner{
  --void:var(--bg); --panel:var(--bg2); --panel-2:var(--bg3);
  --blue:#7fdbe8; --silver:var(--muted);
  --home-ink:var(--ink); --home-muted:var(--muted); --home-blue:#7fdbe8; --home-accent:var(--cyan); --home-line:var(--line);
}
html[data-theme="dark"] .inner .contact-cta{background:var(--bg2);border-top:1px solid var(--line)}
html[data-theme="dark"] .inner .contact-cta .btn-primary{background:var(--solid-bg);color:var(--solid-fg);border-color:var(--solid-bg)}
html[data-theme="dark"] .inner .services,html[data-theme="dark"] .inner .contact,
html[data-theme="dark"] .inner .service-guide,html[data-theme="dark"] .inner .home-cta,
html[data-theme="dark"] .inner .product-section,html[data-theme="dark"] .inner .service-bridge{background:var(--bg)}
html[data-theme="dark"] .inner .card,html[data-theme="dark"] .inner .node-dot,html[data-theme="dark"] .inner .social-icon,
html[data-theme="dark"] .inner .contact-form,html[data-theme="dark"] .inner .ops-module,html[data-theme="dark"] .inner .ops-feature-alt,
html[data-theme="dark"] .inner .ops-mobile,html[data-theme="dark"] .inner .ff-gallery-section,html[data-theme="dark"] .inner .service-guide-feature,
html[data-theme="dark"] .inner .product-panel-image{background:var(--bg2)}
html[data-theme="dark"] .inner .card:hover,html[data-theme="dark"] .inner .service-choice:hover,html[data-theme="dark"] .inner .service-guide-feature:hover,
html[data-theme="dark"] .inner .service-guide-support:hover,html[data-theme="dark"] .inner .contact-info a:hover .social-icon,
html[data-theme="dark"] .inner .social-links a:hover .social-icon{background:var(--bg3);border-color:var(--line2)}
html[data-theme="dark"] .inner .portfolio-thumb{background:var(--bg3)}
html[data-theme="dark"] .inner .contact-form input,html[data-theme="dark"] .inner .contact-form select,html[data-theme="dark"] .inner .contact-form textarea{background:var(--bg3);color:var(--ink);border-color:var(--line2)}
html[data-theme="dark"] .inner .ops-shot-hero{background:linear-gradient(180deg,var(--bg2) 0%,var(--bg2) 62%,var(--bg) 62%)}
html[data-theme="dark"] .inner .ops-frame img{background:var(--bg2);border-color:var(--line)}
html[data-theme="dark"] .inner .home-product-modules li{border-color:var(--line2);color:var(--cyan)}
html[data-theme="dark"] .inner .portfolio-card-feature .portfolio-thumb{box-shadow:0 40px 90px -45px rgba(79,211,226,.2)}

/* faixa de segurança da página Produtos: texto legível e fundo correto no tema escuro */
.inner .product-trust{background:var(--navy)}
.inner .product-trust-grid p{color:rgba(255,255,255,.78)}
html[data-theme="dark"] .inner .product-trust{background:var(--bg2);border-block:1px solid var(--line)}
html[data-theme="dark"] .inner .product-trust-grid p{color:var(--muted)}

/* faixa final: título mais largo e respiro até o subtítulo */
.inner .contact-cta .section-title{max-width:20ch}
.inner .contact-cta .section-sub{margin-top:20px}

/* serviços sob medida no mesmo formato tipográfico do restante do site */
.inner .service-guide-heading h2{font-size:clamp(28px,3.4vw,44px);font-weight:300;letter-spacing:-.035em;line-height:1.08}
.inner .service-guide-heading > div > p{font-size:15px}
.inner .service-choice h3{font-size:clamp(22px,2vw,28px);font-weight:300;letter-spacing:-.03em;line-height:1.1}
.inner .service-choice > p{font-size:15px;line-height:1.55}
.inner .service-feature-copy strong{font-size:clamp(22px,2vw,28px);font-weight:300;letter-spacing:-.03em}
.inner .service-support-copy strong{font-size:clamp(19px,1.6vw,22px);font-weight:400;letter-spacing:-.02em}
.inner .service-feature-copy > span:last-child,.inner .service-support-copy > span:last-child{font-size:15px;line-height:1.55}
.inner .service-choice-link,.inner .service-feature-link{font-size:13px}

/* marcas próprias dos produtos */
.inner .product-mark-sm{width:40px;height:40px;margin-bottom:14px}
.inner .ops-word{font-weight:500}
.inner .product-mark-tile{background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px}

/* app secundário na página Produtos */
.inner .product-secondary-head{margin-top:24px;padding-top:40px;border-top:1px solid var(--line);display:grid;gap:6px}
.inner .product-secondary-head .home-section-label{margin:0}
.inner .product-secondary-head p:last-child{margin:0;font-size:15px}
.inner .product-panel-secondary{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:48px}
.inner .product-panel-secondary h3{font-size:clamp(24px,2.2vw,30px)}
@media (max-width:900px){.inner .product-panel-secondary{grid-template-columns:1fr}}
.inner .product-mark[src*="cortexis-ops-icone"]{border-radius:15px;box-shadow:0 0 0 1px var(--line2)}
.inner .product-mark-sm[src*="cortexis-ops-icone"]{border-radius:10px}