:root{
  --bg:#fff;
  --fg:#0f172a;
  --muted:#64748b;
  --border:#e2e8f0;
  --shadow:0 10px 20px rgba(0,0,0,.06);
  --primary:#0b0b0b;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(#f8fafc,#fff);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.row{display:flex;align-items:center}
.space{justify-content:space-between}
.gap{gap:12px}
.center{text-align:center}
.bold{font-weight:700}
.muted{color:var(--muted)}
.tiny{font-size:.85rem}
.top8{margin-top:8px}

.nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.8);backdrop-filter:saturate(1.1) blur(6px);border-bottom:1px solid var(--border)}
.brand{font-weight:800;font-size:1.1rem}
#brandLogo,#brandLogoFooter{height:64px;width:auto;object-fit:contain}
@media (max-width:640px){
  #brandLogo,#brandLogoFooter{height:56px}
}

.link{background:none;border:none;color:var(--fg);cursor:pointer;padding:8px 10px}
.link:hover{opacity:.7}

.select{border:1px solid var(--border);border-radius:12px;padding:6px 10px;background:#fff}
.select.small{padding:5px 8px;border-radius:10px}

.btn{border-radius:14px;border:1px solid var(--border);padding:10px 14px;cursor:pointer;font-weight:600;background:#fff}
.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.btn.primary.small{padding:8px 12px}
.btn.ghost{background:transparent}
.btn:hover{filter:brightness(0.98)}

.hero{padding:48px 0 24px}
.grid2{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:900px){.grid2{grid-template-columns:1fr 1fr}}

.heroCard{border:1px solid var(--border);background:#fff;border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
.kpi{border-radius:14px;background:#f1f5f9;padding:14px;text-align:center}
.big{font-size:1.6rem;font-weight:800}
.align{vertical-align:text-top}

.section{padding:56px 0}
.section.alt{background:#fff;border-top:1px solid var(--border)}
.bullets{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
.bullets li{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff}
@media (min-width:900px){.bullets{grid-template-columns:1fr 1fr}}

.shots{margin-top:18px}
.shot{margin:0;border:1px solid var(--border);border-radius:18px;padding:10px;background:#fff;box-shadow:var(--shadow)}
/* Quadro com proporção fixa para padronizar tamanho das duas imagens */
.shotFrame{
  width:100%;
  aspect-ratio:16/10;           /* => mesmo tamanho visual para ambas */
  display:grid;
  place-items:center;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  cursor:zoom-in;
  padding:0;
  border:none;
}
.shotFrame img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}

/*.logos{isplay:flex;flex-wrap:wrap;gap:12px;margin-top:12px}*/
.logos{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;   /* <- centraliza */
  align-items:center;       /* <- alinha verticalmente */
  gap:16px 24px;            /* <- linha x coluna (aumente/diminua à vontade) */
  margin-top:16px;
}
.logoExt{height:56px;width:auto;object-fit:contain;mix-blend-mode:multiply;background:transparent}

.card{border:1px solid var(--border);border-radius:18px;padding:18px;background:#f8fafc;box-shadow:var(--shadow);max-width:720px;margin:16px auto 0}
.range{width:100%;margin:10px 0}

.price{font-size:2rem;font-weight:800;margin-top:12px}

.footer{border-top:1px solid var(--border);background:#fff;padding:24px 0;margin-top:24px}
.grid3{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:900px){.grid3{grid-template-columns:1fr 1fr 1fr}}
.copyright{text-align:center;border-top:1px solid var(--border);padding-top:12px;margin-top:12px}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.modal.hidden{display:none}
.modalCard{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;max-width:520px;width:100%;box-shadow:var(--shadow)}
.form{display:grid;gap:10px;margin-top:12px}
.lbl{font-size:.9rem;color:var(--fg)}
.inp{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px}
.checks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.close{border:none;background:transparent;font-size:1.2rem;cursor:pointer}
.warn{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;padding:8px;border-radius:12px}
.ok{color:#065f46;background:#d1fae5;border:1px solid #10b981;padding:8px;border-radius:12px}
.wide{width:100%}

/* Lightbox (ampliar imagens) */
.lightbox{
  position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.8);padding:20px;z-index:50;
}
.lightbox.hidden{display:none}
.lightbox img{
  max-width:95vw;max-height:90vh;border-radius:12px;box-shadow:var(--shadow);background:#fff;
}
.lightClose{position:absolute;top:16px;right:20px;color:#fff;font-size:1.4rem}

/* Centraliza título e subtítulo da seção */
.section .container > h2,
.section .container > p {
  text-align: center;
}