/* =================================================================
   SUPPORTE LOGÍSTICA — template (front-end approval)
   BEM. Tema híbrido dark + tech. Laranja da identidade.
   ================================================================= */

/* ---------- Fonts ---------- */
@font-face{font-family:"Power Grotesk";src:url("../fonts/PowerGrotesk-Regular.ttf") format("truetype");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}

/* ---------- Tokens ---------- */
:root{
  --orange:#f36111;
  --orange-bright:#ff4e00;
  --orange-soft:#ff7a3c;
  --orange-glow:rgba(255,78,0,.5);

  --ink:#000000;
  --surface:#1e1e1e;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.18);
  --muted:rgba(255,255,255,.64);
  --muted-2:rgba(255,255,255,.42);

  --paper:#f5f4f1;
  --paper-2:#ffffff;
  --ink-text:#1a1a1d;
  --ink-soft:#5c5c63;
  --line-light:#e4e2dd;
  --gray:#d3d3d3;
  --white:#fff;

  --font-display:"Power Grotesk","Hanken Grotesk",system-ui,sans-serif;
  --font-sans:"Hanken Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;

  --r-sm:10px; --r:16px; --r-lg:24px; --r-xl:34px; --r-pill:999px;
  --container:1240px;
  --pad:clamp(20px,5vw,40px);
  --sect:clamp(56px,7vw,100px);
  --shadow:0 24px 60px -24px rgba(0,0,0,.5);
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Reset / base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0}
.page{
  font-family:var(--font-sans);
  background:var(--ink);
  color:var(--white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
  line-height:1.55;
}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,p{margin:0}
button{font-family:inherit;cursor:pointer}
::selection{background:var(--orange);color:#fff}

/* ---------- Layout utils ---------- */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--pad)}
.section--dark{background:var(--ink);color:#fff;position:relative}
.section--light{background:#f5f5f5;color:var(--ink-text);position:relative}
.section--white{background:var(--paper-2);color:var(--ink-text);position:relative}
.section--light.posts--alt{background:var(--paper-2)}

.u-orange{color:var(--orange)}

/* Eyebrow */
.eyebrow{
  display:inline-flex;align-items:center;gap:.6em;
  font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--orange);margin:0 0 18px;
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--orange);border-radius:2px}
.eyebrow--light{color:var(--orange-soft)}
.eyebrow--ink{color:#2a1407}
.eyebrow--ink::before{background:#2a1407}

/* Section heads */
.section-head{max-width:760px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.section-head--left{text-align:left;margin-inline:0}
.section-head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;text-align:left;max-width:none}
.section-title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.02;letter-spacing:-.02em;
  color:var(--ink-text);
}
.section-title--light{color:#fff}
.section-lead{margin-top:18px;font-size:clamp(1rem,1.6vw,1.18rem);color:var(--ink-soft);line-height:1.6}
.section--dark .section-lead{color:var(--muted)}

/* ---------- Buttons ---------- */
.button{
  --bsize:14px 22px;
  display:inline-flex;align-items:center;gap:.6em;
  padding:var(--bsize);border-radius:var(--r-pill);border:1px solid transparent;
  font-family:var(--font-sans);font-weight:700;font-size:.95rem;letter-spacing:.01em;
  transition:transform .35s var(--ease),background .3s,box-shadow .35s,color .3s,border-color .3s;
  white-space:nowrap;
}
.button__arrow{width:16px;height:16px;transition:transform .35s var(--ease)}
.button:hover .button__arrow{transform:translateX(4px)}
.button--lg{--bsize:17px 30px;font-size:1rem}
.button--block{width:100%;justify-content:center}
.button--primary{background:var(--orange);color:#fff;box-shadow:0 12px 30px -10px var(--orange-glow)}
.button--primary:hover{background:var(--orange-bright);box-shadow:0 16px 40px -8px var(--orange-glow);transform:translateY(-2px)}
.button--ghost{background:rgba(255,255,255,.04);color:#fff;border-color:var(--line-strong);backdrop-filter:blur(4px)}
.button--ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}
.button--outline{background:transparent;color:var(--ink-text);border-color:var(--line-light)}
.button--outline:hover{border-color:var(--orange);color:var(--orange)}
.button--ink{background:#16100c;color:#fff}
.button--ink:hover{background:#000;transform:translateY(-2px)}

/* ---------- Reveal (desativado: tudo fixo, sem animação no scroll) ---------- */
.reveal,.reveal.is-visible{opacity:1;transform:none}

/* =================================================================
   HEADER
   ================================================================= */
/* Padrão (páginas internas): header preto sólido sempre. A home sobrescreve abaixo. */
.site-header{position:fixed;inset:0 0 auto;z-index:60;transition:border-color .4s;border-bottom:1px solid var(--line)}
/* Fundo no ::before (não no header) só para alternar a opacidade sem mexer no conteúdo. */
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);opacity:1;transition:opacity .4s}
.site-header__inner{max-width:var(--container);margin-inline:auto;padding:18px var(--pad);display:flex;align-items:center;gap:24px}
.site-header.is-scrolled{border-bottom-color:var(--line)}
.site-header.is-scrolled::before{opacity:1}
/* HOME: header transparente no topo, preto na rolagem */
.page--home .site-header{border-bottom-color:transparent}
.page--home .site-header::before{opacity:0}
.page--home .site-header.is-scrolled{border-bottom-color:var(--line)}
.page--home .site-header.is-scrolled::before{opacity:1}
.site-header__brand{flex:0 0 auto}
.site-header__logo{height:26px;width:auto}
.site-nav{margin-left:8px}
.site-nav__list{display:flex;align-items:center;gap:4px}
.site-nav__link{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--r-pill);font-weight:600;font-size:.95rem;white-space:nowrap;color:rgba(255,255,255,.86);transition:color .25s,background .25s}
.site-nav__link:hover{color:#fff;background:rgba(255,255,255,.07)}
.site-nav__caret{width:10px;height:6px;transition:transform .3s}
.site-nav__item--has-menu:hover .site-nav__caret{transform:rotate(180deg)}
.site-header__actions{margin-left:auto;display:flex;align-items:center;gap:14px}

/* Mega menu */
.site-nav__item--has-menu{position:relative}
.site-nav__mega{
  position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(10px);
  width:min(680px,86vw);background:rgba(20,20,24,.96);backdrop-filter:blur(16px);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:6px;
  opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s;box-shadow:var(--shadow);
}
.site-nav__item--has-menu:hover .site-nav__mega,.site-nav__item--has-menu:focus-within .site-nav__mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mega-link{display:flex;gap:14px;align-items:center;padding:14px;border-radius:var(--r);transition:background .25s}
.mega-link:hover{background:rgba(255,255,255,.06)}
.mega-link__icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,78,0,.12);color:var(--orange-soft)}
.mega-link__icon svg{width:22px;height:22px}
.mega-link__text{display:flex;flex-direction:column;gap:2px}
.mega-link__text strong{font-size:.98rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.mega-link__text small{font-size:.8rem;color:var(--muted-2);text-wrap:balance}

/* Lang + hamburger */
.lang-switch{display:flex;align-items:center;gap:4px}
.lang-flag{display:inline-flex;padding:4px;border:0;background:transparent;border-radius:7px;line-height:0;cursor:pointer;opacity:.42;transition:opacity .2s,transform .2s}
.lang-flag img{display:block;width:24px;height:17px;border-radius:3px}
.lang-flag.is-active{opacity:1}
.lang-flag:hover{opacity:1;transform:translateY(-1px)}
.site-header__search{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;transition:background .2s,border-color .2s}
.site-header__search:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}
.site-header__search svg{width:18px;height:18px}
.topbar{position:relative;border-bottom:1px solid var(--line)}
.topbar__inner{max-width:var(--container);margin-inline:auto;padding:8px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.82rem}
.topbar__right{display:flex;align-items:center;gap:14px}
.topbar__item{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.7);font-weight:500;transition:color .2s}
.topbar__item:hover{color:#fff}
.topbar__item svg{width:15px;height:15px}
.topbar__portal svg{color:var(--orange)}
.topbar__sep{width:1px;height:15px;background:var(--line)}
.topbar__search svg{width:15px;height:15px}
.topbar__left{display:flex;align-items:center;gap:14px}
.topbar__social{display:flex;align-items:center;gap:13px}
.topbar__soc{color:rgba(255,255,255,.6);line-height:0;transition:color .2s,transform .2s}
.topbar__soc svg{width:15px;height:15px;display:block}
.topbar__soc:hover{color:var(--orange);transform:translateY(-1px)}
.site-header__portal-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.32);color:#fff;font-weight:600;font-size:.9rem;transition:background .2s,border-color .2s}
.site-header__portal-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6)}
.site-header__portal-btn svg{width:16px;height:16px;color:var(--orange)}
.site-nav__item--extra{display:none}
.hamburger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;align-items:center;justify-content:center}
.hamburger span{width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* =================================================================
   HERO
   ================================================================= */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;padding-top:calc(var(--header-h,84px) + clamp(28px,4vw,56px));padding-bottom:clamp(48px,7vw,90px);overflow:hidden;background:var(--ink)}
.hero__media{position:absolute;inset:0;z-index:0}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}
.hero__scrim{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(10,10,12,.8) 0%,rgba(10,10,12,.58) 38%,rgba(10,10,12,.82) 70%,#0a0a0c 100%),
  linear-gradient(90deg,rgba(10,10,12,.5),transparent 58%)}
.hero__inner{position:relative;z-index:2;margin-top:auto;margin-bottom:40px}
.hero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.2rem,6.3vw,5.05rem);line-height:1;letter-spacing:-.025em;margin:0 0 22px}
.hero__title,.page-hero__title,.sol-hero__title,.post-hero__title,.section-title,.sx-title,.cta__title,.tech-detail__name,.blog-featured__title,.post-card__title,.sol-card__title{text-wrap:balance}
.hero__line{display:block}
.hero__lead{max-width:620px;font-size:clamp(1.05rem,1.9vw,1.32rem);color:rgba(255,255,255,.84);line-height:1.55}
.hero__lead strong{color:#fff;font-weight:700}
.hero__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 44px;margin-top:38px}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px}
.hero__esg{display:inline-flex;flex-direction:column;align-items:center;gap:10px;max-width:100%;padding:12px 22px 14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:13px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hero__esg-label{margin:0;font-size:.72rem;font-weight:700;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--orange)}
.hero__esg-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.hero__esg-logos li{display:flex}
.hero__esg-logos img{display:block;height:40px;width:auto;max-width:150px;object-fit:contain}
@media(max-width:560px){.hero__esg{padding:10px 16px 12px}.hero__esg-logos{gap:16px}.hero__esg-logos img{height:30px;max-width:110px}}
.hero__scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:2;width:26px;height:42px;border:1.5px solid rgba(255,255,255,.4);border-radius:14px;display:none}
.hero__scroll span{position:absolute;left:50%;top:8px;width:4px;height:8px;background:var(--orange);border-radius:3px;transform:translateX(-50%);animation:scrolldot 1.8s infinite}
@media(min-width:760px){.hero__scroll{display:block}}
@keyframes scrolldot{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,16px)}}

/* =================================================================
   STATS
   ================================================================= */
.stats{padding:clamp(40px,5vw,60px) 0;border-bottom:1px solid var(--line);background:var(--surface)}
.stats__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.45rem,2.6vw,2.05rem);line-height:1.12;letter-spacing:-.01em;color:#fff;text-align:center;margin-bottom:clamp(28px,3.6vw,42px)}
.stats__grid{display:grid;grid-template-columns:repeat(var(--stats-cols,6),1fr);gap:10px}
.stat{padding:14px 18px;border-left:1px solid var(--line);text-align:center}
.stat:first-child{border-left:0}
.stat__num{font-family:var(--font-display);font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1;letter-spacing:-.02em;color:#fff}
.stat__num .u-orange,.stat__num{background:linear-gradient(180deg,#fff,#cfcfd4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat__label{margin-top:8px;font-size:.84rem;color:var(--muted);line-height:1.35}

/* =================================================================
   ECOSYSTEM / FLOW
   ================================================================= */
.ecosystem{padding:var(--sect) 0;overflow:hidden}
.ecosystem__bg{position:absolute;inset:0}
.ecosystem .container{position:relative;z-index:1}
.ecosystem__cta{margin-top:clamp(28px,3.5vw,40px);display:flex;justify-content:center}

/* Imagem SVG da plataforma — fit no desktop, scroll horizontal no mobile */
.platform-svg{margin:clamp(26px,3.6vw,42px) 0 0;padding-bottom:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.32) rgba(255,255,255,.08)}
.platform-svg::-webkit-scrollbar{height:6px}
.platform-svg::-webkit-scrollbar-thumb{background:rgba(255,255,255,.32);border-radius:3px}
.platform-svg::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:3px}
.platform-svg__img{display:block;width:100%;height:auto;margin-inline:auto}
@media(max-width:860px){.platform-svg__img{width:auto;height:clamp(340px,52vh,440px);max-width:none}}
@media(min-width:861px){.platform-svg{--pw:min(1500px,calc(100vw - 2 * var(--pad)));width:var(--pw);margin-left:calc((100% - var(--pw)) / 2);margin-right:calc((100% - var(--pw)) / 2)}}

/* Plataforma (ecossistema integrado) — refeita em HTML a partir de _materiais/plataforma.svg */
.platform{position:relative;margin-top:clamp(26px,3.6vw,42px);border:1px solid var(--line-strong);border-radius:var(--r-xl);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:clamp(20px,2.6vw,34px);overflow:hidden}

/* SUPP360 — camada no topo (chip sobre uma linha) */
.platform__top{position:relative;display:flex;justify-content:center;margin-bottom:clamp(18px,2.6vw,30px)}
.platform__rail{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);overflow:hidden;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--line-strong) 12%,var(--line-strong) 88%,transparent)}
.platform__pulse{position:absolute;top:0;left:0;width:22%;height:100%;
  background:linear-gradient(90deg,transparent,var(--orange-soft),transparent);animation:pfpulse 4s linear infinite}
