a{text-decoration:none;color:inherit}a:hover{text-decoration:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:#092f49;background:#fff}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}header{height:86px;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 2px 16px #001b2c14}.nav{height:100%;display:flex;align-items:center;gap:34px}.logo img{width:185px;height:72px;object-fit:contain}.nav nav{display:flex;gap:28px;margin-left:auto;font-weight:650}.nav nav a:hover{color:#1382a9}.wa{background:#ffc72c;padding:12px 18px;border-radius:10px;font-weight:800}.hamb{display:none;margin-left:auto;border:0;background:none;font-size:28px}.hero{height:min(720px,calc(100vh - 86px));min-height:570px;position:relative;overflow:hidden}.hero-img{position:absolute;inset:0;background:url('assets/posto-deserto.png') center center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,31,50,.92) 0%,rgba(3,31,50,.76) 31%,rgba(3,31,50,.18) 57%,rgba(3,31,50,0) 75%)}.hero-content{height:100%;display:flex;align-items:center;position:relative}.hero-copy{width:48%;color:#fff}.kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:#65d3f1}.hero h1{font-size:clamp(48px,5.4vw,78px);line-height:1.02;margin:14px 0 22px;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:#ffc72c;display:block}.hero p{font-size:20px;line-height:1.55;max-width:610px;color:#e6f0f4}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 34px}.primary,.secondary{display:inline-flex;padding:14px 21px;border-radius:9px;font-weight:800}.primary{background:#ffc72c;color:#092f49}.secondary{border:1px solid #fff;color:#fff}.benefits{display:flex;gap:18px;flex-wrap:wrap;font-weight:700;font-size:13px}.section{padding:88px 0}.title{text-align:center;max-width:780px;margin:0 auto 38px}.title span{font-size:12px;letter-spacing:.15em;font-weight:800;color:#1683a8}.title h2,.services h2,.contact h2{font-size:clamp(32px,4vw,48px);margin:8px 0 10px;letter-spacing:-.035em;line-height:1.08}.title h2 b,.services h2 b{color:#e99e00}.title p{color:#607987;margin:0}.grid{display:grid;gap:18px}.four{grid-template-columns:repeat(4,1fr)}.five{grid-template-columns:repeat(5,1fr)}.card{padding:27px;border-radius:18px;border:1px solid #dfebef;box-shadow:0 14px 38px #06324c12;min-height:245px;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 44px #06324c20}.ico{font-size:32px}.card h3{font-size:21px;margin:15px 0 9px}.card p{color:#617783;line-height:1.6}.smart{padding:80px 0;background:linear-gradient(135deg,#052b45,#073b5c);color:#fff}.inverse span{color:#65d3f1}.inverse h2{color:#fff}.inverse h2 b{color:#ffc72c}.inverse p{color:#c5d8e1}.smart article{border:1px solid #176184;border-radius:16px;padding:24px 20px;text-align:center;background:#073451}.smart i{font-style:normal;display:grid;place-items:center;margin:auto;width:52px;height:52px;border-radius:13px;background:#ffc72c;color:#08334d;font-weight:900}.smart h3{margin:15px 0 8px}.smart p{color:#c5d8e1;font-size:14px;line-height:1.5}.flow{padding:74px 0;background:#f3f9fb}.steps{display:flex;align-items:center;justify-content:space-between;gap:8px}.steps div{text-align:center;min-width:100px;font-size:28px}.steps strong,.steps small{display:block}.steps strong{font-size:14px;margin-top:8px}.steps small{font-size:11px;color:#6d8490;margin-top:4px}.steps>b{color:#1591bb}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.blue{color:#1683a8}.services p{font-size:18px;color:#607987;line-height:1.65}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-list div{border-left:4px solid #ffc72c;background:#f6fafb;padding:20px;border-radius:8px}.service-list strong,.service-list span{display:block}.service-list span{font-size:13px;color:#6d8089;margin-top:5px}.contact{padding:72px 0;background:#062d47;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.yellow{color:#ffc72c}.contact h2{color:#fff}.contact p{color:#c6d7df;font-size:18px;line-height:1.6;margin-bottom:28px}.contact-box{display:grid;gap:12px}.contact-box div{padding:17px 20px;border-radius:12px;background:#ffffff0c;border:1px solid #ffffff18}.contact-box small,.contact-box strong{display:block}.contact-box small{color:#91adbb;margin-bottom:4px}footer{padding:24px 0;background:#f7fafb;color:#58717e;border-top:1px solid #dfe9ed}.foot{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}.foot img{width:150px;height:58px;object-fit:contain;background:#fff;border-radius:0}.foot i{font-style:normal}.foot strong{color:#0b6f93}.floating{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#1acb66;color:#fff;font-size:30px;font-weight:900;box-shadow:0 8px 28px #0004;z-index:40}@media(max-width:980px){.nav nav{display:none;position:absolute;top:86px;left:20px;right:20px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 14px 35px #0002;flex-direction:column}.nav nav.open{display:flex}.hamb{display:block}.top{display:none}.hero{height:680px}.hero-copy{width:62%}.four,.five{grid-template-columns:repeat(2,1fr)}.steps{flex-wrap:wrap;justify-content:center;gap:20px}.steps>b{display:none}.split,.contact-grid{grid-template-columns:1fr}.foot{flex-wrap:wrap}}@media(max-width:650px){.wrap{width:min(100% - 28px,1180px)}header{height:74px}.logo img{width:145px;height:62px}.nav nav{top:74px}.hero{height:700px;min-height:0}.hero-img{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(3,31,50,.92),rgba(3,31,50,.68))}.hero-copy{width:100%}.hero h1{font-size:48px}.hero p{font-size:17px}.benefits{display:grid;grid-template-columns:1fr 1fr}.section{padding:64px 0}.four,.five,.service-list{grid-template-columns:1fr}.steps div{min-width:86px}.foot{flex-direction:column;align-items:flex-start}.floating{width:52px;height:52px}.contact-box strong{font-size:14px}}
.nav a,.actions a,.primary,.secondary,.wa,.floating{ text-decoration:none!important; }
.nav nav a{position:relative}.nav nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:#ffc72c;transition:.2s}.nav nav a:hover:after{right:0}
.primary:hover,.wa:hover{filter:brightness(.98);transform:translateY(-1px)}.secondary:hover{background:#ffffff14}

.smart article{position:relative;overflow:hidden}
.smart-icon{width:92px;height:78px;margin:0 auto 12px;position:relative;filter:drop-shadow(0 8px 10px rgba(0,0,0,.22))}
.smart-icon.cash{width:98px}
.cash:before,.cash:after{content:"";position:absolute;width:72px;height:48px;border-radius:10px;background:linear-gradient(145deg,#168ee9,#064a9a);border:2px solid #55c8ff;top:18px;left:4px;transform:rotate(-5deg)}
.cash:after{background:linear-gradient(145deg,#ffd348,#e69a00);border-color:#ffe27a;left:24px;top:7px;transform:rotate(9deg);z-index:-1}
.card-chip{position:absolute;width:16px;height:12px;background:#ffd23d;border-radius:3px;left:18px;top:34px;z-index:2}.card-wave{position:absolute;right:15px;top:31px;font-weight:900;color:#fff;font-size:12px;z-index:2}
.checkout:before{content:"";position:absolute;left:15px;top:7px;width:5px;height:27px;background:#ffd23d;transform:rotate(-18deg);border-radius:4px}
.cart-basket{position:absolute;left:19px;top:20px;width:60px;height:38px;border:6px solid #159af1;border-top-width:5px;transform:skew(-8deg);border-radius:4px}
.cart-wheel{position:absolute;bottom:7px;width:13px;height:13px;border-radius:50%;background:#ffd23d;border:3px solid #1487d0}.w1{left:28px}.w2{right:15px}
.tax .paper{position:absolute;left:16px;top:4px;width:52px;height:67px;border-radius:8px;background:linear-gradient(#f7fbff,#bedcf5);border:2px solid #fff}.tax .paper:after{content:"≡";position:absolute;color:#137ad0;font-size:34px;font-weight:900;left:13px;top:5px}.tax .glass{position:absolute;width:35px;height:35px;border:7px solid #ffd23d;border-radius:50%;right:5px;bottom:9px}.tax .glass:after{content:"";position:absolute;width:26px;height:7px;background:#ffd23d;right:-20px;bottom:-10px;transform:rotate(48deg);border-radius:4px}
.pay{width:78px}.pay:before{content:"";position:absolute;left:12px;top:7px;width:56px;height:68px;border-radius:10px 10px 15px 15px;background:linear-gradient(145deg,#168ee9,#063c78);border:2px solid #55c8ff;transform:rotate(4deg)}.pos-screen{position:absolute;z-index:2;left:24px;top:18px;width:34px;height:19px;background:#b9ecff;border-radius:3px}.pos-keys{position:absolute;z-index:2;left:25px;top:44px;width:32px;height:19px;background:repeating-linear-gradient(90deg,#ffd23d 0 7px,#0a4d82 7px 10px);border-radius:3px}.receipt{position:absolute;z-index:1;left:28px;top:0;width:29px;height:18px;background:#fff;border-radius:2px}
.business .monitor{position:absolute;left:7px;top:8px;width:78px;height:52px;border:5px solid #168ee9;background:#07315a;border-radius:7px}.business .monitor:after{content:"";position:absolute;left:29px;bottom:-17px;width:18px;height:14px;border-bottom:5px solid #168ee9}.chart{position:absolute;z-index:2;left:22px;top:24px;color:#ffd23d;font-size:28px;font-weight:900;letter-spacing:-5px}
.smart h3{font-size:20px}.smart article:hover .smart-icon{transform:translateY(-4px) scale(1.04);transition:.2s}


/* ===== XPert ===== */
.xpert{padding:84px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 58%,#f4f9fb 100%);position:relative;overflow:hidden}
.xpert:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(10,137,206,.10),rgba(10,137,206,0) 68%);right:-180px;top:80px;pointer-events:none}
.xpert-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:end;margin-bottom:34px}
.xpert-intro h2{font-size:clamp(34px,4vw,54px);line-height:1.05;margin:10px 0 0;color:#082f47}
.xpert-intro h2 b{color:#0a83c5}
.xpert-intro p{font-size:18px;line-height:1.65;color:#56717f;margin:0}

.xpert-highlight{display:grid;grid-template-columns:1.05fr .95fr;min-height:350px;border-radius:26px;overflow:hidden;background:linear-gradient(120deg,#062b45,#064a73 60%,#087db6);box-shadow:0 24px 60px rgba(5,51,79,.17);margin-bottom:30px}
.xh-copy{padding:48px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.xh-tag{font-size:12px;font-weight:800;letter-spacing:1.7px;color:#ffd23d;margin-bottom:12px}
.xh-copy h3{font-size:36px;line-height:1.08;margin:0 0 14px;max-width:600px}
.xh-copy p{font-size:17px;line-height:1.6;color:#d5e8f1;max-width:650px}
.xh-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.xh-pills span{border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.08);padding:8px 13px;border-radius:999px;font-size:13px;font-weight:700}

.xh-visual{display:flex;align-items:center;justify-content:center;padding:34px;position:relative}
.xh-visual:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,61,.20),transparent 65%)}
.station-screen{width:min(100%,390px);background:#f6fbfd;border:7px solid #102f42;border-radius:20px;box-shadow:0 25px 45px rgba(0,0,0,.30);padding:18px;transform:perspective(900px) rotateY(-7deg);position:relative;z-index:1}
.ss-top{height:15px;display:flex;gap:5px;border-bottom:1px solid #dae8ee;margin-bottom:15px}
.ss-top i{width:7px;height:7px;border-radius:50%;background:#9bb9c7}.ss-top i:first-child{background:#ffd23d}
.ss-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ss-grid div{background:#e8f5fb;border-radius:10px;padding:13px;display:flex;align-items:center;gap:8px;color:#0a567e;font-weight:800}
.ss-grid strong{font-size:20px;color:#0786ca}.ss-grid span{font-size:12px}
.ss-chart{height:82px;margin-top:12px;padding:10px 12px;background:#0a4264;border-radius:11px;display:flex;align-items:end;gap:8px}
.ss-chart b{display:block;flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#ffd23d,#f2aa00)}.ss-chart b:nth-child(1){height:38%}.ss-chart b:nth-child(2){height:58%}.ss-chart b:nth-child(3){height:48%}.ss-chart b:nth-child(4){height:78%}.ss-chart b:nth-child(5){height:92%}

.xpert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xpert-grid article{background:#fff;border:1px solid #dce9ee;border-radius:18px;padding:26px;box-shadow:0 10px 25px rgba(8,55,78,.055);transition:.2s}
.xpert-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(8,55,78,.11);border-color:#a9d6e8}
.xp-ico{width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#e8f7ff,#cceafa);display:grid;place-items:center;color:#087ab4;font-size:25px;font-weight:900;margin-bottom:16px;border:1px solid #c8e5f2}
.xp-ico.money,.xp-ico.fiscal{font-size:17px;color:#082f47;background:linear-gradient(145deg,#fff5c5,#ffd23d)}
.xpert-grid h3{font-size:21px;color:#082f47;margin:0 0 9px}
.xpert-grid p{margin:0;color:#607986;line-height:1.55;font-size:15px}

.xpert-resources{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;margin-top:30px;background:#fff;border:1px solid #dce9ee;border-radius:20px;padding:32px}
.xpert-resources h3{font-size:28px;line-height:1.15;color:#082f47;margin:9px 0 0}
.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.resource-list span{font-size:14px;color:#426272;font-weight:650;padding:11px 12px;background:#f4f9fb;border-radius:10px}
.resource-list span::first-letter{color:#0b8bc8}

.xpert-cta{margin-top:22px;background:#082f47;color:#fff;border-radius:18px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.xpert-cta div{display:flex;flex-direction:column;gap:4px}.xpert-cta strong{font-size:20px;color:#ffd23d}.xpert-cta span{color:#c9dce5}
.xpert-cta .primary{white-space:nowrap}

@media(max-width:980px){
 .xpert-intro,.xpert-highlight,.xpert-resources{grid-template-columns:1fr}
 .xpert-intro{gap:20px}
 .xpert-grid{grid-template-columns:repeat(2,1fr)}
 .xh-visual{padding-top:0}
 .station-screen{transform:none}
}
@media(max-width:650px){
 .xpert{padding:60px 0}
 .xpert-grid{grid-template-columns:1fr}
 .xh-copy{padding:32px 24px}
 .xh-copy h3{font-size:29px}
 .xh-visual{padding:0 20px 28px}
 .xpert-resources{padding:24px}
 .resource-list{grid-template-columns:1fr}
 .xpert-cta{align-items:flex-start;flex-direction:column}
 .xpert-cta .primary{width:100%;text-align:center}
}


/* V2.6: XPert adicionado à seção Soluções, preservando os ícones Smart existentes */
.xpert-product-card{position:relative}
.xpert-product-card .smart-more{display:inline-block;margin-top:12px;font-size:13px;font-weight:800;color:#ffd23d;text-decoration:none}
.xpert-product-card .smart-more:hover{text-decoration:none;transform:translateX(2px)}
.xpert-product-icon{position:relative;overflow:hidden}
.xp-screen-icon{width:31px;height:24px;border:3px solid #fff;border-radius:4px;display:block;position:relative}
.xp-screen-icon:after{content:"";position:absolute;left:8px;right:8px;bottom:-7px;border-bottom:3px solid #ffd23d}
.xp-screen-icon i,.xp-screen-icon b,.xp-screen-icon em{position:absolute;bottom:4px;width:4px;background:#ffd23d;border-radius:2px 2px 0 0}
.xp-screen-icon i{left:5px;height:7px}.xp-screen-icon b{left:12px;height:12px}.xp-screen-icon em{left:19px;height:9px}

/* V2.7 - XPert no mesmo grid, imediatamente antes do Smart Cash */
.smart .solutions-products{grid-template-columns:repeat(3,1fr)}
.smart .solutions-products article{height:100%}
@media(max-width:980px){.smart .solutions-products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.smart .solutions-products{grid-template-columns:1fr}}

/* V2.8 - correção da página secundária XPert */
.xpert-page .logo img{width:185px;height:72px;object-fit:contain}
.xp2-hero{padding:92px 0;background:linear-gradient(135deg,#052b45,#073b5c);color:#fff}
.xp2-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.xp2-copy h1{font-size:clamp(44px,5vw,72px);line-height:1.04;margin:14px 0 20px;letter-spacing:-.045em}
.xp2-copy h1 em{display:block;font-style:normal;color:#ffc72c}
.xp2-copy p{font-size:19px;line-height:1.6;color:#d6e4ea;max-width:700px}
.xp2-panel{background:#fff;color:#092f49;border-radius:22px;padding:28px;box-shadow:0 24px 60px #00131f55}
.xp2-panel small{display:block;font-weight:900;letter-spacing:.14em;color:#1683a8;margin-bottom:18px}
.xp2-panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.xp2-panel-grid div{background:#f2f8fa;border:1px solid #dce9ee;border-radius:14px;padding:18px}
.xp2-panel-grid b{display:block;font-size:24px;color:#0c769b;margin-bottom:6px}
.xp2-panel-grid span{font-weight:800}
.xp2-dark{padding:82px 0;background:#062d47;color:#fff}
.xp2-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.xp2-dark h2{font-size:clamp(32px,4vw,48px);line-height:1.08;margin:10px 0 16px}
.xp2-dark p{color:#c6d7df;font-size:18px;line-height:1.65}
.xp2-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xp2-list span{background:#ffffff0b;border:1px solid #ffffff18;border-radius:12px;padding:16px 18px;font-weight:700}
.xp2-cta{padding:72px 0;background:linear-gradient(135deg,#0b3c5b,#0a2f49);color:#fff}
.xp2-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.xp2-cta h2{font-size:clamp(30px,4vw,46px);margin:8px 0 10px}
.xp2-cta p{color:#c6d7df;margin:0}
.xp2-cta .primary{white-space:nowrap}
@media(max-width:980px){
 .xp2-hero-grid,.xp2-split{grid-template-columns:1fr}
 .xp2-hero{padding:70px 0}
 .xp2-cta .wrap{align-items:flex-start;flex-direction:column}
}
@media(max-width:650px){
 .xpert-page .logo img{width:145px;height:62px}
 .xp2-panel-grid,.xp2-list{grid-template-columns:1fr}
 .xp2-copy h1{font-size:46px}
 .xp2-copy p{font-size:17px}
}


/* V2.9 - XPert Smart Mobile na seção Soluções */
.smart-mobile-card .smart-icon{position:relative}
.phone-shape{width:24px;height:36px;border:3px solid #fff;border-radius:6px;display:block;position:relative}
.phone-shape:before{content:"";position:absolute;top:4px;left:5px;right:5px;height:17px;background:#ffd23d;border-radius:2px}
.phone-shape:after{content:"";position:absolute;bottom:3px;left:8px;width:4px;height:4px;background:#fff;border-radius:50%}
.phone-shape i,.phone-shape b{position:absolute;z-index:2;background:#0a3550;border-radius:1px}
.phone-shape i{left:8px;top:8px;width:3px;height:8px}
.phone-shape b{left:13px;top:11px;width:3px;height:5px}
.smart-mobile-card p strong{display:block;color:#fff;margin-bottom:5px}


/* V3.0 - padronização dos ícones + cards mais compactos */

/* Mesmo tamanho, fundo e alinhamento visual dos ícones Smart já existentes */
.smart .xpert-product-card .smart-icon,
.smart .smart-mobile-card .smart-icon{
  width:62px;
  height:62px;
  min-width:62px;
  border-radius:16px;
  margin:0 0 18px;
  display:grid;
  place-items:center;
  position:relative;
  box-sizing:border-box;
}

/* XPert: monitor/dashboard limpo, na mesma escala dos demais */
.xpert-product-icon .xp-screen-icon{
  width:31px;
  height:24px;
  border:2px solid currentColor;
  border-radius:4px;
  display:block;
  position:relative;
  box-sizing:border-box;
}
.xpert-product-icon .xp-screen-icon:after{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:-6px;
  border-bottom:2px solid currentColor;
}
.xpert-product-icon .xp-screen-icon i,
.xpert-product-icon .xp-screen-icon b,
.xpert-product-icon .xp-screen-icon em{
  position:absolute;
  bottom:4px;
  width:3px;
  border-radius:2px 2px 0 0;
  background:currentColor;
}
.xpert-product-icon .xp-screen-icon i{left:5px;height:6px}
.xpert-product-icon .xp-screen-icon b{left:11px;height:10px}
.xpert-product-icon .xp-screen-icon em{left:17px;height:8px}

/* Smart Mobile: celular simples e proporcional aos outros ícones */
.smart-mobile-card .phone-shape{
  width:23px;
  height:34px;
  border:2px solid currentColor;
  border-radius:5px;
  display:block;
  position:relative;
  box-sizing:border-box;
}
.smart-mobile-card .phone-shape:before{
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  right:4px;
  height:20px;
  border:1.5px solid currentColor;
  border-radius:2px;
  background:transparent;
}
.smart-mobile-card .phone-shape:after{
  content:"";
  position:absolute;
  bottom:3px;
  left:8px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
}
.smart-mobile-card .phone-shape i,
.smart-mobile-card .phone-shape b{display:none}

/* Cards menores: menos altura, padding e espaço vazio */
.smart .solutions-products{
  gap:14px;
  align-items:stretch;
}
.smart .solutions-products > article{
  min-height:0 !important;
  padding:22px 20px !important;
  border-radius:16px;
}
.smart .solutions-products h3{
  margin:0 0 8px;
}
.smart .solutions-products p{
  margin:0;
  line-height:1.48;
  font-size:14px;
}
.smart .solutions-products .smart-more{
  margin-top:10px;
}

@media(min-width:981px){
  .smart .solutions-products{
    grid-template-columns:repeat(4,1fr);
  }
}
@media(max-width:980px){
  .smart .solutions-products{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:650px){
  .smart .solutions-products{
    grid-template-columns:1fr;
  }
  .smart .solutions-products > article{
    padding:20px 18px !important;
  }
}


/* V3.1 - IMEX Web dentro de Soluções, antes do Sistema XPert */
.smart .imex-product-card .smart-icon{
  width:62px;
  height:62px;
  min-width:62px;
  border-radius:16px;
  margin:0 0 18px;
  display:grid;
  place-items:center;
  position:relative;
  box-sizing:border-box;
}
.imex-browser-icon{
  width:32px;
  height:25px;
  border:2px solid currentColor;
  border-radius:4px;
  display:block;
  position:relative;
  box-sizing:border-box;
}
.imex-browser-icon:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:5px;
  border-top:2px solid currentColor;
}
.imex-browser-icon:after{
  content:"";
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  background:currentColor;
  top:1px;
  left:4px;
  box-shadow:5px 0 0 currentColor,10px 0 0 currentColor;
}
.imex-browser-icon i{
  position:absolute;
  left:6px;
  bottom:5px;
  width:16px;
  height:7px;
  border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:skew(-25deg);
}
.imex-browser-icon b,
.imex-browser-icon em{display:none}
.imex-product-card p strong{display:block;color:#fff;margin-bottom:5px}


/* V3.2 - padronização total dos novos produtos com os demais Smart */

/* Os três novos cards passam a seguir o mesmo layout-base dos .smart-card existentes */
.smart .solutions-products .smart-card{
  display:flex;
  flex-direction:column;
}

/* Ícones: mesma caixa visual dos demais Smart */
.smart .imex-product-card .smart-icon,
.smart .xpert-product-card .smart-icon,
.smart .smart-mobile-card .smart-icon{
  width:62px !important;
  height:62px !important;
  min-width:62px !important;
  border-radius:16px !important;
  margin:0 0 18px !important;
  display:grid !important;
  place-items:center !important;
  box-sizing:border-box !important;
  padding:0 !important;
}

/* Usa a mesma cor visual dos ícones já existentes */
.smart .imex-product-card .smart-icon,
.smart .xpert-product-card .smart-icon,
.smart .smart-mobile-card .smart-icon{
  color:#fff;
}

/* "Conheça..." igual aos links/botões dos demais produtos */
.smart .imex-product-card .smart-more,
.smart .xpert-product-card .smart-more{
  margin-top:auto !important;
  padding-top:14px;
  display:inline-flex !important;
  align-items:center;
  width:max-content;
  font-size:13px !important;
  line-height:1.2;
  font-weight:800 !important;
  color:#ffd23d !important;
  text-decoration:none !important;
  transition:transform .2s ease, opacity .2s ease;
}
.smart .imex-product-card .smart-more:hover,
.smart .xpert-product-card .smart-more:hover{
  transform:translateX(3px);
  opacity:.9;
  text-decoration:none !important;
}

/* IMEX: ícone web simplificado, com a mesma espessura visual dos outros */
.imex-browser-icon{
  width:30px !important;
  height:23px !important;
  border:2px solid currentColor !important;
  border-radius:4px !important;
  position:relative;
  display:block;
}
.imex-browser-icon:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:5px;
  border-top:2px solid currentColor;
}
.imex-browser-icon:after{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:3px;
  height:3px;
  border-radius:50%;
  background:currentColor;
  box-shadow:5px 0 0 currentColor,10px 0 0 currentColor;
}
.imex-browser-icon i{
  position:absolute;
  left:7px;
  right:7px;
  bottom:5px;
  height:6px;
  border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:skew(-24deg);
}
.imex-browser-icon b,
.imex-browser-icon em{display:none !important}

/* XPert: mesma escala e traço */
.xpert-product-icon .xp-screen-icon{
  width:30px !important;
  height:23px !important;
  border:2px solid currentColor !important;
  border-radius:4px !important;
}
.xpert-product-icon .xp-screen-icon:after{
  left:8px !important;
  right:8px !important;
  bottom:-6px !important;
  border-bottom:2px solid currentColor !important;
}

/* Smart Mobile: mesma escala e traço */
.smart-mobile-card .phone-shape{
  width:22px !important;
  height:32px !important;
  border:2px solid currentColor !important;
  border-radius:5px !important;
}
.smart-mobile-card .phone-shape:before{
  border:1.5px solid currentColor !important;
  background:transparent !important;
}
.smart-mobile-card .phone-shape:after{
  background:currentColor !important;
}


/* V3.3 - hierarquia correta: Sistemas de Gestão + Linha Smart */
.smart .product-family{margin-top:34px}
.smart .product-family + .product-family{margin-top:54px;padding-top:44px;border-top:1px solid rgba(255,255,255,.12)}
.smart .family-head{max-width:760px;margin-bottom:24px}
.smart .family-head h3{font-size:clamp(25px,3vw,34px);margin:8px 0 8px;color:#fff}
.smart .family-head p{margin:0;color:#bcd0db;line-height:1.6}
.smart .systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px}
.smart .smart-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.smart .systems-grid > article,
.smart .smart-products-grid > article{min-height:0!important;padding:22px 20px!important;border-radius:16px;height:100%}
.smart .systems-grid .smart-more{margin-top:auto!important;padding-top:14px}
.smart .systems-grid > article{display:flex;flex-direction:column}

/* Main system icons now use illustrated multi-color details like Smart family */
.smart .xpert-product-icon,
.smart .imex-product-icon{
  background:linear-gradient(145deg,#eaf7fd,#cfeaf7)!important;
  color:#08344f!important;
  border:1px solid rgba(255,255,255,.55)!important;
}
.smart .xpert-product-icon .xp-screen-icon{
  border-color:#087eae!important;
}
.smart .xpert-product-icon .xp-screen-icon:after{border-color:#e6b900!important}
.smart .xpert-product-icon .xp-screen-icon i{background:#087eae!important}
.smart .xpert-product-icon .xp-screen-icon b{background:#f0c31a!important}
.smart .xpert-product-icon .xp-screen-icon em{background:#e34b35!important}
.smart .imex-product-icon .imex-browser-icon{border-color:#087eae!important}
.smart .imex-product-icon .imex-browser-icon:before{border-color:#087eae!important}
.smart .imex-product-icon .imex-browser-icon:after{
  background:#e34b35!important;
  box-shadow:5px 0 0 #f0c31a,10px 0 0 #087eae!important;
}
.smart .imex-product-icon .imex-browser-icon i{
  border-left-color:#087eae!important;
  border-bottom-color:#f0c31a!important;
}

/* Smart Mobile stays with the Smart family */
.smart .smart-mobile-card .smart-icon{
  background:linear-gradient(145deg,#eaf7fd,#cfeaf7)!important;
  color:#087eae!important;
}
.smart .smart-mobile-card .phone-shape:before{border-color:#f0c31a!important}
.smart .smart-mobile-card .phone-shape:after{background:#e34b35!important}

@media(max-width:980px){
 .smart .smart-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .smart .systems-grid,.smart .smart-products-grid{grid-template-columns:1fr}
 .smart .product-family + .product-family{margin-top:38px;padding-top:34px}
}


/* V3.4.1 - removido somente o cabeçalho redundante do bloco escuro */
.smart .systems-family{
  margin-top:0 !important;
}


/* V3.5 - XPert, IMEX e Smart Mobile no MESMO padrão visual dos ícones Smart originais */

/* Centralização dos ícones dentro de cada card */
.smart .systems-grid > article .smart-icon,
.smart .smart-products-grid > article .smart-icon{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Títulos e conteúdo dos cards principais centralizados como Smart Cash */
.smart .systems-grid > article,
.smart .smart-products-grid > article{
  text-align:center;
}
.smart .systems-grid > article .smart-more{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Remove a "caixinha branca" somente dos ícones novos.
   O desenho passa a ficar solto, como Smart Cash / Checkout / Tax / Pay / Business. */
.smart .xpert-product-card .smart-icon,
.smart .imex-product-card .smart-icon,
.smart .smart-mobile-card .smart-icon{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  width:76px !important;
  height:64px !important;
  min-width:76px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
}

/* XPert - monitor colorido, maior e sem moldura externa branca */
.smart .xpert-product-icon .xp-screen-icon{
  width:48px !important;
  height:34px !important;
  border:4px solid #139ee9 !important;
  border-radius:4px !important;
  background:#083b59;
  box-sizing:border-box;
}
.smart .xpert-product-icon .xp-screen-icon:after{
  left:14px !important;
  right:14px !important;
  bottom:-10px !important;
  border-bottom:4px solid #ffc72c !important;
}
.smart .xpert-product-icon .xp-screen-icon i,
.smart .xpert-product-icon .xp-screen-icon b,
.smart .xpert-product-icon .xp-screen-icon em{
  bottom:5px !important;
  width:5px !important;
}
.smart .xpert-product-icon .xp-screen-icon i{left:8px!important;height:10px!important;background:#139ee9!important}
.smart .xpert-product-icon .xp-screen-icon b{left:18px!important;height:17px!important;background:#ffc72c!important}
.smart .xpert-product-icon .xp-screen-icon em{left:28px!important;height:13px!important;background:#ef5542!important}

/* IMEX Web - janela web colorida e solta */
.smart .imex-product-icon .imex-browser-icon{
  width:50px !important;
  height:37px !important;
  border:4px solid #139ee9 !important;
  border-radius:5px !important;
  background:#083b59;
  box-sizing:border-box;
}
.smart .imex-product-icon .imex-browser-icon:before{
  top:8px !important;
  border-top:3px solid #139ee9 !important;
}
.smart .imex-product-icon .imex-browser-icon:after{
  left:6px !important;
  top:2px !important;
  width:4px !important;
  height:4px !important;
  background:#ef5542 !important;
  box-shadow:7px 0 0 #ffc72c,14px 0 0 #20b8f0 !important;
}
.smart .imex-product-icon .imex-browser-icon i{
  left:12px !important;
  right:12px !important;
  bottom:7px !important;
  height:9px !important;
  border-left:4px solid #ffc72c !important;
  border-bottom:4px solid #ffc72c !important;
}

/* Smart Mobile - smartphone colorido, sem quadrado branco */
.smart .smart-mobile-card .phone-shape{
  width:31px !important;
  height:50px !important;
  border:4px solid #139ee9 !important;
  border-radius:7px !important;
  background:#083b59 !important;
  box-sizing:border-box;
}
.smart .smart-mobile-card .phone-shape:before{
  top:7px !important;
  left:5px !important;
  right:5px !important;
  height:29px !important;
  border:3px solid #ffc72c !important;
  background:transparent !important;
}
.smart .smart-mobile-card .phone-shape:after{
  bottom:4px !important;
  left:10px !important;
  width:5px !important;
  height:5px !important;
  background:#ef5542 !important;
}

/* Mantém espaçamento visual semelhante ao Smart Cash */
.smart .systems-grid .smart-icon,
.smart .smart-products-grid .smart-icon{
  margin-bottom:14px !important;
}


/* V3.6 - XPert Smart Mobile: smartphone claramente reconhecível */
.smart .smart-mobile-card .smart-icon{
  background:transparent !important;
  border:0 !important;
  width:76px !important;
  height:64px !important;
  min-width:76px !important;
  display:grid !important;
  place-items:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Corpo do smartphone */
.smart .smart-mobile-card .phone-shape{
  position:relative !important;
  display:block !important;
  width:34px !important;
  height:56px !important;
  box-sizing:border-box !important;
  border:4px solid #139ee9 !important;
  border-radius:8px !important;
  background:#eaf8ff !important;
  box-shadow:inset 0 0 0 2px #0877b3 !important;
  transform:none !important;
}

/* Tela colorida */
.smart .smart-mobile-card .phone-shape:before{
  content:"" !important;
  position:absolute !important;
  top:7px !important;
  left:4px !important;
  right:4px !important;
  height:35px !important;
  border:0 !important;
  border-radius:3px !important;
  background:
    linear-gradient(145deg,
      #dff5ff 0%,
      #dff5ff 48%,
      #ffc72c 49%,
      #ffc72c 72%,
      #139ee9 73%,
      #139ee9 100%) !important;
}

/* Botão inferior do celular */
.smart .smart-mobile-card .phone-shape:after{
  content:"" !important;
  position:absolute !important;
  width:6px !important;
  height:6px !important;
  left:10px !important;
  bottom:3px !important;
  border-radius:50% !important;
  background:#ef5542 !important;
}

/* Remove detalhes antigos que faziam parecer coletor/prancheta */
.smart .smart-mobile-card .phone-shape i,
.smart .smart-mobile-card .phone-shape b{
  display:none !important;
}


/* V3.7 - IMEX Web / Gestão Web Integrada: ícones ilustrados e padronizados */
.imex-hero .xp2-panel-grid > div{
  display:grid;
  grid-template-columns:48px 1fr;
  align-items:center;
  gap:12px;
  min-height:74px;
}
.imex-hero .xp2-panel-grid > div > span{
  margin:0;
}
.imex-hero .imex-grid-icon{
  width:44px;
  height:44px;
  margin:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  position:relative;
  box-sizing:border-box;
  background:linear-gradient(145deg,#eaf8ff,#cfeaf7);
  border:1px solid #bfe1ef;
  color:#087fb5;
  font-size:15px;
  font-weight:900;
}

/* Nuvem */
.imex-hero .cloud-ico i{
  width:24px;height:12px;background:#139ee9;border-radius:10px;position:relative;
}
.imex-hero .cloud-ico i:before,
.imex-hero .cloud-ico i:after{
  content:"";position:absolute;border-radius:50%;background:#139ee9;
}
.imex-hero .cloud-ico i:before{width:12px;height:12px;left:3px;top:-6px}
.imex-hero .cloud-ico i:after{width:10px;height:10px;right:3px;top:-4px}

/* Acesso remoto - notebook com sinal */
.imex-hero .remote-ico i{
  width:24px;height:16px;border:3px solid #139ee9;border-radius:3px;position:relative;
}
.imex-hero .remote-ico i:before{
  content:"";position:absolute;left:5px;top:4px;width:8px;height:6px;
  border-top:3px solid #ffc72c;border-right:3px solid #ffc72c;transform:rotate(45deg);
}
.imex-hero .remote-ico i:after{
  content:"";position:absolute;left:-5px;right:-5px;bottom:-7px;border-bottom:3px solid #087fb5;
}

/* PDV - terminal/tela */
.imex-hero .pdv-ico i{
  width:25px;height:20px;border:3px solid #139ee9;border-radius:4px;position:relative;
}
.imex-hero .pdv-ico i:before{
  content:"";position:absolute;left:4px;right:4px;top:4px;height:5px;background:#ffc72c;border-radius:2px;
}
.imex-hero .pdv-ico i:after{
  content:"";position:absolute;left:6px;right:6px;bottom:3px;border-bottom:3px solid #ef5542;
}

/* Estoque - caixas */
.imex-hero .stock-ico i{
  width:12px;height:12px;background:#ffc72c;border:2px solid #087fb5;position:relative;
}
.imex-hero .stock-ico i:before,
.imex-hero .stock-ico i:after{
  content:"";position:absolute;width:10px;height:10px;border:2px solid #087fb5;background:#dff5ff;
}
.imex-hero .stock-ico i:before{left:-11px;top:10px}
.imex-hero .stock-ico i:after{right:-11px;top:10px}

/* Financeiro */
.imex-hero .finance-ico{
  background:linear-gradient(145deg,#fff2ae,#ffc72c)!important;
  color:#083b59!important;
  border-color:#f3cf53!important;
}

/* Filiais - rede de unidades */
.imex-hero .branch-ico i{
  width:9px;height:9px;border:3px solid #139ee9;border-radius:50%;position:relative;
}
.imex-hero .branch-ico i:before{
  content:"";position:absolute;left:-12px;top:13px;width:27px;height:12px;
  border-left:3px solid #139ee9;border-right:3px solid #139ee9;border-top:3px solid #ffc72c;
  border-radius:8px 8px 0 0;
}
.imex-hero .branch-ico i:after{
  content:"";position:absolute;left:1px;top:10px;height:17px;border-left:3px solid #139ee9;
}


/* V3.8 - título da seção Soluções em uma linha no desktop */
@media (min-width:1100px){
  #solucoes .title{
    max-width:1180px !important;
    margin-left:auto;
    margin-right:auto;
  }
  #solucoes .title h2{
    white-space:nowrap;
    font-size:clamp(38px,3.6vw,58px);
    letter-spacing:-0.035em;
  }
}
@media (max-width:1099px){
  #solucoes .title h2{white-space:normal;}
}


/* V3.9 - grids mais compactos e centralizados */

/* Sistemas de Gestão: dois cards menores e centralizados na página */
.smart .systems-grid{
  grid-template-columns:repeat(2, minmax(0, 360px)) !important;
  justify-content:center !important;
  gap:18px !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.smart .systems-grid > article{
  width:100%;
  padding:19px 18px !important;
}

/* Ícones dos Sistemas de Gestão um pouco menores */
.smart .systems-grid .smart-icon{
  transform:scale(.88);
  transform-origin:center center;
  margin-bottom:8px !important;
}

/* Linha Smart: cards mais estreitos/compactos */
.smart .smart-products-grid{
  grid-template-columns:repeat(3, minmax(0, 290px)) !important;
  justify-content:center !important;
  gap:13px !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.smart .smart-products-grid > article{
  width:100%;
  padding:17px 16px !important;
}

/* Ícones Smart discretamente menores */
.smart .smart-products-grid .smart-icon{
  transform:scale(.86);
  transform-origin:center center;
  margin-bottom:7px !important;
}

/* Reduz levemente tipografia e altura visual dos cards sem mexer nos títulos das seções */
.smart .systems-grid > article h3,
.smart .smart-products-grid > article h3{
  margin-top:2px !important;
  margin-bottom:7px !important;
}
.smart .smart-products-grid > article p{
  font-size:13px !important;
  line-height:1.43 !important;
}
.smart .systems-grid > article p{
  font-size:13.5px !important;
  line-height:1.45 !important;
}

/* Responsividade */
@media(max-width:980px){
  .smart .systems-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .smart .smart-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:650px){
  .smart .systems-grid,
  .smart .smart-products-grid{
    grid-template-columns:1fr !important;
    max-width:390px !important;
  }
  .smart .systems-grid .smart-icon,
  .smart .smart-products-grid .smart-icon{
    transform:scale(.9);
  }
}


/* V4.0 - cabeçalhos das duas grades centralizados */
.smart .systems-family .family-head,
.smart .smart-family .family-head{
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

.smart .systems-family .family-head .kicker,
.smart .smart-family .family-head .kicker{
  text-align:center !important;
}

.smart .systems-family .family-head h3,
.smart .smart-family .family-head h3,
.smart .systems-family .family-head p,
.smart .smart-family .family-head p{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* V4.1 - logo oficial tratado, transparente e sem logo no rodapé */
.header .logo img,
header .logo img,
.logo img{
  object-fit:contain;
}

/* O PNG não possui fundo branco; deixa a marca respirar no cabeçalho */
header .logo{
  overflow:visible;
}


/* V4.2 - logo com mais presença no cabeçalho, sem alterar a marca */
header .logo,
.header .logo{
  width:250px !important;
  height:74px !important;
  display:flex !important;
  align-items:center !important;
  overflow:visible !important;
}

header .logo img,
.header .logo img{
  width:250px !important;
  height:74px !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:contrast(1.08) saturate(1.10) !important;
  opacity:1 !important;
}

/* Mantém o cabeçalho equilibrado em telas menores */
@media(max-width:760px){
  header .logo,
  .header .logo{
    width:205px !important;
    height:62px !important;
  }
  header .logo img,
  .header .logo img{
    width:205px !important;
    height:62px !important;
  }
}


/* V4.3 - leve tonalidade no fundo do cabeçalho para destacar o logo */
header,
.header{
  background:#f3f8fc !important;
}

/* linha inferior bem sutil para separar o cabeçalho do conteúdo */
header,
.header{
  border-bottom:1px solid rgba(10,77,125,.10);
}


/* V4.4 - links de acesso no menu */
.nav-service-link{
  white-space:nowrap;
}
@media(max-width:980px){
  .nav-service-link{
    width:100%;
  }
}


/* V4.5 - WhatsApp na cor oficial/padrão */
.wa-float,
.whatsapp-float,
a[href*="wa.me"].wa-float,
a[href*="wa.me"].whatsapp-float{
  background:#25D366 !important;
  border-color:#25D366 !important;
  color:#fff !important;
}
.wa-float:hover,
.whatsapp-float:hover{
  background:#1ebe5d !important;
  border-color:#1ebe5d !important;
}

/* Botão de WhatsApp do cabeçalho */
header a[href*="wa.me"],
.header a[href*="wa.me"]{
  background:#25D366 !important;
  border-color:#25D366 !important;
  color:#fff !important;
}
header a[href*="wa.me"]:hover,
.header a[href*="wa.me"]:hover{
  background:#1ebe5d !important;
  border-color:#1ebe5d !important;
}


/* V4.7 - QR Code permanente na área de contato */
.contact-qr-card{
  margin:28px auto 0;
  max-width:860px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
  padding:22px 24px;
  border:1px solid rgba(10,77,125,.12);
  border-radius:20px;
  background:#f7fbfe;
  box-shadow:0 12px 30px rgba(8,62,107,.07);
}
.contact-qr-copy{
  text-align:left;
}
.contact-qr-kicker{
  display:inline-block;
  margin-bottom:6px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  color:#0a6aa6;
}
.contact-qr-copy h3{
  margin:0 0 8px;
  color:#073f6d;
  font-size:26px;
}
.contact-qr-copy p{
  margin:0 0 10px;
  color:#607688;
  line-height:1.5;
}
.contact-qr-link{
  color:#0a4d7d;
  font-weight:700;
  text-decoration:none;
}
.contact-qr-link:hover{
  text-decoration:underline;
}
.contact-qr-image{
  background:#fff;
  border-radius:16px;
  padding:10px;
  border:1px solid #e1ebf1;
}
.contact-qr-image img{
  display:block;
  width:150px;
  height:150px;
}
@media(max-width:700px){
  .contact-qr-card{
    grid-template-columns:1fr;
    text-align:center;
    padding:20px;
  }
  .contact-qr-copy{
    text-align:center;
  }
  .contact-qr-image{
    justify-self:center;
  }
  .contact-qr-image img{
    width:165px;
    height:165px;
  }
}

.contact-qr-since{
  margin:6px 0 12px !important;
  color:#0a4d7d !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.contact-instagram-link{
  display:inline-block;
  margin-top:8px;
}


/* V5.1 - Quem Somos */
.about-realnet{
  padding:84px 0;
  background:#fff;
}
.about-realnet-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:48px;
  align-items:center;
}
.about-realnet-copy h2{
  margin:8px 0 18px;
  max-width:760px;
  color:#073f6d;
  font-size:clamp(32px,4vw,48px);
  line-height:1.08;
}
.about-realnet-copy p{
  margin:0 0 14px;
  color:#5f7180;
  line-height:1.7;
  font-size:17px;
}
.about-realnet-highlight{
  margin-top:24px;
  padding:18px 20px;
  border-left:5px solid #f3c312;
  border-radius:12px;
  background:#f5f9fc;
}
.about-realnet-highlight strong{
  display:block;
  color:#0a4d7d;
  font-size:20px;
  margin-bottom:4px;
}
.about-realnet-highlight span{
  color:#667986;
}
.about-realnet-stats{
  display:grid;
  gap:14px;
}
.about-stat{
  padding:22px;
  border-radius:18px;
  background:#f5f9fc;
  border:1px solid rgba(10,77,125,.10);
}
.about-stat strong{
  display:block;
  color:#0a4d7d;
  font-size:22px;
  margin-bottom:4px;
}
.about-stat span{
  color:#687b89;
  line-height:1.45;
}
@media(max-width:800px){
  .about-realnet{
    padding:64px 0;
  }
  .about-realnet-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}


/* V5.2 - reposicionamento e acabamento do Quem Somos */
.about-realnet{
  background:#f7fafb;
  border-top:1px solid #e5eef2;
  border-bottom:1px solid #e5eef2;
}
.about-realnet .about-realnet-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:54px;
  align-items:center;
}
.about-realnet .about-realnet-copy h2{
  font-size:clamp(32px,4vw,48px);
  line-height:1.08;
  letter-spacing:-.035em;
  color:#073f6d;
  margin:8px 0 18px;
  max-width:760px;
}
.about-realnet .about-realnet-copy p{
  color:#607987;
  font-size:17px;
  line-height:1.7;
  margin:0 0 14px;
}
.about-realnet .about-realnet-highlight{
  margin-top:24px;
  padding:18px 20px;
  background:#fff;
  border:1px solid #dfebef;
  border-left:5px solid #ffc72c;
  border-radius:14px;
  box-shadow:0 10px 26px rgba(6,50,76,.06);
}
.about-realnet .about-realnet-highlight strong{
  display:block;
  color:#0b6f93;
  font-size:20px;
  margin-bottom:5px;
}
.about-realnet .about-realnet-highlight span{
  color:#617783;
  line-height:1.5;
}
.about-realnet .about-realnet-stats{
  display:grid;
  gap:14px;
}
.about-realnet .about-stat{
  padding:21px 22px;
  background:#fff;
  border:1px solid #dfebef;
  border-radius:16px;
  box-shadow:0 10px 26px rgba(6,50,76,.05);
}
.about-realnet .about-stat strong{
  display:block;
  color:#073f6d;
  font-size:21px;
  margin-bottom:4px;
}
.about-realnet .about-stat span{
  color:#687d89;
  line-height:1.45;
}
@media(max-width:900px){
  .about-realnet .about-realnet-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}


/* V5.4 - Mantem itens do menu em uma unica linha */
.header nav a,
nav a {
  white-space: nowrap;
}