:root{
  --color-primary:#0378A6;
  --color-primary-600:#026790;
  --color-primary-700:#015a7e;
  --color-accent:#8bb422;
  --color-accent-700:#6f901b;
}

.text-white-70{color:rgba(255,255,255,.7)}

/* Tamanho do logo no navbar */
.brand-logo{height:32px; width:auto; display:block; transition:transform .25s ease}
@media (min-width: 992px){
  .brand-logo{height:36px}
}

/* ========== Navbar profissional ========== */
.site-header{position:relative; z-index:1030}

.nav-topbar{
  background:linear-gradient(90deg, var(--color-primary-700), var(--color-primary));
  color:rgba(255,255,255,.9);
  font-size:.75rem;
  padding:.4rem 0;
}
.nav-topbar-left,.nav-topbar-right{
  display:flex;
  align-items:center;
  gap:1.25rem;
}
.nav-topbar-link{
  color:rgba(255,255,255,.88);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  transition:color .2s ease;
}
.nav-topbar-link:hover{color:#fff}
.nav-topbar-link i{font-size:.7rem; opacity:.85}
.nav-topbar-badge{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-weight:600;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:rgba(255,255,255,.85);
}
.nav-topbar-dot{
  width:6px; height:6px;
  border-radius:50%;
  background:var(--color-accent);
  animation:eyebrowBlink 2s ease-in-out infinite;
}
.nav-topbar-hours{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  opacity:.8;
}

.navbar-pro{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(3,120,166,.08);
  padding-top:.65rem;
  padding-bottom:.65rem;
  transition:padding .3s ease, box-shadow .3s ease, background .3s ease, border-color .3s ease;
}
.navbar-pro.is-scrolled{
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 32px rgba(3,120,166,.12);
  border-bottom-color:rgba(3,120,166,.12);
  padding-top:.45rem;
  padding-bottom:.45rem;
}
.navbar-brand-pro:hover .brand-logo{transform:scale(1.03)}

.nav-link-pro{
  display:inline-flex!important;
  align-items:center;
  gap:.4rem;
  font-size:.88rem;
  font-weight:600;
  color:#475569!important;
  padding:.5rem .75rem!important;
  border-radius:.65rem;
  position:relative;
  transition:color .2s ease, background .2s ease;
}
.nav-link-pro i{font-size:.95rem; opacity:.75; transition:opacity .2s ease, color .2s ease}
.nav-link-pro span{position:relative}
.nav-link-pro::after{
  content:"";
  position:absolute;
  bottom:.25rem;
  left:.75rem;
  right:.75rem;
  height:2px;
  background:var(--color-primary);
  border-radius:2px;
  transform:scaleX(0);
  transition:transform .25s cubic-bezier(.2,.7,.2,1);
}
.nav-link-pro:hover,
.nav-link-pro:focus{
  color:var(--color-primary)!important;
  background:rgba(3,120,166,.06);
}
.nav-link-pro:hover i,.nav-link-pro.is-active i{opacity:1; color:var(--color-primary)}
.nav-link-pro:hover::after,.nav-link-pro.is-active::after{transform:scaleX(1)}

.navbar-actions .btn{
  font-size:.85rem;
  font-weight:600;
  padding:.45rem 1rem;
  white-space:nowrap;
}
.btn-nav-demo{border-width:1.5px}
.btn-nav-whatsapp i{font-size:1rem}

.navbar-toggler-pro{
  border:none;
  padding:.5rem;
  width:42px;
  height:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  border-radius:10px;
  background:rgba(3,120,166,.08);
  transition:background .2s ease;
}
.navbar-toggler-pro:focus{box-shadow:0 0 0 3px rgba(3,120,166,.2)}
.navbar-toggler-pro:hover{background:rgba(3,120,166,.14)}
.navbar-toggler-bar{
  display:block;
  width:20px;
  height:2px;
  background:var(--color-primary);
  border-radius:2px;
  transition:transform .3s ease, opacity .3s ease;
}
.navbar-toggler-pro[aria-expanded="true"] .navbar-toggler-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navbar-toggler-pro[aria-expanded="true"] .navbar-toggler-bar:nth-child(2){opacity:0}
.navbar-toggler-pro[aria-expanded="true"] .navbar-toggler-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:991.98px){
  .navbar-pro .navbar-collapse{
    margin-top:.75rem;
    padding:1rem;
    border-radius:1rem;
    background:#fff;
    border:1px solid rgba(3,120,166,.1);
    box-shadow:0 16px 40px rgba(3,120,166,.12);
  }
  .nav-link-pro{padding:.65rem .85rem!important}
  .nav-link-pro::after{display:none}
  .navbar-actions{width:100%}
  .navbar-actions .btn{width:100%; justify-content:center}
}

.navbar-brand{letter-spacing:.2px}

/* CTA laranja */
.btn-orange{
  --bs-btn-color:#fff;
  --bs-btn-bg:#ff8a00;
  --bs-btn-border-color:#ff8a00;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#ff7a00;
  --bs-btn-hover-border-color:#ff7a00;
  --bs-btn-focus-shadow-rgb:255,138,0;
  background: linear-gradient(180deg, #ff9e1a 0%, #ff8a00 100%);
  border-color:#ff8a00;
  box-shadow:0 8px 18px rgba(255,138,0,.35);
}
.btn-orange:hover{
  background: linear-gradient(180deg, #ff8f00 0%, #ff7a00 100%);
  border-color:#ff7a00;
  box-shadow:0 10px 22px rgba(255,122,0,.45);
  transform: translateY(-1px);
}
.btn-orange:active{
  transform: translateY(0);
  box-shadow:0 6px 14px rgba(255,122,0,.35);
}

.btn-accent{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--color-accent);
  --bs-btn-border-color:var(--color-accent);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--color-accent-700);
  --bs-btn-hover-border-color:var(--color-accent-700);
  --bs-btn-focus-shadow-rgb:139,180,34;
  background: linear-gradient(180deg, #a6d41f 0%, var(--color-accent) 100%);
  border-color: var(--color-accent);
  box-shadow: 0 8px 18px rgba(139,180,34,.35);
}
.btn-accent:hover{
  background: linear-gradient(180deg, #8fc118 0%, var(--color-accent-700) 100%);
  border-color: var(--color-accent-700);
  box-shadow: 0 10px 22px rgba(111,144,27,.45);
  transform: translateY(-1px);
}
.btn-accent:active{
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(111,144,27,.35);
}

/* Botão primário — cor da marca */
.btn-primary{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--color-primary);
  --bs-btn-border-color:var(--color-primary);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--color-primary-600);
  --bs-btn-hover-border-color:var(--color-primary-600);
  --bs-btn-focus-shadow-rgb:3,120,166;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:var(--color-primary-700);
  --bs-btn-active-border-color:var(--color-primary-700);
  --bs-btn-disabled-bg:var(--color-primary);
  --bs-btn-disabled-border-color:var(--color-primary);
  background:linear-gradient(180deg, #048fbf 0%, var(--color-primary) 100%);
  border-color:var(--color-primary);
  box-shadow:0 8px 18px rgba(3,120,166,.32);
}
.btn-primary:hover{
  background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-600) 100%);
  border-color:var(--color-primary-600);
  box-shadow:0 10px 22px rgba(2,103,144,.4);
  transform:translateY(-1px);
}
.btn-primary:active,
.btn-primary.active{
  background:var(--color-primary-700);
  border-color:var(--color-primary-700);
  transform:translateY(0);
  box-shadow:0 6px 14px rgba(1,90,126,.35);
}

.btn-outline-primary{
  --bs-btn-color:var(--color-primary);
  --bs-btn-border-color:var(--color-primary);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--color-primary);
  --bs-btn-hover-border-color:var(--color-primary);
  --bs-btn-focus-shadow-rgb:3,120,166;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:var(--color-primary-700);
  --bs-btn-active-border-color:var(--color-primary-700);
}

.text-primary{color:var(--color-primary)!important}
.bg-primary{background-color:var(--color-primary)!important}

.hero{
  background:linear-gradient(145deg, #023d56 0%, var(--color-primary) 38%, #0284b8 100%);
  min-height:min(88vh, 860px);
}
.hero-pro{padding-top:3rem; padding-bottom:4.5rem}
@media (min-width:992px){.hero-pro{padding-top:3.5rem; padding-bottom:5rem}}

.hero-glow{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(80px);
  opacity:.35;
}
.hero-glow-1{width:400px; height:400px; background:var(--color-accent); top:10%; right:-5%; animation:heroGlowFloat 8s ease-in-out infinite}
.hero-glow-2{width:350px; height:350px; background:#0284b8; bottom:5%; left:-8%; animation:heroGlowFloat 10s ease-in-out infinite reverse}
@keyframes heroGlowFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(20px,-15px) scale(1.05)}
}

.hero-copy-animate{
  animation:heroFadeUp .8s cubic-bezier(.2,.7,.2,1) both;
}
.hero-showcase-animate{
  animation:heroFadeUp .8s cubic-bezier(.2,.7,.2,1) .15s both;
}
@keyframes heroFadeUp{
  from{opacity:0; transform:translateY(24px)}
  to{opacity:1; transform:translateY(0)}
}

.hero-stat-interactive{
  padding:.5rem .75rem;
  border-radius:.75rem;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
  cursor:default;
}
.hero-stat-interactive:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.22);
}

.hero-cta-primary{position:relative; overflow:hidden}
.hero-cta-primary::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
  transform:translateX(-100%);
  animation:heroCtaShine 4s ease-in-out infinite;
}
@keyframes heroCtaShine{
  0%,70%,100%{transform:translateX(-100%)}
  85%{transform:translateX(100%)}
}

.hero-scroll-cue{
  position:absolute;
  bottom:1.5rem;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.25rem;
  color:rgba(255,255,255,.65);
  text-decoration:none;
  font-size:.68rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.08em;
  transition:color .2s ease, transform .2s ease;
  z-index:2;
  animation:heroScrollBounce 2.5s ease-in-out infinite;
}
.hero-scroll-cue i{font-size:1.1rem}
.hero-scroll-cue:hover{color:#fff; transform:translateX(-50%) translateY(3px)}
@keyframes heroScrollBounce{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(6px)}
}

@media (max-width:991.98px){
  .hero{min-height:auto}
  .hero-scroll-cue{display:none}
}