@keyframes pfpulse{0%{transform:translateX(-130%)}100%{transform:translateX(560%)}}
.platform__chip{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border:1px solid var(--line-strong);
  border-radius:var(--r-pill);background:var(--ink);font-weight:700;font-size:.9rem;color:#fff;white-space:nowrap}
.platform__chip-ic{width:22px;height:22px;color:var(--orange-soft);flex:0 0 auto}
.platform__chip-ic svg{width:100%;height:100%}

/* Fluxo central */
.platform__flow{display:flex;align-items:stretch;gap:10px}

/* Caixas aninhadas: CRM › (Full service + Fulfillment › (Armazenagem + Transporte)) */
.pf-box{position:relative;flex:1 1 auto;min-width:0;border-radius:var(--r-lg)}
.pf-box--crm{border:1px solid var(--line-strong);background:rgba(255,255,255,.02);padding:clamp(15px,1.7vw,22px) clamp(12px,1.4vw,18px) clamp(40px,4.2vw,54px)}
.pf-box--ful{flex:2 1 0;border:1px dashed rgba(255,122,60,.45);padding:clamp(14px,1.5vw,18px) clamp(11px,1.3vw,16px) clamp(32px,3.4vw,42px)}
.pf-box__row{display:flex;align-items:stretch;gap:10px;height:100%}
.pf-box__tag{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);z-index:3;display:inline-flex;align-items:center;gap:8px;
  padding:7px 15px;border-radius:var(--r-pill);background:var(--ink);border:1px solid var(--line-strong);
  font-weight:700;font-size:.82rem;color:#fff;white-space:nowrap}
.pf-box--ful .pf-box__tag{border-color:rgba(255,122,60,.5)}
.pf-box__tag-ic{width:18px;height:18px;color:var(--orange-soft);flex:0 0 auto}
.pf-box__tag-ic svg{width:100%;height:100%}

/* Colunas das pontas (canais de venda / cliente final) */
.pf-edge{flex:0 0 clamp(130px,12vw,158px);display:flex;flex-direction:column;justify-content:center;gap:9px}
.pf-edge--out{text-align:right}
.pf-edge__label{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-soft)}
.pf-edge__sub{font-size:.78rem;font-weight:700;color:#fff;margin-bottom:6px}
.pf-edge__list{display:flex;flex-direction:column;gap:8px}
.pf-node{display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:500;color:#fff;line-height:1.2}
.pf-edge--out .pf-node{flex-direction:row-reverse}
.pf-node__ic{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;
  background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--orange-soft)}
.pf-node__ic svg{width:20px;height:20px}

/* Conectores */
.pf-conn{flex:0 0 18px;align-self:center;position:relative;height:2px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}
.pf-conn::after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;
  border-top:1.6px solid var(--orange-soft);border-right:1.6px solid var(--orange-soft);transform:translate(0,-50%) rotate(45deg)}

/* Módulos */
.pf-module{flex:1 1 0;min-width:0;border:1px solid var(--line);border-radius:var(--r);
  background:rgba(255,255,255,.03);padding:14px 13px;display:flex;flex-direction:column;gap:11px;
  transition:transform .4s var(--ease),border-color .4s}
.pf-module:hover{transform:translateY(-3px);border-color:var(--orange)}
.pf-module__head{display:flex;align-items:center;gap:9px}
.pf-module__ic{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;
  background:var(--surface);border:1px solid var(--orange);color:var(--orange-soft)}
.pf-module__ic svg{width:18px;height:18px}
.pf-module__t{font-size:.96rem;font-weight:700;color:#fff}
.pf-module__list{display:flex;flex-direction:column;gap:7px}
.pf-module__list li{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);font-weight:500;line-height:1.25}
.pf-mi__ic{flex:0 0 17px;width:17px;height:17px;color:var(--orange-soft);opacity:.85}
.pf-mi__ic svg{width:100%;height:100%}

/* Mobile: empilha tudo na vertical (fluxo de cima pra baixo) */
@media(max-width:860px){
  .platform__flow{flex-direction:column;align-items:stretch;gap:8px}
  .pf-edge{flex:1 1 auto;text-align:left}
  .pf-edge--out{text-align:left}
  .pf-edge--out .pf-node{flex-direction:row}
  .pf-edge__list{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}
  .pf-box--ful{flex:1 1 auto}
  .pf-box__row{flex-direction:column;gap:8px}
  .pf-conn{flex:0 0 16px;width:2px;height:16px;background:linear-gradient(180deg,transparent,var(--line-strong),transparent)}
  .pf-conn::after{right:auto;left:50%;top:auto;bottom:-1px;transform:translate(-50%,0) rotate(135deg)}
}
@media(max-width:460px){.pf-edge__list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.platform__pulse{display:none}}

/* =================================================================
   SOLUTIONS (texto à esquerda + carrossel à direita)
   ================================================================= */
.solutions{padding:var(--sect) 0;overflow:hidden;background:var(--ink)}
.solutions__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(24px,4vw,56px);margin-bottom:clamp(34px,4vw,54px)}
.solutions__head-text{max-width:660px}
.solutions__head-text .section-lead{max-width:52ch}
.solutions__all{flex:0 0 auto;margin-bottom:4px}
.solutions__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.6vw,22px)}

/* carrossel "Outras soluções" (rodapé das páginas de solução) — layout antigo preservado */
.solutions__layout{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(28px,4.5vw,68px);align-items:center}
.solutions__intro{display:flex;flex-direction:column;max-width:460px}
.solutions__intro .section-lead{max-width:34ch}
.solutions__intro .solutions__all{align-self:flex-start;flex:0 0 auto;margin:clamp(24px,3vw,32px) 0 0}
.solutions__controls{display:flex;align-items:center;gap:20px;margin-top:clamp(22px,2.8vw,32px)}
.solutions__arrows{display:flex;gap:10px;flex:0 0 auto}
.solutions__arrow{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);border:1px solid var(--line-light);color:var(--ink-text);transition:background .3s var(--ease),border-color .3s,color .3s,transform .3s var(--ease),opacity .3s}
.solutions__arrow svg{width:20px;height:20px}
.solutions__arrow:hover:not(:disabled){border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}
.solutions__arrow:active:not(:disabled){transform:translateY(0)}
.solutions__arrow:disabled{opacity:.32;cursor:not-allowed}
.solutions__progress{position:relative;flex:1 1 auto;height:4px;border-radius:var(--r-pill);background:var(--line-light);overflow:hidden}
.solutions__progress-fill{position:absolute;inset:0 auto 0 0;width:33%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--orange-bright));transition:width .5s var(--ease)}
.solutions__carousel{--cg:18px;position:relative;min-width:0;display:flex;flex-direction:column}
.solutions__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;margin-block:-22px;padding-block:22px;scrollbar-width:none;-ms-overflow-style:none}
.solutions__viewport::-webkit-scrollbar{display:none}
.solutions__track{display:flex;gap:var(--cg)}
.solutions__track .sol-card{flex:0 0 clamp(258px,calc((100% - var(--cg)) / 2),392px);scroll-snap-align:start}

.sol-card{display:flex;flex-direction:column;padding:30px;border-radius:var(--r-lg);background:#f5f5f5;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease)}
.sol-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px -30px rgba(0,0,0,.35)}
.sol-card:hover .sol-card__link svg{transform:translateX(4px)}
.sol-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.sol-card__icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(243,97,17,.14),rgba(255,78,0,.06));color:var(--orange);transition:background .3s var(--ease),color .3s var(--ease),transform .35s var(--ease)}
.sol-card:hover .sol-card__icon{background:var(--orange);color:#fff;transform:scale(1.06)}
.sol-card__icon svg{width:28px;height:28px}
.sol-card__tag{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);background:rgba(243,97,17,.1);padding:6px 11px;border-radius:var(--r-pill)}
.sol-card__title{font-size:1.4rem;font-weight:800;letter-spacing:-.01em;margin-bottom:10px;color:var(--ink-text)}
.sol-card__desc{color:var(--ink-soft);font-size:.96rem;line-height:1.55;margin-bottom:20px}
.sol-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-weight:700;font-size:.92rem;color:var(--ink-text)}
.sol-card__link svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.sol-card__link:hover{color:var(--orange)}
.sol-card__link:hover svg{transform:translateX(4px)}
/* Cards da seção Soluções na home (fundo escuro): cinza um pouco mais claro que a seção */
#solucoes .sol-card{background:var(--surface)}
#solucoes .sol-card__title{color:#fff}
#solucoes .sol-card__desc{color:var(--muted)}
#solucoes .sol-card__link{color:#fff}
#solucoes .sol-card:hover{background:#242428;box-shadow:0 0 0 1px rgba(243,97,17,.4),0 34px 64px -32px rgba(0,0,0,.85)}
/* Outras soluções (rodapé das páginas de solução): fundo branco + cards cinzas */
#outras-solucoes{background:var(--paper-2)}
#outras-solucoes .sol-card{background:#f5f5f5}


/* =================================================================
   UNITS / MAP
   ================================================================= */
.units{padding:var(--sect) 0}
.units__head{display:grid;grid-template-columns:1fr 1.9fr;gap:clamp(28px,4.5vw,60px);align-items:center;margin-bottom:clamp(30px,4vw,52px)}
.units__intro{min-width:0}
.units__lead{margin:18px 0 0;max-width:44ch;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.55;color:var(--muted)}
.units__map{min-width:0;position:relative}
.units__map .unit-map__img{display:block;width:100%;height:auto}
.map-pin{position:absolute;width:5.5%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(243,97,17,.55) 0%,rgba(243,97,17,.12) 48%,transparent 70%);pointer-events:none;animation:mapPulse 2.6s ease-in-out var(--pd,0s) infinite}
@keyframes mapPulse{0%,100%{transform:translate(-50%,-50%) scale(.6);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.4);opacity:.35}}
@media(prefers-reduced-motion:reduce){.map-pin{animation:none;opacity:.6}}
.units__map-btn{margin-top:clamp(22px,2.6vw,30px)}
@media(max-width:900px){.units__head{grid-template-columns:1fr;align-items:start}}

