/* Páginas comerciais indexáveis: compartilham a paleta institucional VexInc. */
html:has(.seo-body) { scroll-behavior:smooth; }
body.seo-body { height:auto; min-height:100vh; overflow-x:hidden; overflow-y:auto; background:radial-gradient(ellipse at 70% 8%,rgba(54,65,148,.24),transparent 42%),#05070f; }
.seo-site-header .header-inner { gap:24px; }
.seo-header-nav { margin-left:auto; display:flex; gap:26px; align-items:center; font-size:.82rem; font-weight:600; color:var(--text-2); }
.seo-header-nav a:hover { color:var(--cyan); }
.seo-header-nav .seo-header-cta { color:#eef2ff; border:1px solid rgba(140,160,255,.3); background:rgba(91,158,255,.13); border-radius:10px; padding:11px 15px; }
.seo-main { width:min(1140px,calc(100% - 48px)); padding:118px 0 70px; margin:auto; }
.seo-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:11px; font-size:.76rem; color:var(--muted); margin-bottom:30px; }
.seo-breadcrumb a:hover { color:var(--cyan); }
.seo-hero { padding:65px 0 74px; border-bottom:1px solid var(--line); }
.seo-eyebrow,.seo-section-num { display:block; color:var(--cyan); font-size:.7rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.seo-hero h1 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2.3rem,6vw,4.6rem); letter-spacing:-.055em; line-height:1.09; max-width:950px; margin:20px 0 24px; }
.seo-lead { color:var(--text-2); font-size:clamp(1.04rem,2.1vw,1.24rem); line-height:1.75; max-width:810px; margin:0; }
.seo-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:36px; }
.seo-button { display:inline-flex; align-items:center; justify-content:center; gap:15px; border-radius:11px; padding:15px 20px; background:linear-gradient(115deg,#326ae9,#7147d7); border:1px solid rgba(183,200,255,.22); font-weight:700; font-size:.88rem; transition:transform .18s,filter .18s; }
.seo-button:hover { transform:translateY(-2px); filter:brightness(1.16); }
.seo-button-outline { background:rgba(24,32,65,.3); }
.seo-section { padding:66px 0; border-bottom:1px solid var(--line); }
.seo-section-head { max-width:870px; margin-bottom:28px; }
.seo-section-head h2 { font-family:'Space Grotesk',sans-serif; font-size:clamp(1.5rem,3vw,2.2rem); line-height:1.22; letter-spacing:-.035em; margin:12px 0 0; }
.seo-section-copy { color:var(--text-2); max-width:850px; font-size:1.02rem; line-height:1.85; }
.seo-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.seo-card { padding:27px 24px; background:linear-gradient(145deg,rgba(20,28,58,.87),rgba(9,14,31,.93)); border:1px solid var(--line); border-radius:15px; }
.seo-card h3,.seo-step h3 { font-size:1.05rem; letter-spacing:-.01em; margin:0 0 12px; }
.seo-card p,.seo-step p { color:var(--text-2); line-height:1.8; font-size:.9rem; margin:0; }
.seo-steps { display:grid; gap:15px; }
.seo-step { display:flex; gap:20px; padding:22px 24px; border:1px solid var(--line); border-radius:13px; background:rgba(12,18,39,.6); }
.seo-step-index { color:var(--cyan); font-weight:800; font-family:'Space Grotesk',sans-serif; font-size:1.3rem; }
.seo-faq details { border-bottom:1px solid var(--line); padding:20px 0; }
.seo-faq summary { cursor:pointer; font-weight:650; line-height:1.6; }
.seo-faq details p { color:var(--text-2); font-size:.92rem; line-height:1.8; max-width:850px; }
.seo-related { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.seo-related a { display:flex; justify-content:space-between; padding:17px 21px; background:rgba(15,23,48,.8); border:1px solid var(--line); border-radius:9px; }
.seo-related a:hover { border-color:var(--cyan); }
.seo-related a span { color:var(--cyan); }
.seo-closing { margin:70px 0 0; padding:44px; background:linear-gradient(115deg,rgba(29,48,111,.48),rgba(69,36,111,.22)); border:1px solid rgba(140,160,255,.25); border-radius:18px; }
.seo-closing h2 { font-size:clamp(1.6rem,3vw,2.3rem); font-family:'Space Grotesk',sans-serif; letter-spacing:-.04em; margin:0 0 12px; }
.seo-closing p { color:var(--text-2); max-width:720px; line-height:1.7; margin-bottom:26px; }
.seo-footer { border-top:1px solid var(--line); padding:32px max(24px,calc((100vw - 1140px)/2)); display:flex; align-items:center; justify-content:space-between; gap:30px; }
.seo-footer div { display:flex; flex-direction:column; gap:5px; }
.seo-footer div span { color:var(--muted); font-size:.76rem; }
.seo-footer nav { display:flex; flex-wrap:wrap; gap:16px; font-size:.8rem; color:var(--text-2); }
.seo-footer nav a:hover { color:var(--cyan); }
@media (max-width:760px) {
 .seo-main { width:calc(100% - 36px); padding-top:99px; }
 .seo-site-header .brand-caption { display:none; }
 .seo-header-nav { gap:11px; font-size:.76rem; }
 .seo-header-nav a[href='/erp'],.seo-header-nav a[href='/tms'] { display:none; }
 .seo-header-nav .seo-header-cta { padding:9px; }
 .seo-hero { padding:42px 0 50px; }
 .seo-section { padding:42px 0; }
 .seo-cards,.seo-related { grid-template-columns:1fr; }
 .seo-footer { flex-direction:column; align-items:flex-start; }
 .seo-closing { padding:28px; margin-top:48px; }
}
@media (max-width:400px) {
 .seo-header-nav .seo-header-cta { font-size:.69rem; }
 .seo-site-header .header-inner { width:calc(100% - 24px); gap:12px; }
 .seo-site-header .brand-name { font-size:18px; }
}