.hero-grid{
  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:48px 48px;
  mask-image:linear-gradient(180deg, #000 0%, transparent 95%);
  pointer-events:none;
}

/* Hero copy */
.hero-title{font-size:clamp(1.85rem, 4vw, 2.75rem); line-height:1.15; letter-spacing:-.02em}
.hero-highlight{
  background:linear-gradient(90deg, #c5e84a 0%, #fff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero-lead{font-size:1.05rem; line-height:1.65; max-width:34rem}
.hero-benefits li{
  display:flex; align-items:flex-start; gap:.65rem;
  color:rgba(255,255,255,.88); font-size:.925rem;
  margin-bottom:.65rem; line-height:1.5;
}
.hero-benefits li i{color:var(--color-accent); flex-shrink:0; margin-top:.15rem}
.btn-hero-light{
  --bs-btn-color:#fff;
  --bs-btn-border-color:rgba(255,255,255,.45);
  --bs-btn-bg:rgba(255,255,255,.08);
  --bs-btn-hover-color:#023d56;
  --bs-btn-hover-bg:#fff;
  --bs-btn-hover-border-color:#fff;
  backdrop-filter:blur(4px);
}
.hero-trust-row{
  display:flex; flex-wrap:wrap; gap:1rem 1.5rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.12);
}
.hero-stat{display:flex; flex-direction:column; gap:.1rem}
.hero-stat strong{color:#fff; font-size:1.1rem; line-height:1.2}
.hero-stat span{color:rgba(255,255,255,.6); font-size:.75rem; text-transform:uppercase; letter-spacing:.05em}

/* Hero eyebrow */
.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.92);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:.4rem .9rem;
  border-radius:999px;
  margin-bottom:1.25rem;
}
.hero-eyebrow-dot{
  width:7px; height:7px; border-radius:50%;
  background:var(--color-accent);
  box-shadow:0 0 10px var(--color-accent);
  animation:eyebrowBlink 2s ease-in-out infinite;
}
@keyframes eyebrowBlink{0%,100%{opacity:1}50%{opacity:.45}}

/* Hero showcase — painel terminal */
.hero-showcase{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
  border-radius:1.25rem;
  backdrop-filter:blur(16px);
  box-shadow:0 32px 64px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12);
  overflow:hidden;
}
.hero-showcase-chrome{
  display:flex; align-items:center; gap:.45rem;
  padding:.65rem 1rem;
  background:rgba(0,0,0,.18);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.hero-showcase-chrome span{
  width:10px; height:10px; border-radius:50%;
  background:rgba(255,255,255,.25);
}
.hero-showcase-chrome span:first-child{background:#ff6b6b}
.hero-showcase-chrome span:nth-child(2){background:#ffd166}
.hero-showcase-chrome span:nth-child(3){background:#6bcf7f}
.hero-showcase-url{
  margin-left:.75rem;
  flex:1;
  font-size:.72rem;
  color:rgba(255,255,255,.55);
  background:rgba(0,0,0,.2);
  border-radius:6px;
  padding:.25rem .65rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hero-showcase-url i{font-size:.6rem; margin-right:.35rem; color:#6bcf7f}
.hero-showcase-body{padding:1.25rem 1.25rem .75rem}
.hero-showcase-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.5rem;
  margin-bottom:1rem;
}
.hero-metric{
  display:flex; align-items:flex-start; gap:.45rem;
  padding:.55rem .5rem;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.hero-metric i{color:var(--color-accent); font-size:1rem; flex-shrink:0; margin-top:.1rem}
.hero-metric-value{color:#fff; font-size:.72rem; font-weight:700; line-height:1.2}
.hero-metric-label{color:rgba(255,255,255,.55); font-size:.62rem; line-height:1.2; margin-top:.1rem}
.hero-hub-caption{
  text-align:center;
  font-size:.8rem;
  color:rgba(255,255,255,.75);
  min-height:2.4em;
  padding:0 .5rem;
  transition:opacity .25s ease;
}
.hero-hub-caption.is-fading{opacity:0}
.hero-acquirer-strip{
  display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .75rem;
  padding:.75rem 1rem;
  background:rgba(0,0,0,.15);
  border-top:1px solid rgba(255,255,255,.08);
}
.hero-acquirer-label{
  font-size:.65rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.06em;
  color:rgba(255,255,255,.45);
  flex-shrink:0;
}
.hero-acquirer-logos{display:flex; flex-wrap:wrap; gap:.35rem}
.hero-acquirer-logos span{
  font-size:.68rem; font-weight:600;
  color:rgba(255,255,255,.85);
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.12);
  padding:.2rem .55rem;
  border-radius:999px;
}
.hero-acquirer-more{color:var(--color-accent)!important; border-color:rgba(139,180,34,.35)!important}

/* Hero hub — ícones interativos */
.hero-showcase .hero-hub{
  max-width:100%;
  aspect-ratio:16/10;
  min-height:200px;
  margin-bottom:.5rem;
}
.hero-hub{
  position:relative;
  width:100%;
  max-width:420px;
  aspect-ratio:1;
  margin:0 auto;
  z-index:1;
}
.hero-hub-ring{
  position:absolute;
  inset:12%;
  border:1px dashed rgba(255,255,255,.2);
  border-radius:50%;
  pointer-events:none;
}
.hero-hub-ring-2{inset:22%; opacity:.6}
.hero-hub-core{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:88px;
  height:88px;
  border-radius:50%;
  background:linear-gradient(145deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,.06) 100%);
  border:2px solid rgba(255,255,255,.35);
  backdrop-filter:blur(8px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-align:center;
  box-shadow:0 0 32px rgba(139,180,34,.3);
  animation:hubPulse 3s ease-in-out infinite;
  z-index:3;
}
.hero-hub-core i{font-size:1.65rem; margin-bottom:.1rem}
.hero-hub-core span{font-weight:700; font-size:.8rem; line-height:1.2}
.hero-hub-core small{display:none}
@keyframes hubPulse{
  0%,100%{box-shadow:0 0 40px rgba(139,180,34,.2)}
  50%{box-shadow:0 0 56px rgba(139,180,34,.45)}
}
.hero-hub-node{
  position:absolute;
  width:64px;
  height:64px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(6px);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.1rem;
  cursor:pointer;
  transition:transform .25s ease, background .25s ease, box-shadow .25s ease, border-color .25s ease;
  z-index:2;
  animation:float 5s ease-in-out infinite;
}
.hero-hub-node i{font-size:1.2rem}
.hero-hub-node span{font-size:.62rem; font-weight:600; opacity:.9}
.hero-hub-node:hover,.hero-hub-node.is-active{
  background:rgba(255,255,255,.2);
  border-color:rgba(139,180,34,.65);
  box-shadow:0 8px 24px rgba(0,0,0,.18), 0 0 0 1px rgba(139,180,34,.25);
}
.hero-hub-node.is-active i{color:var(--color-accent)}
.hero-hub-node[data-anchor="tc"]{top:0; left:50%; transform:translateX(-50%); animation-delay:0s}
.hero-hub-node[data-anchor="tr"]{top:14%; right:2%; animation-delay:.5s}
.hero-hub-node[data-anchor="mr"]{top:50%; right:-4%; transform:translateY(-50%); animation-delay:1s}
.hero-hub-node[data-anchor="br"]{bottom:14%; right:2%; animation-delay:1.5s}
.hero-hub-node[data-anchor="bc"]{bottom:0; left:50%; transform:translateX(-50%); animation-delay:2s}
.hero-hub-node[data-anchor="bl"]{bottom:14%; left:2%; animation-delay:2.5s}
.hero-hub-node[data-anchor="ml"]{top:50%; left:-4%; transform:translateY(-50%); animation-delay:3s}
.hero-hub-node[data-anchor="tl"]{top:14%; left:2%; animation-delay:3.5s}

@media (max-width: 575.98px){
  .hero-showcase-metrics{grid-template-columns:1fr}
  .hero-metric{flex-direction:row; align-items:center}
  .hero-showcase .hero-hub{min-height:180px}
  .hero-hub-node{width:52px; height:52px; border-radius:11px}
  .hero-hub-node i{font-size:1rem}
  .hero-hub-core{width:72px; height:72px}
  .hero-hub-core i{font-size:1.35rem}
  .hero-trust-row{gap:.75rem 1rem}
}

.section-eyebrow{
  display:inline-block;
  color:var(--color-primary);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:.5rem;
}

/* Adquirentes POS/TEF */
.acquirer-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:1.25rem .75rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  cursor:default;
  height:100%;
  min-height:88px;
}
.acquirer-card:hover,.acquirer-card:focus{
  transform:translateY(-4px);
  border-color:rgba(3,120,166,.35);
  box-shadow:0 12px 28px rgba(3,120,166,.12);
  outline:none;
}
.acquirer-name{font-weight:700; color:#1e293b; font-size:.95rem}
.acquirer-type{font-size:.7rem; color:var(--color-primary); font-weight:600; margin-top:.25rem; text-transform:uppercase; letter-spacing:.04em}

/* Platform cards */
.platform-card{transition:transform .2s ease, box-shadow .2s ease}
.platform-card:hover{transform:translateY(-3px); box-shadow:0 12px 24px rgba(0,0,0,.08)!important}
.platform-icon{
  width:48px; height:48px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(3,120,166,.08); color:var(--color-primary); font-size:1.35rem;
}

/* Estoque icon grid */
.estoque-icon-tile{
  padding:.75rem .5rem;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  transition:transform .2s ease, background .2s ease;
}
.estoque-icon-tile i{display:block; font-size:1.5rem; margin-bottom:.35rem}
.estoque-icon-tile span{font-size:.7rem; opacity:.85}
.estoque-icon-tile:hover{transform:scale(1.06); background:rgba(255,255,255,.14)}

/* Shapes de fundo do hero */
.hero-shape{position:absolute; pointer-events:none; filter:blur(40px); opacity:.25; z-index:0}
.hero-shape-1{width:320px; height:320px; background:var(--color-accent); border-radius:50%; top:-60px; right:-80px}
/* trocando o branco por primária escura com leve transparência via opacity do shape */
.hero-shape-2{width:320px; height:320px; background:var(--color-primary-700); border-radius:50%; bottom:-100px; left:-80px; opacity:.18}

.hero-card,.hero-device{border:1px solid rgba(3,120,166,.1)}

.text-accent{color:var(--color-accent)!important}

.pricing-card{border-color:rgba(3,120,166,.2)!important; transition:transform .2s ease, box-shadow .2s ease}
.pricing-card:hover{transform:translateY(-4px); box-shadow:0 16px 32px rgba(0,0,0,.08)}
.pricing-card.featured{border-color:rgba(255,138,0,.5)!important; box-shadow:0 18px 36px rgba(255,138,0,.18)}
.badge-recommended{background:#ff8a00; color:#fff; padding:.35rem .6rem; border-radius:999px; font-size:.7rem; letter-spacing:.3px}

.hero-visual{max-width:620px; position:relative; z-index:1}
.hero-device{border-radius:16px; color:#fff}
.hero-device .text-secondary{color:rgba(255,255,255,.7)!important}
.hero-device .bi{color:#fff!important}
.icon-bubble{position:absolute; font-size:26px; color:#fff; opacity:.95; background:transparent; border:1px solid rgba(255,255,255,.35); width:52px; height:52px; display:flex; align-items:center; justify-content:center; border-radius:12px; animation:float 6s ease-in-out infinite; z-index:2; text-shadow:0 0 8px rgba(3,120,166,.5)}
/* Reposicionamento para espalhar mais pela seção */
.icon-bubble:nth-of-type(2){top:-30px; right:100px; animation-delay:.4s}
.icon-bubble:nth-of-type(3){top:22%; right:-60px; animation-delay:.8s}
.icon-bubble:nth-of-type(4){bottom:-40px; left:28%}
.icon-bubble:nth-of-type(5){top:6%; left:-70px; animation-delay:1.2s}

.icon-bubble:hover{transform:scale(1.08); box-shadow:0 10px 24px rgba(0,0,0,.15)}

@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

/* Barra de progresso acento */
.bg-accent{background-color:var(--color-accent)!important}

/* Footer moderno */
.footer-modern{
  background:linear-gradient(180deg, #0f1722 0%, #0b111b 100%);
}
.footer-modern .footer-heading{
  font-size:.8rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#e5eef9;
  margin-bottom:1rem;
  font-weight:700;
}
.footer-modern .footer-brand-text{
  color:rgba(255,255,255,.78);
  line-height:1.6;
  max-width:360px;
}
.footer-modern .link-footer{
  color:rgba(255,255,255,.74);
  text-decoration:none;
  transition:color .2s ease, transform .2s ease;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
}
.footer-modern .link-footer:hover{color:#fff; transform:translateX(2px)}
.footer-modern .footer-link-list li{margin-bottom:.55rem}
.footer-modern .social-btn{width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-color:rgba(255,255,255,.35)!important; color:#fff}
.footer-modern .social-btn:hover{background:#fff; color:#0a141a}
.footer-modern .footer-contact-item{
  display:flex;
  align-items:flex-start;
  gap:.5rem;
  color:rgba(255,255,255,.84);
  margin-bottom:.6rem;
}
.footer-modern .footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);
  margin-top:1.2rem;
  padding-top:1rem;
}

/* Footer home (index) — CTA, chips e colunas colapsaveis */
.footer-home{
  position:relative;
  overflow:hidden;
}
.footer-home::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(3,120,166,.45), transparent);
  pointer-events:none;
}
.footer-home .footer-cta-strip{
  background:linear-gradient(135deg, rgba(3,120,166,.22) 0%, rgba(15,23,34,.6) 55%, #0b111b 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-home .footer-cta-eyebrow{
  display:inline-block;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#7dd3fc;
  margin-bottom:.5rem;
}
.footer-home .footer-cta-title{
  font-size:clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight:700;
  color:#fff;
  line-height:1.25;
}
.footer-home .footer-cta-text{
  color:rgba(255,255,255,.78);
  font-size:.98rem;
  max-width:36rem;
}
.footer-home .footer-cta-text strong{color:#e2e8f0}
.footer-home .footer-trust-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.footer-home .footer-trust-pill{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.75rem;
  font-weight:600;
  padding:.35rem .65rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.88);
}
.footer-home .footer-trust-pill i{color:#7dd3fc}
.footer-home .footer-contact-card{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:.85rem;
  padding:1rem 1.1rem;
}
.footer-home .footer-collapse-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  padding:.65rem 0;
  margin:0 0 .25rem;
  border:none;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:transparent;
  color:#e5eef9;
  cursor:pointer;
  transition:color .2s ease;
}
.footer-home .footer-collapse-toggle:hover{color:#fff}
.footer-home .footer-collapse-toggle[aria-expanded="true"] .bi-chevron-down{transform:rotate(180deg)}
.footer-home .footer-collapse-toggle .bi-chevron-down{
  transition:transform .25s ease;
  opacity:.75;
}
.footer-home .footer-link-list .link-footer{
  padding:.2rem 0;
  border-radius:.35rem;
  transition:color .2s ease, transform .2s ease, background .2s ease;
}
.footer-home .footer-link-list .link-footer:hover{
  transform:translateX(4px);
  color:#fff;
}
.footer-home .footer-quick-links{
  border-top:1px solid rgba(255,255,255,.1);
}
.footer-home .footer-quick-label{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  margin-bottom:.5rem;
}
.footer-home .footer-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.footer-home .footer-chip{
  display:inline-flex;
  align-items:center;
  padding:.4rem .75rem;
  font-size:.78rem;
  font-weight:600;
  color:rgba(255,255,255,.82);
  text-decoration:none;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.04);
  transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.footer-home .footer-chip:hover{
  color:#fff;
  background:rgba(3,120,166,.28);
  border-color:rgba(125,211,252,.35);
  transform:translateY(-2px);
}
.footer-home .footer-bottom-nav .link-footer{font-size:.85rem}
@media (min-width:992px){
  .footer-home .footer-link-list .link-footer:hover{
    padding-left:.35rem;
    background:rgba(255,255,255,.04);
  }
}

/* Segmentos - cartões interativos */
.segment-card{border-color:rgba(3,120,166,.15)!important; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.segment-card:hover{transform:translateY(-4px) rotateX(2deg) rotateY(-2deg); box-shadow:0 16px 32px rgba(0,0,0,.08); border-color:rgba(3,120,166,.35)!important}
.segment-card .segment-icon{width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(3,120,166,.08); color:var(--color-primary); font-size:22px}
.segment-image{width:100%; height:140px; object-fit:cover; border-top-left-radius:.5rem; border-top-right-radius:.5rem}

/* Section Estoque (pro) */
.section-estoque{
  background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-700) 75%, #3d6b12 100%);
  position:relative;
  overflow:hidden;
}
.section-estoque .text-white-70{color:rgba(255,255,255,.85)}
.bg-white-10{background:rgba(255,255,255,.10)}
.border-white-20{border:1px solid rgba(255,255,255,.20)}

.estoque-bg-shape{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(60px);
  opacity:.25;
}
.estoque-bg-shape-1{width:280px; height:280px; background:#fff; top:-80px; right:-60px}
.estoque-bg-shape-2{width:320px; height:320px; background:var(--color-primary); bottom:-100px; left:-80px; opacity:.15}

.estoque-benefit-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.estoque-benefit-pills span{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.75rem;
  font-weight:600;
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  padding:.35rem .75rem;
  border-radius:999px;
}
.estoque-benefit-pills i{font-size:.85rem; opacity:.9}

.estoque-inline-stat{
  padding:.75rem .85rem;
  border-radius:.85rem;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
  height:100%;
}
.estoque-inline-stat strong{
  display:block;
  font-size:.95rem;
  font-weight:800;
  color:#fff;
  line-height:1.2;
}
.estoque-inline-stat span{
  display:block;
  font-size:.68rem;
  color:rgba(255,255,255,.8);
  margin-top:.15rem;
  line-height:1.35;
}

.estoque-showcase{
  padding:1.5rem;
  border-radius:1.25rem;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 16px 48px rgba(0,0,0,.12);
}

.estoque-sync-flow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.35rem;
  margin-bottom:1.25rem;
  padding:.5rem 0;
}
.estoque-sync-step{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.3rem;
  font-size:.62rem;
  font-weight:700;
  color:rgba(255,255,255,.65);
  text-transform:uppercase;
  letter-spacing:.03em;
  flex-shrink:0;
  transition:color .3s ease, transform .3s ease;
}
.estoque-sync-step i{
  width:36px;
  height:36px;
  border-radius:10px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1rem;
  transition:background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.estoque-sync-step.is-active{
  color:#fff;
  transform:scale(1.05);
}
.estoque-sync-step.is-active i{
  background:#fff;
  color:var(--color-accent);
  border-color:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
}
.estoque-sync-connector{
  flex:1;
  height:2px;
  background:linear-gradient(90deg, rgba(255,255,255,.15), rgba(255,255,255,.4), rgba(255,255,255,.15));
  position:relative;
  overflow:hidden;
  border-radius:2px;
}
.estoque-sync-pulse{
  position:absolute;
  top:0; left:-30%;
  width:30%;
  height:100%;
  background:linear-gradient(90deg, transparent, #fff, transparent);
  animation:estoqueSyncPulse 2.2s ease-in-out infinite;
}
.estoque-sync-connector:nth-child(4) .estoque-sync-pulse{animation-delay:.5s}
@keyframes estoqueSyncPulse{
  0%{left:-30%; opacity:0}
  20%{opacity:1}
  100%{left:130%; opacity:0}
}

.estoque-feature-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:.65rem;
  margin-bottom:1.15rem;
}
.estoque-feature-tile{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  padding:.85rem .5rem;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  cursor:pointer;
  text-align:center;
  transition:transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.estoque-feature-tile i{font-size:1.4rem; transition:transform .25s ease, color .25s ease}
.estoque-feature-tile span{font-size:.68rem; font-weight:600; opacity:.85}
.estoque-feature-tile:hover,
.estoque-feature-tile.is-active{
  transform:translateY(-3px) scale(1.03);
  background:rgba(255,255,255,.2);
  border-color:rgba(255,255,255,.45);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.estoque-feature-tile.is-active i{
  color:#fff;
  transform:scale(1.1);
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));
}

.estoque-detail{
  padding:1.1rem 1.15rem;
  border-radius:1rem;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  transition:opacity .25s ease;
}
.estoque-detail.is-updating{opacity:.55}
.estoque-detail-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  flex-wrap:wrap;
  margin-bottom:.55rem;
}
.estoque-detail-badge{
  font-size:.65rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--color-accent);
  background:#fff;
  padding:.25rem .6rem;
  border-radius:999px;
}
.estoque-detail-live{
  display:flex;
  align-items:center;
  gap:.35rem;
  font-size:.65rem;
  font-weight:600;
  color:rgba(255,255,255,.9);
}
.estoque-live-dot{
  width:6px; height:6px;
  border-radius:50%;
  background:#fff;
  animation:estoqueLiveBlink 2s ease-in-out infinite;
}
@keyframes estoqueLiveBlink{
  0%,100%{opacity:1; transform:scale(1)}
  50%{opacity:.4; transform:scale(.85)}
}
.estoque-detail-title{
  font-size:1.1rem;
  font-weight:800;
  color:#fff;
  margin-bottom:.35rem;
}
.estoque-detail-text{
  font-size:.82rem;
  color:rgba(255,255,255,.85);
  line-height:1.55;
  margin:0;
}

@media (max-width:575.98px){
  .estoque-sync-flow{flex-wrap:wrap; justify-content:center; gap:.5rem}
  .estoque-sync-connector{display:none}
  .estoque-feature-grid{grid-template-columns:repeat(2, 1fr)}
}

/* Títulos H2 dinâmicos */
.section-title{position:relative; display:inline-block; transform:translateY(6px); opacity:0; transition:transform .4s cubic-bezier(.2,.7,.2,1), opacity .4s ease, letter-spacing .2s ease}
.section-title.in-view{transform:translateY(0); opacity:1}
.section-title:hover{letter-spacing:.3px}
.section-title::after{content:""; display:block; width:64px; height:4px; margin:.5rem auto 0; border-radius:999px; background:linear-gradient(90deg, var(--color-accent), var(--color-primary)); box-shadow:0 6px 18px rgba(3,120,166,.25)}
/* Variante em áreas escuras */
.bg-dark .section-title::after, .hero .section-title::after, .section-estoque .section-title::after{background:linear-gradient(90deg, #fff, rgba(255,255,255,.85))}
.section-title-icon{opacity:.9}
.hero .section-title-icon, .section-estoque .section-title-icon, .bg-dark .section-title-icon{color:#fff}

/* WhatsApp flutuante */
.whatsapp-float{position:fixed; right:16px; bottom:16px; width:56px; height:56px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 24px rgba(37,211,102,.35); z-index:1050; transition:transform .15s ease, box-shadow .2s ease}
.whatsapp-float:hover{transform:translateY(-2px); box-shadow:0 16px 32px rgba(37,211,102,.45)}
.whatsapp-float i{font-size:28px; line-height:1}
@media (max-width: 575.98px){.whatsapp-float{right:12px; bottom:12px; width:52px; height:52px}}

.hero-badge{
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
  font-weight:500;
  padding:.45rem .75rem;
}

/* Faixa de confiança — ver também seção profissional abaixo */
.trust-item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  color:var(--color-primary);
  font-size:.9rem;
  font-weight:600;
}
.trust-item i{font-size:1.35rem; color:var(--color-accent)}

/* Passos — como funciona */
.step-card{
  text-align:center;
  padding:1.5rem 1rem;
  border:1px solid rgba(3,120,166,.12);
  border-radius:1rem;
  background:#fff;
  height:100%;
}
.step-number{
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  background:var(--color-primary);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  margin-bottom:.75rem;
}

/* Integrações — faixa compacta */
.integration-pill{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.5rem 1rem;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(3,120,166,.15);
  font-size:.875rem;
  font-weight:500;
  color:#334155;
}
.integration-pill i{color:var(--color-primary)}

/* Depoimentos */
.testimonial-stars{color:#ff8a00; letter-spacing:.1em; font-size:.85rem}
.testimonial-author{font-weight:600; color:#1e293b}
.testimonial-meta{color:#64748b; font-size:.85rem}

/* ========== Seções profissionais ========== */
.section-block{position:relative}
.reveal-on-scroll{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1);
}
.reveal-on-scroll.is-visible{opacity:1; transform:translateY(0)}
.section-title.text-start::after{margin-left:0; margin-right:auto}
.section-eyebrow-light{color:rgba(255,255,255,.85)!important}

/* Trust cards */
.trust-bar{background:#fff; border-bottom:1px solid rgba(3,120,166,.08)}
.trust-card{
  display:flex; align-items:center; gap:1rem;
  padding:1rem 1.15rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  height:100%;
}
.trust-card:hover{transform:translateY(-3px); box-shadow:0 12px 28px rgba(3,120,166,.1); border-color:rgba(3,120,166,.25)}
.trust-card-icon{
  width:44px; height:44px; flex-shrink:0;
  border-radius:12px;
  background:rgba(3,120,166,.08);
  color:var(--color-primary);
  display:flex; align-items:center; justify-content:center;
  font-size:1.25rem;
}
.trust-card strong{display:block; color:#1e293b; font-size:.9rem}
.trust-card span{display:block; color:#64748b; font-size:.75rem}

/* Platform cards interativos */
.platform-card-btn{
  border:1px solid rgba(3,120,166,.12)!important;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.platform-card-btn:hover,.platform-card-btn.is-active{
  transform:translateY(-3px);
  border-color:rgba(3,120,166,.35)!important;
  box-shadow:0 12px 28px rgba(3,120,166,.12)!important;
}
.platform-card-btn.is-active .platform-icon{background:var(--color-primary); color:#fff}
.platform-detail{
  padding:1rem 1.15rem;
  border-radius:12px;
  background:#fff;
  border-left:3px solid var(--color-accent);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
}
.platform-detail strong{display:block; margin-bottom:.25rem; color:#1e293b}

/* Info cards */
.info-card{
  display:flex; align-items:flex-start; gap:1rem;
  padding:1.25rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  transition:transform .2s ease, box-shadow .2s ease;
}
.info-card:hover{transform:translateY(-3px); box-shadow:0 12px 28px rgba(3,120,166,.1)}
.info-card>i{font-size:1.5rem; color:var(--color-accent); flex-shrink:0; margin-top:.1rem}
.info-card strong{display:block; margin-bottom:.25rem; color:#1e293b; font-size:.9rem}
.info-card span{color:#64748b; font-size:.85rem; line-height:1.5}

/* Segment filters */
.segment-filters .segment-filter{
  border:1px solid rgba(3,120,166,.2);
  background:#fff;
  color:var(--color-primary);
  font-size:.85rem; font-weight:600;
  padding:.45rem 1.1rem;
  border-radius:999px;
  cursor:pointer;
  transition:all .2s ease;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
}
.segment-filters .segment-filter i{font-size:.95rem}
.segment-filters .segment-filter:hover,.segment-filters .segment-filter.is-active{
  background:var(--color-primary);
  color:#fff;
  border-color:var(--color-primary);
}
.segment-item{
  transition:opacity .35s ease, transform .35s ease, max-height .35s ease;
}
.segment-item.is-hidden{
  display:none!important;
}
.segment-item.is-filtering{
  opacity:0;
  transform:scale(.96) translateY(8px);
}

/* ========== Segmentos (pro) ========== */
.section-segmentos{
  background:linear-gradient(180deg, #f1f5f9 0%, #fff 35%, #f8fafc 100%);
  position:relative;
  overflow:hidden;
}
.section-segmentos::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at 10% 15%, rgba(3,120,166,.05) 0%, transparent 42%),
    radial-gradient(circle at 90% 85%, rgba(139,180,34,.04) 0%, transparent 38%);
  pointer-events:none;
}
.section-segmentos > .container{position:relative; z-index:1}

.segment-stat{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:1rem .75rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  height:100%;
  transition:transform .2s ease, box-shadow .2s ease;
}
.segment-stat:hover{transform:translateY(-3px); box-shadow:0 12px 24px rgba(3,120,166,.1)}
.segment-stat i{font-size:1.25rem; color:var(--color-accent); margin-bottom:.35rem}
.segment-stat strong{font-size:1.1rem; font-weight:800; color:var(--color-primary); line-height:1.2}
.segment-stat span{font-size:.68rem; color:#64748b; font-weight:600; text-transform:uppercase; letter-spacing:.04em; margin-top:.2rem}

.segment-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.5rem;
  padding:1rem 1.15rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
}
.segment-filters-pro{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.segment-count{
  font-size:.82rem;
  color:#64748b;
  font-weight:600;
}

.segment-card-pro{
  display:flex;
  flex-direction:column;
  border-radius:1.15rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 20px rgba(0,0,0,.05);
  overflow:hidden;
  transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, border-color .3s ease;
  --seg-accent:var(--color-primary);
}
.segment-card-pro.is-icon-active{
  border-color:color-mix(in srgb, var(--seg-accent) 45%, transparent);
  box-shadow:0 20px 40px color-mix(in srgb, var(--seg-accent) 18%, transparent);
}
.segment-card-pro:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(3,120,166,.12);
  border-color:rgba(3,120,166,.25);
}

/* Hub de ícones interativos */
.segment-icon-hub{
  position:relative;
  height:168px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:1rem;
  overflow:hidden;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--seg-accent) 12%, #fff) 0%, color-mix(in srgb, var(--seg-accent) 4%, #f8fafc) 100%);
}
.segment-icon-hub::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(3,120,166,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(3,120,166,.04) 1px, transparent 1px);
  background-size:24px 24px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 50%, #000 20%, transparent 100%);
  pointer-events:none;
}
.segment-card-pro-badge{
  position:absolute;
  top:.75rem;
  left:.75rem;
  z-index:2;
  font-size:.65rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--seg-accent);
  background:#fff;
  border:1px solid color-mix(in srgb, var(--seg-accent) 25%, transparent);
  padding:.25rem .6rem;
  border-radius:999px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.segment-icon-btn{
  position:relative;
  width:88px;
  height:88px;
  border:none;
  background:transparent;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  z-index:1;
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.segment-icon-core{
  position:relative;
  z-index:2;
  width:64px;
  height:64px;
  border-radius:18px;
  background:#fff;
  color:var(--seg-accent);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.75rem;
  box-shadow:0 8px 24px color-mix(in srgb, var(--seg-accent) 25%, transparent);
  transition:transform .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease;
}
.segment-icon-ring{
  position:absolute;
  inset:4px;
  border-radius:50%;
  border:2px solid color-mix(in srgb, var(--seg-accent) 30%, transparent);
  opacity:.6;
  transition:transform .4s ease, opacity .3s ease;
}
.segment-icon-ring--2{
  inset:0;
  opacity:.35;
  border-style:dashed;
}
.segment-icon-orbit{
  position:absolute;
  inset:0;
  border-radius:50%;
  animation:segmentOrbitSpin 8s linear infinite;
  pointer-events:none;
}
.segment-icon-orbit::before,
.segment-icon-orbit::after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--seg-accent);
  box-shadow:0 0 8px color-mix(in srgb, var(--seg-accent) 50%, transparent);
}
.segment-icon-orbit::before{top:0; left:50%; transform:translateX(-50%)}
.segment-icon-orbit::after{bottom:12%; right:8%; width:5px; height:5px; opacity:.7}
@keyframes segmentOrbitSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
.segment-icon-caption{
  position:relative;
  z-index:2;
  font-size:.72rem;
  font-weight:600;
  color:#64748b;
  text-align:center;
  margin:.65rem 0 0;
  max-width:90%;
  line-height:1.35;
  opacity:.85;
  transition:opacity .25s ease, color .25s ease;
}
.segment-card-pro:hover .segment-icon-btn,
.segment-card-pro.is-icon-active .segment-icon-btn{transform:scale(1.06)}
.segment-card-pro:hover .segment-icon-core,
.segment-card-pro.is-icon-active .segment-icon-core{
  background:var(--seg-accent);
  color:#fff;
  box-shadow:0 12px 32px color-mix(in srgb, var(--seg-accent) 35%, transparent);
}
.segment-card-pro:hover .segment-icon-ring,
.segment-card-pro.is-icon-active .segment-icon-ring{transform:scale(1.12); opacity:1}
.segment-card-pro:hover .segment-icon-ring--2,
.segment-card-pro.is-icon-active .segment-icon-ring--2{transform:scale(1.2); opacity:.55}
.segment-card-pro.is-icon-active .segment-icon-orbit{animation-duration:4s}
.segment-card-pro:hover .segment-icon-caption,
.segment-card-pro.is-icon-active .segment-icon-caption{color:var(--seg-accent); opacity:1}
.segment-card-pro.is-icon-active .segment-card-pro-chips span{
  animation:segmentChipPop .4s ease backwards;
}
.segment-card-pro.is-icon-active .segment-card-pro-chips span:nth-child(2){animation-delay:.08s}
.segment-card-pro.is-icon-active .segment-card-pro-chips span:nth-child(3){animation-delay:.16s}
@keyframes segmentChipPop{
  from{opacity:0; transform:translateY(4px) scale(.92)}
  to{opacity:1; transform:translateY(0) scale(1)}
}

.segment-card-pro-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:1.25rem 1.25rem 1.35rem;
}
.segment-card-pro-title{
  font-size:1.05rem;
  font-weight:800;
  color:#1e293b;
  margin-bottom:.4rem;
}
.segment-card-pro-desc{
  font-size:.85rem;
  color:#64748b;
  line-height:1.55;
  margin-bottom:.85rem;
  flex:1;
}
.segment-card-pro-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  margin-bottom:1rem;
}
.segment-card-pro-chips span{
  font-size:.68rem;
  font-weight:600;
  color:var(--color-primary);
  background:rgba(3,120,166,.08);
  border:1px solid rgba(3,120,166,.12);
  padding:.25rem .55rem;
  border-radius:999px;
  transition:background .2s ease, border-color .2s ease;
}
.segment-card-pro:hover .segment-card-pro-chips span{
  background:rgba(3,120,166,.12);
  border-color:rgba(3,120,166,.2);
}
.segment-card-pro-link{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  font-size:.82rem;
  font-weight:700;
  color:var(--color-primary);
  text-decoration:none;
  margin-top:auto;
  transition:gap .2s ease, color .2s ease;
}
.segment-card-pro-link i{transition:transform .2s ease}
.segment-card-pro-link:hover{color:var(--color-accent); gap:.55rem}
.segment-card-pro-link:hover i{transform:translateX(3px)}

.segment-cta{margin-top:2.5rem}
.segment-cta-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:1.25rem;
  padding:1.35rem 1.5rem;
  border-radius:1.15rem;
  background:linear-gradient(135deg, rgba(3,120,166,.08), rgba(139,180,34,.06));
  border:1px solid rgba(3,120,166,.15);
}
.segment-cta-inner strong{display:block; color:#1e293b; font-size:.95rem; margin-bottom:.2rem}
.segment-cta-inner span{font-size:.85rem; color:#64748b; line-height:1.45}

@media (max-width:767.98px){
  .segment-toolbar{flex-direction:column; align-items:stretch}
  .segment-count{text-align:center}
  .segment-cta-inner{flex-direction:column; text-align:center}
}

/* Estoque interativo — legado (outras páginas) */
.section-estoque .hero-benefits li{color:rgba(255,255,255,.9)}
.section-estoque .hero-benefits li i{color:#fff}
.estoque-icon-tile{
  padding:.85rem .5rem;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  cursor:pointer;
  transition:transform .2s ease, background .2s ease, border-color .2s ease;
  text-align:center;
}
.estoque-icon-tile i{display:block; font-size:1.5rem; margin-bottom:.35rem}
.estoque-icon-tile span{font-size:.7rem; opacity:.85}
.estoque-icon-tile:hover,.estoque-icon-tile.is-active{
  transform:scale(1.05);
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.4);
}
.estoque-icon-tile.is-active i{color:var(--color-accent)}

/* Feature cards */
.feature-card{
  padding:1.5rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  height:100%;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.feature-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 32px rgba(3,120,166,.1);
  border-color:rgba(3,120,166,.25);
}
.feature-card-icon{
  width:48px; height:48px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(3,120,166,.08); color:var(--color-primary);
  font-size:1.35rem; margin-bottom:.75rem;
  transition:background .2s ease, color .2s ease;
}
.feature-card:hover .feature-card-icon{background:var(--color-primary); color:#fff}
.feature-card-compact{padding:1.25rem}
.feature-card-compact .feature-card-icon{width:40px; height:40px; font-size:1.15rem; margin-bottom:0}

/* ========== Recursos (pro) ========== */
.section-recursos{
  background:linear-gradient(180deg, #fff 0%, #f0f7fb 45%, #f8fafc 100%);
  position:relative;
  overflow:hidden;
}
.section-recursos::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at 88% 12%, rgba(3,120,166,.06) 0%, transparent 40%),
    radial-gradient(circle at 8% 88%, rgba(139,180,34,.05) 0%, transparent 38%);
  pointer-events:none;
}
.section-recursos > .container{position:relative; z-index:1}

.recursos-stat{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:1rem .75rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  height:100%;
  transition:transform .2s ease, box-shadow .2s ease;
}
.recursos-stat:hover{transform:translateY(-3px); box-shadow:0 12px 24px rgba(3,120,166,.1)}
.recursos-stat i{font-size:1.25rem; color:var(--color-accent); margin-bottom:.35rem}
.recursos-stat strong{font-size:1.1rem; font-weight:800; color:var(--color-primary); line-height:1.2}
.recursos-stat span{font-size:.68rem; color:#64748b; font-weight:600; text-transform:uppercase; letter-spacing:.04em; margin-top:.2rem}

.recursos-showcase{
  padding:1.5rem;
  border-radius:1.25rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 12px 40px rgba(3,120,166,.08);
  height:100%;
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}

.recursos-hub{
  position:relative;
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.recursos-hub-center{
  position:relative;
  z-index:2;
  width:72px;
  height:72px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--color-primary), var(--color-primary-600));
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size:.6rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  box-shadow:0 8px 24px rgba(3,120,166,.35);
}
.recursos-hub-center i{font-size:1.35rem; margin-bottom:.15rem}
.recursos-hub-spoke{
  position:absolute;
  width:40px;
  height:40px;
  border-radius:12px;
  background:#fff;
  border:2px solid rgba(3,120,166,.15);
  color:#64748b;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1rem;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
  transition:transform .35s ease, border-color .35s ease, color .35s ease, box-shadow .35s ease, background .35s ease;
}
.recursos-hub-spoke--fiscal{top:8%; left:50%; transform:translateX(-50%)}
.recursos-hub-spoke--estoque{top:50%; right:8%; transform:translateY(-50%)}
.recursos-hub-spoke--pdv{bottom:8%; left:50%; transform:translateX(-50%)}
.recursos-hub-spoke--gestao{top:50%; left:8%; transform:translateY(-50%)}
.recursos-hub-spoke.is-active{
  border-color:var(--rec-accent, var(--color-primary));
  color:var(--rec-accent, var(--color-primary));
  background:color-mix(in srgb, var(--rec-accent, var(--color-primary)) 10%, #fff);
  box-shadow:0 8px 20px color-mix(in srgb, var(--rec-accent, var(--color-primary)) 25%, transparent);
  transform:translateX(-50%) scale(1.12);
}
.recursos-hub-spoke--estoque.is-active{transform:translateY(-50%) scale(1.12)}
.recursos-hub-spoke--pdv.is-active{transform:translateX(-50%) scale(1.12)}
.recursos-hub-spoke--gestao.is-active{transform:translateY(-50%) scale(1.12)}
.recursos-hub-pulse{
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  border:2px solid rgba(3,120,166,.15);
  animation:recursosHubPulse 3s ease-in-out infinite;
  pointer-events:none;
}
@keyframes recursosHubPulse{
  0%,100%{transform:scale(1); opacity:.6}
  50%{transform:scale(1.15); opacity:.2}
}

.recursos-detail{
  padding:1.15rem;
  border-radius:1rem;
  background:linear-gradient(135deg, rgba(3,120,166,.04) 0%, rgba(139,180,34,.04) 100%);
  border:1px solid rgba(3,120,166,.1);
  flex:1;
  transition:opacity .25s ease;
}
.recursos-detail.is-updating{opacity:.5}
.recursos-detail-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  flex-wrap:wrap;
  margin-bottom:.65rem;
}
.recursos-detail-badge{
  font-size:.65rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--rec-accent, var(--color-primary));
  background:color-mix(in srgb, var(--rec-accent, var(--color-primary)) 12%, transparent);
  padding:.25rem .6rem;
  border-radius:999px;
}
.recursos-detail-tag{
  display:flex;
  align-items:center;
  gap:.3rem;
  font-size:.65rem;
  font-weight:600;
  color:#16a34a;
}
.recursos-detail-tag i{font-size:.75rem}
.recursos-detail-title{
  font-size:1.35rem;
  font-weight:800;
  color:#1e293b;
  margin-bottom:.4rem;
  transition:color .3s ease;
}
.recursos-detail-text{
  font-size:.85rem;
  color:#64748b;
  line-height:1.55;
  margin-bottom:.85rem;
}
.recursos-detail-features{
  list-style:none;
  padding:0;
  margin:0;
}
.recursos-detail-features li{
  display:flex;
  align-items:flex-start;
  gap:.45rem;
  font-size:.82rem;
  color:#334155;
  margin-bottom:.45rem;
  font-weight:500;
}
.recursos-detail-features li i{
  color:var(--color-accent);
  font-weight:700;
  flex-shrink:0;
  margin-top:.1rem;
}

.recursos-module-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:.75rem;
  height:100%;
}
@media (min-width:576px){
  .recursos-module-grid{grid-template-columns:1fr 1fr}
}

.recursos-module-card{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1.15rem 1.25rem;
  border-radius:1rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  cursor:pointer;
  text-align:left;
  transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease, border-color .25s ease;
  --rec-accent:var(--color-primary);
}
.recursos-module-card:hover,
.recursos-module-card.is-active{
  transform:translateY(-3px);
  border-color:var(--rec-accent);
  box-shadow:0 16px 32px color-mix(in srgb, var(--rec-accent) 18%, transparent);
}
.recursos-module-card.is-active .recursos-module-icon{
  background:var(--rec-accent);
  color:#fff;
}
.recursos-module-card.is-active .recursos-module-arrow{
  opacity:1;
  transform:translateX(0);
  color:var(--rec-accent);
}
.recursos-module-icon{
  width:48px;
  height:48px;
  flex-shrink:0;
  border-radius:14px;
  background:rgba(3,120,166,.08);
  color:var(--rec-accent);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.25rem;
  transition:background .25s ease, color .25s ease, transform .25s ease;
}
.recursos-module-card:hover .recursos-module-icon{transform:scale(1.06)}
.recursos-module-body{
  flex:1;
  min-width:0;
}
.recursos-module-body strong{
  display:block;
  font-size:.95rem;
  font-weight:800;
  color:#1e293b;
  margin-bottom:.2rem;
}
.recursos-module-body span{
  display:block;
  font-size:.78rem;
  color:#64748b;
  line-height:1.4;
}
.recursos-module-arrow{
  flex-shrink:0;
  opacity:0;
  transform:translateX(-4px);
  transition:opacity .25s ease, transform .25s ease, color .25s ease;
  font-size:1.1rem;
}

.recursos-cta{margin-top:2.5rem}
.recursos-cta-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:1.25rem;
  padding:1.35rem 1.5rem;
  border-radius:1.15rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 8px 24px rgba(3,120,166,.06);
}
.recursos-cta-inner strong{display:block; color:#1e293b; font-size:.95rem; margin-bottom:.2rem}
.recursos-cta-inner span{font-size:.85rem; color:#64748b; line-height:1.45}

@media (max-width:767.98px){
  .recursos-cta-inner{flex-direction:column; text-align:center}
  .recursos-hub{height:160px}
  .recursos-hub-spoke{width:36px; height:36px; font-size:.9rem}
}

/* Integration cards */
.integration-card{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:.5rem; padding:1.25rem .75rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 12px rgba(0,0,0,.04);
  text-align:center;
  height:100%;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  cursor:default;
}
.integration-card i{font-size:1.5rem; color:var(--color-primary)}
.integration-card span{font-size:.8rem; font-weight:600; color:#334155}
.integration-card:hover{transform:translateY(-4px); box-shadow:0 12px 24px rgba(3,120,166,.1); border-color:rgba(3,120,166,.3)}

/* Steps timeline */
.steps-timeline{position:relative}
.step-card-pro{
  position:relative;
  padding:1.75rem 1.25rem;
  border:1px solid rgba(3,120,166,.12);
  border-radius:1rem;
  background:#fff;
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  transition:transform .2s ease, box-shadow .2s ease;
  height:100%;
}
.step-card-pro:hover{transform:translateY(-4px); box-shadow:0 16px 32px rgba(3,120,166,.1)}
.step-card-pro .step-icon{font-size:1.5rem; color:var(--color-primary); margin-bottom:.5rem; display:block}
@media (min-width:768px){
  .steps-timeline .col-md-4:not(:last-child) .step-card-pro::after{
    content:"";
    position:absolute;
    top:2.5rem; right:-1rem;
    width:2rem; height:2px;
    background:linear-gradient(90deg, var(--color-primary), rgba(3,120,166,.2));
  }
}

/* Compare table */
.compare-table{
  border-radius:1rem;
  overflow:hidden;
  box-shadow:0 8px 32px rgba(0,0,0,.06);
  border:1px solid rgba(3,120,166,.1);
}
.compare-row{
  display:grid;
  grid-template-columns:1fr 1.2fr 1.2fr;
  gap:.5rem;
  padding:1rem 1.25rem;
  background:#fff;
  border-bottom:1px solid rgba(3,120,166,.08);
  font-size:.9rem;
  align-items:center;
  transition:background .2s ease;
}
.compare-row:last-child{border-bottom:none}
.compare-row:not(.compare-head):hover{background:rgba(3,120,166,.03)}
.compare-head{background:var(--color-primary); color:#fff; font-weight:700; font-size:.85rem; text-transform:uppercase; letter-spacing:.04em}
.compare-row>div:first-child{font-weight:600; color:#1e293b}
.compare-row>div:nth-child(2){color:#64748b; font-size:.85rem}
.compare-row>div:nth-child(3){color:#1e293b; font-size:.85rem; font-weight:500}
.compare-row i{margin-right:.35rem}
@media (max-width:767.98px){
  .compare-row{grid-template-columns:1fr; gap:.35rem; padding:.85rem 1rem}
  .compare-head{display:none}
  .compare-row>div:first-child{color:var(--color-primary); font-size:.8rem; text-transform:uppercase}
}

/* Pricing pro */
.pricing-card-pro{padding-top:2rem!important}
.pricing-tier{font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--color-primary); margin-bottom:.5rem}
.pricing-amount{font-size:2.25rem; font-weight:800; color:#1e293b; line-height:1.1; margin-bottom:.75rem}
.pricing-amount--consulta .pricing-consulta{
  font-size:clamp(1.5rem, 3.5vw, 2.1rem);
  font-weight:800;
  line-height:1.15;
}
.pricing-card.featured .pricing-amount--consulta .pricing-consulta{color:#fff}
.planos-hero-card .pricing-consulta{font-size:1.35rem; font-weight:800; display:block}
.pricing-tagline{text-transform:uppercase; letter-spacing:.04em; font-weight:600!important}
.pricing-inclui-base{margin-top:-.25rem}
.pricing-badge-offline{
  display:inline-flex; align-items:center; font-size:.72rem; font-weight:600;
  color:#0f766e; background:rgba(15,118,110,.1); border-radius:999px;
  padding:.2rem .55rem; margin-bottom:.65rem;
}
.pricing-card-actions .btn-outline-secondary{
  border-color:rgba(3,120,166,.25); color:#475569;
}
.pricing-card.featured .pricing-card-actions .btn-outline-secondary{
  border-color:rgba(255,255,255,.45); color:#fff; background:transparent;
}
.pricing-card.featured .pricing-card-actions .btn-outline-secondary:hover{
  background:rgba(255,255,255,.12); color:#fff;
}
.section-planos-cards .planos-cards-row{--bs-gutter-y:1.25rem}
.pricing-currency{font-size:1.25rem; vertical-align:super}
.pricing-period{font-size:1rem; font-weight:500; color:#64748b}
.pricing-from{display:block; font-size:.7rem; font-weight:600; color:#64748b; text-transform:uppercase; letter-spacing:.04em; margin-bottom:.15rem}
.pricing-features li{display:flex; align-items:flex-start; gap:.5rem; margin-bottom:.5rem; color:#334155}
.pricing-features li i{flex-shrink:0; margin-top:.15rem}

/* Testimonials pro */
.testimonial-pro{
  padding:1.75rem;
  background:#fff;
  border-radius:1rem;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  transition:transform .2s ease, box-shadow .2s ease;
  position:relative;
}
.testimonial-pro:hover{transform:translateY(-4px); box-shadow:0 16px 32px rgba(3,120,166,.1)}
.testimonial-avatar{
  width:44px; height:44px; border-radius:50%;
  background:linear-gradient(135deg, var(--color-primary), var(--color-primary-600));
  color:#fff; font-weight:700; font-size:.85rem;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:.75rem;
}
.testimonial-highlight{
  display:inline-flex; align-items:center; gap:.35rem;
  font-size:.75rem; font-weight:600;
  color:var(--color-primary);
  background:rgba(3,120,166,.08);
  padding:.3rem .65rem;
  border-radius:999px;
  margin-bottom:.75rem;
}

/* FAQ pro */
.accordion-pro .accordion-item{
  border:1px solid rgba(3,120,166,.12)!important;
  border-radius:12px!important;
  margin-bottom:.75rem;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.03);
}
.accordion-pro .accordion-button{
  font-weight:600;
  font-size:.95rem;
  padding:1.1rem 1.25rem;
}
.accordion-pro .accordion-button:not(.collapsed){
  background:rgba(3,120,166,.06);
  color:var(--color-primary);
  box-shadow:none;
}
.accordion-pro .accordion-body{color:#64748b; line-height:1.65; padding:0 1.25rem 1.1rem}

/* Contact */
.contact-card{border-radius:1rem!important}
.contact-sidebar{border-radius:1rem!important}
.contact-sidebar-item{
  display:flex; align-items:flex-start; gap:.75rem;
  margin-bottom:1.25rem;
}
.contact-sidebar-item>i{font-size:1.35rem; opacity:.9; margin-top:.15rem}
.contact-sidebar-item strong{display:block; font-size:.85rem; margin-bottom:.15rem}

.acquirer-card.is-highlight{
  border-color:var(--color-accent)!important;
  box-shadow:0 12px 28px rgba(139,180,34,.2)!important;
  transform:translateY(-4px);
}

/* ========== Integrações pagamentos (pro) ========== */
.section-payments{
  background:linear-gradient(180deg, #f8fafc 0%, #fff 40%, #f0f7fb 100%);
  position:relative;
  overflow:hidden;
}
.section-payments::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(3,120,166,.06) 0%, transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(139,180,34,.05) 0%, transparent 40%);
  pointer-events:none;
}
.section-payments > .container{position:relative; z-index:1}

.payments-stat{
  text-align:center;
  padding:1rem .75rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  height:100%;
  transition:transform .2s ease, box-shadow .2s ease;
}
.payments-stat:hover{transform:translateY(-3px); box-shadow:0 12px 24px rgba(3,120,166,.1)}
.payments-stat-value{
  display:block;
  font-size:1.35rem;
  font-weight:800;
  color:var(--color-primary);
  line-height:1.2;
}
.payments-stat-label{display:block; font-size:.72rem; color:#64748b; font-weight:600; margin-top:.25rem; text-transform:uppercase; letter-spacing:.04em}

.payments-showcase{
  padding:1.5rem;
  border-radius:1.25rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 12px 40px rgba(3,120,166,.08);
  height:100%;
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}

.payments-mode-tabs{
  display:flex;
  gap:.5rem;
  padding:.35rem;
  border-radius:999px;
  background:rgba(3,120,166,.06);
}
.payments-mode-tab{
  flex:1;
  border:none;
  background:transparent;
  color:#64748b;
  font-size:.78rem;
  font-weight:700;
  padding:.55rem .5rem;
  border-radius:999px;
  cursor:pointer;
  transition:all .25s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
}
.payments-mode-tab i{font-size:.95rem}
.payments-mode-tab:hover{color:var(--color-primary)}
.payments-mode-tab.is-active{
  background:#fff;
  color:var(--color-primary);
  box-shadow:0 4px 12px rgba(3,120,166,.12);
}

.payments-flow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.35rem;
  padding:.75rem 0;
}
.payments-flow-node{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.3rem;
  font-size:.65rem;
  font-weight:700;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.03em;
  flex-shrink:0;
  transition:color .3s ease, transform .3s ease;
}
.payments-flow-node i{font-size:1.15rem; color:var(--color-primary)}
.payments-flow-node--mid.is-pulse{transform:scale(1.08); color:var(--color-primary)}
.payments-flow-node--brand{
  padding:.45rem .65rem;
  border-radius:10px;
  background:rgba(3,120,166,.06);
  border:1px solid rgba(3,120,166,.12);
  color:#1e293b;
  font-size:.72rem;
  transition:background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.payments-flow-brand-dot{
  width:8px; height:8px;
  border-radius:50%;
  background:var(--flow-brand, var(--color-primary));
  box-shadow:0 0 0 3px color-mix(in srgb, var(--flow-brand, var(--color-primary)) 25%, transparent);
}
.payments-flow-connector{
  flex:1;
  height:2px;
  background:linear-gradient(90deg, rgba(3,120,166,.15), rgba(3,120,166,.35), rgba(3,120,166,.15));
  position:relative;
  overflow:hidden;
  border-radius:2px;
}
.payments-flow-pulse{
  position:absolute;
  top:0; left:-30%;
  width:30%;
  height:100%;
  background:linear-gradient(90deg, transparent, var(--color-accent), transparent);
  animation:paymentsFlowPulse 2s ease-in-out infinite;
}
.payments-flow-connector:nth-child(4) .payments-flow-pulse{animation-delay:.6s}
@keyframes paymentsFlowPulse{
  0%{left:-30%; opacity:0}
  20%{opacity:1}
  100%{left:130%; opacity:0}
}

.payments-detail{
  padding:1.15rem;
  border-radius:1rem;
  background:linear-gradient(135deg, rgba(3,120,166,.04) 0%, rgba(139,180,34,.04) 100%);
  border:1px solid rgba(3,120,166,.1);
  flex:1;
  transition:opacity .25s ease;
}
.payments-detail.is-updating{opacity:.5}
.payments-detail-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-bottom:.65rem;
  flex-wrap:wrap;
}
.payments-detail-badge{
  font-size:.65rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--color-primary);
  background:rgba(3,120,166,.1);
  padding:.25rem .6rem;
  border-radius:999px;
}
.payments-detail-live{
  display:flex;
  align-items:center;
  gap:.35rem;
  font-size:.65rem;
  font-weight:600;
  color:#16a34a;
}
.payments-live-dot{
  width:6px; height:6px;
  border-radius:50%;
  background:#16a34a;
  animation:paymentsLiveBlink 2s ease-in-out infinite;
}
@keyframes paymentsLiveBlink{
  0%,100%{opacity:1; transform:scale(1)}
  50%{opacity:.4; transform:scale(.85)}
}
.payments-detail-title{
  font-size:1.35rem;
  font-weight:800;
  color:#1e293b;
  margin-bottom:.4rem;
  transition:color .3s ease;
}
.payments-detail-text{
  font-size:.85rem;
  color:#64748b;
  line-height:1.55;
  margin-bottom:.85rem;
}
.payments-methods{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.payments-methods li{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  font-size:.75rem;
  font-weight:600;
  color:#334155;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  padding:.3rem .65rem;
  border-radius:999px;
  transition:opacity .2s ease, transform .2s ease;
}
.payments-methods li i{color:var(--color-accent); font-size:.8rem}
.payments-methods li.is-dimmed{opacity:.3; transform:scale(.95)}

.payments-grid-hint{
  font-size:.85rem;
  color:#64748b;
  text-align:center;
}
.payments-acquirer-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.75rem;
}
@media (min-width:576px){
  .payments-acquirer-grid{grid-template-columns:repeat(3, 1fr)}
}

.acquirer-card-pro{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:1.1rem .75rem;
  border-radius:1rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  cursor:pointer;
  transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease, border-color .25s ease;
  position:relative;
  overflow:hidden;
}
.acquirer-card-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, color-mix(in srgb, var(--card-brand, var(--color-primary)) 8%, transparent), transparent);
  opacity:0;
  transition:opacity .25s ease;
}
.acquirer-card-pro:hover,.acquirer-card-pro:focus{
  transform:translateY(-4px) scale(1.02);
  border-color:var(--card-brand, var(--color-primary));
  box-shadow:0 16px 32px color-mix(in srgb, var(--card-brand, var(--color-primary)) 18%, transparent);
  outline:none;
}
.acquirer-card-pro:hover::before,.acquirer-card-pro.is-active::before{opacity:1}
.acquirer-card-pro.is-active{
  border-color:var(--card-brand, var(--color-primary));
  box-shadow:0 12px 28px color-mix(in srgb, var(--card-brand, var(--color-primary)) 22%, transparent);
  transform:translateY(-2px);
}
.acquirer-pro-logo{
  width:44px; height:44px;
  border-radius:12px;
  background:var(--brand, var(--color-primary));
  color:#fff;
  font-weight:800;
  font-size:.85rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:.5rem;
  position:relative;
  z-index:1;
  transition:transform .25s ease;
}
.acquirer-pro-logo--dark{color:#1e293b}
.acquirer-card-pro.is-active .acquirer-pro-logo{transform:scale(1.08)}
.acquirer-pro-name{
  font-weight:700;
  color:#1e293b;
  font-size:.88rem;
  position:relative;
  z-index:1;
}
.acquirer-pro-type{
  font-size:.65rem;
  color:var(--color-primary);
  font-weight:600;
  margin-top:.2rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  position:relative;
  z-index:1;
}

.payments-abecs-banner{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  margin-top:1rem;
  padding:1rem 1.15rem;
  border-radius:1rem;
  background:linear-gradient(135deg, rgba(3,120,166,.08), rgba(139,180,34,.06));
  border:1px dashed rgba(3,120,166,.25);
}
.payments-abecs-banner>i{
  font-size:1.5rem;
  color:var(--color-primary);
  flex-shrink:0;
  margin-top:.1rem;
}
.payments-abecs-banner strong{display:block; color:#1e293b; font-size:.9rem; margin-bottom:.15rem}
.payments-abecs-banner span{font-size:.8rem; color:#64748b; line-height:1.45}

.info-card--payments{
  border-left:3px solid var(--color-accent);
  transition:transform .2s ease, box-shadow .2s ease, border-left-color .2s ease;
}
.info-card--payments:hover{
  border-left-color:var(--color-primary);
  transform:translateX(4px);
}

@media (max-width:575.98px){
  .payments-flow{flex-wrap:wrap; justify-content:center; gap:.5rem}
  .payments-flow-connector{display:none}
  .payments-flow-node--brand{width:100%; flex-direction:row; justify-content:center; gap:.5rem}
  .payments-mode-tab{font-size:.7rem; padding:.5rem .35rem}
  .payments-showcase{padding:1.15rem}
}

@media (min-width:992px){
  .payments-grid-hint{text-align:left}
}

/* ========== Seções refatoradas (funcionalidades → contato) ========== */

/* Funcionalidades / Operação */
.section-funcionalidades{
  background:linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}
.ops-showcase{
  padding:1.5rem;
  border-radius:1.25rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 12px 40px rgba(3,120,166,.08);
  height:100%;
}
.ops-flow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.35rem;
  margin-bottom:1.25rem;
}
.ops-flow-step{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.3rem;
  font-size:.62rem;
  font-weight:700;
  color:#64748b;
  text-transform:uppercase;
  transition:color .3s ease, transform .3s ease;
}
.ops-flow-step i{
  width:36px; height:36px;
  border-radius:10px;
  background:rgba(3,120,166,.08);
  color:var(--color-primary);
  display:flex; align-items:center; justify-content:center;
  font-size:1rem;
  transition:background .3s ease, color .3s ease;
}
.ops-flow-step.is-active{color:var(--color-primary); transform:scale(1.05)}
.ops-flow-step.is-active i{background:var(--color-primary); color:#fff}
.ops-flow-line{
  flex:1; height:2px;
  background:linear-gradient(90deg, rgba(3,120,166,.15), rgba(3,120,166,.35), rgba(3,120,166,.15));
  position:relative; overflow:hidden;
}
.ops-flow-pulse{
  position:absolute; top:0; left:-30%; width:30%; height:100%;
  background:linear-gradient(90deg, transparent, var(--color-accent), transparent);
  animation:estoqueSyncPulse 2.2s ease-in-out infinite;
}
.ops-detail{
  padding:1.15rem;
  border-radius:1rem;
  background:linear-gradient(135deg, rgba(3,120,166,.04), rgba(139,180,34,.04));
  border:1px solid rgba(3,120,166,.1);
  transition:opacity .25s ease;
}
.ops-detail.is-updating{opacity:.5}
.ops-detail-badge{
  font-size:.65rem; font-weight:700; text-transform:uppercase;
  color:var(--color-primary); background:rgba(3,120,166,.1);
  padding:.25rem .6rem; border-radius:999px; display:inline-block; margin-bottom:.5rem;
}
.ops-detail-title{font-size:1.15rem; font-weight:800; color:#1e293b; margin-bottom:.35rem}
.ops-detail-text{font-size:.85rem; color:#64748b; line-height:1.55; margin:0}

.ops-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.75rem;
  height:100%;
}
@media (min-width:992px){.ops-grid{grid-template-columns:repeat(2, 1fr)}}
.ops-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.25rem;
  padding:1.15rem;
  border-radius:1rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  cursor:pointer;
  text-align:left;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ops-card i{font-size:1.35rem; color:var(--color-primary); margin-bottom:.25rem; transition:transform .25s ease}
.ops-card strong{font-size:.9rem; color:#1e293b}
.ops-card span{font-size:.75rem; color:#64748b}
.ops-card:hover,.ops-card.is-active{
  transform:translateY(-3px);
  border-color:var(--color-primary);
  box-shadow:0 12px 28px rgba(3,120,166,.12);
}
.ops-card.is-active i{transform:scale(1.1); color:var(--color-accent)}

/* Ecossistema */
.section-ecossistema{
  background:linear-gradient(180deg, #f1f5f9 0%, #fff 50%, #f0f7fb 100%);
}
.ecosystem-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.75rem;
  max-width:720px;
  margin:0 auto;
}
@media (min-width:768px){.ecosystem-grid{grid-template-columns:repeat(3, 1fr)}}
.ecosystem-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.5rem;
  padding:1.25rem .75rem;
  border-radius:1rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  cursor:pointer;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.ecosystem-card i{font-size:1.5rem; color:var(--color-primary)}
.ecosystem-card span{font-size:.8rem; font-weight:600; color:#334155}
.ecosystem-card:hover,.ecosystem-card.is-active{
  transform:translateY(-4px);
  border-color:var(--color-primary);
  box-shadow:0 16px 32px rgba(3,120,166,.12);
}
.ecosystem-card.is-active i{color:var(--color-accent)}
.ecosystem-detail{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  max-width:720px;
  margin:1.25rem auto 0;
  padding:1rem 1.15rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
}
.ecosystem-detail>i{font-size:1.5rem; color:var(--color-primary); flex-shrink:0; margin-top:.1rem}
.ecosystem-detail p{margin:0; font-size:.88rem; color:#64748b; line-height:1.55}

/* Como funciona */
.section-como-funciona{background:#fff}
.implantacao-progress{
  height:4px;
  background:rgba(3,120,166,.1);
  border-radius:999px;
  max-width:600px;
  margin:0 auto 2rem;
  overflow:hidden;
}
.implantacao-progress-bar{
  height:100%;
  background:linear-gradient(90deg, var(--color-primary), var(--color-accent));
  border-radius:999px;
  transition:width .5s cubic-bezier(.2,.7,.2,1);
}
.implantacao-step{
  border:none;
  cursor:pointer;
  position:relative;
}
.implantacao-step-time{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  font-size:.65rem;
  font-weight:700;
  text-transform:uppercase;
  color:var(--color-primary);
  background:rgba(3,120,166,.08);
  padding:.25rem .55rem;
  border-radius:999px;
  margin-bottom:.65rem;
}
.implantacao-step.is-active{
  border-color:var(--color-primary)!important;
  box-shadow:0 16px 32px rgba(3,120,166,.12)!important;
}
.implantacao-cta{margin-top:2.5rem}
.implantacao-cta-inner{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.25rem;
  padding:1.35rem 1.5rem; border-radius:1.15rem;
  background:linear-gradient(135deg, rgba(3,120,166,.06), rgba(139,180,34,.04));
  border:1px solid rgba(3,120,166,.12);
}
.implantacao-cta-inner strong{display:block; color:#1e293b; font-size:.95rem; margin-bottom:.2rem}
.implantacao-cta-inner span{font-size:.85rem; color:#64748b}

/* Comparativo */
.section-comparativo{
  background:linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.compare-versus-card{
  padding:1.35rem 1.5rem;
  border-radius:1.15rem;
  height:100%;
  border:1px solid rgba(3,120,166,.1);
}
.compare-versus-card--manual{background:#fff; border-color:rgba(220,38,38,.15)}
.compare-versus-card--pdv{
  background:linear-gradient(135deg, rgba(3,120,166,.06), rgba(139,180,34,.04));
  border-color:rgba(3,120,166,.25);
  box-shadow:0 12px 32px rgba(3,120,166,.08);
}
.compare-versus-label{
  display:block;
  font-size:.75rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:.85rem;
  color:#64748b;
}
.compare-versus-card--pdv .compare-versus-label{color:var(--color-primary)}
.compare-versus-card ul{list-style:none; padding:0; margin:0}
.compare-versus-card li{
  display:flex; align-items:center; gap:.5rem;
  font-size:.85rem; color:#334155; margin-bottom:.5rem;
}
.compare-versus-card--manual li i{color:#dc2626}
.compare-versus-card--pdv li i{color:var(--color-accent)}
.compare-table-pro .compare-head>div:nth-child(3){color:#fff}

/* Planos */
.section-precos{
  background:linear-gradient(180deg, #fff 0%, #f0f7fb 100%);
}
.pricing-trust-item{
  display:flex; align-items:center; gap:.75rem;
  padding:1rem 1.15rem; border-radius:1rem;
  background:#fff; border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  height:100%;
  font-size:.85rem; font-weight:600; color:#334155;
}
.pricing-trust-item i{font-size:1.25rem; color:var(--color-accent)}

/* Depoimentos */
.section-depoimentos{
  background:linear-gradient(180deg, #f1f5f9 0%, #fff 100%);
}
.depoimentos-dot{
  width:10px; height:10px;
  border-radius:50%;
  border:none;
  background:rgba(3,120,166,.25);
  padding:0;
  cursor:pointer;
  transition:transform .2s ease, background .2s ease;
}
.depoimentos-dot.is-active{background:var(--color-primary); transform:scale(1.2)}
.testimonial-quote-icon{
  position:absolute;
  top:1rem; right:1rem;
  font-size:2rem;
  color:rgba(3,120,166,.12);
  line-height:1;
}
.testimonial-pro{position:relative}
.testimonial-pro.is-featured{
  border-color:rgba(3,120,166,.35)!important;
  box-shadow:0 20px 40px rgba(3,120,166,.12)!important;
  transform:translateY(-4px);
}

/* FAQ */
.section-faq{background:#fff}
.faq-sidebar{
  padding:1.25rem;
  border-radius:1.15rem;
  background:#f8fafc;
  border:1px solid rgba(3,120,166,.1);
  position:sticky;
  top:1rem;
}
.faq-sidebar-title{
  font-size:.75rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#64748b;
  margin-bottom:.75rem;
}
.faq-filters{display:flex; flex-direction:column; gap:.4rem}
.faq-filter{
  display:flex; align-items:center; gap:.45rem;
  border:1px solid rgba(3,120,166,.15);
  background:#fff;
  color:#334155;
  font-size:.82rem; font-weight:600;
  padding:.55rem .85rem;
  border-radius:.75rem;
  cursor:pointer;
  text-align:left;
  transition:all .2s ease;
}
.faq-filter:hover,.faq-filter.is-active{
  background:var(--color-primary);
  color:#fff;
  border-color:var(--color-primary);
}
.faq-sidebar-cta{
  margin-top:1.25rem;
  padding-top:1.15rem;
  border-top:1px solid rgba(3,120,166,.1);
}
.faq-sidebar-cta strong{display:block; font-size:.85rem; color:#1e293b; margin-bottom:.25rem}
.faq-item.is-hidden{display:none!important}

/* Contato */
.section-contato{
  background:linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.contact-trust-item{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:1.15rem; border-radius:1rem;
  background:#fff; border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  height:100%;
}
.contact-trust-item i{font-size:1.35rem; color:var(--color-primary); margin-bottom:.35rem}
.contact-trust-item strong{display:block; font-size:.9rem; color:#1e293b}
.contact-trust-item span{font-size:.78rem; color:#64748b}
.contact-card-pro{border-radius:1.15rem!important}
.contact-form-header .h5{color:#1e293b}
.contact-sidebar-pro{border-radius:1.15rem!important}

@media (max-width:991.98px){
  .faq-sidebar{position:static; margin-bottom:1rem}
  .faq-filters{flex-direction:row; flex-wrap:wrap}
  .implantacao-cta-inner,.compare-versus-card{text-align:center}
  .ops-grid{grid-template-columns:1fr}
}

/* ========== Página Integrações ========== */
.page-integracoes .hero-integ{min-height:auto}

.integ-hero-panel{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:1rem;
  align-items:stretch;
  padding:1.25rem;
  border-radius:1.25rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(12px);
}
.integ-hero-panel-col ul{
  list-style:none;
  padding:0;
  margin:.75rem 0 0;
}
.integ-hero-panel-col li{
  display:flex;
  align-items:flex-start;
  gap:.4rem;
  font-size:.82rem;
  color:rgba(255,255,255,.88);
  margin-bottom:.4rem;
}
.integ-hero-panel-col li i{color:var(--color-accent); flex-shrink:0}
.integ-hero-panel-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.5);
  font-size:1.25rem;
}
@media (max-width:767.98px){
  .integ-hero-panel{grid-template-columns:1fr; gap:.75rem}
  .integ-hero-panel-divider{transform:rotate(90deg); padding:.25rem 0}
}

.integ-platform-badge{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:.3rem .65rem;
  border-radius:999px;
}
.integ-platform-badge--web{
  background:rgba(255,255,255,.15);
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
}
.integ-platform-badge--desktop{
  background:rgba(139,180,34,.25);
  color:#fff;
  border:1px solid rgba(139,180,34,.45);
}

.integ-notice{background:linear-gradient(135deg, rgba(3,120,166,.08), rgba(139,180,34,.06))}
.integ-notice-inner{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding:1.15rem 1.25rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.15);
  box-shadow:0 4px 16px rgba(3,120,166,.06);
}
.integ-notice-icon{font-size:1.5rem; color:var(--color-primary); flex-shrink:0}
.integ-notice-inner strong{display:block; color:#1e293b; margin-bottom:.35rem}
.integ-notice-inner p{font-size:.88rem; color:#64748b; line-height:1.55}

.integ-platform-card{
  padding:1.5rem;
  border-radius:1.15rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 8px 24px rgba(0,0,0,.05);
  transition:transform .25s ease, box-shadow .25s ease;
}
.integ-platform-card:hover{transform:translateY(-4px); box-shadow:0 16px 32px rgba(3,120,166,.1)}
.integ-platform-card--web{border-top:3px solid var(--color-primary)}
.integ-platform-card--desktop{border-top:3px solid var(--color-accent)}
.integ-platform-card-head{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-bottom:1rem;
}
.integ-platform-card-head>i{
  width:48px; height:48px;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.35rem;
}
.integ-platform-card--web .integ-platform-card-head>i{background:rgba(3,120,166,.1); color:var(--color-primary)}
.integ-platform-card--desktop .integ-platform-card-head>i{background:rgba(139,180,34,.12); color:var(--color-accent-700)}
.integ-platform-card-head span{font-size:.78rem; color:#64748b}
.integ-platform-list{
  list-style:none;
  padding:0;
  margin:0 0 1rem;
}
.integ-platform-list li{
  display:flex;
  align-items:flex-start;
  gap:.5rem;
  font-size:.85rem;
  color:#334155;
  margin-bottom:.5rem;
}
.integ-platform-list li i{color:var(--color-accent); flex-shrink:0; margin-top:.1rem}
.integ-platform-link{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.85rem;
  font-weight:600;
  color:var(--color-primary);
  text-decoration:none;
}
.integ-platform-link:hover{color:var(--color-primary-700)}
.integ-platform-note{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.78rem;
  font-weight:600;
  color:#64748b;
  background:rgba(139,180,34,.1);
  padding:.4rem .75rem;
  border-radius:999px;
}

.integ-filters .integ-filter{
  border:1px solid rgba(3,120,166,.2);
  background:#fff;
  color:var(--color-primary);
  font-size:.85rem;
  font-weight:600;
  padding:.45rem 1.1rem;
  border-radius:999px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  transition:all .2s ease;
}
.integ-filters .integ-filter:hover,
.integ-filters .integ-filter.is-active{
  background:var(--color-primary);
  color:#fff;
  border-color:var(--color-primary);
}
.integ-filter-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.35rem;
  height:1.35rem;
  padding:0 .35rem;
  border-radius:999px;
  font-size:.7rem;
  font-weight:700;
  background:rgba(3,120,166,.12);
  color:var(--color-primary);
  margin-left:.15rem;
}
.integ-filter.is-active .integ-filter-count{
  background:rgba(255,255,255,.22);
  color:#fff;
}
.integ-item.is-hidden{display:none!important}

/* Section integ-grid pro */
.section-integ-grid{
  background:linear-gradient(180deg, #fff 0%, #f0f7fb 45%, #fff 100%);
  position:relative;
  overflow:hidden;
}
.section-integ-grid::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 60% 40% at 20% 30%, rgba(3,120,166,.06), transparent 60%),
             radial-gradient(ellipse 50% 35% at 85% 70%, rgba(139,180,34,.05), transparent 55%);
  pointer-events:none;
}

.integ-stats{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.75rem 1.25rem;
  margin-bottom:2rem;
}
.integ-stat{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.15rem;
  padding:.65rem 1.15rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 4px 14px rgba(3,120,166,.05);
  min-width:120px;
}
.integ-stat strong{
  font-size:1.35rem;
  font-weight:800;
  color:var(--color-primary);
  line-height:1;
}
.integ-stat--desktop strong{color:var(--color-accent-700)}
.integ-stat span{font-size:.72rem; color:#64748b; font-weight:600; text-align:center}

.integ-layout{position:relative; z-index:1}
@media (min-width:992px){
  .integ-showcase{position:sticky; top:6rem}
}

.integ-showcase{
  position:relative;
  padding:1.5rem;
  border-radius:1.25rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 12px 40px rgba(3,120,166,.08);
  overflow:hidden;
  transition:box-shadow .3s ease;
}
.integ-showcase.is-updating{
  animation:integShowcasePulse .35s ease;
}
@keyframes integShowcasePulse{
  0%,100%{box-shadow:0 12px 40px rgba(3,120,166,.08)}
  50%{box-shadow:0 16px 48px rgba(3,120,166,.16)}
}
.integ-showcase-glow{
  position:absolute;
  top:-40%;
  right:-20%;
  width:200px;
  height:200px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(3,120,166,.12), transparent 70%);
  pointer-events:none;
}
.integ-showcase-hub{
  position:relative;
  width:72px;
  height:72px;
  margin:0 auto 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
}
.integ-showcase-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:2px solid rgba(3,120,166,.15);
  animation:integRingPulse 3s ease-in-out infinite;
}
.integ-showcase-ring--2{
  inset:-8px;
  border-color:rgba(139,180,34,.12);
  animation-delay:1.5s;
}
@keyframes integRingPulse{
  0%,100%{transform:scale(1); opacity:.6}
  50%{transform:scale(1.08); opacity:1}
}
.integ-showcase-core{
  position:relative;
  width:52px;
  height:52px;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(3,120,166,.12), rgba(139,180,34,.08));
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.5rem;
  color:var(--color-primary);
  transition:transform .3s ease, color .3s ease;
}
.integ-showcase.is-desktop .integ-showcase-core{color:var(--color-accent-700)}
.integ-showcase.is-desktop .integ-showcase-glow{
  background:radial-gradient(circle, rgba(139,180,34,.14), transparent 70%);
}
.integ-showcase-badge{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  font-size:.65rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  padding:.25rem .6rem;
  border-radius:999px;
  margin-bottom:.5rem;
}
.integ-showcase-badge--web{background:rgba(3,120,166,.1); color:var(--color-primary)}
.integ-showcase-badge--desktop{background:rgba(139,180,34,.12); color:var(--color-accent-700)}
.integ-showcase-title{
  font-size:1.25rem;
  font-weight:700;
  color:#1e293b;
  margin-bottom:.5rem;
}
.integ-showcase-text{
  font-size:.88rem;
  color:#64748b;
  line-height:1.55;
  margin-bottom:.85rem;
}
.integ-showcase-features{
  list-style:none;
  padding:0;
  margin:0 0 1rem;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.integ-showcase-features li{
  display:flex;
  align-items:center;
  gap:.45rem;
  font-size:.82rem;
  color:#334155;
}
.integ-showcase-features li::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--color-accent);
  flex-shrink:0;
}
.integ-showcase-flow{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.75rem;
  border-radius:.85rem;
  background:linear-gradient(90deg, rgba(3,120,166,.04), rgba(139,180,34,.04));
  border:1px dashed rgba(3,120,166,.15);
  margin-bottom:.85rem;
}
.integ-showcase-flow[data-platform="desktop"]{
  background:linear-gradient(90deg, rgba(139,180,34,.06), rgba(3,120,166,.04));
  border-color:rgba(139,180,34,.2);
}
.integ-flow-node{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.2rem;
  flex:1;
  min-width:0;
}
.integ-flow-node i{font-size:1.1rem; color:var(--color-primary)}
.integ-flow-node--ext i{color:var(--color-accent-700)}
.integ-flow-node span{
  font-size:.65rem;
  font-weight:600;
  color:#64748b;
  text-align:center;
  line-height:1.2;
}
.integ-flow-line{
  flex:0 0 2rem;
  height:2px;
  background:rgba(3,120,166,.2);
  position:relative;
  border-radius:999px;
  overflow:hidden;
}
.integ-flow-pulse{
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(90deg, transparent, var(--color-accent), transparent);
  animation:integFlowPulse 2s ease-in-out infinite;
}
@keyframes integFlowPulse{
  0%{left:-100%}
  100%{left:100%}
}
.integ-showcase-note{
  font-size:.78rem;
  color:#64748b;
  margin-bottom:.75rem;
  padding:.5rem .65rem;
  border-radius:.5rem;
  background:rgba(3,120,166,.04);
  border-left:3px solid var(--color-primary);
}
.integ-showcase.is-desktop .integ-showcase-note{
  background:rgba(139,180,34,.06);
  border-left-color:var(--color-accent);
}
.integ-showcase-cta{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.85rem;
  font-weight:600;
  color:var(--color-primary);
  text-decoration:none;
  transition:gap .2s ease, color .2s ease;
}
.integ-showcase-cta:hover{color:var(--color-accent-700); gap:.55rem}
.integ-showcase-cta i{transition:transform .2s ease}
.integ-showcase-cta:hover i{transform:translateX(3px)}

.integ-grid-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:1rem;
}
.integ-grid-hint{
  font-size:.75rem;
  color:#94a3b8;
  display:inline-flex;
  align-items:center;
  gap:.3rem;
}
.integ-grid-pro{
  display:grid;
  grid-template-columns:1fr;
  gap:.65rem;
}
@media (min-width:576px){
  .integ-grid-pro{grid-template-columns:repeat(2, 1fr)}
}

.integ-card-pro{
  display:flex;
  align-items:center;
  gap:.75rem;
  width:100%;
  text-align:left;
  padding:.85rem 1rem;
  border-radius:.95rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  box-shadow:0 2px 10px rgba(0,0,0,.03);
  cursor:pointer;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.integ-card-pro:hover,
.integ-card-pro.is-active{
  transform:translateX(4px);
  border-color:var(--color-primary);
  box-shadow:0 8px 24px rgba(3,120,166,.12);
}
.integ-card-pro.is-active{
  background:linear-gradient(135deg, rgba(3,120,166,.04), rgba(139,180,34,.03));
}
.integ-item--desktop.integ-card-pro.is-active,
.integ-item--desktop.integ-card-pro:hover{
  border-color:var(--color-accent);
  box-shadow:0 8px 24px rgba(139,180,34,.12);
}
.integ-item--desktop.integ-card-pro.is-active{
  background:linear-gradient(135deg, rgba(139,180,34,.06), rgba(3,120,166,.02));
}
.integ-card-pro-icon{
  flex-shrink:0;
  width:40px;
  height:40px;
  border-radius:10px;
  background:rgba(3,120,166,.08);
  color:var(--color-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.1rem;
  transition:transform .22s ease;
}
.integ-item--desktop .integ-card-pro-icon{
  background:rgba(139,180,34,.1);
  color:var(--color-accent-700);
}
.integ-card-pro.is-active .integ-card-pro-icon{transform:scale(1.08)}
.integ-card-pro-body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.1rem;
}
.integ-card-pro-badge{
  font-size:.58rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  align-self:flex-start;
  padding:.12rem .4rem;
  border-radius:999px;
}
.integ-card-pro-badge--web{background:rgba(3,120,166,.1); color:var(--color-primary)}
.integ-card-pro-badge--desktop{background:rgba(139,180,34,.12); color:var(--color-accent-700)}
.integ-card-pro-title{
  font-size:.88rem;
  font-weight:700;
  color:#1e293b;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.integ-card-pro-desc{
  font-size:.72rem;
  color:#94a3b8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.integ-card-pro-arrow{
  flex-shrink:0;
  font-size:.85rem;
  color:#cbd5e1;
  transition:transform .22s ease, color .22s ease;
}
.integ-card-pro.is-active .integ-card-pro-arrow,
.integ-card-pro:hover .integ-card-pro-arrow{
  color:var(--color-primary);
  transform:translateX(2px);
}
.integ-item--desktop.integ-card-pro.is-active .integ-card-pro-arrow{color:var(--color-accent-700)}

.integ-grid-empty{
  text-align:center;
  padding:2rem 1rem;
  color:#94a3b8;
  font-size:.88rem;
}
.integ-grid-empty.is-hidden{display:none!important}

/* Legacy integ-card (fallback) */
.integ-card{
  position:relative;
  padding:1.35rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.integ-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 32px rgba(3,120,166,.1);
  border-color:rgba(3,120,166,.25);
}
.integ-card--desktop{border-left:3px solid var(--color-accent)}
.integ-card-badge{
  position:absolute;
  top:.85rem;
  right:.85rem;
  font-size:.62rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:.2rem .5rem;
  border-radius:999px;
}
.integ-card-badge--web{background:rgba(3,120,166,.1); color:var(--color-primary)}
.integ-card-badge--desktop{background:rgba(139,180,34,.12); color:var(--color-accent-700)}
.integ-card-icon{
  width:44px; height:44px;
  border-radius:12px;
  background:rgba(3,120,166,.08);
  color:var(--color-primary);
  display:flex; align-items:center; justify-content:center;
  font-size:1.25rem;
  margin-bottom:.75rem;
}
.integ-card--desktop .integ-card-icon{background:rgba(139,180,34,.1); color:var(--color-accent-700)}
.integ-card-list{
  list-style:none;
  padding:0;
  margin:0;
  color:#64748b;
}
.integ-card-list li{
  padding-left:1rem;
  position:relative;
  margin-bottom:.25rem;
}
.integ-card-list li::before{
  content:"";
  position:absolute;
  left:0; top:.55em;
  width:4px; height:4px;
  border-radius:50%;
  background:var(--color-accent);
}
.integ-grid-footnote{max-width:640px; margin-left:auto; margin-right:auto}

.integ-cta-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:1.25rem;
  padding:1.35rem 1.5rem;
  border-radius:1.15rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 8px 24px rgba(3,120,166,.06);
}
.integ-cta-inner strong{display:block; color:#1e293b; font-size:.95rem; margin-bottom:.2rem}
.integ-cta-inner span{font-size:.85rem; color:#64748b; line-height:1.45}

@media (max-width:767.98px){
  .integ-cta-inner{flex-direction:column; text-align:center}
  .integ-notice-inner{flex-direction:column}
}

/* ========== Página Sistema PDV ========== */
.page-sistema-pdv .hero-pdv{min-height:auto}

.pdv-terminal{
  border-radius:1.15rem;
  background:#fff;
  box-shadow:0 20px 50px rgba(0,0,0,.2);
  overflow:hidden;
  max-width:420px;
  margin:0 auto;
}
.pdv-terminal-bar{
  display:flex;
  align-items:center;
  gap:.4rem;
  padding:.6rem 1rem;
  background:linear-gradient(90deg, #1e293b, #334155);
}
.pdv-terminal-dot{
  width:8px; height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.25);
}
.pdv-terminal-dot:first-child{background:#ff5f57}
.pdv-terminal-dot:nth-child(2){background:#febc2e}
.pdv-terminal-dot:nth-child(3){background:#28c840}
.pdv-terminal-title{
  margin-left:auto;
  font-size:.72rem;
  color:rgba(255,255,255,.75);
  display:flex;
  align-items:center;
  gap:.35rem;
}
.pdv-terminal-body{padding:1rem 1.15rem 1.15rem}
.pdv-terminal-scan{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .75rem;
  border-radius:.65rem;
  background:rgba(3,120,166,.06);
  border:1px dashed rgba(3,120,166,.2);
  font-size:.78rem;
  color:var(--color-primary);
  margin-bottom:.75rem;
}
.pdv-terminal-scan i{font-size:1rem}
.pdv-terminal-items{
  list-style:none;
  padding:0;
  margin:0 0 .85rem;
  min-height:88px;
}
.pdv-terminal-items li{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:.4rem 0;
  border-bottom:1px solid rgba(3,120,166,.08);
  font-size:.82rem;
  color:#334155;
  opacity:0;
  transform:translateX(-8px);
  transition:opacity .35s ease, transform .35s ease;
}
.pdv-terminal-items li.is-visible{opacity:1; transform:translateX(0)}
.pdv-terminal-items li strong{color:var(--color-primary); font-size:.85rem}
.pdv-terminal-footer{border-top:1px solid rgba(3,120,166,.1); padding-top:.75rem}
.pdv-terminal-total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:.65rem;
}
.pdv-terminal-total span{font-size:.78rem; color:#64748b; font-weight:600}
.pdv-terminal-total strong{font-size:1.25rem; color:#1e293b}
.pdv-terminal-actions{display:flex; flex-wrap:wrap; gap:.4rem}
.pdv-terminal-pill{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  font-size:.65rem;
  font-weight:700;
  text-transform:uppercase;
  padding:.25rem .55rem;
  border-radius:999px;
}
.pdv-terminal-pill--tef{background:rgba(3,120,166,.1); color:var(--color-primary)}
.pdv-terminal-pill--pix{background:rgba(139,180,34,.12); color:var(--color-accent-700)}
.pdv-terminal-pill--nf{background:rgba(3,120,166,.08); color:#64748b}

.section-pdv-recursos{background:linear-gradient(180deg, #fff 0%, #f8fafc 100%)}
.pdv-feature-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.75rem;
  height:100%;
}
.pdv-feature-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.2rem;
  padding:1rem;
  border-radius:1rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  cursor:pointer;
  text-align:left;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.pdv-feature-card i{font-size:1.35rem; color:var(--color-primary); margin-bottom:.15rem}
.pdv-feature-card strong{font-size:.88rem; color:#1e293b}
.pdv-feature-card span{font-size:.72rem; color:#64748b}
.pdv-feature-card:hover,.pdv-feature-card.is-active{
  transform:translateY(-3px);
  border-color:var(--color-primary);
  box-shadow:0 12px 28px rgba(3,120,166,.12);
}
.pdv-feature-card.is-active i{color:var(--color-accent)}

.pdv-vantagens-list li{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  margin-bottom:1rem;
}
.pdv-vantagens-list li i{
  color:var(--color-accent);
  font-size:1.25rem;
  flex-shrink:0;
  margin-top:.1rem;
}
.pdv-vantagens-list strong{display:block; color:#1e293b; font-size:.95rem; margin-bottom:.15rem}
.pdv-vantagens-list span{font-size:.85rem; color:#64748b; line-height:1.45}

.pdv-live-panel{
  padding:1.35rem;
  border-radius:1.15rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 12px 40px rgba(3,120,166,.08);
}
.pdv-live-panel-head{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-bottom:1.15rem;
}
.pdv-live-panel-head>i{
  width:44px; height:44px;
  border-radius:12px;
  background:rgba(3,120,166,.08);
  color:var(--color-primary);
  display:flex; align-items:center; justify-content:center;
  font-size:1.25rem;
}
.pdv-live-panel-head strong{display:block; color:#1e293b; font-size:.95rem}
.pdv-live-panel-head span{font-size:.78rem; color:#64748b}
.pdv-live-stat{
  padding:.65rem;
  border-radius:.75rem;
  background:rgba(3,120,166,.04);
}
.pdv-live-stat-label{display:block; font-size:.68rem; color:#64748b; text-transform:uppercase; letter-spacing:.04em; margin-bottom:.2rem}
.pdv-live-stat-value{display:block; font-size:1.35rem; font-weight:800; color:var(--color-primary)}
.pdv-live-bar{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(3,120,166,.1);
  font-size:.78rem;
  color:#64748b;
}
.pdv-live-bar-track{
  flex:1;
  height:6px;
  background:rgba(3,120,166,.1);
  border-radius:999px;
  overflow:hidden;
}
.pdv-live-bar-fill{
  height:100%;
  width:0;
  background:linear-gradient(90deg, var(--color-primary), var(--color-accent));
  border-radius:999px;
  transition:width 1.2s cubic-bezier(.2,.7,.2,1);
}
.pdv-live-bar strong{color:var(--color-primary); font-size:.85rem; white-space:nowrap}

.pdv-tipo-card{
  position:relative;
  padding:1.35rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  height:100%;
  text-align:center;
  transition:transform .25s ease, box-shadow .25s ease;
}
.pdv-tipo-card:hover{transform:translateY(-4px); box-shadow:0 16px 32px rgba(3,120,166,.1)}
.pdv-tipo-card>i{font-size:1.75rem; color:var(--color-primary); margin-bottom:.65rem; display:block}
.pdv-tipo-card--highlight{
  border:2px solid var(--color-primary);
  background:linear-gradient(180deg, rgba(3,120,166,.04), #fff);
  box-shadow:0 12px 32px rgba(3,120,166,.12);
}
.pdv-tipo-badge{
  position:absolute;
  top:.75rem; right:.75rem;
  font-size:.6rem;
  font-weight:700;
  text-transform:uppercase;
  padding:.2rem .5rem;
  border-radius:999px;
  background:var(--color-accent);
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:.2rem;
}

.pdv-seg-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.75rem;
  max-width:720px;
  margin:0 auto;
}
@media (min-width:768px){.pdv-seg-grid{grid-template-columns:repeat(4, 1fr)}}
.pdv-seg-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.45rem;
  padding:1rem .65rem;
  border-radius:1rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  cursor:pointer;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.pdv-seg-card i{font-size:1.35rem; color:var(--color-primary)}
.pdv-seg-card span{font-size:.75rem; font-weight:600; color:#334155; text-align:center}
.pdv-seg-card:hover,.pdv-seg-card.is-active{
  transform:translateY(-3px);
  border-color:var(--color-primary);
  box-shadow:0 12px 28px rgba(3,120,166,.1);
}
.pdv-seg-card.is-active i{color:var(--color-accent)}
.pdv-seg-detail{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  max-width:720px;
  margin:1.25rem auto 0;
  padding:1rem 1.15rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
}
.pdv-seg-detail>i{font-size:1.5rem; color:var(--color-primary); flex-shrink:0}
.pdv-seg-detail p{margin:0; font-size:.88rem; color:#64748b; line-height:1.55}

.pdv-guia-nav{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  position:sticky;
  top:6rem;
}
.pdv-guia-tab{
  display:flex;
  align-items:center;
  gap:.5rem;
  width:100%;
  text-align:left;
  padding:.75rem 1rem;
  border-radius:.85rem;
  border:1px solid rgba(3,120,166,.12);
  background:#fff;
  font-size:.85rem;
  font-weight:600;
  color:#64748b;
  cursor:pointer;
  transition:all .2s ease;
}
.pdv-guia-tab i{color:var(--color-primary)}
.pdv-guia-tab:hover,.pdv-guia-tab.is-active{
  background:var(--color-primary);
  color:#fff;
  border-color:var(--color-primary);
}
.pdv-guia-tab.is-active i,.pdv-guia-tab:hover i{color:#fff}
.pdv-guia-panel{
  padding:1.5rem;
  border-radius:1.15rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 8px 24px rgba(3,120,166,.06);
  min-height:280px;
}
.pdv-guia-content{display:none}
.pdv-guia-content.is-active{display:block; animation:pdvGuiaFade .3s ease}
@keyframes pdvGuiaFade{
  from{opacity:0; transform:translateY(6px)}
  to{opacity:1; transform:translateY(0)}
}
.pdv-guia-list{padding-left:1.15rem}
.pdv-guia-list li{margin-bottom:.4rem}
.pdv-guia-benefit{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  padding:.85rem;
  border-radius:.85rem;
  background:rgba(3,120,166,.04);
  border:1px solid rgba(3,120,166,.08);
  height:100%;
}
.pdv-guia-benefit i{color:var(--color-primary); font-size:1.15rem; flex-shrink:0}
.pdv-guia-benefit strong{display:block; font-size:.85rem; color:#1e293b}
.pdv-guia-benefit span{font-size:.78rem; color:#64748b}
.pdv-guia-mini{
  text-align:center;
  padding:1rem .75rem;
  border-radius:.85rem;
  background:rgba(3,120,166,.04);
  height:100%;
}
.pdv-guia-mini i{display:block; font-size:1.35rem; color:var(--color-primary); margin-bottom:.35rem}
.pdv-guia-mini strong{display:block; font-size:.82rem; color:#1e293b}
.pdv-guia-mini span{font-size:.72rem; color:#64748b}

.pdv-demo-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding:2rem;
  border-radius:1.25rem;
  background:linear-gradient(135deg, rgba(3,120,166,.06), rgba(139,180,34,.04));
  border:1px solid rgba(3,120,166,.12);
}
@media (max-width:767.98px){
  .pdv-guia-nav{position:static; flex-direction:row; flex-wrap:wrap}
  .pdv-guia-tab{flex:1 1 auto; justify-content:center; font-size:.78rem; padding:.55rem .75rem}
  .pdv-demo-inner{flex-direction:column; text-align:center}
}

/* ========== Página Soluções ========== */
.page-solucoes .hero-solucoes{min-height:auto}

.sol-hero-showcase .hero-showcase-body{padding-bottom:1rem}
.hero-showcase .sol-hub{
  max-width:none;
  margin:0;
  gap:.65rem;
}
.hero-showcase .sol-hub-card{
  padding:.85rem .95rem;
  border-radius:.75rem;
}
.hero-showcase .sol-hub-card>i{font-size:1.25rem}
.hero-showcase .sol-hub-card strong{font-size:.82rem}
.hero-showcase .sol-hub-card span{font-size:.68rem}

.sol-hub{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.85rem;
  max-width:420px;
  margin:0 auto;
}
.sol-hub-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.2rem;
  padding:1.15rem;
  border-radius:1rem;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(10px);
  text-decoration:none;
  color:#fff;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.sol-hub-card:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.35);
  color:#fff;
}
.sol-hub-card>i{font-size:1.5rem; color:var(--color-accent); margin-bottom:.25rem}
.sol-hub-card strong{font-size:.9rem}
.sol-hub-card span{font-size:.72rem; color:rgba(255,255,255,.75)}

.section-sol-modulos{
  background:linear-gradient(180deg, #fff 0%, #f0f7fb 50%, #fff 100%);
}

.sol-seg-showcase{text-align:left}
.sol-seg-showcase-icon{
  width:56px; height:56px;
  border-radius:14px;
  background:rgba(3,120,166,.08);
  color:var(--color-primary);
  display:flex; align-items:center; justify-content:center;
  font-size:1.5rem;
  margin-bottom:.85rem;
}
.sol-seg-features{
  list-style:none;
  padding:0;
  margin:0 0 1rem;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.sol-seg-features li{
  display:flex;
  align-items:center;
  gap:.45rem;
  font-size:.82rem;
  color:#334155;
}
.sol-seg-features li::before{
  content:"";
  width:6px; height:6px;
  border-radius:50%;
  background:var(--color-accent);
  flex-shrink:0;
}
.sol-seg-link{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.85rem;
  font-weight:600;
  color:var(--color-primary);
  text-decoration:none;
}
.sol-seg-link:hover{color:var(--color-accent-700); gap:.55rem}

.sol-seg-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.65rem;
}
@media (min-width:576px){.sol-seg-grid{grid-template-columns:repeat(4, 1fr)}}
.sol-seg-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.35rem;
  padding:.85rem .5rem;
  border-radius:.95rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  cursor:pointer;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.sol-seg-card i{font-size:1.25rem; color:var(--color-primary)}
.sol-seg-card span{font-size:.72rem; font-weight:600; color:#334155; text-align:center}
.sol-seg-card:hover,.sol-seg-card.is-active{
  transform:translateY(-3px);
  border-color:var(--color-primary);
  box-shadow:0 10px 24px rgba(3,120,166,.1);
}
.sol-seg-card.is-active i{color:var(--color-accent)}

.sol-mod-filters .sol-mod-filter{
  border:1px solid rgba(3,120,166,.2);
  background:#fff;
  color:var(--color-primary);
  font-size:.85rem;
  font-weight:600;
  padding:.45rem 1.1rem;
  border-radius:999px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  transition:all .2s ease;
}
.sol-mod-filters .sol-mod-filter:hover,
.sol-mod-filters .sol-mod-filter.is-active{
  background:var(--color-primary);
  color:#fff;
  border-color:var(--color-primary);
}
.sol-mod-item.is-hidden{display:none!important}

.sol-mod-card{
  padding:1.35rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  height:100%;
  transition:transform .25s ease, box-shadow .25s ease;
}
.sol-mod-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 32px rgba(3,120,166,.1);
}
.sol-mod-card-icon{
  width:44px; height:44px;
  border-radius:12px;
  background:rgba(3,120,166,.08);
  color:var(--color-primary);
  display:flex; align-items:center; justify-content:center;
  font-size:1.25rem;
  margin-bottom:.75rem;
}
.sol-mod-card-link{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  font-size:.82rem;
  font-weight:600;
  color:var(--color-primary);
  text-decoration:none;
}
.sol-mod-card-link:hover{color:var(--color-accent-700)}

.sol-prod-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.25rem;
  padding:1.35rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  text-decoration:none;
  height:100%;
  position:relative;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.sol-prod-card:hover{
  transform:translateY(-4px);
  border-color:var(--color-primary);
  box-shadow:0 16px 32px rgba(3,120,166,.12);
}
.sol-prod-card>i:first-child{font-size:1.5rem; color:var(--color-primary); margin-bottom:.35rem}
.sol-prod-card strong{color:#1e293b; font-size:.95rem}
.sol-prod-card span{font-size:.78rem; color:#64748b}
.sol-prod-arrow{
  position:absolute;
  top:1.25rem; right:1.25rem;
  color:#cbd5e1;
  transition:transform .2s ease, color .2s ease;
}
.sol-prod-card:hover .sol-prod-arrow{color:var(--color-primary); transform:translateX(3px)}

.sol-extras-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.75rem;
  max-width:720px;
  margin:0 auto;
}
@media (min-width:768px){.sol-extras-grid{grid-template-columns:repeat(3, 1fr)}}
.sol-extra-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.4rem;
  padding:1rem .75rem;
  border-radius:1rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  cursor:pointer;
  transition:transform .22s ease, border-color .22s ease;
}
.sol-extra-card i{font-size:1.35rem; color:var(--color-primary)}
.sol-extra-card span{font-size:.78rem; font-weight:600; color:#334155}
.sol-extra-card:hover,.sol-extra-card.is-active{
  transform:translateY(-3px);
  border-color:var(--color-primary);
  box-shadow:0 10px 24px rgba(3,120,166,.1);
}
.sol-extra-card.is-active i{color:var(--color-accent)}
.sol-extra-detail{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  max-width:720px;
  margin:1.25rem auto 0;
  padding:1rem 1.15rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
}
.sol-extra-detail>i{font-size:1.5rem; color:var(--color-primary); flex-shrink:0}
.sol-extra-detail strong{display:block; color:#1e293b; font-size:.95rem; margin-bottom:.25rem}
.sol-extra-detail p{margin:0; font-size:.88rem; color:#64748b; line-height:1.55}

/* ========== Página Planos ========== */
.page-planos .hero-planos{min-height:auto}

.planos-hero-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.85rem;
  max-width:440px;
  margin:0 auto;
}
.planos-hero-card{
  position:relative;
  padding:1.15rem;
  border-radius:1rem;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(10px);
  color:#fff;
}
.planos-hero-card--flex{
  border-color:rgba(255,138,0,.45);
  background:rgba(255,138,0,.12);
}
.planos-hero-card-badge{
  position:absolute;
  top:-.5rem; right:.65rem;
  font-size:.58rem;
  font-weight:700;
  text-transform:uppercase;
  padding:.2rem .45rem;
  border-radius:999px;
  background:var(--color-orange, #ff8a00);
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:.2rem;
}
.planos-hero-card-label{font-size:.68rem; text-transform:uppercase; letter-spacing:.05em; color:rgba(255,255,255,.7); display:block; margin-bottom:.25rem}
.planos-hero-card strong{font-size:1.35rem; display:block; margin-bottom:.5rem}
.planos-hero-card strong span{font-size:.75rem; font-weight:500; color:rgba(255,255,255,.65)}
.planos-hero-card ul{
  list-style:none;
  padding:0;
  margin:0;
  font-size:.72rem;
  color:rgba(255,255,255,.85);
}
.planos-hero-card li{padding:.15rem 0}

.planos-compare-toggle .planos-compare-btn{
  border:1px solid rgba(3,120,166,.2);
  background:#fff;
  color:var(--color-primary);
  font-size:.85rem;
  font-weight:600;
  padding:.45rem 1.1rem;
  border-radius:999px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  transition:all .2s ease;
}
.planos-compare-toggle .planos-compare-btn:hover,
.planos-compare-toggle .planos-compare-btn.is-active{
  background:var(--color-primary);
  color:#fff;
  border-color:var(--color-primary);
}
.planos-compare-table.is-highlight-essencial .compare-head>div:nth-child(3),
.planos-compare-table.is-highlight-essencial .compare-row>div:nth-child(3){opacity:.35}
.planos-compare-table.is-highlight-essencial .compare-head>div:nth-child(2),
.planos-compare-table.is-highlight-essencial .compare-row>div:nth-child(2){background:rgba(3,120,166,.04)}
.planos-compare-table.is-highlight-flex .compare-head>div:nth-child(2),
.planos-compare-table.is-highlight-flex .compare-row>div:nth-child(2){opacity:.35}
.planos-compare-table.is-highlight-flex .compare-head>div:nth-child(3),
.planos-compare-table.is-highlight-flex .compare-row>div:nth-child(3){background:rgba(139,180,34,.06)}

.planos-mod-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.75rem;
}
@media (min-width:576px){.planos-mod-grid{grid-template-columns:repeat(3, 1fr)}}
.planos-mod-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.2rem;
  padding:1rem;
  border-radius:1rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  cursor:pointer;
  text-align:left;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.planos-mod-card i{font-size:1.25rem; color:var(--color-primary); margin-bottom:.15rem}
.planos-mod-card span{font-size:.82rem; font-weight:600; color:#334155}
.planos-mod-card:hover,.planos-mod-card.is-active{
  transform:translateY(-3px);
  border-color:var(--color-primary);
  box-shadow:0 10px 24px rgba(3,120,166,.1);
}
.planos-mod-card.is-active i{color:var(--color-accent)}
.planos-mod-plans{display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.85rem}
.planos-mod-plan-tag{
  font-size:.65rem;
  font-weight:700;
  text-transform:uppercase;
  padding:.2rem .5rem;
  border-radius:999px;
  background:rgba(3,120,166,.1);
  color:var(--color-primary);
}
.planos-mod-plan-tag--flex{background:rgba(255,138,0,.12); color:#c56a00}

.section-planos-cards .pricing-card-pro{cursor:pointer; transition:transform .25s ease, box-shadow .25s ease}
.section-planos-cards .pricing-card-pro.is-card-active{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(3,120,166,.15)!important;
}

/* ========== Página Contato ========== */
.page-contato .hero-contato{min-height:auto}

.page-blog .hero-blog{min-height:auto}

.contato-hero-channels{
  display:flex;
  flex-direction:column;
  gap:.75rem;
  max-width:400px;
  margin:0 auto;
}
.contato-channel-card{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1rem 1.15rem;
  border-radius:1rem;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(10px);
  color:#fff;
  text-decoration:none;
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}
.contato-channel-card:hover{
  transform:translateX(6px);
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.35);
  color:#fff;
}
.contato-channel-card--wa{border-color:rgba(37,211,102,.35)}
.contato-channel-card--wa:hover{background:rgba(37,211,102,.15)}
.contato-channel-card>i:first-child{font-size:1.35rem; color:var(--color-accent); flex-shrink:0}
.contato-channel-card--wa>i:first-child{color:#25d366}
.contato-channel-card strong{display:block; font-size:.9rem}
.contato-channel-card span{font-size:.75rem; color:rgba(255,255,255,.75)}
.contato-channel-arrow{margin-left:auto; opacity:.6; font-size:.9rem}

.contato-success{
  border-radius:1rem;
  border:1px solid rgba(25,135,84,.25);
  background:rgba(25,135,84,.08);
  color:#146c43;
  padding:1rem 1.15rem;
  margin-bottom:1.5rem;
}

.contato-intents .contato-intent{
  border:1px solid rgba(3,120,166,.2);
  background:#fff;
  color:var(--color-primary);
  font-size:.85rem;
  font-weight:600;
  padding:.45rem 1rem;
  border-radius:999px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  transition:all .2s ease;
}
.contato-intents .contato-intent:hover,
.contato-intents .contato-intent.is-active{
  background:var(--color-primary);
  color:#fff;
  border-color:var(--color-primary);
}

.contato-horario-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:.25rem;
  padding:1.25rem 1rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.1);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  height:100%;
  transition:transform .22s ease, box-shadow .22s ease;
}
.contato-horario-card:hover{transform:translateY(-3px); box-shadow:0 12px 28px rgba(3,120,166,.1)}
.contato-horario-card i{font-size:1.5rem; color:var(--color-primary); margin-bottom:.35rem}
.contato-horario-card--highlight{
  border-color:var(--color-primary);
  background:linear-gradient(180deg, rgba(3,120,166,.04), #fff);
}
.contato-horario-card--highlight i{color:#25d366}
.contato-horario-card strong{font-size:.9rem; color:#1e293b}
.contato-horario-card span{font-size:.78rem; color:#64748b}

/* ========== Página ERP + PDV ========== */
.page-erp-pdv .hero-erp{min-height:auto}

.erp-sync-panel{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.65rem;
  padding:1.75rem 1.5rem;
  border-radius:1.25rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(12px);
  max-width:380px;
  margin:0 auto;
}
.erp-sync-node{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.15rem;
  padding:.85rem 1.25rem;
  border-radius:1rem;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;
  text-align:center;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.erp-sync-node i{font-size:1.35rem; color:var(--color-accent)}
.erp-sync-node span{font-size:.85rem; font-weight:600}
.erp-sync-node small{font-size:.68rem; color:rgba(255,255,255,.65)}
.erp-sync-node--pdv{
  background:rgba(255,138,0,.15);
  border-color:rgba(255,138,0,.35);
}
.erp-sync-node--branch{
  flex:1;
  min-width:0;
  padding:.65rem .5rem;
  cursor:default;
}
.erp-sync-node--branch.is-active{
  background:rgba(3,120,166,.35);
  border-color:rgba(255,255,255,.4);
  transform:scale(1.05);
}
.erp-sync-node--branch span{font-size:.75rem}
.erp-sync-hub{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.25rem;
  padding:1rem 1.5rem;
  border-radius:50%;
  width:88px; height:88px;
  justify-content:center;
  background:linear-gradient(135deg, var(--color-primary), #025a7a);
  border:2px solid rgba(255,255,255,.3);
  box-shadow:0 8px 24px rgba(0,0,0,.2);
  color:#fff;
}
.erp-sync-hub i{font-size:1.5rem}
.erp-sync-hub span{font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em}
.erp-sync-connector{
  position:relative;
  width:3px;
  height:28px;
  background:rgba(255,255,255,.2);
  border-radius:2px;
  overflow:hidden;
}
.erp-sync-pulse{
  position:absolute;
  top:0; left:0; right:0;
  height:40%;
  background:var(--color-accent);
  border-radius:2px;
  animation:erpSyncPulse 1.4s ease-in-out infinite;
}
.erp-sync-branches{
  display:flex;
  gap:.5rem;
  width:100%;
}
@keyframes erpSyncPulse{
  0%{transform:translateY(-100%); opacity:0}
  30%{opacity:1}
  100%{transform:translateY(250%); opacity:0}
}

.erp-benefit-showcase .ops-detail{min-height:220px}

.erp-mod-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.65rem;
}
@media (min-width:768px){.erp-mod-grid{grid-template-columns:repeat(4, 1fr)}}
.erp-mod-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.25rem;
  padding:.85rem .65rem;
  border-radius:.85rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  cursor:pointer;
  text-align:center;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.erp-mod-card i{font-size:1.25rem; color:var(--color-primary)}
.erp-mod-card span{font-size:.78rem; font-weight:600; color:#334155}
.erp-mod-card:hover,.erp-mod-card.is-active{
  transform:translateY(-3px);
  border-color:var(--color-primary);
  box-shadow:0 10px 24px rgba(3,120,166,.1);
}
.erp-mod-card.is-active i{color:var(--color-accent)}
.erp-mod-detail{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  margin-top:1.25rem;
  padding:1.15rem 1.25rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 8px 24px rgba(3,120,166,.06);
}
.erp-mod-detail>i{
  font-size:1.5rem;
  color:var(--color-primary);
  flex-shrink:0;
  margin-top:.1rem;
}
.erp-mod-detail strong{display:block; font-size:.95rem; color:#1e293b; margin-bottom:.25rem}
.erp-mod-detail p{margin:0; font-size:.85rem; color:#64748b; line-height:1.5}

.section-erp-cta .pdv-demo-inner{align-items:center}

/* ========== Página Frente de Caixa ========== */
.page-frente-caixa .hero-fc{min-height:auto}

.section-fc-recursos{background:linear-gradient(180deg, #fff 0%, #f8fafc 100%)}
.fc-showcase .ops-detail{min-height:200px}

.fc-perif-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.65rem;
}
@media (min-width:768px){.fc-perif-grid{grid-template-columns:repeat(5, 1fr)}}
.fc-perif-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.25rem;
  padding:.85rem .5rem;
  border-radius:.85rem;
  background:#fff;
  border:2px solid rgba(3,120,166,.1);
  cursor:pointer;
  text-align:center;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.fc-perif-card i{font-size:1.25rem; color:var(--color-primary)}
.fc-perif-card span{font-size:.75rem; font-weight:600; color:#334155}
.fc-perif-card:hover,.fc-perif-card.is-active{
  transform:translateY(-3px);
  border-color:var(--color-primary);
  box-shadow:0 10px 24px rgba(3,120,166,.1);
}
.fc-perif-card.is-active i{color:var(--color-accent)}
.fc-perif-detail{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  margin-top:1.25rem;
  padding:1.15rem 1.25rem;
  border-radius:1rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  box-shadow:0 8px 24px rgba(3,120,166,.06);
}
.fc-perif-detail>i{
  font-size:1.5rem;
  color:var(--color-primary);
  flex-shrink:0;
  margin-top:.1rem;
}
.fc-perif-detail strong{display:block; font-size:.95rem; color:#1e293b; margin-bottom:.25rem}
.fc-perif-detail p{margin:0; font-size:.85rem; color:#64748b; line-height:1.5}

.section-fc-cta .pdv-demo-inner{align-items:center}

/* ========== Páginas SEO Landing (pdv-*) ========== */
.page-landing-seo .hero-landing{min-height:auto}

.section-landing-recursos{background:linear-gradient(180deg, #fff 0%, #f8fafc 100%)}
.landing-showcase .ops-detail{min-height:200px}

.landing-hero-widget{max-width:100%}
.page-landing-seo .hero-landing .landing-hero-widget{margin-inline:auto}

.section-landing-cta .pdv-demo-inner{align-items:center}

/* ========== Conteúdo editorial (SEO) ========== */
.section-editorial{background:linear-gradient(180deg, #fff 0%, #f8fafc 100%)}
.section-editorial .content-prose{
  font-size:1.05rem;
  line-height:1.8;
  color:#475569;
}
.section-editorial .content-prose h3{
  font-size:1.2rem;
  font-weight:700;
  color:#1e293b;
  margin-top:2rem;
  margin-bottom:.75rem;
}
.section-editorial .content-prose h3:first-child{margin-top:0}
.section-editorial .content-prose p{margin-bottom:1rem}
.section-editorial .content-prose ul{
  margin-bottom:1rem;
  padding-left:1.25rem;
}
.section-editorial .content-prose li{margin-bottom:.4rem}
.section-editorial .editorial-links .btn{font-size:.8rem}
.section-editorial .content-prose .lead{
  font-size:1.15rem;
  line-height:1.75;
  color:#1e293b;
  font-weight:500;
  margin-bottom:1.25rem;
}

/* Links inline em texto — sem azul/sublinhado padrão */
.content-prose a:not(.btn):not([class*="btn-"]),
.callout-pro a:not(.btn):not([class*="btn-"]),
.accordion-pro .accordion-body a:not(.btn):not([class*="btn-"]),
.faq-prose a:not(.btn):not([class*="btn-"]){
  color:#334155;
  font-weight:600;
  text-decoration:none;
  border-bottom:none;
  transition:color .2s ease;
}
.content-prose a:not(.btn):not([class*="btn-"]):hover,
.callout-pro a:not(.btn):not([class*="btn-"]):hover,
.accordion-pro .accordion-body a:not(.btn):not([class*="btn-"]):hover,
.faq-prose a:not(.btn):not([class*="btn-"]):hover,
.content-prose a:not(.btn):not([class*="btn-"]):focus-visible,
.callout-pro a:not(.btn):not([class*="btn-"]):focus-visible,
.accordion-pro .accordion-body a:not(.btn):not([class*="btn-"]):focus-visible,
.faq-prose a:not(.btn):not([class*="btn-"]):focus-visible{
  color:var(--color-primary);
  text-decoration:none;
  border-bottom:none;
}
.content-prose a:not(.btn):not([class*="btn-"]):focus-visible,
.callout-pro a:not(.btn):not([class*="btn-"]):focus-visible,
.accordion-pro .accordion-body a:not(.btn):not([class*="btn-"]):focus-visible,
.faq-prose a:not(.btn):not([class*="btn-"]):focus-visible{
  outline:2px solid rgba(3,120,166,.35);
  outline-offset:2px;
  border-radius:2px;
}
.section-editorial .content-prose .stat-highlight{
  font-weight:700;
  color:var(--color-primary);
  white-space:nowrap;
}
.section-editorial .editorial-list-check{
  list-style:none;
  padding-left:0;
  margin:1rem 0 1.25rem;
}
.section-editorial .editorial-list-check li{
  display:flex;
  gap:.5rem;
  align-items:flex-start;
  margin-bottom:.55rem;
  font-size:.98rem;
}
.section-editorial .editorial-list-check li i{
  color:var(--color-accent);
  margin-top:.15rem;
  flex-shrink:0;
}
.section-editorial .editorial-cards{
  margin:1.25rem 0 1.5rem;
}
.section-editorial .editorial-cards .info-card{
  height:100%;
  padding:1rem 1.1rem;
}
.section-editorial .callout-pro{
  border-left:4px solid var(--color-primary);
  background:linear-gradient(90deg, rgba(3,120,166,.08) 0%, rgba(3,120,166,.02) 100%);
  border-radius:0 .75rem .75rem 0;
  padding:1rem 1.15rem;
  margin:1.25rem 0 1.5rem;
  font-size:.95rem;
  color:#334155;
}
.section-editorial .callout-pro strong{color:#1e293b}
.section-editorial .callout-pro i{
  color:var(--color-primary);
  margin-right:.35rem;
}
.section-editorial .editorial-cta{
  text-align:center;
  padding:1.5rem 1rem;
  margin:1.75rem 0;
  background:#fff;
  border:1px solid rgba(3,120,166,.15);
  border-radius:1rem;
  box-shadow:0 8px 24px rgba(14,44,74,.06);
}
.section-editorial .editorial-cta p{
  margin-bottom:.75rem;
  color:#64748b;
  font-size:.95rem;
}
.section-editorial .table-modern-wrap{
  overflow-x:auto;
  margin:1.25rem 0 1.5rem;
  border-radius:.75rem;
  border:1px solid rgba(3,120,166,.12);
}
.section-editorial .table-modern{
  margin-bottom:0;
  font-size:.9rem;
}
.section-editorial .table-modern thead th{
  background:var(--color-primary);
  color:#fff;
  font-weight:600;
  border:none;
  padding:.65rem .85rem;
  white-space:nowrap;
}
.section-editorial .table-modern tbody td{
  padding:.6rem .85rem;
  vertical-align:middle;
  border-color:rgba(3,120,166,.08);
}
.section-editorial .table-modern tbody tr:nth-child(even){background:#f8fafc}
.section-editorial .steps-editorial{
  margin:1.25rem 0 1.5rem;
}
.section-editorial .steps-editorial .step-card-pro{
  padding:1rem 1.1rem;
  text-align:left;
}
.section-editorial .badge-term{
  font-size:.75rem;
  font-weight:600;
  padding:.25rem .5rem;
  margin-right:.25rem;
  vertical-align:middle;
}

/* ========== Assinar plano (fluxo comercial) ========== */
.page-assinar-plano .assinar-form-card{
  background:#fff;
  border:1px solid rgba(3,120,166,.12);
  border-radius:1rem;
  box-shadow:0 14px 32px rgba(14,44,74,.08);
  padding:1.75rem;
}
.page-assinar-plano .assinar-sidebar{
  background:linear-gradient(160deg, var(--color-primary) 0%, #025a7a 100%);
  color:#fff;
  border-radius:1rem;
  padding:1.75rem;
  height:100%;
}
.page-assinar-plano .assinar-sidebar h2{font-size:1.35rem; font-weight:700; margin-bottom:1rem}
.page-assinar-plano .assinar-trust-item{
  display:flex;
  gap:.65rem;
  align-items:flex-start;
  font-size:.9rem;
  margin-bottom:.75rem;
  opacity:.95;
}
.page-assinar-plano .assinar-trust-item i{color:var(--color-accent); flex-shrink:0; margin-top:.15rem}
.page-assinar-plano .assinar-form-card .form-label{font-weight:600; color:#1e293b}
.page-assinar-plano .assinar-form-error{color:#dc3545; font-size:.875rem; margin-top:.25rem}
.page-assinar-plano .assinar-form-error.is-hidden{display:none}
.page-assinar-plano .assinar-valor-estimado{
  font-size:1.1rem;
  font-weight:700;
  color:#059669;
  text-align:right;
  margin-bottom:1rem;
}
.page-assinar-plano .assinar-captcha{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
  margin-bottom:1rem;
  padding:1rem;
  border-radius:.75rem;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}
.page-assinar-plano .assinar-captcha img{max-width:72px; height:auto}
.page-assinar-plano .assinar-captcha input{max-width:120px}
.page-assinar-plano .btn-assinar-submit{
  padding:.75rem 1.75rem;
  font-weight:600;
  border-radius:.75rem;
}
.page-assinar-plano .hero-assinar{min-height:min(72vh,640px)}
.page-assinar-plano .assinar-hero-steps{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.page-assinar-plano .assinar-hero-step{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1.15rem 1.25rem;
  border-radius:1rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  transition:transform .25s ease, border-color .25s ease, background .25s ease;
}
.page-assinar-plano .assinar-hero-step.is-active{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.28);
  transform:translateX(4px);
}
.page-assinar-plano .assinar-hero-step-num{
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:1rem;
  background:var(--color-accent);
  color:#fff;
  flex-shrink:0;
}
.page-assinar-plano .assinar-hero-step strong{display:block; color:#fff; font-size:.95rem}
.page-assinar-plano .assinar-hero-step span{font-size:.78rem; color:rgba(255,255,255,.72)}
.page-assinar-plano .section-assinar .section-title{margin-bottom:.75rem}
.page-assinar-plano .assinar-plan-picker-wrap{margin-bottom:1.25rem}
.page-assinar-plano .assinar-plan-picker-label{
  font-size:.85rem;
  font-weight:600;
  color:#475569;
  margin-bottom:.65rem;
}
.page-assinar-plano .assinar-plan-picker{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}
.page-assinar-plano .assinar-plan-chip{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.15rem;
  padding:.75rem 1rem;
  border-radius:.85rem;
  border:2px solid #e2e8f0;
  background:#fff;
  cursor:pointer;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
  min-width:9.5rem;
  text-align:left;
}
.page-assinar-plano .assinar-plan-chip:hover{
  border-color:rgba(3,120,166,.35);
  box-shadow:0 6px 18px rgba(14,44,74,.08);
}
.page-assinar-plano .assinar-plan-chip.is-active{
  border-color:var(--color-primary);
  background:linear-gradient(180deg,rgba(3,120,166,.06) 0%,#fff 100%);
  box-shadow:0 8px 22px rgba(3,120,166,.12);
}
.page-assinar-plano .assinar-plan-chip--featured{
  position:relative;
  border-color:rgba(255,152,0,.45);
}
.page-assinar-plano .assinar-plan-chip--featured::before{
  content:"Recomendado";
  position:absolute;
  top:-.55rem;
  right:.65rem;
  font-size:.62rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.03em;
  padding:.15rem .45rem;
  border-radius:999px;
  background:var(--color-accent);
  color:#fff;
}
.page-assinar-plano .assinar-plan-chip-name{
  font-size:.88rem;
  font-weight:700;
  color:#0f172a;
}
.page-assinar-plano .assinar-plan-chip-price{
  font-size:.78rem;
  color:#64748b;
  font-weight:600;
}
.page-assinar-plano .assinar-plan-chip-tag{
  font-size:.68rem;
  color:var(--color-primary);
  font-weight:600;
}
.page-assinar-plano .assinar-plano-resumo{
  margin-bottom:1.5rem;
  padding:1rem 1.25rem;
  border-radius:.85rem;
  background:#fff;
  border:1px solid rgba(3,120,166,.15);
  box-shadow:0 4px 14px rgba(14,44,74,.05);
}
.page-assinar-plano .assinar-plano-resumo:empty{display:none}
.page-assinar-plano .assinar-plano-resumo strong{color:var(--color-primary)}
.page-assinar-plano .assinar-plano-resumo p{margin:0; font-size:.9rem; color:#475569}
.page-assinar-plano .assinar-sidebar-badge{
  display:inline-flex;
  align-items:center;
  font-size:.72rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:.35rem .65rem;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  margin-bottom:1rem;
}
.page-assinar-plano .assinar-sidebar-contact{border-top:1px solid rgba(255,255,255,.18)}
.page-assinar-plano .assinar-form-header{
  margin-bottom:1.25rem;
  padding-bottom:1rem;
  border-bottom:1px solid #e2e8f0;
}
.page-assinar-plano .assinar-form-card .form-control-lg,
.page-assinar-plano .assinar-form-card .form-select-lg{
  border-radius:.65rem;
  border-color:#cbd5e1;
}
.page-assinar-plano .assinar-form-card .form-control-lg:focus,
.page-assinar-plano .assinar-form-card .form-select-lg:focus{
  border-color:var(--color-primary);
  box-shadow:0 0 0 .2rem rgba(3,120,166,.12);
}
.page-assinar-plano .assinar-valor-estimado{
  font-size:.95rem;
  font-weight:600;
  color:#059669;
  text-align:left;
  margin-bottom:1rem;
  padding:.85rem 1rem;
  border-radius:.65rem;
  background:rgba(5,150,105,.08);
  border:1px solid rgba(5,150,105,.18);
}
.page-assinar-plano .assinar-valor-estimado:empty{display:none}
.page-assinar-plano .assinar-captcha-visual{
  flex-shrink:0;
  padding:.35rem;
  border-radius:.5rem;
  background:#fff;
  border:1px solid #e2e8f0;
}
.page-assinar-plano .assinar-captcha img{max-width:88px; height:auto}
.page-assinar-plano .assinar-form-legal{line-height:1.45}
@media (max-width:767.98px){
  .page-assinar-plano .assinar-plan-chip{flex:1 1 calc(50% - .65rem); min-width:0}
  .page-assinar-plano .hero-assinar{min-height:auto}
}
.page-confirmacao-enviado .confirmacao-card{
  max-width:640px;
  margin:0 auto;
  text-align:center;
  padding:3rem 1.5rem;
}
.page-confirmacao-enviado .confirmacao-icon{
  font-size:4rem;
  color:#22c55e;
  line-height:1;
  margin-bottom:1rem;
}

/* Breadcrumb site-wide */
.breadcrumb-site{
  background:#f8fafc;
  border-bottom:1px solid rgba(3,120,166,.08);
}
.breadcrumb-site .breadcrumb-item a{
  color:var(--color-primary);
  text-decoration:none;
}
.breadcrumb-site .breadcrumb-item a:hover{text-decoration:underline}
.breadcrumb-site .breadcrumb-item.active{color:#64748b}