/* Lista de unidades com preview no hover */
.unit-list{border-top:1px solid var(--line)}
.unit{position:relative;border-bottom:1px solid var(--line)}
.unit__row{display:grid;grid-template-columns:104px minmax(0,1fr) 64px;gap:48px;align-items:center;padding:38px 8px;position:relative}
.unit__num{font-family:var(--font-display);font-size:clamp(40px,4.4vw,68px);line-height:1;letter-spacing:-.03em;color:rgba(255,255,255,.2);font-variant-numeric:tabular-nums;transition:color .45s var(--ease),transform .6s var(--ease)}
.unit:hover .unit__num{color:var(--orange);transform:translateX(6px)}
.unit__info{display:flex;flex-direction:column;gap:12px;max-width:620px}
.unit__tag{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-soft)}
.unit__name{font-family:var(--font-display);font-size:clamp(28px,3.3vw,50px);line-height:1;letter-spacing:-.02em;color:#fff;display:flex;align-items:baseline;gap:12px}
.unit__name span{font-size:.42em;font-weight:700;letter-spacing:.04em;color:var(--orange)}
.unit__svc{font-size:.96rem;color:var(--muted);line-height:1.45}
.unit__metrics{display:flex;flex-wrap:wrap;gap:8px}
.unit__metrics li{font-size:.74rem;font-weight:600;color:#fff;background:rgba(255,255,255,.05);border:1px solid var(--line);padding:6px 12px;border-radius:var(--r-pill)}
.unit__preview{position:absolute;top:50%;right:104px;width:clamp(220px,24vw,340px);aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;margin:0;pointer-events:none;opacity:0;transform:translate(24px,-50%) scale(.92);transition:opacity .45s var(--ease),transform .7s var(--ease);z-index:3;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.unit__preview img,.unit__preview-ph{width:100%;height:100%;object-fit:cover}
.unit__preview-ph{display:grid;place-items:center;background:var(--surface)}
.unit__preview-ph span{font-family:var(--font-display);font-size:2.6rem;color:rgba(255,255,255,.28)}
.unit:hover .unit__preview{opacity:1;transform:translate(0,-50%) scale(1)}
.unit__arrow{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:#fff;justify-self:end;transition:background .4s var(--ease),color .4s,border-color .4s,transform .45s var(--ease)}
.unit__arrow svg{width:18px;height:18px}
.unit:hover .unit__arrow{background:var(--orange);border-color:var(--orange);color:#fff;transform:rotate(-45deg)}
.units__cta{margin-top:52px;text-align:center}
@media(max-width:1100px){.unit__preview{display:none}.unit__info{max-width:none}}
@media(max-width:768px){.unit__row{grid-template-columns:minmax(0,1fr) 44px;gap:18px;padding:26px 4px}.unit__num{display:none}.unit__arrow{width:44px;height:44px}.unit__name{font-size:clamp(26px,7vw,34px)}}

/* =================================================================
   TECH
   ================================================================= */
.tech{padding:clamp(48px,6vw,80px) 0 var(--sect);background:var(--surface)}
.tech__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,5vw,72px);align-items:center}
.tech__cta{margin-top:clamp(26px,3vw,36px)}
.tech__cards{display:grid;gap:18px}
.tech-card{position:relative;padding:32px;border-radius:var(--r-lg);background:var(--ink);border:1px solid var(--line);overflow:hidden}
.tech-card__glow{display:none}
.tech-card__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.tech-card__name{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.01em;line-height:1;color:#fff;margin:0}
.tech-card__logo{flex:0 0 auto;height:clamp(30px,3.4vw,42px);width:auto;opacity:.92}
.tech-card__name span{color:var(--orange)}
.tech-card__desc{position:relative;color:var(--muted);font-size:1rem;line-height:1.6;margin-bottom:20px;max-width:50ch}
.tech-card__feats{position:relative;display:flex;flex-wrap:wrap;gap:8px}
.tech-card__feats li{font-size:.82rem;font-weight:600;color:#fff;border:1px solid var(--line-strong);padding:7px 13px;border-radius:var(--r-pill)}
.tech-card__feats li::before{content:"✓ ";color:var(--orange)}

/* =================================================================
   CLIENTS
   ================================================================= */
.clients{padding:var(--sect) 0}
.clients__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(32px,5vw,72px);align-items:center;margin-bottom:clamp(38px,5vw,54px)}
.clients__top .section-head{margin-bottom:0;max-width:none}
.clients__certs{border:1px solid var(--line-light);border-radius:var(--r-lg);padding:clamp(24px,3vw,34px) clamp(20px,3vw,36px)}
.certs__label{text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin:0 0 clamp(20px,2.4vw,28px)}
.certs__grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(14px,1.7vw,24px);list-style:none;margin:0;padding:0}
.certs__item{display:grid;place-items:center}
.certs__item img{display:block;height:clamp(28px,3vw,38px);width:auto;max-width:clamp(76px,9vw,108px);object-fit:contain}
@media(max-width:900px){.clients__top{grid-template-columns:1fr;gap:32px}}
.testimonial{position:relative;overflow:hidden;padding:clamp(40px,4.5vw,68px) 0;background:#f5f5f5}

/* Carrossel de logos (marquee infinito) */
.marquee{margin-top:clamp(36px,4.5vw,60px);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marquee__track{display:flex;width:max-content;align-items:center;animation:marquee 55s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__item{flex:0 0 auto;display:grid;place-items:center;padding-inline:clamp(20px,2.6vw,36px)}
.marquee__item img{height:clamp(44px,5.5vw,60px);width:auto;max-width:clamp(120px,13vw,150px);object-fit:contain}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee__track{animation:none}}
.quote{max-width:880px;margin:0 auto;text-align:center}
.quote__text{margin:0;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.28;letter-spacing:-.01em;color:var(--ink-text)}
.quote__by{margin-top:20px;font-size:.92rem;font-weight:700;color:var(--ink-soft)}
.quote__note{font-weight:500;color:#a8a6a1}
.testimonial__inner{position:relative;z-index:1}
.testimonial__inner .quote{max-width:min(600px,58%);margin:0;text-align:left}
.testimonial__graphic{position:absolute;top:0;right:0;bottom:0;width:min(54%,780px);background-repeat:no-repeat;background-position:center;background-size:auto 190%;opacity:.9;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 46%);mask-image:linear-gradient(90deg,transparent,#000 46%)}
.quote__mark{display:block;font-family:var(--font-display);font-size:clamp(3.4rem,6vw,5.4rem);line-height:.55;color:var(--orange);margin-bottom:clamp(6px,1vw,12px)}
.cert img{width:40px;height:40px;flex:0 0 auto}
.cert__mark{font-family:var(--font-display);font-weight:700;color:var(--orange);font-size:1.05rem;width:40px;flex:0 0 auto;text-align:center}
.cert span:last-child{font-size:.84rem;color:var(--ink-soft);font-weight:500;line-height:1.35}

/* =================================================================
   POSTS / FEED
   ================================================================= */
.posts{padding:var(--sect) 0}
.posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:56px}
.post-card__media{position:relative;display:block;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;margin-bottom:16px}
.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .post-card__media img{transform:scale(1.05)}
.post-card__cat{position:absolute;left:12px;top:12px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--orange);color:#fff;padding:5px 11px;border-radius:var(--r-pill)}
.post-card__title{font-size:1.16rem;font-weight:700;line-height:1.32;letter-spacing:-.01em;margin-bottom:12px}
.post-card__title a:hover{color:var(--orange)}
.post-card__more{font-size:.88rem;font-weight:700;color:var(--orange)}
.posts__lead{display:grid;grid-template-columns:minmax(0,1fr) 50%;gap:clamp(28px,4vw,56px);align-items:center;margin-bottom:clamp(40px,5vw,56px)}
.posts__intro .section-lead{max-width:44ch}
.posts__intro .button{margin-top:clamp(20px,2.4vw,28px)}
.posts__feature{position:relative;display:block;border-radius:var(--r-xl);overflow:hidden;min-height:clamp(380px,38vw,470px);isolation:isolate}
.posts__feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.posts__feature:hover img{transform:scale(1.05)}
.posts__feature::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.45) 32%,transparent 62%);pointer-events:none}
.posts__feature .blog-featured__flag{z-index:2}
.posts__feature-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(22px,3vw,36px)}
.posts__feature-cat{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}
.posts__feature-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.4vw,2.15rem);line-height:1.12;letter-spacing:-.01em;color:#fff;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:820px){
  .testimonial__inner .quote{max-width:none}
  .testimonial__graphic{width:100%;opacity:.1}
  .posts__lead{grid-template-columns:1fr;gap:32px}
}

