*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
/* TOPPIA LP — styles.css
   Documentação: DOCUMENTACAO.md §9
   Seções: hdr → banner → frase/promo → dep → ticker → sobre → mapa → footer → modal
   Cores marca: #9823F8 (roxo) | #BB00FF (hover) | #25D366 (WhatsApp) */
html{scroll-behavior:smooth}
body{font-family:"Poppins",sans-serif;background:#fff;color:#000;overflow-x:hidden}
img{display:block;max-width:100%}
a{text-decoration:none}

/* ═══════════════════════════════
   HEADER
═══════════════════════════════ */
#hdr{position:fixed;top:0;left:0;right:0;z-index:9999;background:#000;height:54px;
  display:flex;align-items:center;justify-content:space-between;padding:0 20px;
  box-shadow:none}
.hdr-logo img{height:42px;filter:none;object-fit:contain}
.hdr-soc{display:flex;align-items:center;gap:8px}
.hdr-soc a{
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.12);
  transition:background .2s;color:#fff;
}
.hdr-soc a:hover{background:#9823F8}
.hdr-soc svg{width:18px;height:18px;fill:#fff}
.hdr-soc a svg path{fill:#fff}
.hdr-soc a svg{color:#fff;fill:#fff}
.hdr-soc a svg *{fill:#fff;stroke:none}

/* ── BANNER ── */
#banner{
  margin-top:54px;
  background-color:#000;
  position:relative;overflow:hidden;z-index:1;
  border:none;
  box-shadow:none;
}
.bn-vp{width:100%;overflow:hidden;position:relative;z-index:1;background:none;border:none;box-shadow:none}
.bn-track{display:flex;transition:transform 1s cubic-bezier(.77,0,.18,1);border:none;box-shadow:none}
.bn-slide{min-width:100%;position:relative;background:transparent;border:none;box-shadow:none}
.bn-slide picture{display:block;width:100%;line-height:0;background:transparent;border:none;box-shadow:none}
.bn-slide img{
  width:100%;
  display:block;
  height:auto;
  aspect-ratio:1024/512;
  object-fit:contain;
  object-position:center center;
  image-rendering:auto;
  background:transparent;
  mix-blend-mode:none;
  border:none;
  box-shadow:none;
}
/* Mobile — mesma arte do banner principal */
@media(max-width:768px){
  .bn-slide img{
    aspect-ratio:1024/512;
    object-fit:contain;
    object-position:center center;
    mix-blend-mode:none;
    background-color:#000;
  }
}

.bn-ph{width:100%;height:380px;background:#0d0018;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:12px;color:rgba(255,255,255,.2);
  border-bottom:2px solid rgba(152,35,248,.4)}
.bn-ph svg{width:44px;height:44px;opacity:.18}
.bn-ph span{font-size:.7rem;opacity:.45;text-align:center;padding:0 20px}
.bn-arr{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);
  backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;
  font-size:1.35rem;width:40px;height:40px;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}
.bn-arr:hover{background:#9823F8;border-color:#9823F8}
.bn-prev{left:20px}.bn-next{right:20px}
#banner.bn-single .bn-arr{display:none}
/* ═══════════════════════════════
   FRASE + PRODUTOS — MESMO BG
═══════════════════════════════ */
#frase-promo{
  background:#000;
  position:relative;overflow:hidden;
}

/* FRASE */
#frase{padding:48px 24px 44px;text-align:center;position:relative;z-index:1}
#frase h2{font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:800;color:#fff;
  line-height:1.15;max-width:700px;margin:0 auto 16px;letter-spacing:-1px}
#frase h2 span{color:#BB00FF}
#frase p{font-size:.95rem;color:rgba(255,255,255,.55);max-width:470px;
  margin:0 auto 28px;line-height:1.75}
.frase-btn{display:inline-flex;align-items:center;gap:10px;background:#9823F8;
  color:#fff;font-family:"Poppins",sans-serif;font-size:.9rem;font-weight:600;
  padding:12px 30px;border-radius:50px;
  transition:all .25s;box-shadow:0 0 0 0 rgba(152,35,248,.5)}
.frase-btn:hover{background:#BB00FF;transform:translateY(-2px);
  box-shadow:0 8px 40px rgba(152,35,248,.5)}
.frase-btn svg{width:19px;height:19px;fill:#fff}

/* PROMOÇÃO BADGE */
#promo-hd{display:flex;justify-content:center;padding:0 0 40px;position:relative;z-index:1}
.promo-badge{background:rgba(152,35,248,.15);color:#c084fc;
  font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;
  padding:8px 20px;border-radius:50px;
  border:1px solid rgba(152,35,248,.35);
  display:flex;align-items:center;gap:8px}
.promo-badge::before{content:"";width:8px;height:8px;border-radius:50%;
  background:#9823F8;display:inline-block;
  animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(152,35,248,.6)}50%{box-shadow:0 0 0 6px rgba(152,35,248,.0)}}

/* PRODUTOS — card estilo cinema FLUIDO */
#promo{padding:0 0 72px;position:relative;z-index:1;text-align:center}
.prod-outer{
  max-width:1040px;margin:0 auto;padding:0 24px;
}
.prod-vp{overflow:visible}
.prod-track{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.prod-card{
  border-radius:20px;overflow:hidden;position:relative;
  border:1.5px solid rgba(152,35,248,.25);
  background:#0d0020;display:flex;flex-direction:column;
  transition:border-color .25s,transform .25s,box-shadow .25s;
  opacity:1;cursor:pointer;
}
.prod-card:hover{
  border-color:rgba(152,35,248,.7);
  transform:translateY(-6px);
  box-shadow:0 20px 56px rgba(152,35,248,.3);
}
.prod-img{position:relative;width:100%;height:220px;overflow:hidden;flex-shrink:0;
  background:linear-gradient(145deg,#130028,#2a0055)}
.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.prod-card:hover .prod-img img{transform:scale(1.04)}
.prod-img .ph{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;color:rgba(255,255,255,.2);width:100%;height:100%;font-size:.7rem;text-align:center;padding:14px}
.prod-img .ph svg{width:44px;height:44px;opacity:.15}
.prod-badge2{position:absolute;top:10px;left:10px;z-index:3;background:rgba(152,35,248,.85);
  backdrop-filter:blur(4px);color:#fff;font-size:.6rem;font-weight:700;text-transform:uppercase;
  letter-spacing:1px;padding:3px 10px;border-radius:20px}
.prod-body{position:relative;padding:18px 16px 16px;z-index:2;flex:1;display:flex;
  flex-direction:column;background:#0d0020;text-align:left}
.prod-tag{display:inline-block;font-size:.6rem;font-weight:600;text-transform:uppercase;
  letter-spacing:1px;padding:3px 9px;border-radius:6px;margin-bottom:8px;
  background:rgba(152,35,248,.25);color:#d8b4fe;border:1px solid rgba(152,35,248,.35)}
.prod-body h3{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:4px;line-height:1.3;
  text-shadow:0 2px 12px rgba(0,0,0,.9);text-align:left}
.prod-meta{color:rgba(255,255,255,.45);font-size:.7rem;margin-bottom:12px;line-height:1.45}
.prod-price{display:flex;flex-wrap:wrap;align-items:baseline;align-content:flex-start;gap:2px 6px;margin-bottom:14px;min-height:2.55rem}
.prod-price .old{color:rgba(255,255,255,.3);font-size:.68rem;text-decoration:line-through;white-space:nowrap;flex-shrink:0}
.prod-price .novo{color:#e0aaff;font-size:1.05rem;font-weight:700;line-height:1;white-space:nowrap;flex-shrink:0}
.prod-price .per{color:rgba(255,255,255,.3);font-size:.58rem;line-height:1.25;flex:0 0 100%;margin-top:2px}
.prod-btn{display:flex;align-items:center;justify-content:center;gap:7px;
  background:#9823F8;color:#fff;font-family:"Poppins",sans-serif;font-size:.78rem;
  font-weight:600;padding:11px 0;border-radius:12px;border:none;cursor:pointer;
  width:100%;transition:all .25s;text-decoration:none;margin-top:auto}
.prod-btn:hover{background:#BB00FF}

/* ═══════════════════════════════
   CATÁLOGOS — 3 cards fixos
═══════════════════════════════ */
/* cat-cta — abaixo dos produtos (#promo) */
.cat-cta{display:flex;justify-content:center}
#promo .cat-cta{margin-top:40px;padding:0 40px}
.cat-cta a{display:inline-flex;align-items:center;gap:8px;background:#9823F8;color:#fff;
  font-family:"Poppins",sans-serif;font-size:.9rem;font-weight:600;
  padding:13px 34px;border-radius:50px;transition:all .2s;
  box-shadow:0 4px 20px rgba(152,35,248,.3)}
.cat-cta a:hover{background:#BB00FF;transform:translateY(-2px);box-shadow:0 8px 32px rgba(187,0,255,.4)}

/* ═══════════════════════════════
   TICKER
═══════════════════════════════ */
#ticker{background:#9823F8;height:96px;padding:0;overflow:hidden;position:relative;display:flex;align-items:center}
#ticker::before,#ticker::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2}
#ticker::before{left:0;background:linear-gradient(to right,#9823F8,transparent)}
#ticker::after{right:0;background:linear-gradient(to left,#9823F8,transparent)}
.tick-track{display:flex;gap:40px;align-items:center;height:100%;
  animation:tickmove 30s linear infinite;white-space:nowrap}
@keyframes tickmove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.tick-logo{display:inline-flex;align-items:center;flex-shrink:0}
.tick-logo img{height:128px;width:auto;max-width:140px;filter:none;opacity:1;object-fit:contain;flex-shrink:0}

/* ═══════════════════════════════
   SOBRE NÓS — estilo Crypto/Kronix
═══════════════════════════════ */
#sobre{background:#0a0010;padding:88px 0;overflow:hidden;position:relative}

/* grid decorativo fundo */
#sobre::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(152,35,248,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(152,35,248,.06) 1px,transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
}

.sobre-w{max-width:1140px;margin:0 auto;padding:0 40px;position:relative;z-index:1}

/* HERO — texto + visual lado a lado como Crypto ref */
.sobre-hero{
  display:grid;grid-template-columns:1fr 1fr;
  gap:80px;align-items:center;margin-bottom:120px;
}
.sh-left .eyebrow{
  display:inline-block;
  color:#9823F8;font-size:.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  margin-bottom:20px;
}
.sh-left h2{font-size:clamp(1.8rem,2.8vw,2.6rem);font-weight:800;color:#fff;
  line-height:1.2;letter-spacing:-.5px;margin-bottom:24px;word-break:keep-all}
.sh-left h2 em{font-style:normal;
  background:linear-gradient(135deg,#9823F8,#BB00FF);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sh-left p{color:rgba(255,255,255,.55);font-size:.97rem;line-height:1.85;margin-bottom:14px;text-wrap:pretty}
.sh-left p strong{color:rgba(255,255,255,.9)}
.txt-keep{display:inline-block;white-space:nowrap}
.sh-cta{display:inline-flex;align-items:center;gap:8px;background:#9823F8;
  color:#fff;font-family:"Poppins",sans-serif;font-size:.88rem;font-weight:600;
  padding:12px 26px;border-radius:50px;margin-top:16px;transition:all .2s;
  box-shadow:0 4px 20px rgba(152,35,248,.35)}
.sh-cta:hover{background:#BB00FF;transform:translateY(-2px)}
.sh-cta svg{width:14px;height:14px;fill:#fff}

/* painel de stats — estilo crypto dashboard */
.sh-right{position:relative}
.stats-panel{
  background:linear-gradient(145deg,rgba(20,0,45,.9),rgba(35,0,75,.9));
  border:1px solid rgba(152,35,248,.25);border-radius:24px;
  padding:36px;backdrop-filter:blur(20px);
  box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 0 1px rgba(152,35,248,.1);
}
.stats-panel .sp-label{color:rgba(255,255,255,.4);font-size:.7rem;font-weight:600;
  text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;
  display:flex;align-items:center;gap:8px}
.stats-panel .sp-label::before{content:"";width:6px;height:6px;border-radius:50%;background:#9823F8;
  animation:pulse 1.8s infinite}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}
.s-stat{
  background:rgba(152,35,248,.08);border:1px solid rgba(152,35,248,.15);
  border-radius:16px;padding:20px 16px;text-align:center;
  transition:border-color .2s;
}
.s-stat:hover{border-color:rgba(152,35,248,.4)}
.s-stat .num{font-size:2rem;font-weight:900;line-height:1;margin-bottom:4px;
  background:linear-gradient(135deg,#e0aaff,#9823F8);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.s-stat .lbl{color:rgba(255,255,255,.45);font-size:.74rem;line-height:1.4}
/* linha separadora */
.sp-divider{height:1px;background:rgba(152,35,248,.15);margin:16px 0}
.sp-tag-row{display:flex;gap:8px;flex-wrap:wrap}
a.sp-tag{background:rgba(152,35,248,.12);border:1px solid rgba(152,35,248,.2);
  color:#c084fc;font-size:.7rem;font-weight:600;padding:5px 12px;border-radius:20px;
  text-decoration:none;display:inline-block;transition:background .2s,border-color .2s,color .2s,transform .2s}
a.sp-tag:hover{background:rgba(152,35,248,.22);border-color:rgba(152,35,248,.45);color:#e9d5ff;transform:translateY(-1px)}

#promo,#dep,#ticker,#sobre,#pilares{scroll-margin-top:84px}

/* PILARES — estilo Crypto "01 02 03" */
.sobre-pilares{margin-bottom:100px}
.pilares-hd{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:48px}
.pilares-hd h3{margin:0;max-width:520px;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;color:#fff;
  letter-spacing:-0.5px;line-height:1.15;text-wrap:balance}
.pilares-hd h3 em{font-style:normal;color:#BB00FF}
.pilares-hd p{margin:0;max-width:520px;color:rgba(255,255,255,.45);font-size:.9rem;line-height:1.7}

.pilares-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pilar{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;padding:36px 28px;
  transition:all .3s;position:relative;overflow:hidden;
}
.pilar::before{content:"";position:absolute;inset:0;border-radius:20px;
  background:linear-gradient(135deg,rgba(152,35,248,.08),transparent);
  opacity:0;transition:opacity .3s;pointer-events:none}
.pilar:hover{border-color:rgba(152,35,248,.4);transform:translateY(-6px);
  box-shadow:0 20px 60px rgba(152,35,248,.15)}
.pilar:hover::before{opacity:1}
/* numero estilo Crypto */
.pilar-num{font-size:3rem;font-weight:900;line-height:1;margin-bottom:20px;
  background:linear-gradient(135deg,rgba(152,35,248,.4),rgba(152,35,248,.08));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  font-feature-settings:"tnum"}
.pilar.active-p .pilar-num{
  background:linear-gradient(135deg,#9823F8,#BB00FF);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pilar.active-p{border-color:rgba(152,35,248,.5);
  background:linear-gradient(145deg,rgba(152,35,248,.1),rgba(152,35,248,.03));
  box-shadow:0 20px 60px rgba(152,35,248,.2)}
.pilar-icon{width:48px;height:48px;border-radius:14px;
  background:rgba(152,35,248,.12);border:1px solid rgba(152,35,248,.2);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.pilar-icon img{width:26px;height:26px;object-fit:contain;
  filter:brightness(0)invert(1)saturate(0)brightness(1.5)}
.pilar h4{color:#fff;font-size:1.05rem;font-weight:700;margin-bottom:10px}
.pilar p{color:rgba(255,255,255,.48);font-size:.84rem;line-height:1.7}
.pilar .learn{display:inline-flex;align-items:center;gap:4px;color:#9823F8;
  font-size:.8rem;font-weight:600;margin-top:16px;transition:gap .2s}
.pilar:hover .learn{gap:8px}

/* EQUIPE + TIMELINE — lado a lado como Kronix "How we work" */
.sobre-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:stretch;margin-top:80px}
.equipe-side-right{min-width:0;min-height:0;display:flex;flex-direction:column}
.equipe-side-right__inner{display:flex;flex:1;min-height:0;width:100%}

/* equipe */
.equipe-side .eyebrow{color:#9823F8;font-size:.7rem;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px;
  display:block}
.equipe-side h3{font-size:clamp(1.4rem,2vw,1.9rem);font-weight:800;color:#fff;
  letter-spacing:-0.5px;margin-bottom:32px;line-height:1.2}
.equipe-side h3 em{font-style:normal;color:#BB00FF}

.mb-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.mb-row {
  background: linear-gradient(145deg, rgba(20,0,45,.9), rgba(35,0,70,.8));
  border: 1px solid rgba(152,35,248,.15);
  border-radius: 20px;
  padding: 24px 20px;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}
.mb-row::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(152,35,248,.12), transparent);
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none;
}
.mb-row { cursor: pointer; }
.mb-row:hover {
  border-color: rgba(152,35,248,.4);
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(152,35,248,.15);
}
.mb-row:hover::before { opacity: 1; }
.mb-info { position: relative; z-index: 1; }
.mb-info h4 { color: #fff; font-size: 1rem; font-weight: 700; margin-bottom: 4px; }
.mb-info .role { color: #BB00FF; font-size: .74rem; font-weight: 600; margin-bottom: 8px; }
.mb-info p { color: rgba(255,255,255,.42); font-size: .78rem; line-height: 1.6; }
.team-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 20001;
  background: rgba(0,0,0,.72);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.team-modal-overlay[hidden] {
  display: none;
}
.team-modal {
  width: min(740px,100%);
  background: rgba(10,0,20,.98);
  border:1px solid rgba(152,35,248,.25);
  border-radius: 24px;
  box-shadow: 0 24px 80px rgba(0,0,0,.5);
  overflow: hidden;
  position: relative;
}
.team-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  border:none;
  background: rgba(152,35,248,.6);
  color:#fff;
  width:32px;
  height:32px;
  border-radius:50%;
  cursor:pointer;
  font-size:1.1rem;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .2s;
  z-index:20;
}
.team-modal-close:hover {
  background: rgba(152,35,248,.9);
}
.team-modal-grid {
  display:grid;
  grid-template-columns:280px 1fr;
  gap:24px;
  padding:32px;
  align-items:start;
  overflow: hidden;
  border-radius: 24px;
}
.team-modal-image {
  border-radius:20px;
  overflow:hidden;
  width:100%;
  max-width:280px;
  aspect-ratio:1 / 1;
  min-height:0;
  background:#12001a;
}
.team-modal-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.team-modal-content { color:#fff; }
.team-modal-name { margin:0 0 10px; font-size:clamp(1.4rem,2vw,2rem); font-weight:800; }
.team-modal-role { margin:0 0 18px; color:#BB00FF; font-size:1rem; font-weight:600; }
.team-modal-desc { margin:0; color:rgba(255,255,255,.78); line-height:1.7; font-size:.95rem; }
@media(max-width:760px) {
  .team-modal-grid { grid-template-columns:1fr; padding:24px; }
  .team-modal-image { min-height:220px; }
}
.esr-img-wrap {
  width: 100%; border-radius: 20px; overflow: hidden;
  border: 1px solid rgba(152,35,248,.2);
  background: #0d0020;
  flex: 1;
  min-height: 0;
  position: relative;
}
.esr-img-wrap img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center 28%;
  display: block;
}
.fachada-foto .img-orc-click{height:100%}
.fachada-foto .img-orc-click img{width:100%;height:100%;object-fit:cover;display:block}
.esr-img-ph {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; color: rgba(255,255,255,.3); text-align: center; padding: 24px;
}
.esr-img-ph span { font-size: .74rem; color: rgba(255,255,255,.25); }
.esr-img-ph code { color: rgba(152,35,248,.6); font-size: .72rem; }

/* CTA final — antes do footer */
#cta-final{
  background:#0a0010;padding:80px 0 96px;position:relative;overflow:hidden;
}
#cta-final::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(152,35,248,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(152,35,248,.06) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);
}
.equipe-cta-wrap{
  max-width:720px;margin:0 auto;padding:0 40px;position:relative;z-index:1;
  text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;
}
.equipe-cta-text{
  margin:0;color:rgba(255,255,255,.85);font-size:clamp(.92rem,2vw,1.05rem);line-height:1.55;
  background:linear-gradient(135deg,rgba(152,35,248,.25),rgba(187,0,255,.12));
  border:1px solid rgba(152,35,248,.25);
  border-radius:20px;padding:24px 28px;width:100%;
}
.equipe-cta-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,#9823F8,#BB00FF);color:#fff;
  font-size:.95rem;font-weight:700;
  padding:14px 32px;border-radius:50px;
  text-decoration:none;
  box-shadow:0 8px 32px rgba(152,35,248,.35);
  transition:transform .2s,box-shadow .2s;
}
.equipe-cta-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 40px rgba(187,0,255,.45);
}
.equipe-cta-btn:focus-visible{outline:2px solid #BB00FF;outline-offset:3px}
.equipe-cta-btn svg{fill:#fff}

/* timeline "Como funciona" — estilo Kronix fluxo horizontal */


/* ═══════════════════════════════
   DEPOIMENTOS
═══════════════════════════════ */
#dep{background:#fff;padding:80px 40px 72px;text-align:center}
.sec-eyebrow{display:block;text-align:center;
  color:#9823F8;font-size:.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  margin-bottom:14px}
#dep h2{font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:700;color:#000;margin-bottom:8px}
#dep .sub{color:#777;font-size:.93rem;margin-bottom:52px}

.dep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:980px;margin:0 auto}
.dep-card{background:#fff;border:1px solid #ebebeb;border-radius:18px;
  padding:28px 24px;text-align:left;transition:all .25s}
.dep-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.08);transform:translateY(-4px);border-color:#ddd}
.dep-stars{color:#f59e0b;font-size:.9rem;margin-bottom:12px;letter-spacing:2px}
.dep-q{font-size:2.8rem;color:#9823F8;line-height:.7;margin-bottom:10px;
  font-family:Georgia,serif;opacity:.6}
.dep-text{color:#444;font-size:.87rem;line-height:1.75;margin-bottom:22px}
.dep-auth{display:flex;align-items:center;gap:12px;padding-top:16px;
  border-top:1px solid #f0f0f0}
.dep-photo{width:48px;height:48px;border-radius:50%;object-fit:contain;background:#fff;flex-shrink:0;padding:3px;border:1px solid #eee}
.dep-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#9823F8,#BB00FF);
  display:flex;align-items:center;justify-content:center;color:#fff;
  font-weight:700;font-size:.88rem;flex-shrink:0}
.dep-name{font-weight:700;font-size:.86rem;color:#000}
.dep-role{font-size:.74rem;color:#999}

/* ═══════════════════════════════
   FOOTER
═══════════════════════════════ */
#footer{background:#000;padding:32px calc(40px + 80px) 32px 40px;display:flex;align-items:center;
  justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);
  flex-wrap:wrap;gap:14px}
.ft-logo img{height:26px;filter:brightness(0)invert(1)}
.ft-copy{color:rgba(255,255,255,.32);font-size:.75rem}
.ft-soc{display:flex;gap:12px;margin-right:0}
.ft-soc a{color:rgba(255,255,255,.4);transition:color .2s}
.ft-soc a:hover{color:#BB00FF}
.ft-soc svg{width:17px;height:17px;fill:currentColor}


/* ═══════════════════════════════
   IMAGEM TOPPIA
═══════════════════════════════ */
#toppia-img{background:#fff;padding:0;position:relative}
.fachada-wrap{
  display:grid;grid-template-columns:1fr 1fr;
  width:100%;height:70vh;min-height:500px;
}
.fachada-mapa{
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;
  background:#f5f5f5;
}
.mapa-iframe-wrap{flex:1;overflow:hidden;position:relative}
.mapa-iframe-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.mapa-overlay-bar{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(to top,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 70%,transparent 100%);
  padding:20px 28px 24px;display:flex;flex-direction:column;gap:12px;z-index:10;
  border-top:1px solid rgba(0,0,0,.06);
}
.mapa-label{display:flex;align-items:flex-start;gap:10px}
.mapa-label strong{display:block;color:#111;font-size:.95rem;font-weight:700;margin-bottom:2px}
.mapa-label span{color:#666;font-size:.8rem;line-height:1.5}
.mapa-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#9823F8;color:#fff;font-family:"Poppins",sans-serif;
  font-size:.84rem;font-weight:600;padding:11px 22px;
  border-radius:10px;transition:background .2s;text-decoration:none;align-self:flex-start;
}
.mapa-btn:hover{background:#BB00FF}
.fachada-foto{overflow:hidden;position:relative}
.fachada-foto img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){
  .fachada-wrap{grid-template-columns:1fr;height:auto}
  .fachada-mapa{height:55vw;min-height:280px}
  .fachada-foto{height:55vw;min-height:260px}
}
/* ═══════════════════════════════
   RESPONSIVE
═══════════════════════════════ */
@media(max-width:960px){
  #hdr{padding:0 16px}
  #frase{padding:60px 16px 48px}
  #promo{padding-bottom:60px}
  #promo .cat-cta{margin-top:28px;padding:0 12px}
  .prod-track{grid-template-columns:1fr 1fr;gap:12px}
  .prod-outer{padding:0 12px}
  .prod-img{height:160px}
  .prod-body{padding:14px 12px 12px}
  .prod-body h3{font-size:.85rem}
  .prod-meta{font-size:.68rem}
  .prod-price{min-height:2.35rem}
  .prod-price .novo{font-size:.95rem}
  .prod-price .old{font-size:.62rem}
  .prod-price .per{font-size:.55rem}
  .prod-btn{font-size:.75rem;padding:9px 0}
  .prod-card{border-radius:16px}
  .prod-tag{font-size:.55rem;padding:2px 7px}
  .prod-badge2{font-size:.55rem;padding:2px 8px;top:8px;left:8px}
  #dep{padding:60px 16px 56px}
  .sobre-w{padding:0 16px}
  .sobre-hero{grid-template-columns:1fr;gap:48px;margin-bottom:72px}
  .pilares-hd{gap:12px}
  .pilares-hd h3,.pilares-hd p{max-width:none}
  .pilares-row{grid-template-columns:1fr}
  .sobre-bottom{grid-template-columns:1fr;gap:40px}
  .equipe-side-right{min-height:auto}
  .equipe-side-right__inner{min-height:auto}
  .esr-img-wrap{flex:none;min-height:0;aspect-ratio:16/10}
  .equipe-cta-wrap{padding:0 16px;gap:16px}
  #cta-final{padding:56px 0 72px}
  .equipe-cta-text{padding:20px 18px}
  .dep-grid{grid-template-columns:1fr}
  #dep{padding-left:16px;padding-right:16px}
  #footer{flex-direction:column;align-items:center;text-align:center;padding:24px 16px 96px}
  .ft-soc{justify-content:center}
}
/* ── WA FLUTUANTE ── */
#wa-float{
  position:fixed;bottom:28px;right:28px;z-index:9998;
  width:58px;height:58px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,.5);
  transition:transform .2s,box-shadow .2s;
  text-decoration:none;
}
#wa-float:hover{transform:scale(1.1);box-shadow:0 8px 32px rgba(37,211,102,.6)}
#wa-float svg{width:30px;height:30px;fill:#fff}

/* ── BANNER COOKIES (LGPD) ── */
.cookie-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:10001;
  padding:16px 20px calc(16px + env(safe-area-inset-bottom));
  background:rgba(8,0,18,.97);
  border-top:1px solid rgba(152,35,248,.35);
  box-shadow:0 -8px 40px rgba(0,0,0,.45);
  transform:translateY(110%);
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.cookie-bar.is-visible{transform:translateY(0)}
.cookie-bar__inner{
  max-width:1100px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.cookie-bar__text{flex:1;min-width:240px}
.cookie-bar__text strong{display:block;color:#fff;font-size:.9rem;margin-bottom:4px}
.cookie-bar__text p{margin:0;color:rgba(255,255,255,.65);font-size:.78rem;line-height:1.5}
.cookie-bar__text a{color:#e0aaff;text-decoration:underline}
.cookie-bar__actions{display:flex;gap:10px;flex-shrink:0}
.cookie-btn{
  border:none;border-radius:100px;padding:11px 20px;font-family:inherit;
  font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;
}
.cookie-btn--ghost{background:transparent;color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.2)}
.cookie-btn--ghost:hover{border-color:rgba(255,255,255,.45);color:#fff}
.cookie-btn--primary{background:#9823F8;color:#fff}
.cookie-btn--primary:hover{background:#BB00FF}
@media(max-width:640px){
  .cookie-bar__inner{flex-direction:column;align-items:stretch}
  .cookie-bar__actions{width:100%}
  .cookie-btn{flex:1;text-align:center}
  #wa-float{bottom:calc(28px + env(safe-area-inset-bottom))}
  body.cookie-bar-open #wa-float{bottom:calc(120px + env(safe-area-inset-bottom))}
}

/* ── MODAL ORÇAMENTO ── */
#ov{position:fixed;inset:0;z-index:20000;background:rgba(0,0,0,.85);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:16px}
#ov.op{display:flex}
.mod{background:#0d0018;border:1px solid rgba(152,35,248,.2);border-radius:20px;padding:44px;max-width:540px;width:100%;max-height:92vh;overflow-y:auto;position:relative;animation:mIn .4s cubic-bezier(.34,1.46,.64,1)}
.mod::-webkit-scrollbar{width:3px}
.mod::-webkit-scrollbar-thumb{background:#9823F8}
@keyframes mIn{from{opacity:0;transform:scale(.84) translateY(20px)}to{opacity:1;transform:none}}
.mcl{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;font-family:inherit}
.mcl:hover{background:#9823F8;border-color:#9823F8}
.mod h3{font-family:"Poppins",sans-serif;font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:7px}
.mod>p{color:rgba(255,255,255,.55);font-size:.82rem;margin-bottom:24px;line-height:1.6}
.mod-prod{background:rgba(152,35,248,.12);border:1px solid rgba(152,35,248,.28);border-radius:10px;padding:10px 14px;margin:-8px 0 18px;font-size:.74rem;font-weight:700;color:#e0aaff;line-height:1.4}
.mod-prod[hidden]{display:none!important}
.mfg{margin-bottom:13px}
.mfg label{display:block;font-size:.71rem;font-weight:700;color:rgba(255,255,255,.65);margin-bottom:6px;letter-spacing:.3px}
.mfg input,.mfg select,.mfg textarea{width:100%;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);font-family:"Poppins",sans-serif;font-size:.82rem;color:#fff;background:rgba(255,255,255,.03);outline:none;transition:all .2s}
.mfg input:focus,.mfg select:focus,.mfg textarea:focus{border-color:#9823F8;box-shadow:0 0 0 3px rgba(152,35,248,.15);background:rgba(152,35,248,.05)}
.mfg select option{background:#0d0018;color:#fff}
.mfg textarea{resize:vertical;min-height:85px}
.mfg input.mfg-invalid,.mfg input.mfg-invalid:focus{border-color:#e85d6a;box-shadow:0 0 0 3px rgba(232,93,106,.18)}
.mfg-hint{display:block;margin-top:5px;font-size:.68rem;font-weight:600;line-height:1.35;color:#e85d6a}
.mfg-hint[hidden]{display:none}
.mfr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mfs{width:100%;background:linear-gradient(135deg,#9823F8,#BB00FF);color:#fff;border:none;padding:14px;border-radius:10px;font-family:"Poppins",sans-serif;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .25s;margin-top:4px}
.mfs:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(152,35,248,.5)}
@media(max-width:600px){
  .mod{padding:28px 20px}
  .mfr{grid-template-columns:1fr}
}