/* ─── CSS VARIABLES ─── */
:root {
  --bg:#F4F6FA; --bg2:#EBEEF5; --bg3:#0D1626; --bg4:#FFF; --bg5:#1E2738; --bg6:#00955b; --bg6-2:#008350; --bg7:#07101f; --bg8:#fff;  --bg9:#c5d3ed; --bg10:#1b2947; --bg11:#171f2e; --bg12:#0c1d38 
    --bg12-2:#0c2a59
  --surface:#FFFFFF; --surface2:#F0F2F8;
  --ink:#0D1626; --ink2:#2E3A52; --ink3:#6B789A; --ink4:#000; --ink5:#333; --ink6:#a5b1c7; --ink7:#9DAAC8;
  --accent:#1B4FD8; --accent2:#2E6AFF; --accent3:#57d2ff; --accent-pale:#EBF0FD; --accent-border:#C2D2F8;
  --green:#0F7B4A; --green-pale:#E8F7F0; --green2:#00955b;
  --red:#C0392B; --red-pale:#FDECEA; --red-border:#F5C6C2;
  --border:#DDE2EE; --border2:#C5CCDE; --border3:#a2adc1; --border4:#2A3A58;
  --r:10px; --rl:16px;
  --shadow:0 2px 16px rgba(13,22,38,.07); --shadow2:0 8px 40px rgba(13,22,38,.11); --shadow3:0 20px 80px rgba(13,22,38,.16); --shadow4:#354a71;  
  
  --tr:.24s cubic-bezier(.4,0,.2,1);
  --logo:#0044c3; --logo-dark:#0039a2; --logo-dark-2:#002b7b; --logo-light:#0053ed; 
}
[data-theme="dark"] {
  --bg:#111418; --bg2:#161B22; --bg3:#1E2738; --bg4:#191b1f; --bg5:#1E2738; --bg6:#00ac79; --bg6-2:#00875f; --bg7:#111b2b; --bg8:#000; --bg9:#1E2738; --bg10:#1c273b; --bg11:#171f2e; --bg12:#0c1d38 
    --bg12-2:#0c2a59
  --surface:#1C2230; --surface2:#1E2738;
  --ink:#E8EDF8; --ink2:#9DAAC8; --ink3:#8d9cb8; --ink4:#FFF; --ink5:#cccecf; --ink6:#ccd3e0; --ink7:#9DAAC8;
  --accent:#037dff; --accent2:#5ba8ff; --accent-pale:#0D1A3A; --accent-border:#1A3066;
  --green:#2DC47A; --green-pale:#061A10; --green2:#00ff9c;
  --red:#E74C3C; --red-pale:#2A0A08; --red-border:#5A1A16;
  --border:#1E2A42; --border2:#2A3A58; --border3:#a2adc1; --border4:#2A3A58;
  --shadow:0 2px 16px rgba(0,0,0,.45); --shadow2:0 8px 40px rgba(0,0,0,.6); --shadow3:0 20px 80px rgba(0,0,0,.8); --shadow4:#354a71; --shadow5:#161d2b; 
  --logo:#0044c3; --logo-dark:#0039a2; --logo-dark-2:#002b7b; --logo-light:#0053ed; 
}
[data-theme="dark"] body{background:#0f1012;}

/* ─── REMOVE ICONES DOS SETORES NA VERSÃO MOBILE ─── */
@media(max-width:768px){
  .pq-icon { display: none !important; }
}

/* ─── RESET & BASE ─── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg);color:var(--ink2);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background var(--tr),color var(--tr);}
h1,h2,h3,h4,h5{font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink);line-height:1.18;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--bg2);}
::-webkit-scrollbar-thumb{background:var(--accent);border-radius:99px;}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}

/* ─── LOGO ─── */
.logo-img{height:40px;width:auto;display:block;transition:opacity var(--tr);}
.logo-img--light{display:block;}
.logo-img--dark{display:none;}
[data-theme="dark"] .logo-img--light{display:none;}
[data-theme="dark"] .logo-img--dark{display:block;}

/* ─── NAV ─── */
#nav{position:fixed;top:0;left:0;right:0;z-index:900;background:var(--bg);border-bottom:1px solid var(--border);transition:box-shadow var(--tr),background var(--tr);}
#nav.sc{box-shadow:var(--shadow2);}
.ni{height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.nl{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo-mark{width:34px;height:34px;background:var(--ink);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.logo-mark svg{width:18px;height:18px;fill:var(--bg);}
.logo-text{display:flex;flex-direction:column;line-height:1.1;}
.logo-text .ln{font-weight:800;font-size:1.05rem;letter-spacing:.04em;color:var(--ink);}
.logo-text .ls{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink3);font-weight:800;}
.nlinks{display:flex;align-items:center;gap:2px;list-style:none;}
.nlinks a{font-size:.84rem;font-weight:500;color:var(--ink3);padding:7px 13px;border-radius:8px;transition:all var(--tr);white-space:nowrap;}
.nlinks a:hover{color:var(--ink);background:var(--bg9);}
.nlinks a.act{color:var(--ink);font-weight:600;}
.nr{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.nav-cta{display:inline-flex;align-items:center;gap:7px;background:var(--logo);color:#fff;font-weight:600;font-size:.82rem;padding:9px 18px;border-radius:var(--r);transition:all var(--tr);white-space:nowrap;border:none;cursor:pointer;}
.nav-cta:hover{background:var(--logo-light);transform:translateY(-1px);}
.tbtn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink3);transition:all var(--tr);flex-shrink:0;}
.tbtn:hover{background:var(--surface2);color:var(--ink);}
.tbtn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.hbg{display:none;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;}
.hbg span{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px;transition:all .3s;}
.mnav{display:none;position:fixed;top:66px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 24px 18px;z-index:899;box-shadow:var(--shadow2);}
.mnav.open{display:block;}
.mnav ul{list-style:none;display:flex;flex-direction:column;gap:2px;}
.mnav ul li a{display:block;padding:10px 12px;font-weight:500;font-size:.9rem;color:var(--ink2);border-radius:8px;transition:all var(--tr);}
.mnav ul li a:hover{background:var(--surface2);color:var(--ink);}
.mcta{display:block;margin-top:10px;text-align:center;background:var(--accent);color:#fff;padding:13px;border-radius:var(--r);font-weight:600;font-size:.88rem;}

/* ─── PROOF BAR ─── */
#proof{background:var(--bg3);padding:18px 0;}
.proof-inner{display:grid;grid-template-columns:1fr;gap:1px;background:;max-width:640px;margin:0 auto;border-radius:12px;overflow:hidden;}
.proof-item{display:flex;align-items:center;gap:12px;background:;padding:16px 24px;}
.proof-icon{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.proof-icon svg{width:16px;height:16px;stroke:rgba(255,255,255,.6);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.proof-text{font-size:.82rem;color:rgba(255,255,255,.45);line-height:1.35;}
.proof-text strong{color:#fff;font-weight:700;display:block;font-size:.88rem;}

/* ─── SECTOR SELECTOR BAR ─── */
.atos-scope-bar {
  background: var(--bg2);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 28px 0 32px;
  position: relative;
  overflow: visible;
  z-index: 10;
}
.atos-scope-label {
  display: block;
  text-align: center;
  font-size: .96rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ink);
  margin-bottom: 18px;
  position: relative;
}
.atos-scope-label::after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background: var(--accent);
  margin: 8px auto 0;
  border-radius: 99px;
  animation: labelPulse 2.2s ease-in-out infinite;
}
@keyframes labelPulse {
  0%,100% { width: 40px; opacity: .4; }
  50%      { width: 90px; opacity: 1; }
}
.sector-dropdown-wrap {
  display: flex;
  justify-content: center;
  position: relative;
}
.sector-trigger {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: var(--surface);
  border: 1.5px solid var(--border2);
  border-radius: 14px;
  padding: 14px 22px;
  cursor: pointer;
  min-width: 320px;
  max-width: 440px;
  width: 100%;
  position: relative;
  transition: border-color .22s, box-shadow .22s, transform .18s;
  box-shadow: 0 2px 12px rgba(27,79,216,.06);
  user-select: none;
  font-family: inherit;
  text-align: left;
}
.sector-trigger:hover {
  border-color: var(--accent);
  box-shadow: 0 4px 22px rgba(27,79,216,.14);
  transform: translateY(-1px);
}
.sector-trigger.open {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(27,79,216,.1), 0 6px 24px rgba(27,79,216,.14);
  border-radius: 14px 14px 0 0;
  transform: none;
}
.sector-trigger-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 20px;
  transition: background .2s, transform .2s;
}
.sector-trigger:hover .sector-trigger-icon { transform: scale(1.06); }
.sector-trigger-text { flex: 1; min-width: 0; }
.sector-trigger-name {
  font-size: .97rem;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sector-trigger-hint {
  font-size: .72rem;
  color: var(--ink3);
  margin-top: 3px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sector-trigger-arrow {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: var(--surface2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform .32s cubic-bezier(.34,1.56,.64,1), background .2s;
}
.sector-trigger.open .sector-trigger-arrow {
  transform: rotate(180deg);
  background: var(--accent);
}
.sector-trigger-arrow svg {
  width: 14px; height: 14px;
  stroke: var(--ink3); fill: none;
  stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;
  transition: stroke .2s;
}
.sector-trigger.open .sector-trigger-arrow svg { stroke: #fff; }
.sector-trigger-pulse {
  position: absolute;
  top: -10px;
  right: -10px;
  background: var(--accent);
  color: #fff;
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 99px;
  white-space: nowrap;
  animation: badgeBounce 2.8s ease-in-out infinite;
  box-shadow: 0 3px 10px rgba(27,79,216,.4);
  pointer-events: none;
}
@keyframes badgeBounce {
  0%,100% { transform: translateY(0) scale(1);      }
  40%      { transform: translateY(-5px) scale(1.07); }
  60%      { transform: translateY(-2px) scale(1.03); }
}
.sector-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  min-width: 320px;
  max-width: 440px;
  width: 100%;
  background: var(--surface);
  border: 1.5px solid var(--accent);
  border-top: none;
  border-radius: 0 0 14px 14px;
  box-shadow: 0 24px 56px rgba(0,0,0,.16);
  z-index: 500;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, transform .24s cubic-bezier(.34,1.56,.64,1);
  overflow: hidden;
}
.sector-dropdown.open {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
[data-theme="dark"] .sector-dropdown { box-shadow: 0 24px 56px rgba(0,0,0,.5); }
.sector-option {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 20px;
  cursor: pointer;
  transition: background .15s;
  border-bottom: 1px solid var(--border);
  position: relative;
}
.sector-option:last-child { border-bottom: none; }
.sector-option:hover { background: var(--surface2); }
.sector-option.active { background: var(--accent-pale); }
.sector-option.active::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--accent);
  border-radius: 0 2px 2px 0;
}
.sector-opt-icon {
  width: 36px; height: 36px;
  border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; flex-shrink: 0;
  transition: transform .2s;
}
.sector-option:hover .sector-opt-icon { transform: scale(1.1); }
.sector-opt-text { flex: 1; min-width: 0; }
.sector-opt-name {
  font-size: .88rem; font-weight: 700;
  color: var(--ink); line-height: 1.2;
}
.sector-opt-hint {
  font-size: .72rem; color: var(--ink3);
  margin-top: 2px; line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sector-opt-check {
  width: 20px; height: 20px;
  border-radius: 50%;
  background: var(--accent);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  opacity: 0; transform: scale(.5);
  transition: opacity .2s, transform .28s cubic-bezier(.34,1.56,.64,1);
}
.sector-option.active .sector-opt-check { opacity: 1; transform: scale(1); }
.sector-opt-check svg {
  width: 11px; height: 11px;
  stroke: #fff; fill: none;
  stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;
}

/* ─── 3 ATOS ─── */
#atos{padding:0 0 88px;background:var(--bg4);}
.atos-banner{position:relative;width:100%;overflow:hidden;padding:72px 0 64px;background:#060d1a;}
/* Mobile: canvas expande em ~3:4, banner acompanha sem padding fixo */
@media(max-width:767px){.atos-banner{padding:0;}
.atos-banner-inner{padding:28px 16px 32px;}}
.atos-banner::after{content:'';position:absolute;top:-120px;right:-80px;width:560px;height:560px;background:radial-gradient(ellipse at center,rgba(27,79,216,.18) 0%,transparent 65%);pointer-events:none;}
.atos-banner-glow2{position:absolute;bottom:-100px;left:-60px;width:420px;height:420px;background:radial-gradient(ellipse at center,rgba(15,123,74,.12) 0%,transparent 65%);pointer-events:none;z-index:0;}
.atos-banner-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px;}
.atos-banner-title{font-size:clamp(1.9rem,3.5vw,2.9rem);font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.1;margin-bottom:20px;}
.atos-banner-title .abt-accent{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.atos-banner-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;max-width:820px;}
.atos-banner-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 20px;display:flex;align-items:flex-start;gap:14px;backdrop-filter:blur(4px);transition:border-color .25s,background .25s;}
.atos-banner-card:hover{background:rgba(255,255,255,.08);border-color:rgba(27,79,216,.4);}
.abc-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.abc-icon svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.abc-blue{background:rgba(27,79,216,.5);border:1px solid rgba(96,165,250,.3);}
.abc-green{background:rgba(15,123,74,.5);border:1px solid rgba(52,211,153,.3);}
.abc-text p{font-size:1.2rem;color:white;line-height:1.65;margin:0;}
@media(max-width:767px){.abc-text p{font-size:.88rem;}}
.atos-banner-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.atos-banner-cta-text{font-size:1.2rem;color:#fff;line-height:1.6;}
.atos-banner-btn{display:inline-flex;align-items:center;gap:8px;background:#1B4FD8;color:#fff;font-weight:700;font-size:.83rem;padding:11px 22px;border-radius:10px;white-space:nowrap;transition:background .2s,transform .2s;}
.atos-banner-btn:hover{background:#2E6AFF;transform:translateY(-2px);}
.atos-banner-btn svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}

/* Steps separator */
.atos-steps-sep{display:flex;align-items:center;gap:14px;margin-bottom:50px;margin-top:50px;}
.atos-steps-sep-line{flex:1;height:1px;background:var(--border);}
.atos-steps-sep-label{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800;letter-spacing:-.02em;color:var(--ink);white-space:nowrap;}

/* 3-column layout */
.atos-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;}
.atos-col{display:flex;flex-direction:column;min-width:0;}
.atos-col-head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding-bottom:14px;}
.atos-step-num{width:32px;height:32px;border-radius:50%;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.asn1{background:rgba(192,57,43,.12);color:var(--red);border:1px solid rgba(192,57,43,.2);}
.asn2{background:var(--accent-pale);color:var(--accent);border:1px solid var(--accent-border);}
.asn3{background:var(--green-pale);color:var(--green);border:1px solid rgba(15,123,74,.2);}
[data-theme="dark"] .asn1{background:rgba(239,68,68,.12);color:#F87171;border-color:rgba(239,68,68,.25);}
[data-theme="dark"] .asn3{background:rgba(40,200,64,.08);color:#4ADE80;border-color:rgba(40,200,64,.2);}
.atos-col-title{font-size:15px;font-weight:800;color:var(--ink);line-height:1.3;}
.atos-col-desc{font-size:12px;color:var(--ink3);line-height:1.5;}
.atos-card{flex:1;border-radius:16px;overflow:hidden;background: linear-gradient(5deg, var(--bg12), var(--bg12-2));box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.07);display:flex;flex-direction:column;}
.atos-tb{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#050c19;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;}
.atos-dots{display:flex;gap:6px;}
.atos-dot{width:11px;height:11px;border-radius:50%;}
.atos-dot.r{background:#FF5F57;}.atos-dot.y{background:#FEBC2E;}.atos-dot.g{background:#28C840;}
.atos-tb-lbl{font-size:12px;color:rgba(255,255,255,.28);margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.atos-live{margin-left:auto;display:flex;align-items:center;gap:5px;flex-shrink:0;background:rgba(40,200,64,.1);border:1px solid rgba(40,200,64,.22);border-radius:99px;padding:3px 10px;font-size:10px;font-weight:700;color:#28C840;letter-spacing:.08em;}
.atos-live-dot{width:5px;height:5px;border-radius:50%;background:#28C840;animation:atos-blink 1.2s infinite;}
@keyframes atos-blink{0%,100%{opacity:1}50%{opacity:.25}}
.atos-content{padding:18px 16px 20px;flex:1;display:flex;flex-direction:column;}
.atos-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 12px;border-radius:99px;margin-bottom:14px;width:fit-content;}
.ab1{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.28);color:#F87171;}
.ab2{background:rgba(27,79,216,.15);border:1px solid rgba(27,79,216,.32);color:#60A5FA;}
.ab3{background:rgba(40,200,64,.1);border:1px solid rgba(40,200,64,.28);color:#4ADE80;}

/* Col 1 */
.a1-desk{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px;flex:1;position:relative;}
.a1-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.a1-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#374151,#1f2937);border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;position:relative;}
.a1-stress{position:absolute;top:-6px;right:-6px;font-size:11px;animation:a1sb .8s infinite alternate;}
@keyframes a1sb{from{transform:rotate(-12deg)}to{transform:rotate(12deg) scale(1.2)}}
.a1-name{font-size:13px;font-weight:600;color:rgba(255,255,255,.72);}
.a1-role{font-size:11px;color:rgba(255,255,255,.32);margin-top:2px;}
.a1-clock{margin-left:auto;font-size:20px;font-weight:800;color:rgba(239,68,68,.8);letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.a1-tasks{display:flex;flex-direction:column;gap:8px;}
.a1-task{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);}
.a1-task-ico{font-size:15px;flex-shrink:0;}
.a1-task-txt{font-size:12px;color:rgba(255,255,255,.58);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.a1-tbadge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap;flex-shrink:0;}
.tb-r{background:rgba(239,68,68,.15);color:#F87171;border:1px solid rgba(239,68,68,.22);}
.tb-y{background:rgba(251,191,36,.1);color:#FCD34D;border:1px solid rgba(251,191,36,.18);}
.tb-i{background:rgba(99,102,241,.12);color:#A5B4FC;border:1px solid rgba(99,102,241,.22);}
.a1-overload{margin-top:13px;display:flex;align-items:center;gap:8px;}
.a1-overload-lbl{font-size:10px;font-weight:700;color:#F87171;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;}
.a1-bar-track{flex:1;height:5px;border-radius:99px;background:rgba(239,68,68,.1);overflow:hidden;}
.a1-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#F87171,#EF4444);width:0%;transition:width .1s linear;}
.a1-err{position:absolute;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.32);border-radius:7px;padding:5px 10px;font-size:10px;font-weight:600;color:#F87171;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .28s ease;z-index:5;}
.a1e1{bottom:72px;right:8px;}.a1e2{bottom:44px;right:14px;}.a1e3{bottom:18px;right:8px;}

/* Col 2 */
.a2-pipe{display:flex;align-items:center;justify-content:center;margin-bottom:16px;gap:0;}
.a2-node{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;}
.a2-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;overflow:hidden;}
.a2ng{background:linear-gradient(135deg,#374151,#1f2937);border:2px solid rgba(255,255,255,.1);}
.a2nb{background:linear-gradient(135deg,#1e40af,#1B4FD8);border:2px solid #3D6EF5;}
.a2no{background:linear-gradient(135deg,#92400e,#D97706);border:2px solid #F59E0B;}
.a2nb.pulse{animation:a2np 1.1s ease-in-out infinite alternate;}
@keyframes a2np{from{box-shadow:0 0 0 0 rgba(27,79,216,.5)}to{box-shadow:0 0 0 13px rgba(27,79,216,0);transform:scale(1.07)}}
.a2-nlbl{font-size:10px;font-weight:700;color:white;letter-spacing:.05em;text-transform:uppercase;text-align:center;line-height:1.35;}
.a2-conn{flex:1;display:flex;align-items:center;padding:0 3px;margin-bottom:18px;}
.a2-conn-line{flex:1;height:2px;background:rgba(255,255,255,.08);position:relative;overflow:visible;}
.a2-conn-tip{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid rgba(255,255,255,.15);flex-shrink:0;}
.a2-pkt{position:absolute;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;box-shadow:0 0 9px currentColor;animation:a2pkt 1.6s linear infinite;}
@keyframes a2pkt{0%{left:-4px;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(100% + 4px);opacity:0}}
.a2-term{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:13px 14px;flex:1;}
.a2-log{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-family:'Courier New',monospace;padding:4px 0;line-height:1.55;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease;}
.a2-log.show{opacity:1;transform:translateY(0);}
.a2-pfx{flex-shrink:0;color:#28C840;}
.a2-txt{color:rgba(255,255,255,.62);flex:1;}
.a2-t{color:rgba(255,255,255,.22);margin-left:auto;font-size:10px;flex-shrink:0;padding-left:8px;}
.a2-cur{display:inline-block;width:7px;height:13px;background:rgba(255,255,255,.45);animation:a2cur .8s step-end infinite;vertical-align:middle;margin-left:2px;}
@keyframes a2cur{50%{opacity:0}}

/* Col 3 */
.a3-ok{display:flex;align-items:center;gap:12px;padding:13px 15px;background:rgba(16,185,129,.07);border:1px solid rgba(16,185,129,.16);border-radius:11px;margin-bottom:12px;}
.a3-check{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#059669,#10B981);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;box-shadow:0 0 20px rgba(16,185,129,.4);}
.a3-ok-title{font-size:13px;font-weight:700;color:#fff;line-height:1.35;}
.a3-ok-sub{font-size:11px;color:rgba(255,255,255,.42);margin-top:4px;line-height:1.5;}
.a3-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;}
.a3-m{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:14px 8px;text-align:center;position:relative;overflow:hidden;}
.a3-m::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;border-radius:99px;}
.a3m1::before{background:linear-gradient(90deg,#3D6EF5,#60A5FA);}
.a3m2::before{background:linear-gradient(90deg,#10B981,#34D399);}
.a3m3::before{background:linear-gradient(90deg,#F59E0B,#FCD34D);}
.a3-mval{font-size:19px;font-weight:800;line-height:1;margin-bottom:5px;}
.a3m1 .a3-mval{color:#60A5FA;}.a3m2 .a3-mval{color:#34D399;}.a3m3 .a3-mval{color:#FCD34D;}
.a3-mlbl{font-size:10px;color:rgba(255,255,255,.38);font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1.4;}
.a3-free{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;}
.a3-free-ico{font-size:21px;flex-shrink:0;margin-top:1px;}
.a3-free-txt{font-size:12px;color:rgba(255,255,255,.58);line-height:1.7;}
.a3-free-txt strong{color:#fff;}
.a3-fb{position:absolute;background:#fff;border-radius:12px;padding:9px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 28px rgba(0,0,0,.3);opacity:0;transform:scale(.88) translateY(6px);transition:opacity .45s ease,transform .45s ease;pointer-events:none;z-index:20;white-space:nowrap;}
.a3-fb.show{opacity:1;transform:scale(1) translateY(0);}
.a3-fb-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.a3-fb-val{font-size:13px;font-weight:800;color:#111;line-height:1;}
.a3-fb-lbl{font-size:10px;color:#6B7280;line-height:1.3;margin-top:1px;}
.a3fb1{bottom:-12px;left:-8px;}.a3fb2{top:56px;right:-8px;}

/* Sector switch fade */
#atos-dynamic {
    transition:opacity .22s ease,
    transform .22s ease;
    padding-bottom:50px;
    background:;
    
}
#atos-dynamic.switching{opacity:0;transform:translateY(8px);}

/* Responsive */
@media(max-width:1024px){
  .atos-layout{grid-template-columns:repeat(3,1fr);gap:14px;}
  .a2-circle{width:42px !important;height:42px !important;font-size:17px !important;}
  .atos-col-title{font-size:14px;}
  .a1-clock{font-size:18px;}
  .atos-banner-body{grid-template-columns:1fr;}
}
@media(max-width:767px){
  #atos{padding:0 0 64px;}
  .atos-layout{grid-template-columns:1fr;gap:28px;}
  .a3-fb{display:none !important;}
  .atos-col-head{flex-direction:row;text-align:left;padding:0 2px 10px;gap:10px;align-items:flex-start;}
  .atos-step-num{flex-shrink:0;margin-top:3px;}
  .atos-col-title,.atos-col-desc{text-align:left;}
  .a2-circle{width:42px !important;height:42px !important;font-size:17px !important;}
  .atos-banner-body{grid-template-columns:1fr;}
  .atos-banner{padding:52px 0 44px;}
  .atos-banner-cta{flex-direction:column;align-items:flex-start;}
  .sector-trigger{min-width:0;}
  .sector-trigger-pulse{display:none;}
}
@media(max-width:560px){
  .sector-trigger-pulse{display:none;}
}

/* ─── DEPOIMENTO ─── */
#depo{background:;padding:0px 0;padding-bottom:50px;}
#depo-wrap{transition:opacity .22s ease;}
#depo-wrap.switching{opacity:0;}
.depo-inner{display:flex;align-items:var(--bg4);gap:28px;background:#0c1d38;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 36px;position:relative;overflow:hidden;}
.depo-inner::before{content:'';position:absolute;top:-60px;right:-60px;width:260px;height:260px;background:radial-gradient(ellipse,rgba(27,79,216,.2) 0%,transparent 65%);pointer-events:none;}
.depo-inner::after{content:'\201C';position:absolute;top:-10px;left:20px;font-family:Georgia,serif;font-size:9rem;line-height:1;color:rgba(255,255,255,.04);pointer-events:none;user-select:none;}
.depo-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:top center;border:2px solid rgba(27,79,216,.5);flex-shrink:0;box-shadow:0 0 0 4px rgba(27,79,216,.15);transition:opacity .3s;}
.depo-body{flex:1;min-width:0;position:relative;z-index:1;}
.depo-quote{font-size:.95rem;color:rgba(255,255,255,.78);line-height:1.72;font-style:italic;margin-bottom:14px;}
.depo-quote strong{color:#fff;font-style:normal;}
.depo-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.depo-stars{display:flex;gap:2px;}
.depo-stars svg{width:13px;height:13px;fill:#F59E0B;}
.depo-name-block{font-size:.8rem;color:rgba(255,255,255,.55);line-height:1.4;}
.depo-name-block strong{color:#fff;font-size:.85rem;display:block;}
.depo-sep{width:1px;height:28px;background:rgba(255,255,255,.1);flex-shrink:0;}
.depo-stats{display:flex;gap:0;flex-shrink:0;border-left:1px solid rgba(255,255,255,.08);padding-left:28px;margin-left:4px;}
.depo-stat{text-align:center;padding:0 20px;border-right:1px solid rgba(255,255,255,.08);}
.depo-stat:last-child{border-right:none;padding-right:0;}
.depo-stat-val{font-size:1.6rem;font-weight:800;line-height:1;letter-spacing:-.03em;}
.depo-stat-val.v1{color:#60A5FA;}.depo-stat-val.v2{color:#4ADE80;}.depo-stat-val.v3{color:#FCD34D;}
.depo-verified{display:inline-flex;align-items:center;gap:5px;background:rgba(40,200,64,.1);border:1px solid rgba(40,200,64,.2);border-radius:100px;padding:3px 10px;font-size:.68rem;font-weight:700;color:#4ADE80;white-space:nowrap;}
.depo-verified svg{width:10px;height:10px;stroke:#4ADE80;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.depo-hidden{display:none;}
@media(max-width:900px){.depo-stats{display:none;}.depo-inner{gap:20px;padding:24px 24px;}}
@media(max-width:600px){#depo{padding:28px 0;}.depo-photo{width:60px;height:60px;}.depo-inner{padding:20px 18px;gap:14px;}.depo-quote{font-size:.88rem;}}

/* ─── SECTION HEADER ─── */
.section-ey{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;}
.section-h2{font-size:clamp(1.65rem,2.8vw,1.0rem);font-weight:800;letter-spacing:-.025em;margin-bottom:14px;color:var(--ink4)}
.section-sub{font-size:.96rem;color:var(--ink5);line-height:1.75;}

/* ─── PARA QUEM — 3 colunas ─── */
#pq{padding:100px 0;background:var(--bg2);}
.pq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:52px;}
.pq-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:18px 18px;transition:all var(--tr);cursor:default;position:relative;overflow:hidden;}
.pq-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transition:transform var(--tr);transform-origin:left;}
.pq-card:hover::before{transform:scaleX(1);}
.pq-card:hover{transform:translateY(-4px);box-shadow:var(--shadow2);border-color:var(--border2);}
.pq-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.pq-icon{width:36px;height:36px;border-radius:9px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink2);}
.pq-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.pq-card h4{font-size:.9rem;font-weight:700;margin:0;color:var(--ink);}
.pq-card p{font-size:.76rem;color:var(--ink3);line-height:1.65;}

/* ─── COMO FUNCIONA ─── */
#como{padding:100px 0;background:linear-gradient(to right,var(--bg),var(--bg2));}
.como-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}
.steps{display:flex;flex-direction:column;gap:0;position:relative;margin-top:36px;}
.step-item{display:flex;gap:18px;position:relative;}
.step-item:not(:last-child)::after{content:'';position:absolute;left:19px;top:56px;bottom:-8px;width:2px;background:linear-gradient(to bottom,var(--border2),var(--border));z-index:0;}
.step-num-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative;z-index:1;}
.step-num{width:40px;height:40px;border-radius:10px;background:var(--accent);color:white;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.step-body{padding-bottom:34px;padding-top:8px;}
.step-item:last-child .step-body{padding-bottom:0;}
.step-body h4{font-size:.95rem;font-weight:700;margin-bottom:5px;}
.step-body p{font-size:.83rem;color:var(--ink5);line-height:1.65;}
.como-right{display:flex;flex-direction:column;gap:14px;}
.como-card{
    background: var(--bg5);
    border:1px solid var(--border2);
    border-radius:var(--rl);
    padding:22px;
    display:flex;
    align-items:flex-start;gap:15px;
    transition:all var(--tr);
    position:relative;
    overflow:hidden;
    box-shadow: inset 0 0px 20px var(--shadow4);
    
}
.como-card-icon{width:42px;height:42px;border-radius:11px;background:radial-gradient(circle, var(--bg6), var(--bg6-2) 100%);border:1px solid var(--border3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white;}
.como-card-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;background:;}
.como-card h3{font-size:.9rem;font-weight:700;margin-bottom:4px;color:white;}
.como-card p{font-size:.8rem;color:#d8dee8;line-height:1.65;}

/* ─── SERVIÇOS ─── */
#svc{padding:100px 0;background:var(--bg2);}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px;}
.svc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:32px 24px;transition:all var(--tr);position:relative;overflow:hidden;}
.svc-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));transform:scaleX(0);transition:transform var(--tr);transform-origin:left;}
.svc-card:hover::after{transform:scaleX(1);}
.svc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow3);}
.svc-icon{width:52px;height:52px;border-radius:13px;background:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.svc-icon svg{width:24px;height:24px;stroke:var(--bg);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.svc-card h3{font-size:1rem;font-weight:800;margin-bottom:10px;color:var(--ink);}
.svc-card p{font-size:.84rem;color:var(--ink3);line-height:1.72;margin-bottom:16px;}
.svc-examples{display:flex;flex-direction:column;gap:5px;}
.svc-ex{display:flex;align-items:center;gap:7px;font-size:.76rem;color:var(--ink2);}
.svc-ex::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;}

/* ─── FERRAMENTAS ─── */
#tools{padding:60px 0;background:#1C2230;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.tools-label{text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:silver;margin-bottom:22px;}
.tools-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
.tool-pill{display:flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid #364059;border-radius:99px;padding:7px 15px;font-size:.78rem;font-weight:600;color:silver;transition:all var(--tr);box-shadow:var(--shadow);}
.tool-pill:hover{transform:translateY(-2px);}
.tool-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.7;flex-shrink:0;}

/* ─── VÍDEOS ─── */
#vids{padding:100px 0;background:var(--bg);}
.vids-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px;}
.vid-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;transition:all var(--tr);box-shadow:var(--shadow);}
.vid-card:hover{transform:translateY(-4px);box-shadow:var(--shadow3);border-color:var(--border2);}
.vid-thumb{position:relative;width:100%;padding-bottom:56.25%;background:#0B1622;cursor:pointer;overflow:hidden;}
.vid-pl{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0B1622 0%,#0D2040 100%);transition:background var(--tr);}
.vid-pl:hover{background:linear-gradient(135deg,#0D1E30 0%,#102850 100%);}
.vid-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;}
.vid-play-btn{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .25s;position:relative;z-index:1;margin-bottom:10px;}
.vid-pl:hover .vid-play-btn{background:var(--accent);border-color:var(--accent2);transform:scale(1.1);}
.vid-play-btn svg{width:18px;height:18px;fill:#fff;margin-left:3px;}
.vid-play-label{font-size:.68rem;font-weight:600;color:rgba(255,255,255,.35);letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:1;}
.vid-link{position:absolute;inset:0;z-index:2;}
.vid-thumb.has-embed .vid-pl{display:none;}
.vid-info{padding:14px 18px 16px;border-top:1px solid var(--border);}
.vid-info h4{font-size:.88rem;font-weight:700;color:var(--ink);margin-bottom:4px;}
.vid-info p{font-size:.76rem;color:var(--ink3);line-height:1.55;}

/* ─── FAQ ─── */
#faq{padding:100px 0;background:var(--bg);}
.faq-list{max-width:720px;margin:52px auto 0;display:flex;flex-direction:column;gap:10px;}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color var(--tr);cursor:pointer;}
.faq-item.open{border-color:var(--border2);}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:18px 20px;user-select:none;}
.faq-q span{font-weight:600;font-size:.9rem;color:var(--ink);line-height:1.4;}
.faq-arrow{width:26px;height:26px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;color:var(--ink3);flex-shrink:0;transition:all var(--tr);}
.faq-item.open .faq-arrow{background:var(--ink);color:var(--bg);transform:rotate(180deg);}
.faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease;}
.faq-item.open .faq-body{grid-template-rows:1fr;}
.faq-inner{overflow:hidden;}
.faq-text{padding:0 20px 18px;font-size:.88rem;color:var(--ink2);line-height:1.78;border-top:1px solid var(--border);padding-top:14px;}

/* ─── FOOTER ─── */
footer{background:#0b0d0f;padding:56px 0 26px;}
[data-theme="light"] footer{background:#0D1626;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:52px;margin-bottom:48px;}
.footer-brand p{font-size:.83rem;color:rgba(255,255,255,.38);line-height:1.72;margin-top:14px;max-width:280px;}
.footer-brand .floc{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:.73rem;color:rgba(255,255,255,.25);}
.footer-col h5{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:16px;}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-links a{font-size:.85rem;color:rgba(255,255,255,.45);transition:color var(--tr);}
.footer-links a:hover{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.footer-bottom p,.footer-bottom a{font-size:.74rem;color:rgba(255,255,255,.25);transition:color var(--tr);}
.footer-bottom a:hover{color:rgba(255,255,255,.5);}
.footer-legal{display:flex;gap:18px;}
.footer-brand .ln{color:#fff !important;}

/* ─── WHATSAPP FLOAT ─── */
.wa-btn{position:fixed;bottom:26px;right:26px;z-index:999;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.5);transition:all var(--tr);}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 8px 30px rgba(37,211,102,.65);}
.wa-btn svg{width:27px;height:27px;fill:#fff;}
.wa-tip{position:absolute;right:65px;background:var(--surface);border:1px solid var(--border);color:var(--ink2);font-size:.74rem;font-weight:500;padding:7px 12px;border-radius:8px;white-space:nowrap;box-shadow:var(--shadow2);opacity:0;pointer-events:none;transition:opacity .2s;}
.wa-btn:hover .wa-tip{opacity:1;}

/* ─── REVEAL ANIMATIONS ─── */
.js-ready .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
.rv.in{opacity:1!important;transform:translateY(0)!important;}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  .como-inner{grid-template-columns:1fr;gap:44px;}
  .pq-grid{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-brand{grid-column:1/-1;}
}
@media(max-width:768px){
  .nlinks,.nav-cta{display:none;}
  .hbg{display:flex;}
  .svc-grid{grid-template-columns:1fr;}
  .vids-grid{grid-template-columns:1fr;}
  .pq-grid{grid-template-columns:repeat(2,1fr);}
  .proof-inner{max-width:100%;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-brand{grid-column:auto;}
}
@media(max-width:560px){
  .pq-grid{grid-template-columns:repeat(2,1fr);}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
  .wrap{padding:0 16px;}
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

#wf-banner {
  width: 100%;
  background: #06101f;
  overflow: hidden;
  font-family: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
  color: #fff;
  position: relative;
  margin-top:68px;
}

/* ══════════════════════════════════════
   DESKTOP ≥ 768px
══════════════════════════════════════ */
#wf-desktop { 
    display: none; 

}

@media (min-width: 768px) {
  #wf-desktop {
    display: block;
    position: relative;
    min-height: 300px;
  }
  #wf-mobile { display: none; }
}

/* Canvas: fundo absoluto 100% largura e altura do banner */
#wf-desk-canvas-wrap {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 1;
}

#wf-desk-canvas {
  display: block;
  width: 100%; height: 100%;
}

/* Texto: sobreposto ao canvas */
#wf-desk-text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 0 52px;
  max-width: 560px;
  min-height: 400px;
}

/* Gradiente lateral para legibilidade do texto sobre o canvas */
#wf-desk-text::before {
  content: '';
  position: fixed; /* não usado aqui, só para manter compatibilidade */
  display: none;
}

#wf-desk-title-and-text {
  position: absolute;
  top: 10px;
  left: 0;
}

#wf-desk-title {
  font-size: clamp(1.5rem, 3vw, 2.3rem);
  font-weight: 800;
  line-height: 1.0;
  color: #fff;
  margin-bottom: 10px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}

#wf-desk-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 28px;
}

.wf-desk-p1 {
  font-size: clamp(0.88rem, 1.1vw, 1rem);
  font-weight: 600;
  color: #ddeeff;
  line-height: 1.7;
  text-shadow: 0 1px 12px rgba(0,0,0,.9);
}

.wf-desk-p2 {
  font-size: clamp(0.82rem, 1vw, 0.92rem);
  font-weight: 400;
  color: rgba(180,210,255,.82);
  line-height: 1.7;
  text-shadow: 0 1px 12px rgba(0,0,0,.9);
}

#wf-desk-cta {
  position: absolute;
  bottom: 20px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

/* ══════════════════════════════════════
   MOBILE < 768px
══════════════════════════════════════ */
#wf-mobile { display: flex; flex-direction: column; }
@media (min-width: 768px) { #wf-mobile { display: none; } }

#wf-mob-inner {
  position: relative;
  width: 100%;
}

#wf-mob-top {
  display: grid;
  grid-template-columns: 82px 1fr;
}

#wf-mob-left-bg {
  background: transparent;
  flex-shrink: 0;
}

#wf-mob-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 16px 18px 12px;
  position: relative;
  z-index: 5; /* ACIMA do canvas overlay */
}

#wf-mob-title {
  font-size: clamp(1.6rem, 8vw, 2.4rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #fff;
  margin-bottom: 14px;
}

#wf-mob-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wf-mob-p1 {
  font-size: clamp(0.85rem, 3.8vw, 1rem);
  font-weight: 600;
  color: #ddeeff;
  line-height: 1.65;
}

.wf-mob-p2 {
  font-size: clamp(0.82rem, 3.6vw, 0.95rem);
  font-weight: 400;
  color: rgba(160,200,255,.75);
  line-height: 1.65;
}

#wf-mob-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding-top: 16px;
}

#wf-mob-cta .wf-cta-label {
  font-size: clamp(0.82rem, 3.8vw, 0.95rem);
}

#wf-mob-cta .wf-btn {
  width: 100%;
  font-size: clamp(0.78rem, 3.8vw, 0.9rem);
  padding: 13px 18px;
}

#wf-mob-bottom-bg {
  background: transparent;
}

/* Canvas overlay: cobre TODO o #wf-mob-inner */
#wf-mob-overlay {
  position: absolute;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 2; /* abaixo do texto (z-index:5) mas acima do fundo */
}

/* Botão e CTA label */
.wf-cta-label {
  font-size: clamp(0.72rem, 1vw, 0.82rem);
  font-weight: 700;
  color: yellow;
  letter-spacing: .01em;
}

.wf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #1B4FD8;
  color: #fff;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 11px 22px;
  border-radius: 25px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s, transform .15s, box-shadow .25s;
  position: relative;
  z-index: 20;
}

.wf-btn:hover {
  background: #2E6AFF;
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(0,150,255,.4);
}

.wf-btn svg { fill: #fff; flex-shrink: 0; width: 16px; height: 16px; }