.feed{border-top:1px solid var(--line-light);padding-top:40px}
.feed__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.feed__title{font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.feed__follow{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:11px 22px;border-radius:var(--r-pill);font-weight:700;font-size:.95rem;color:#fff;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);box-shadow:0 10px 26px -12px rgba(220,39,67,.5);transition:transform .3s var(--ease),box-shadow .3s,filter .3s}
.feed__follow svg{width:19px;height:19px}
.feed__follow:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 34px -12px rgba(220,39,67,.55)}
.feed__strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.feed__item{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden}
.feed__item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.feed__item:hover img{transform:scale(1.08)}
.feed__ig{position:absolute;inset:0;display:grid;place-items:center;background:rgba(13,13,15,.25);opacity:0;transition:opacity .3s}
.feed__ig svg{width:26px;height:26px}
.feed__item:hover .feed__ig{opacity:1}
.feed__socials-all{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:clamp(28px,3.5vw,42px)}
.feed__social-big{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--orange);color:#fff;background:var(--orange);transition:background .3s var(--ease),border-color .3s,color .3s,transform .3s var(--ease),box-shadow .3s}
.feed__social-big svg{height:22px;width:auto}
.feed__social-big:hover{background:var(--orange-bright);border-color:var(--orange-bright);color:#fff;transform:translateY(-3px);box-shadow:0 14px 30px -14px var(--orange-glow)}

/* =================================================================
   CTA / FORM
   ================================================================= */
.cta{padding:var(--sect) 0;position:relative;overflow:hidden;background:var(--ink)}
.cta__pbowl{position:absolute;inset:0;pointer-events:none}
.cta__pbowl::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:radial-gradient(78% 78% at 0% 4%,#000,transparent 70%);
  mask-image:radial-gradient(78% 78% at 0% 4%,#000,transparent 70%)}
.cta__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,72px);align-items:center}
.cta__title{font-family:var(--font-display);font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.02;letter-spacing:-.025em;margin-bottom:18px}
.cta__lead{font-size:clamp(1rem,1.6vw,1.18rem);color:var(--muted);line-height:1.6;max-width:480px;margin-bottom:26px}
.cta__points{display:grid;gap:12px}
.cta__points li{display:flex;align-items:center;gap:12px;font-weight:500;color:#fff}
.cta__points li::before{content:"";width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:rgba(255,78,0,.16);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff7a3c' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");
  background-size:14px;background-repeat:no-repeat;background-position:center}

.cta-form{background:rgba(255,255,255,.055);border:1px solid var(--line-strong);border-radius:var(--r-xl);padding:clamp(24px,3vw,38px);backdrop-filter:blur(10px);box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.cta-form__title{font-size:1.3rem;font-weight:800;margin-bottom:22px}
.cta-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:block;margin-bottom:14px}
.field span{display:block;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.78);margin-bottom:7px}
.field input,.field textarea{width:100%;background:rgba(6,6,8,.6);border:1px solid rgba(255,255,255,.26);border-radius:var(--r-sm);
  padding:13px 15px;color:#fff;font-family:inherit;font-size:.95rem;transition:border-color .25s,background .25s,box-shadow .25s}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.42)}
.field input:hover,.field textarea:hover{border-color:rgba(255,255,255,.42)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--orange);background:rgba(6,6,8,.82);box-shadow:0 0 0 3px rgba(255,78,0,.18)}
.field textarea{resize:vertical;min-height:84px}
.cta-form__success,.cta-form__error{margin:-6px 0 20px;padding:13px 16px;border-radius:var(--r-sm);font-size:.92rem;font-weight:600;line-height:1.45;scroll-margin-top:calc(var(--header-h,80px) + 24px)}
.cta-form__success{background:rgba(64,190,110,.12);border:1px solid rgba(64,190,110,.5);color:#c9f2d6}
.cta-form__error{background:rgba(255,78,0,.12);border:1px solid rgba(255,78,0,.55);color:#ffd4bf}
.cta-form__success:focus,.cta-form__error:focus{outline:none}
.field__error{display:block;margin-top:6px;font-size:.78rem;font-weight:600;line-height:1.35;color:var(--orange-soft)}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:var(--orange-soft)}
.cta-form__note{margin-top:14px;font-size:.78rem;color:var(--muted-2);text-align:center}

/* =================================================================
   FOOTER
   ================================================================= */
.site-footer{position:relative;background:var(--ink);padding:clamp(60px,7vw,88px) 0 0;overflow:hidden}
.site-footer__glow{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent)}
.site-footer__inner{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:48px}
.site-footer__logo{height:30px;margin-bottom:20px}
.site-footer__tagline{color:var(--muted);font-size:.95rem;line-height:1.6;max-width:42ch;margin-bottom:24px}
.site-footer__social{display:flex;gap:10px}
.site-footer__social a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--muted);transition:all .3s}
.site-footer__social a svg{height:16px;width:auto}
.site-footer__social a:hover{background:var(--orange);border-color:var(--orange);color:#fff;transform:translateY(-3px)}
.site-footer__title{font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-soft);margin-bottom:18px}
.site-footer__links li{margin-bottom:11px}
.site-footer__links a{color:var(--muted);font-size:.93rem;transition:color .25s}
.site-footer__links a:hover{color:#fff}
.site-footer__contact-line{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:.93rem;margin-bottom:14px;transition:color .25s}
.site-footer__contact-line svg{width:19px;height:19px;flex:0 0 auto;color:var(--orange)}
.site-footer__contact-line:hover{color:#fff}
.site-footer__portal{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-weight:700;font-size:.9rem;color:#fff;border:1px solid var(--line-strong);padding:10px 16px;border-radius:var(--r-pill);transition:all .3s}
.site-footer__portal svg{width:14px;height:14px}
.site-footer__portal:hover{border-color:var(--orange);color:var(--orange)}
.site-footer__seals{display:flex;align-items:center;gap:16px;margin-top:24px}
.site-footer__seals img{opacity:.92}
.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.site-footer__copy{color:var(--muted-2);font-size:.84rem}
.site-footer__legal{display:flex;gap:22px}
.site-footer__legal a{color:var(--muted-2);font-size:.84rem;transition:color .25s}
.site-footer__legal a:hover{color:#fff}

/* To-top */
.to-top{position:fixed;right:22px;bottom:22px;z-index:50;width:46px;height:46px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .35s var(--ease);box-shadow:0 12px 30px -10px var(--orange-glow)}
.to-top svg{width:18px;height:18px}
.to-top.is-visible{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--orange-bright);transform:translateY(-3px)}

/* =================================================================
   RESPONSIVE
   ================================================================= */
@media(max-width:1080px){
  .stats__grid{grid-template-columns:repeat(3,1fr);gap:18px}
  .stat{border-left:0;border-top:1px solid var(--line);padding:18px 0 4px}
  .stat:nth-child(-n+3){border-top:0}
  .tech__inner,.cta__inner{grid-template-columns:1fr;gap:40px}
}
@media(max-width:920px){
  .site-nav,.site-header__cta,.site-header__portal-btn,.topbar{display:none}
  .hamburger{display:flex}
  /* Header (logo + fechar) acima do overlay; o menu cobre a tela inteira por trás. */
  .site-header__brand,.site-header__actions{position:relative;z-index:2}
  .site-nav.is-open{display:block;position:fixed;inset:0;margin:0;z-index:1;background:rgba(10,10,12,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:90px var(--pad) 32px;overflow:auto}
  .site-nav.is-open .site-nav__list{flex-direction:column;align-items:stretch;gap:4px}
  .site-nav.is-open .site-nav__link{display:flex;width:100%;font-size:1.2rem;padding:16px 8px;border-bottom:1px solid var(--line);border-radius:0}
  .site-nav.is-open .site-nav__item--extra{display:list-item}
  .site-nav.is-open .site-nav__mega{position:static;opacity:1;visibility:visible;transform:none;width:auto;grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;background:transparent;border:0;box-shadow:none;padding:6px 0 14px}
  .solutions__grid{grid-template-columns:repeat(2,1fr)}
  .solutions__layout{grid-template-columns:1fr}
  .solutions__head{flex-direction:column;align-items:flex-start}
  .solutions__head-text{max-width:none}
  .posts__grid{grid-template-columns:1fr 1fr}
  .feed__strip{grid-template-columns:repeat(3,1fr)}
  .section-head--row{flex-direction:column;align-items:flex-start;gap:18px}
}
@media(max-width:560px){
  .stats__grid{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){border-top:1px solid var(--line)}
  .solutions__grid{grid-template-columns:1fr}
  .posts__grid,.cta-form__row{grid-template-columns:1fr}
  .feed__strip{grid-template-columns:repeat(3,1fr)}
  .site-footer__inner{grid-template-columns:1fr 1fr}
  .site-footer__brandcol{grid-column:1/-1}
  .site-footer__bottom{flex-direction:column;text-align:center}
  .hero__title{font-size:clamp(2.6rem,12vw,3.4rem)}
}

/* =================================================================
   PÁGINA — A SUPPORTE (institucional)
   ================================================================= */
.page-hero{position:relative;padding:clamp(150px,16vh,180px) 0 clamp(60px,8vw,104px);overflow:hidden;background:var(--ink)}
.page-hero__bg{position:absolute;inset:0;background:var(--ink)}
.page-hero--tight{padding-bottom:clamp(36px,5vw,60px)}
.page-hero--tall{padding-top:clamp(150px,20vh,220px);padding-bottom:clamp(28px,4vw,52px)}
.page-hero__inner{position:relative;z-index:1}
.page-hero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.025em;margin:0 0 22px;color:#fff}
.page-hero__lead{max-width:800px;font-size:clamp(1.05rem,1.8vw,1.28rem);color:rgba(255,255,255,.82);line-height:1.55}
.page-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.page-hero--map .page-hero__inner{display:grid;grid-template-columns:1fr 1.9fr;gap:clamp(28px,4.5vw,60px);align-items:center}
.page-hero--map .page-hero__text{grid-column:1;grid-row:1;min-width:0}
.page-hero--map .page-hero__map{grid-column:2;grid-row:1;min-width:0}
.page-hero__map{position:relative}
.page-hero--map .unit-map__img{display:block;width:100%;height:auto}
@media(max-width:900px){
  .page-hero--map .page-hero__inner{grid-template-columns:1fr;gap:clamp(24px,5vw,40px);align-items:start}
  .page-hero--map .page-hero__map,.page-hero--map .page-hero__text{grid-column:auto;grid-row:auto}
}

.about-who{padding:var(--sect) 0}
.head-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(28px,4vw,56px);align-items:center;margin-bottom:clamp(40px,5vw,60px)}
.head-split__text{min-width:0}
.head-split__photo{margin:0;border-radius:var(--r-lg);overflow:hidden}
.head-split__photo img{width:100%;height:clamp(280px,26vw,420px);object-fit:cover;display:block}
.head-split--rev{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
.head-split--rev .head-split__text{order:2}
.head-split--rev .head-split__photo{order:1}
.about-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(16px,1.6vw,22px)}
.pillar{padding:26px;border-radius:var(--r-lg);background:var(--paper-2)}
.pillar__ic{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(243,97,17,.14),rgba(255,78,0,.06));color:var(--orange);margin-bottom:16px}
.pillar__ic svg{width:26px;height:26px}
.pillar__t{font-size:1.3rem;font-weight:800;margin-bottom:8px}
.pillar__d{color:var(--ink-soft);font-size:.95rem;line-height:1.55}

.history{padding:var(--sect) 0}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:clamp(36px,5vw,56px);position:relative}
.timeline::before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:linear-gradient(90deg,var(--orange),var(--line-light))}
.tl{position:relative;padding-top:30px}
.tl__dot{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(243,97,17,.14)}
.tl__t{font-size:1.15rem;font-weight:800;margin-bottom:8px}
.tl__d{color:var(--ink-soft);font-size:.92rem;line-height:1.55}

.purpose{position:relative;padding:var(--sect) 0;overflow:hidden}
.purpose__bg{position:absolute;inset:0;background:radial-gradient(80% 100% at 22% -10%,rgba(243,97,17,.12),transparent 60%)}
.purpose .container{position:relative;z-index:1}
.purpose__statement{max-width:880px;margin:0 auto clamp(36px,4.6vw,54px);text-align:center}
.purpose__divider{height:1px;max-width:min(720px,82%);margin:0 auto clamp(36px,4.6vw,54px);background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}
.purpose__big{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.08;letter-spacing:-.02em;color:#fff;margin:0}
.values__head{max-width:680px;margin:0 auto clamp(30px,3.6vw,46px);text-align:center}
.values__label{font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.05;letter-spacing:-.01em;color:#fff;margin:0 0 14px}
.values__intro{margin:0;font-size:1.02rem;line-height:1.55;color:var(--muted)}
.values__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.value{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(22px,2vw,28px);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.012));transition:transform .35s var(--ease),border-color .3s,background .3s}
.value::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
.value__index{position:absolute;top:14px;right:18px;font-family:var(--font-display);font-weight:400;font-size:2.3rem;line-height:1;color:rgba(255,255,255,.07);transition:color .35s}
.value__ic{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(243,97,17,.12);color:var(--orange);transition:background .3s,color .3s,transform .3s}
.value__ic svg{width:23px;height:23px}
.value__name{font-family:var(--font-display);font-weight:400;font-size:clamp(1.25rem,1.7vw,1.45rem);letter-spacing:-.01em;line-height:1.1;color:#fff;margin:16px 0 0}
.value__desc{margin:9px 0 0;font-size:.9rem;line-height:1.5;color:var(--muted)}
.value:hover{transform:translateY(-5px);border-color:transparent;background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.value:hover::before{transform:scaleY(1)}
.value:hover .value__ic{background:var(--orange);color:#fff;transform:scale(1.05)}
.value:hover .value__index{color:rgba(243,97,17,.32)}

.stats__grid--8{grid-template-columns:repeat(4,1fr);gap:10px 18px}

.fronts-sec{padding:var(--sect) 0}
.fronts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.front{padding:30px;border-radius:var(--r-lg);background:var(--paper-2);transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.front:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(0,0,0,.22);border-color:var(--orange)}
.front__ic{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(243,97,17,.14),rgba(255,78,0,.06));color:var(--orange);margin-bottom:20px}
.front__ic svg{width:28px;height:28px}
.front__t{font-size:1.4rem;font-weight:800;margin-bottom:10px}
.front__d{color:var(--ink-soft);font-size:.95rem;line-height:1.55;margin-bottom:18px}
.front__items{display:flex;flex-direction:column;gap:8px}
.front__items li{display:flex;align-items:center;gap:9px;font-size:.88rem;font-weight:600;color:var(--ink-text)}
.front__items li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);flex:0 0 auto}

.diff-sec{padding:var(--sect) 0}
.diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.diff{padding:30px;border-radius:var(--r-lg);background:#f5f5f5}
.diff__num{font-family:var(--font-display);font-size:2.2rem;color:var(--orange);line-height:1;display:block;margin-bottom:14px}
.diff__t{font-size:1.3rem;font-weight:800;margin-bottom:8px}
.diff__d{color:var(--ink-soft);font-size:.96rem;line-height:1.55}

.about-cta{position:relative;padding:var(--sect) 0;overflow:hidden;background:var(--ink)}
.about-cta__inner{position:relative;z-index:1;max-width:900px;text-align:center;margin-inline:auto}
.about-cta .cta__title{margin-bottom:18px}
.about-cta .cta__lead{max-width:620px;margin-inline:auto;margin-bottom:28px}

.video-sec{padding:var(--sect) 0}
.video-embed{position:relative;aspect-ratio:16/9;max-width:1000px;margin-inline:auto;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line-strong);box-shadow:var(--shadow)}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

@media(max-width:920px){
  .values__grid{grid-template-columns:repeat(2,1fr)}
  .stats__grid--8{grid-template-columns:repeat(2,1fr)}
  .fronts{grid-template-columns:1fr}
  .head-split,.head-split--rev{grid-template-columns:1fr;gap:26px}
  .head-split--rev .head-split__text,.head-split--rev .head-split__photo{order:0}
  .diff-grid{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr;gap:0;margin-left:8px}
  .timeline::before{display:none}
  .tl{padding:0 0 28px 26px;border-left:2px solid var(--line-light)}
  .tl:last-child{border-left-color:transparent}
  .tl__dot{left:-9px;top:2px}
}
@media(max-width:540px){
  .values__grid{grid-template-columns:1fr}
}

/* ============ PÁGINA: UNIDADES ============ */
.page-hero__stats{display:flex;flex-wrap:wrap;gap:16px 44px;margin:36px 0 0;padding:0;list-style:none}
.page-hero__stats li{display:flex;flex-direction:column;gap:3px}
.page-hero__stats strong{font-family:var(--font-display);font-weight:400;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1;color:#fff;letter-spacing:-.01em}
.page-hero__stats span{font-size:.8rem;color:var(--muted);letter-spacing:.01em}

/* nav de âncoras (sticky abaixo do header fixo ~62px) */
.unit-stats{background:var(--paper-2);border-bottom:1px solid var(--line-light)}
.unit-stats__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:12px clamp(30px,4.5vw,64px);padding:clamp(15px,1.8vw,22px) var(--pad)}
.unit-stats__item{display:flex;flex-direction:row;align-items:baseline;gap:10px}
.unit-stats__item strong{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1;color:var(--ink-text);letter-spacing:-.01em}
.unit-stats__item span{font-size:.85rem;color:var(--ink-soft)}

/* seção de unidade */
.unit-sec{padding:var(--sect) 0;scroll-margin-top:120px}
.unit-sec__tag{display:inline-block;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);margin:0 0 12px}
.unit-sec__head{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1fr);gap:clamp(28px,4.5vw,64px);align-items:center;margin-bottom:clamp(30px,3.6vw,46px)}
.unit-sec__intro{min-width:0}
.unit-sec__name{font-family:var(--font-display);font-weight:400;font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1;letter-spacing:-.02em;margin:0}
.unit-sec__name span{font-size:.36em;color:var(--ink-soft);font-family:var(--font-sans);font-weight:600;margin-left:10px;letter-spacing:0}
.unit-sec__svc{margin:14px 0 0;color:var(--ink-soft);font-size:1rem}
.unit-sec__desc{margin:0;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.65;color:var(--ink-soft)}
.unit-sec__facilities{display:flex;flex-direction:column;gap:clamp(14px,1.8vw,22px)}
.unit-facility__name{margin:0 0 12px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--orange)}
.unit-facility__metrics{display:flex;flex-wrap:wrap;gap:clamp(18px,2.4vw,40px);margin:0;padding:clamp(22px,2.6vw,30px) clamp(24px,3vw,36px);list-style:none;border:1px solid var(--line-light);border-radius:var(--r-lg)}
.unit-facility__metrics li{flex:1 1 128px;display:flex;flex-direction:column;gap:5px}
.unit-facility__metrics strong{font-family:var(--font-display);font-weight:400;font-size:clamp(1.4rem,2.1vw,1.85rem);line-height:1;letter-spacing:-.01em;color:var(--ink-text);white-space:nowrap}
.unit-facility__metrics span{font-size:.8rem;color:var(--ink-soft);line-height:1.35}

/* galeria */
.unit-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-top:34px}
.unit-gallery__item{position:relative;display:block;padding:0;border:0;border-radius:var(--r-lg);overflow:hidden;cursor:zoom-in;background:var(--gray)}
.unit-gallery__item img{width:100%;height:clamp(230px,29vw,360px);object-fit:cover;display:block;transition:transform .6s var(--ease)}
.unit-gallery__item:hover img{transform:scale(1.045)}
.unit-gallery__zoom{position:absolute;right:12px;bottom:12px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(13,13,15,.6);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.unit-gallery__zoom svg{width:18px;height:18px}
.unit-gallery__item:hover .unit-gallery__zoom,.unit-gallery__item:focus-visible .unit-gallery__zoom{opacity:1;transform:translateY(0)}

/* vídeo opcional da unidade */
.unit-sec__video{margin-top:36px}
.unit-sec__video-label{margin:0 0 12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft)}
.unit-sec__video .video-embed{max-width:880px;margin-inline:0}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:clamp(16px,4vw,48px);background:rgba(8,8,10,.93);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lightbox[hidden]{display:none}
.lightbox__stage{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}
.lightbox__img{max-width:100%;max-height:82vh;border-radius:var(--r);box-shadow:var(--shadow);object-fit:contain}
.lightbox__cap{color:var(--muted);font-size:.86rem;letter-spacing:.02em}
.lightbox__close{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.lightbox__close svg{width:20px;height:20px}
.lightbox__close:hover{background:rgba(255,255,255,.16)}
.lightbox__nav{width:52px;height:52px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s}
.lightbox__nav svg{width:24px;height:24px}
.lightbox__nav:hover{background:var(--orange);border-color:var(--orange)}
.lightbox__nav[hidden]{visibility:hidden}

@media(max-width:860px){
  .unit-sec__head{grid-template-columns:1fr;gap:clamp(24px,4vw,34px);align-items:start}
}
@media(max-width:560px){
  .unit-facility__metrics strong{font-size:1.5rem}
  .lightbox{grid-template-columns:1fr;padding:16px}
  .lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px}
  .lightbox__nav--prev{left:10px}
  .lightbox__nav--next{right:10px}
  .lightbox__close{top:12px;right:12px}
}

/* ============ PÁGINA: CONTATO ============ */
.contact-main{padding:0 0 var(--sect)}
.contact-main__inner{display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(32px,4vw,56px);align-items:start}

/* select + checkbox no padrão dos inputs (.field) */
.field select{width:100%;background-color:rgba(6,6,8,.6);border:1px solid rgba(255,255,255,.26);border-radius:var(--r-sm);padding:13px 40px 13px 15px;color:#fff;font-family:inherit;font-size:.95rem;transition:border-color .25s,background-color .25s,box-shadow .25s;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:11px}
.field select:hover{border-color:rgba(255,255,255,.42)}
.field select:focus{outline:none;border-color:var(--orange);background-color:rgba(6,6,8,.82);box-shadow:0 0 0 3px rgba(255,78,0,.18)}
.field select option{color:#111;background:#fff}
.field-check{display:flex;gap:11px;align-items:flex-start;margin-bottom:18px;cursor:pointer}
.field-check input{margin-top:2px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--orange)}
.field-check span{font-size:.82rem;color:rgba(255,255,255,.7);line-height:1.45}
.field-check a{color:#fff;text-decoration:underline}

/* canais diretos */
.contact-side__title{font-size:1.3rem;font-weight:800;margin:0 0 22px;color:#fff}
.contact-channels{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:10px}
.channel{display:flex;gap:15px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.03);transition:border-color .2s,background .2s}
.channel:hover{border-color:var(--line-strong);background:rgba(255,255,255,.055)}
.channel__ic{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(255,78,0,.12);color:var(--orange-soft)}
.channel__ic svg{width:22px;height:22px}
.channel__label{margin:0 0 2px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-weight:700}
.channel__value{color:#fff;font-weight:600;font-size:.96rem;text-decoration:none}
a.channel__value{transition:color .2s}
a.channel__value:hover{color:var(--orange-soft)}
.contact-social{display:flex;gap:10px;margin-top:10px}
.contact-social a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);color:#fff;transition:background .2s,border-color .2s}
.contact-social a:hover{background:var(--orange);border-color:var(--orange)}
.contact-social svg{width:18px;height:18px}

/* atalho de unidades */
.contact-units{padding:var(--sect) 0}
.contact-units__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.contact-unit{position:relative;display:flex;flex-direction:column;gap:3px;padding:22px;border-radius:var(--r-lg);background:var(--paper-2);text-decoration:none;color:var(--ink-text);transition:border-color .2s,transform .2s,box-shadow .2s}
.contact-unit:hover{border-color:var(--orange);transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(0,0,0,.28)}
.contact-unit__uf{font-family:var(--font-display);font-size:.78rem;font-weight:700;color:var(--orange);letter-spacing:.06em}
.contact-unit__city{font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1;letter-spacing:-.01em}
.contact-unit__tag{font-size:.82rem;color:var(--ink-soft);margin-top:3px}
.contact-unit__arrow{position:absolute;top:20px;right:18px;color:var(--ink-soft);transition:transform .2s,color .2s}
.contact-unit__arrow svg{width:18px;height:18px}
.contact-unit:hover .contact-unit__arrow{color:var(--orange);transform:translate(3px,-3px)}

/* mapa da sede */
.contact-map-sec{padding:var(--sect) 0}
.contact-map{margin-top:8px;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line-light);box-shadow:var(--shadow);aspect-ratio:16/7;background:var(--gray)}
.contact-map iframe{width:100%;height:100%;border:0;display:block}

@media(max-width:860px){
  .contact-main__inner{grid-template-columns:1fr;gap:36px}
}
@media(max-width:560px){
  .contact-map{aspect-ratio:4/3}
}

/* ============ PÁGINAS: SOLUÇÕES (hero clara) ============ */
/* header escuro fosco forçado sobre a hero clara (logo/links brancos legíveis) */
.page--solucao .site-header::before{opacity:1}
.page--solucao .site-header{border-bottom-color:var(--line)}

/* hero compacta: nome + lead à esquerda, CTAs à direita. Padding-top = bottom (+ altura do header fixo ~64px) */
.sol-hero{--gap:clamp(40px,5vw,60px);position:relative;background:#f5f5f5;color:var(--ink-text);padding:calc(var(--header-h, 84px) + var(--gap)) 0 var(--gap);overflow:hidden}
.sol-anchor{display:block;scroll-margin-top:calc(var(--header-h,84px) + 24px)}
.sol-hero__inner{display:grid;grid-template-columns:1fr auto;gap:clamp(28px,5vw,72px);align-items:end}
.sol-hero__kicker{margin:0 0 14px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--orange)}
.sol-hero__kicker .sol-hero__sep{margin:0 9px;color:var(--ink-soft);font-weight:400}
.sol-hero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.025em;margin:0;color:var(--ink-text)}
.sol-hero__lead{max-width:50ch;margin:18px 0 0;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.6;color:var(--ink-soft)}
.sol-hero__cta{display:flex;flex-direction:column;gap:12px;flex:0 0 auto}

.sol-benefits{padding:var(--sect) 0}
.sol-benefits__grid{display:block;margin-top:clamp(18px,2.5vw,34px);border-top:1px solid var(--line-light)}
.sol-benefit{display:grid;grid-template-columns:auto minmax(0,.82fr) minmax(0,1.3fr);column-gap:clamp(18px,2.6vw,44px);align-items:start;padding:clamp(24px,3vw,34px) 0;border-bottom:1px solid var(--line-light)}
.sol-benefit__check{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:rgba(243,97,17,.1);color:var(--orange);transition:background .25s,color .25s,transform .25s}
.sol-benefit:hover .sol-benefit__check{background:var(--orange);color:#fff;transform:translateY(-2px)}
.sol-benefit__check svg{width:22px;height:22px}
.sol-benefit__t{font-family:var(--font-display);font-weight:400;font-size:clamp(1.2rem,1.5vw,1.4rem);line-height:1.2;letter-spacing:-.01em;margin:0;padding-top:8px}
.sol-benefit__d{color:var(--ink-soft);font-size:.98rem;line-height:1.55;margin:0;padding-top:11px}

.sol-stats{padding:clamp(40px,5vw,64px) 0}
.sol-stats__row{display:flex;flex-wrap:wrap;justify-content:center;gap:0;list-style:none;margin:0;padding:0}
.sol-stats__row li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:8px clamp(28px,5vw,64px)}
.sol-stats__row li:not(:first-child){border-left:1px solid var(--line)}
.sol-stats__row strong{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1;color:#fff;letter-spacing:-.01em}
.sol-stats__row span{font-size:.82rem;color:var(--muted);max-width:18ch}

.sol-others{padding:var(--sect) 0}
.sol-others__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.sol-other{display:flex;align-items:center;gap:16px;padding:20px 22px;border:1px solid var(--line-light);border-radius:var(--r-lg);background:var(--paper-2);text-decoration:none;color:var(--ink-text);transition:border-color .2s,transform .2s,box-shadow .2s}
.sol-other:hover{border-color:var(--orange);transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(0,0,0,.25)}
.sol-other__icon{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(243,97,17,.1);color:var(--orange)}
.sol-other__icon svg{width:24px;height:24px}
.sol-other__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.sol-other__t{font-family:var(--font-display);font-weight:400;font-size:1.12rem;line-height:1.1;letter-spacing:-.01em}
.sol-other__tag{font-size:.76rem;color:var(--ink-soft)}
.sol-other__arrow{flex:0 0 auto;color:var(--ink-soft);transition:transform .2s,color .2s}
.sol-other__arrow svg{width:18px;height:18px}
.sol-other:hover .sol-other__arrow{color:var(--orange);transform:translateX(3px)}

@media(max-width:860px){
  .sol-hero__inner{grid-template-columns:1fr;gap:26px;align-items:start}
  .sol-hero__cta{flex-direction:row;flex-wrap:wrap}
  .sol-benefit{grid-template-columns:auto 1fr}
  .sol-benefit__check{grid-row:1/3}
  .sol-benefit__t{grid-column:2;grid-row:1;padding-top:9px}
  .sol-benefit__d{grid-column:2;grid-row:2;padding-top:6px}
}
@media(max-width:560px){
  .sol-stats__row li{padding:10px 18px}
}

/* ============ BLOG (listagem) ============ */
.post-card__date{font-size:.78rem;font-weight:600;color:var(--ink-soft);margin:0 0 8px}
.post-card__excerpt{font-size:.92rem;color:var(--ink-soft);line-height:1.55;margin:0 0 14px}
.blog{padding:var(--sect) 0}
.blog__grid{margin-bottom:0}
.blog__empty{text-align:center;color:var(--ink-soft);padding:48px 0;font-size:1rem}

/* post em destaque */
.blog-featured{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,3.5vw,48px);align-items:center;margin-bottom:clamp(40px,5vw,60px);padding-bottom:clamp(40px,5vw,60px);border-bottom:1px solid var(--line-light)}
.blog-featured__media{position:relative;display:block;aspect-ratio:16/10;border-radius:var(--r-xl);overflow:hidden}
.blog-featured__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.blog-featured:hover .blog-featured__media img{transform:scale(1.04)}
.blog-featured__flag{position:absolute;left:14px;top:14px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:#fff;padding:6px 13px;border-radius:var(--r-pill)}
.blog-featured__cat{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}
.blog-featured__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.01em;margin:12px 0 0}
.blog-featured__title a:hover{color:var(--orange)}
.blog-featured__meta{font-size:.82rem;font-weight:600;color:var(--ink-soft);margin:14px 0 0}
.blog-featured__excerpt{font-size:1.04rem;color:var(--ink-soft);line-height:1.6;margin:14px 0 24px}

/* layout principal + sidebar */
.blog-layout{display:grid;grid-template-columns:1fr 296px;gap:clamp(32px,4vw,56px);align-items:start}
.blog-main .posts__grid{grid-template-columns:1fr 1fr;margin-bottom:0}
.blog-sidebar{position:sticky;top:calc(var(--header-h,84px) + 20px);display:flex;flex-direction:column;gap:30px}
.blog-widget__title{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-text);padding-bottom:12px;margin-bottom:14px;border-bottom:2px solid var(--orange);display:inline-block}
.blog-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.blog-cats a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:.95rem;font-weight:600;color:var(--ink-soft);border-bottom:1px solid var(--line-light);transition:color .2s}
.blog-cats li:last-child a{border-bottom:0}
.blog-cats a:hover,.blog-cats a.is-active{color:var(--orange)}
.blog-cats a span{font-size:.76rem;color:var(--ink-soft);background:#f5f5f5;border-radius:var(--r-pill);padding:2px 9px;font-weight:700}
.blog-cats a.is-active span{background:rgba(243,97,17,.12);color:var(--orange)}
.blog-tags{display:flex;flex-wrap:wrap;gap:8px}
.blog-tag{font-size:.82rem;font-weight:600;color:var(--ink-soft);background:#f5f5f5;border-radius:var(--r-pill);padding:6px 12px;transition:background .2s,color .2s,border-color .2s}
.blog-tag::before{content:"#";opacity:.5;margin-right:1px}
.blog-tag:hover,.blog-tag.is-active{background:var(--orange);border-color:var(--orange);color:#fff}
.blog-recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.blog-recent__item{display:flex;gap:13px;align-items:center}
.blog-recent__thumb{flex:0 0 auto;width:64px;height:64px;border-radius:var(--r);overflow:hidden}
.blog-recent__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.blog-recent__item:hover .blog-recent__thumb img{transform:scale(1.07)}
.blog-recent__txt{display:flex;flex-direction:column;gap:4px}
.blog-recent__t{font-size:.9rem;font-weight:700;line-height:1.3;color:var(--ink-text);transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-recent__item:hover .blog-recent__t{color:var(--orange)}
.blog-recent__d{font-size:.76rem;color:var(--ink-soft)}
.blog-aside-cta{background:var(--ink);border-radius:var(--r-xl);padding:24px}
.blog-aside-cta__title{font-family:var(--font-display);font-weight:400;font-size:1.3rem;color:#fff;margin:0 0 8px}
.blog-aside-cta__txt{font-size:.9rem;color:rgba(255,255,255,.6);line-height:1.5;margin:0 0 18px}
.blog-filterbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:clamp(28px,4vw,40px);padding-bottom:20px;border-bottom:1px solid var(--line-light)}
.blog-filterbar__label{margin:0;font-size:1.05rem;color:var(--ink-soft)}
.blog-filterbar__label strong{color:var(--ink-text);font-weight:700}
.blog-filterbar__count{font-size:.82rem;color:var(--ink-soft);margin-left:8px}
.blog-filterbar__clear{font-size:.9rem;font-weight:700;color:var(--orange)}
.button--sm{padding:11px 18px;font-size:.86rem}

@media(max-width:920px){
  .blog-layout{grid-template-columns:1fr;gap:48px}
  .blog-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:30px}
  .blog-aside-cta{grid-column:1/-1}
}
@media(max-width:620px){
  .blog-featured{grid-template-columns:1fr;gap:20px}
  .blog-main .posts__grid{grid-template-columns:1fr}
  .blog-sidebar{grid-template-columns:1fr}
}

/* ============ POST (artigo) ============ */
.post-hero{position:relative;padding:clamp(120px,16vh,180px) 0 clamp(36px,5vw,56px);overflow:hidden;background:var(--ink)}
.post-hero__inner{position:relative;z-index:1;max-width:880px}
.post-hero__crumb{font-size:.85rem;font-weight:600;color:var(--muted);margin:0 0 18px}
.post-hero__crumb a{color:var(--muted)}
.post-hero__crumb a:hover{color:#fff}
.post-hero__crumb span{margin:0 7px;color:var(--muted-2)}
.post-hero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,4.4vw,3.2rem);line-height:1.08;letter-spacing:-.02em;margin:0;color:#fff}
.post-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:24px;font-size:.86rem;color:var(--muted)}
.post-hero__cat{display:inline-flex;align-items:center;padding:6px 13px;border-radius:var(--r-pill);background:var(--orange);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.post-hero__meta time::after,.post-hero__meta > span:not(.post-hero__cat):not(:last-child)::after{content:"·";margin-left:14px;color:var(--muted-2)}

.post-body{padding:clamp(40px,5vw,64px) 0 var(--sect)}
.post-cover{max-width:960px;margin:0 auto clamp(32px,4vw,48px);border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line-light);box-shadow:var(--shadow)}
.post-cover img{width:100%;height:clamp(240px,42vw,460px);object-fit:cover;display:block}
.post-body__inner{max-width:68ch;margin:0 auto;font-size:clamp(1.05rem,1.5vw,1.18rem);line-height:1.7;color:#2b2b30}
.post-body__inner > p{margin:0 0 1.3em}
.post-body__inner h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.2;letter-spacing:-.01em;color:var(--ink-text);margin:1.9em 0 .55em}
.post-body__inner a{color:var(--orange);text-decoration:underline;text-underline-offset:2px}
.post-body__inner strong{font-weight:700;color:var(--ink-text)}
.post-body__inner ul{margin:0 0 1.3em;padding-left:1.2em}
.post-body__inner li{margin-bottom:.5em}
.post-body__inner blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--orange);font-size:1.12em;line-height:1.5;color:var(--ink-text)}
.post-body__foot{max-width:68ch;margin:clamp(40px,5vw,56px) auto 0;padding-top:26px;border-top:1px solid var(--line-light);display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.post-back{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;color:var(--ink-text);text-decoration:none}
.post-back svg{width:18px;height:18px;transition:transform .2s}
.post-back:hover{color:var(--orange)}
.post-back:hover svg{transform:translateX(-3px)}
.post-share{display:flex;gap:10px}
.post-share a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-light);color:var(--ink-soft);transition:background .2s,border-color .2s,color .2s}
.post-share a:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.post-share svg{width:18px;height:18px}
.post-related{padding:var(--sect) 0}
.post-related__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:0}

/* ============ PÁGINA: CLIENTES ============ */
.clients-page{padding:var(--sect) 0}
.logo-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.logo-wall__item{display:grid;place-items:center;min-height:120px;padding:28px 24px;border:1px solid var(--line-light);border-radius:var(--r-lg);background:var(--paper-2);transition:box-shadow .2s,transform .2s}
.logo-wall__item:hover{box-shadow:0 16px 36px -22px rgba(0,0,0,.22);transform:translateY(-2px)}
.logo-wall__item img{max-width:min(150px,100%);max-height:56px;width:auto;height:auto;object-fit:contain;opacity:.88;transition:opacity .2s}
.logo-wall__item:hover img{opacity:1}

.clients-sectors{padding:var(--sect) 0}
.sectors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0}
.sector{display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:var(--r-lg);background:var(--paper-2)}
.sector__ic{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:rgba(243,97,17,.1);color:var(--orange)}
.sector__ic svg{width:24px;height:24px}
.sector__name{font-family:var(--font-display);font-weight:400;font-size:1.16rem;line-height:1.1;letter-spacing:-.01em}

.clients-quotes{padding:var(--sect) 0}
.quotes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cq{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(28px,4.5vw,68px);align-items:center;padding-left:max(var(--pad),calc((100% - var(--container)) / 2 + var(--pad)))}
.cq__intro{display:flex;flex-direction:column;max-width:480px}
.cq__intro .section-lead{max-width:34ch;margin-top:18px}
.cq__controls{display:flex;align-items:center;gap:18px;margin-top:clamp(24px,3vw,34px)}
.cq__arrow{width:52px;height:52px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);border:1px solid var(--line-light);color:var(--ink-text);transition:background .3s var(--ease),border-color .3s,color .3s,transform .3s var(--ease),opacity .3s}
.cq__arrow svg{width:20px;height:20px}
.cq__arrow:hover:not(:disabled){border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}
.cq__arrow:active:not(:disabled){transform:translateY(0)}
.cq__arrow:disabled{opacity:.32;cursor:not-allowed}
.cq__progress{position:relative;flex:1 1 auto;height:4px;border-radius:var(--r-pill);background:var(--line-light);overflow:hidden}
.cq__progress span{position:absolute;inset:0 auto 0 0;width:33%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--orange-bright));transition:width .5s var(--ease)}
.cq__carousel{--cg:18px;position:relative;min-width:0}
.cq__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;margin-block:-22px;padding-block:22px;scrollbar-width:none;-ms-overflow-style:none}
.cq__viewport::-webkit-scrollbar{display:none}
.cq__track{display:flex;gap:var(--cg);align-items:stretch}
.cq__slide{flex:0 0 min(400px,82%);scroll-snap-align:start;margin:0;display:flex;flex-direction:column}
.cq__slide .quote-card__by{margin-top:auto}
@media(max-width:920px){.cq{grid-template-columns:1fr;gap:30px;padding-left:var(--pad)}.cq__intro{max-width:none;padding-right:var(--pad)}}
.quote-card{position:relative;margin:0;padding:clamp(26px,3vw,34px);border-radius:var(--r-lg);background:#f5f5f5}
.quote-card::before{content:"\201C";position:absolute;top:6px;left:20px;font-family:var(--font-display);font-size:4rem;line-height:1;color:var(--orange);opacity:.25}
.quote-card__text{position:relative;margin:26px 0 20px;font-size:1.05rem;line-height:1.55;color:var(--ink-text)}
.quote-card__by{display:flex;flex-direction:column;gap:2px}
.quote-card__by strong{font-weight:700;font-size:.95rem;color:var(--ink-text)}
.quote-card__by span{font-size:.85rem;color:var(--ink-soft)}

@media(max-width:860px){
  .sectors-grid{grid-template-columns:repeat(2,1fr)}
  .quotes-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .sectors-grid{grid-template-columns:1fr}
}

/* ============ SOLUÇÕES — componentes bespoke ============ */
.sol-intro{padding:var(--sect) 0}
.sol-intro__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center}
.sol-intro__text .section-head{margin-bottom:0}
.sol-intro__lead{margin:18px 0 0;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.65;color:var(--ink-soft)}
.sol-intro__photo{margin:26px 0 0;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;box-shadow:0 30px 60px -32px rgba(0,0,0,.45)}
.sol-intro__photo img{display:block;width:100%;height:100%;object-fit:cover}
.sol-intro__grid:has(.sol-intro__photo){align-items:start}
.sol-intro__card{border-radius:var(--r-xl);padding:clamp(28px,3vw,40px);background:#f5f5f5}
.sol-intro__card-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--orange);margin:0 0 16px}
.sol-intro__stat{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,5vw,3.3rem);line-height:1;letter-spacing:-.02em;color:var(--ink-text);margin:0}
.sol-intro__stat small{display:block;font-family:var(--font-sans);font-size:.26em;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);margin-bottom:6px}
.sol-intro__stat-label{margin:8px 0 0;font-size:.95rem;color:var(--ink-soft)}
.sol-intro__list{list-style:none;margin:22px 0 0;padding:22px 0 0;border-top:1px solid var(--line-light);display:flex;flex-direction:column;gap:13px}
.sol-intro__list li{position:relative;padding-left:28px;font-size:.96rem;line-height:1.4;color:var(--ink-text)}
.sol-intro__list li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f36111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4 10-10'/%3E%3C/svg%3E") no-repeat center/contain}
@media(max-width:860px){ .sol-intro__grid{grid-template-columns:1fr;gap:32px} }

/* sol-intro layout "cheio" (v2): header 2-col + foto|card em altura igual, números no card */
.sol-intro__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:end;margin-bottom:clamp(30px,3.6vw,46px)}
.sol-intro__headline{min-width:0;align-self:start}
.sol-intro--full .sol-intro__lead{margin:0}
.sol-intro__leadwrap{min-width:0;display:flex;flex-direction:column;gap:clamp(12px,1.4vw,16px)}
.sol-intro__body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(22px,2.6vw,38px);align-items:stretch}
.sol-intro__body .sol-intro__photo{position:relative;overflow:hidden;margin:0;aspect-ratio:auto;min-height:340px}
.sol-intro__body .sol-intro__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sol-intro__stats{display:flex;flex-wrap:wrap;gap:clamp(16px,2vw,30px);margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid var(--line-light);list-style:none}
.sol-intro__stats li{display:flex;flex-direction:column;gap:4px}
.sol-intro__stats strong{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1;letter-spacing:-.01em;color:var(--ink-text)}
.sol-intro__stats span{font-size:.77rem;color:var(--ink-soft);line-height:1.3;max-width:15ch}
.sol-intro--full .sol-intro__list{margin-top:16px;padding-top:0;border-top:0}
@media(max-width:860px){
  .sol-intro__head{grid-template-columns:1fr;gap:18px}
  .sol-intro__body{grid-template-columns:1fr;gap:20px}
  .sol-intro__body .sol-intro__photo{min-height:240px}
}

/* fluxo de processo (como funciona) */
.sol-flow{padding:var(--sect) 0}
.sol-flow__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);margin-top:8px}
.sol-flow__grid--single{grid-template-columns:1fr;max-width:760px}
.sol-flow__grid--media{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.sol-flow__media{position:relative;margin:0;border-radius:var(--r-xl);overflow:hidden;min-height:clamp(300px,40vw,440px)}
.sol-flow__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sol-flow__col{border:1px solid var(--line-light);border-radius:var(--r-xl);padding:clamp(24px,3vw,34px);background:var(--paper-2)}
.sol-flow__col--accent{border-color:var(--orange);background:linear-gradient(180deg,rgba(243,97,17,.06),var(--paper-2))}
.sol-flow__label{font-family:var(--font-display);font-weight:400;font-size:1.25rem;letter-spacing:-.01em;margin:0}
.sol-flow__sub{font-size:.82rem;color:var(--orange);font-weight:700;margin:6px 0 24px;text-transform:uppercase;letter-spacing:.05em}
.sol-flow__col:not(.sol-flow__col--accent) .sol-flow__sub{color:var(--ink-soft);text-transform:none;letter-spacing:0;font-weight:600}
.sol-steps{list-style:none;margin:0;padding:0}
.sol-step{position:relative;display:flex;gap:16px;padding-bottom:22px}
.sol-step:last-child{padding-bottom:0}
.sol-step:not(:last-child)::before{content:"";position:absolute;left:15px;top:34px;bottom:6px;width:2px;background:var(--line-light)}
.sol-step__num{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:.85rem;font-weight:700;z-index:1}
.sol-flow__col--accent .sol-step__num{background:var(--orange)}
.sol-step__t{font-weight:700;font-size:1rem;margin:5px 0 3px;color:var(--ink-text)}
.sol-step__d{font-size:.9rem;color:var(--ink-soft);line-height:1.5;margin:0}

/* cards de specs por instalação */
.sol-specs{padding:var(--sect) 0}
.sol-specs__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:8px}
.sol-spec-card{border:1px solid var(--line-light);border-radius:var(--r-lg);background:var(--paper-2);overflow:hidden;display:flex;flex-direction:column}
.sol-spec-card__photo{margin:0;aspect-ratio:16/10;overflow:hidden}
.sol-spec-card__photo img{width:100%;height:100%;object-fit:cover;display:block}
.sol-spec-card__body{padding:clamp(24px,2.6vw,30px)}
.sol-spec-card__name{font-family:var(--font-display);font-weight:400;font-size:1.3rem;letter-spacing:-.01em;margin:0}
.sol-spec-card__loc{display:inline-block;font-size:.74rem;color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:8px 0 16px}
.sol-spec-card__rows{list-style:none;margin:0;padding:0}
.sol-spec-card__rows li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-top:1px solid var(--line-light)}
.sol-spec-card__rows li:first-child{border-top:0;padding-top:0}
.sol-spec-card__rows .k{font-size:.9rem;color:var(--ink-soft)}
.sol-spec-card__rows .v{font-family:var(--font-display);font-size:1.05rem;color:var(--ink-text);white-space:nowrap}

/* bloco de valor "somos parceiros" (dark) */
.sol-value{padding:var(--sect) 0}
.sol-value__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center}
.sol-value__big{font-family:var(--font-display);font-weight:400;font-size:clamp(1.55rem,3.3vw,2.5rem);line-height:1.2;letter-spacing:-.01em;color:#fff;margin:14px 0 30px}
.sol-value__lead{margin:-14px 0 28px;max-width:54ch;color:var(--muted);font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.6}
.sol-value__media{position:relative;padding:0 6% 9% 0}
.sol-value__photo{margin:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 60px -26px rgba(0,0,0,.6)}
.sol-value__photo img{width:100%;height:100%;object-fit:cover;display:block}
.sol-value__photo--main{aspect-ratio:4/3}
.sol-value__photo--inset{position:absolute;right:0;bottom:0;width:48%;aspect-ratio:4/3;border:6px solid var(--ink);border-radius:var(--r);box-shadow:0 24px 50px -16px rgba(0,0,0,.75)}
.sol-value__media--single{padding:0}
/* foto encaixada ao lado do título dos modais */
/* modais: foto encaixada na MESMA composição dos cards (um único grid) */
.sol-modais{padding:var(--sect) 0}
.sol-modais__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:16px;align-items:stretch}
.sol-modais__photo{border-radius:var(--r-lg);background-color:var(--gray);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:300px}
.sol-modais__cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){
  .sol-modais__grid{grid-template-columns:1fr}
  .sol-modais__photo{min-height:0;aspect-ratio:16/9}
}
@media(max-width:560px){
  .sol-modais__cards{grid-template-columns:1fr}
}
@media(max-width:860px){
  .sol-value__inner{grid-template-columns:1fr;gap:30px}
}
@media(max-width:560px){
  .sol-value__media{padding:0 8% 11% 0}
  .sol-value__photo--inset{width:52%}
}

@media(max-width:760px){
  .sol-flow__grid,.sol-flow__grid--media{grid-template-columns:1fr}
  .sol-flow__media{min-height:220px}
}

/* ============ PÁGINA: TECNOLOGIA (SUPPTracking + SUPP360) ============ */
.tech-detail{padding:var(--sect) 0}
.tech-detail__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,72px);align-items:center}
.tech-detail__head{display:flex;align-items:center;justify-content:space-between;gap:24px}
.tech-detail__id{min-width:0}
.tech-detail__name{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4.6vw,3.3rem);line-height:1;letter-spacing:-.02em;margin:10px 0 0;color:var(--ink-text)}
.tech-detail__logo{flex:0 0 auto;height:clamp(32px,4.2vw,46px);width:auto;opacity:.92}
.tech-detail__lead{max-width:52ch;margin:18px 0 0;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.6;color:var(--ink-soft)}
.tech-feats{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.tech-feats li{display:flex;gap:14px;align-items:flex-start}
.tech-feats__ic{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(243,97,17,.1);color:var(--orange)}
.tech-feats__ic svg{width:19px;height:19px}
.tech-feats b{display:block;font-size:1rem;color:var(--ink-text);margin-bottom:2px}
.tech-feats p{margin:0;font-size:.94rem;color:var(--ink-soft);line-height:1.5}
/* variante escura do tech-detail (usada na página de solução Tecnologias) */
.tech-detail--dark .tech-detail__name{color:#fff}
.tech-detail--dark .tech-detail__lead{color:var(--muted)}
.tech-detail--dark .tech-feats b{color:#fff}
.tech-detail--dark .tech-feats p{color:var(--muted)}

/* mockup "tela do app" (escuro sobre seção clara) */
.tech-mock{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 44px 100px -50px rgba(0,0,0,.55)}
.tech-mock__bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.tech-mock__bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16)}
.tech-mock__bar em{margin-left:8px;font-style:normal;font-size:.78rem;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:.02em}
.tech-mock__pad{padding:clamp(20px,2.4vw,28px)}
.track-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.track-head__lab{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4)}
.track-head__id{font-family:var(--font-display);font-size:1.15rem;color:#fff}
.track-badge{font-size:.72rem;font-weight:700;color:var(--orange);background:rgba(243,97,17,.14);padding:5px 12px;border-radius:var(--r-pill)}
.track-line{list-style:none;margin:0;padding:0}
.track-step{position:relative;display:flex;gap:14px;padding-bottom:20px}
.track-step:last-child{padding-bottom:0}
.track-step:not(:last-child)::before{content:"";position:absolute;left:6px;top:16px;bottom:0;width:2px;background:rgba(255,255,255,.1)}
.track-step--done:not(:last-child)::before{background:var(--orange)}
.track-step__dot{position:relative;z-index:1;flex:0 0 auto;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:var(--surface);margin-top:2px}
.track-step--done .track-step__dot{background:var(--orange);border-color:var(--orange)}
.track-step--now .track-step__dot{border-color:var(--orange);box-shadow:0 0 0 4px rgba(243,97,17,.22)}
.track-step b{display:block;font-size:.95rem;color:#fff}
.track-step i{font-style:normal;font-size:.8rem;color:rgba(255,255,255,.45)}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dash-tile{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:var(--r);padding:16px}
.dash-tile b{display:block;font-family:var(--font-display);font-weight:400;font-size:1.6rem;color:#fff;line-height:1}
.dash-lab{display:block;font-size:.74rem;color:rgba(255,255,255,.5);margin-top:7px;line-height:1.3}
.dash-tile--chart{display:flex;flex-direction:column;justify-content:flex-end}
.dash-bars{display:flex;align-items:flex-end;gap:5px;height:46px;margin-bottom:8px}
.dash-bars i{flex:1;background:var(--orange);border-radius:2px 2px 0 0;opacity:.85;display:block}

@media(max-width:860px){
  .tech-detail__inner{grid-template-columns:1fr;gap:32px}
  .tech-detail__visual{order:2}
}

/* ============ PÁGINA: TRABALHE CONOSCO ============ */
.careers-why{padding:var(--sect) 0}

/* ============ PÁGINA: BUSCA ============ */
.search-form{display:flex;gap:12px;margin-top:clamp(24px,3vw,34px);max-width:660px}
.search-form__field{position:relative;flex:1}
.search-form__ic{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--muted);pointer-events:none}
.search-form input{width:100%;height:58px;padding:0 20px 0 52px;border-radius:var(--r-pill);border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;font-family:inherit;font-size:1.02rem}
.search-form input::placeholder{color:var(--muted)}
.search-form input:focus{outline:none;border-color:var(--orange);background:rgba(255,255,255,.1)}
.search{padding:clamp(40px,5vw,64px) 0 var(--sect)}
.search__count{font-size:1.02rem;color:var(--ink-soft);margin:0 0 clamp(18px,2.6vw,28px)}
.search__count strong{color:var(--ink-text);font-weight:700}
.search-results{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-light)}
.search-result__link{display:flex;align-items:center;gap:20px;padding:clamp(20px,2.4vw,28px) 4px;border-bottom:1px solid var(--line-light);text-decoration:none;color:inherit;transition:padding-left .2s}
.search-result__link:hover{padding-left:12px}
.search-result__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.search-result__type{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--orange)}
.search-result__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.2;letter-spacing:-.01em;color:var(--ink-text)}
.search-result__excerpt{font-size:.95rem;color:var(--ink-soft);line-height:1.5}
.search-result__arrow{flex:0 0 auto;width:20px;height:20px;color:var(--ink-soft);transition:transform .2s,color .2s}
.search-result__link:hover .search-result__arrow{color:var(--orange);transform:translateX(4px)}
.search__empty{color:var(--ink-soft);font-size:1.05rem;line-height:1.6;padding:24px 0}
@media(max-width:560px){
  .search-form{flex-direction:column}
  .search-form input{height:54px}
}

/* =================================================================
   PÁGINA DE SOLUÇÃO — REDESIGN IMERSIVO (.sx-*)
   ================================================================= */
.sx-js .sx-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.sx-reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.sx-js .sx-reveal{opacity:1;transform:none;transition:none}}

.sx-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin:0 0 16px}
.sx-eyebrow::before{content:"";width:26px;height:2px;background:var(--orange)}
.sx-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.06;letter-spacing:-.02em;margin:0;color:var(--ink-text)}
.sx-title--light{color:#fff}
.sx-about,.sx-units,.sx-flow,.sx-vas,.sx-stats{scroll-margin-top:calc(var(--header-h,133px) + 12px)}

/* HERO */
.sx-hero{position:relative;min-height:92svh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--header-h,133px) + 40px) 0 clamp(44px,6vw,76px);overflow:hidden;background:var(--ink)}
.sx-hero__media{position:absolute;inset:0;z-index:0}
.sx-hero__img{width:100%;height:100%;object-fit:cover;transform:scale(1.07);animation:sxKen 16s ease-out forwards;filter:saturate(.94) contrast(1.05)}
@keyframes sxKen{to{transform:scale(1)}}
.sx-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.32) 28%,rgba(0,0,0,.7) 68%,#000 100%),linear-gradient(90deg,rgba(0,0,0,.78),transparent 60%)}
.sx-hero__bowl{position:absolute;right:-6%;top:-12%;width:44vw;max-width:640px;aspect-ratio:1;background:radial-gradient(circle at 42% 42%,rgba(243,97,17,.4),transparent 62%);filter:blur(24px);pointer-events:none}
.sx-hero__inner{position:relative;z-index:2;width:100%}
.sx-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82);margin:0 0 20px}
.sx-kicker span{color:var(--orange)}
.sx-hero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1;letter-spacing:-.025em;color:#fff;margin:0;max-width:18ch;text-wrap:balance}
.sx-hero__subtitle{font-family:var(--font-display);font-weight:400;font-size:clamp(1.4rem,2.6vw,2.15rem);line-height:1.14;letter-spacing:-.015em;color:rgba(255,255,255,.9);margin:16px 0 0;max-width:26ch;text-wrap:balance}
.sx-hero__lead{max-width:60ch;margin:22px 0 0;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.6;color:rgba(255,255,255,.82)}
.sx-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.sx-hero__stats{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,54px);margin:clamp(34px,5vw,52px) 0 0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.14);list-style:none}
.sx-hero__stats li{display:flex;flex-direction:column;gap:3px}
.sx-hero__stats strong{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1;color:#fff;letter-spacing:-.01em}
.sx-hero__stats span{font-size:.82rem;color:var(--muted)}
.sx-hero__scroll{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:2;width:26px;height:42px;border:1.5px solid rgba(255,255,255,.4);border-radius:14px;display:none}
.sx-hero__scroll span{position:absolute;left:50%;top:8px;width:4px;height:8px;background:var(--orange);border-radius:3px;transform:translateX(-50%);animation:scrolldot 1.8s infinite}
@media(min-width:900px){.sx-hero__scroll{display:block}}

/* O QUE É */
.sx-about{padding:clamp(64px,9vw,120px) 0;background:var(--paper-2)}
.sx-about__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px);align-items:center}
.sx-about__lead{font-size:clamp(1.02rem,1.4vw,1.16rem);line-height:1.66;color:var(--ink-soft);margin:22px 0 0}
.sx-about__points{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.sx-about__points li{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--ink-text)}
.sx-check{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(243,97,17,.12);color:var(--orange)}
.sx-check svg{width:15px;height:15px}
.sx-about__media{position:relative;min-height:clamp(380px,42vw,540px)}
.sx-about__photo{position:absolute;inset:0 16% 16% 0;margin:0;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 34px 64px -32px rgba(0,0,0,.42)}
.sx-about__photo img{width:100%;height:100%;object-fit:cover}
.sx-about__photo2{position:absolute;right:0;bottom:0;width:48%;aspect-ratio:4/3;margin:0;border-radius:var(--r-lg);overflow:hidden;border:6px solid var(--paper-2);box-shadow:0 26px 52px -22px rgba(0,0,0,.5)}
.sx-about__photo2 img{width:100%;height:100%;object-fit:cover}
.sx-about__chip{position:absolute;left:-4%;bottom:24%;background:var(--ink);color:#fff;border-radius:16px;padding:16px 22px;box-shadow:0 22px 44px -20px rgba(0,0,0,.5)}
.sx-about__chip strong{display:block;font-family:var(--font-display);font-size:1.9rem;line-height:1;color:var(--orange)}
.sx-about__chip span{font-size:.78rem;color:var(--muted)}

/* NÚMEROS */
.sx-stats{position:relative;padding:clamp(64px,9vw,120px) 0;background:var(--ink);overflow:hidden}
.sx-stats__glow{position:absolute;top:-24%;right:-10%;width:60vw;max-width:820px;aspect-ratio:1;background:radial-gradient(circle,rgba(243,97,17,.15),transparent 60%);pointer-events:none}
.sx-stats__head{margin-bottom:clamp(30px,4vw,46px)}
.sx-stats__body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,2vw,26px);align-items:stretch}
.sx-stats__photo{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;min-height:340px}
.sx-stats__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sx-stats__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 42%,rgba(10,10,12,.5));pointer-events:none}
.sx-stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.4vw,18px);list-style:none;margin:0;padding:0}
.sx-stat{position:relative;display:flex;flex-direction:column;justify-content:flex-end;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,2.2vw,28px);transition:transform .3s,border-color .3s}
.sx-stat:hover{transform:translateY(-4px);border-color:rgba(243,97,17,.5)}
.sx-stat--accent{border-color:rgba(243,97,17,.42);background:linear-gradient(158deg,rgba(243,97,17,.14),rgba(243,97,17,.03))}
.sx-stat--accent .sx-stat__num{color:var(--orange)}
.sx-stat__num{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,3.2vw,2.9rem);line-height:1;letter-spacing:-.02em;color:#fff}
.sx-stat__unit{font-family:var(--font-display);font-size:1.1rem;color:var(--orange);margin-left:4px}
.sx-stat__label{display:block;margin-top:10px;font-size:.88rem;color:var(--muted)}

/* COMO FUNCIONA */
.sx-flow{padding:clamp(64px,9vw,120px) 0;background:var(--paper-2);position:relative}
.sx-flow::after{content:"";position:absolute;top:6%;right:3%;width:38vw;max-width:540px;aspect-ratio:1;background:radial-gradient(circle,rgba(243,97,17,.07),transparent 60%);pointer-events:none}
.sx-flow .container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(30px,5vw,72px);align-items:start}
.sx-flow__head{position:sticky;top:calc(var(--header-h,133px) + 26px);margin:0}
.sx-flow__lead{margin:18px 0 0;font-size:1.05rem;line-height:1.6;color:var(--ink-soft)}
.sx-flow__steps{position:relative;list-style:none;margin:0;padding:0}
.sx-flow__rail{position:absolute;left:23px;top:16px;bottom:16px;width:2px;background:var(--line-light);overflow:hidden}
.sx-flow__rail-fill{position:absolute;inset:0;background:var(--orange);transform:scaleY(0);transform-origin:top;transition:transform .12s linear}
.sx-step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:24px;padding-bottom:clamp(18px,2.2vw,26px)}
.sx-step:last-child{padding-bottom:0}
.sx-step__dot{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;flex:0 0 auto;transition:background .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.sx-step:hover .sx-step__dot{background:var(--orange);transform:scale(1.06);box-shadow:0 0 0 5px rgba(243,97,17,.14)}
.sx-step__dot em{font-family:var(--font-display);font-style:normal;font-size:1.1rem}
.sx-step__card{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:7px;align-items:start;background:#f6f5f3;border:1px solid var(--line-light);border-radius:var(--r-lg);padding:clamp(20px,2.2vw,26px);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.sx-step__card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
.sx-step:hover .sx-step__card{transform:translateX(6px);box-shadow:0 22px 46px -26px rgba(0,0,0,.26);border-color:transparent}
.sx-step:hover .sx-step__card::before{transform:scaleY(1)}
.sx-step__ic{grid-column:1;grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(243,97,17,.1);color:var(--orange);transition:background .3s var(--ease),color .3s var(--ease)}
.sx-step:hover .sx-step__ic{background:var(--orange);color:#fff}
.sx-step__ic svg{width:24px;height:24px}
.sx-step__t{grid-column:2;grid-row:1;align-self:center;font-family:var(--font-display);font-weight:400;font-size:1.3rem;margin:0;color:var(--ink-text)}
.sx-step__d{grid-column:2;grid-row:2;font-size:.98rem;line-height:1.55;color:var(--ink-soft);margin:0}
@media(max-width:900px){.sx-flow .container{grid-template-columns:1fr;gap:clamp(28px,5vw,40px)}.sx-flow__head{position:static}}

/* NOSSAS UNIDADES */
.sx-units{padding:clamp(64px,9vw,120px) 0;background:var(--ink)}
.sx-units__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(34px,4.5vw,50px)}
.sx-units__lead{max-width:40ch;font-size:1rem;line-height:1.6;color:var(--muted)}
.sx-units__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:clamp(16px,1.8vw,22px)}
.sx-unit{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;transition:transform .3s,border-color .3s}
.sx-unit:hover{transform:translateY(-6px);border-color:rgba(243,97,17,.5)}
.sx-unit__photo{position:relative;margin:0;aspect-ratio:16/11;overflow:hidden}
.sx-unit__photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.sx-unit:hover .sx-unit__photo img{transform:scale(1.06)}
.sx-unit__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55))}
.sx-unit__place{position:absolute;left:16px;bottom:13px;z-index:1;display:flex;align-items:baseline;gap:8px}
.sx-unit__place strong{font-family:var(--font-display);font-size:1.5rem;color:#fff}
.sx-unit__place span{font-size:.74rem;font-weight:700;color:#fff;background:var(--orange);padding:2px 9px;border-radius:20px}
.sx-unit__body{padding:clamp(18px,2vw,24px)}
.sx-unit__tag{font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--orange);margin:0 0 16px}
.sx-unit__specs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sx-unit__specs li{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--line)}
.sx-unit__specs strong{font-family:var(--font-display);font-size:1.25rem;color:#fff;line-height:1}
.sx-unit__specs span{font-size:.76rem;color:var(--muted);line-height:1.3}

/* VALOR AGREGADO */
.sx-vas{padding:clamp(64px,9vw,120px) 0;background:var(--paper-2)}
.sx-vas__head{margin-bottom:clamp(32px,4vw,48px)}
.sx-vas__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,18px)}
.sx-vas__card{background:#f5f5f5;border-radius:var(--r-lg);padding:clamp(20px,2vw,26px);transition:transform .25s,background .25s}
.sx-vas__card:hover{transform:translateY(-5px);background:var(--ink)}
.sx-vas__card:hover .sx-vas__t{color:#fff}
.sx-vas__card:hover .sx-vas__d{color:var(--muted)}
.sx-vas__ic{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(243,97,17,.1);color:var(--orange);margin-bottom:16px;transition:background .25s,color .25s}
.sx-vas__card:hover .sx-vas__ic{background:var(--orange);color:#fff}
.sx-vas__ic svg{width:23px;height:23px}
.sx-vas__t{font-family:var(--font-display);font-weight:400;font-size:1.15rem;margin:0 0 6px;color:var(--ink-text);transition:color .25s}
.sx-vas__d{font-size:.9rem;line-height:1.5;color:var(--ink-soft);margin:0;transition:color .25s}
/* variante escura da grade (modais, canais) — mantém o ritmo preto/branco */
.sx-vas--dark{background:var(--ink)}
.sx-vas--dark .sx-vas__card{background:var(--surface)}
.sx-vas--dark .sx-vas__card:hover{background:#000}
.sx-vas--dark .sx-vas__t{color:#fff}
.sx-vas--dark .sx-vas__d{color:var(--muted)}
/* grade de unidades com 2 itens (porto seco, tecnologias) */
.sx-units__grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto}

/* POR QUE A SUPPORTE */
.sx-why{position:relative;padding:clamp(72px,10vw,130px) 0;background:var(--ink);overflow:hidden}
.sx-why__media{position:absolute;inset:0;z-index:0}
.sx-why__media img{width:100%;height:100%;object-fit:cover;opacity:.26}
.sx-why__scrim{position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 46%,rgba(0,0,0,.42) 100%)}
.sx-why__grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,5vw,72px);align-items:center}
.sx-why__lead{margin:20px 0 0;font-size:1.08rem;line-height:1.6;color:var(--muted);max-width:42ch}
.sx-why__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.sx-why__item{display:flex;gap:20px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,2.2vw,26px);transition:transform .3s,background .3s}
.sx-why__item:hover{transform:translateX(6px);background:rgba(255,255,255,.07)}
.sx-why__ic{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:rgba(243,97,17,.14);color:var(--orange)}
.sx-why__ic svg{width:26px;height:26px}
.sx-why__t{font-family:var(--font-display);font-weight:400;font-size:1.35rem;margin:0 0 6px;color:#fff}
.sx-why__d{font-size:.98rem;line-height:1.55;color:var(--muted);margin:0}

@media(max-width:900px){
  .sx-about__grid{grid-template-columns:1fr;gap:44px}
  .sx-about__media{min-height:360px;max-width:540px}
  .sx-stats__body{grid-template-columns:1fr;gap:24px}
  .sx-stats__photo{min-height:240px}
  .sx-vas__grid{grid-template-columns:repeat(2,1fr)}
  .sx-why__grid{grid-template-columns:1fr;gap:34px}
  .sx-units__grid--two{grid-template-columns:1fr}
}
@media(max-width:560px){
  .sx-stats__grid,.sx-vas__grid{grid-template-columns:1fr}
  .sx-hero__stats{gap:16px 28px}
  .sx-step{gap:16px}
  .sx-step__card{grid-template-columns:1fr}
  .sx-step__ic{grid-row:auto;margin-bottom:6px}
  .sx-step__t,.sx-step__d{grid-column:1}
  .sx-unit__specs{grid-template-columns:1fr 1fr}
}