:root{
  --brand-blue: #1459FF;   /* azul principal */
  --brand-yellow: #FFD21E; /* amarelo de destaque */
  --brand-dark: #111827;   /* cinza escuro */
  --brand-light: #F3F4F6;  /* cinza claro de fundo */
  --whatsapp: #25D366;
  --danger: #DC3545;
  --ok: #198754;
  /* Alinha com Bootstrap */
  --bs-primary: var(--brand-blue);
  --bs-warning: var(--brand-yellow);
  --bs-dark: var(--brand-dark);
}

html{ height: 100%; scroll-behavior:smooth; }
body{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji"; color: #0f172a; }

body.body-whatsapp{
  height: 100%;
    background: radial-gradient(1200px 600px at 20% -10%, rgba(20,89,255,.35), transparent 60%),
              radial-gradient(800px 600px at 120% 20%, rgba(255,210,30,.25), transparent 40%),
              linear-gradient(180deg, #0B1220 0%, #0F1A33 100%);
}

body.body-whatsapp *{ color: #fff !important;  }


.breadcrumb li{ color: #fff !important; }
.breadcrumb li a{ color: #0d6efd !important; }
.breadcrumb li a:hover{ color: #b58900 !important; }

/* Navbar */
.bg-brand{
  background: linear-gradient(90deg, var(--brand-dark) 0%, #0F1A33 60%, #0B1220 100%);
}
.navbar .navbar-brand img{ height: auto; width: 100%; max-width: 150px;}


.navbar .nav-link{ color:#E5E7EB; }
.navbar .nav-link:hover{ color:#fff; }



/* Hero */
.hero{
  background: radial-gradient(1200px 600px at 20% -10%, rgba(20,89,255,.35), transparent 60%),
              radial-gradient(800px 600px at 120% 20%, rgba(255,210,30,.25), transparent 40%),
              linear-gradient(180deg, #0B1220 0%, #0F1A33 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.hero .badge{ background: rgba(255,255,255,0.1); color:#fff; border:1px solid rgba(255,255,255,0.15); }
.hero .cta-btn{ box-shadow: 0 10px 30px rgba(20,89,255,.4); }
.hero .feature i{ font-size: 1.4rem; }

/* Sections */
.section-title{
  font-weight:800;
  letter-spacing:.2px;
  margin-bottom: .75rem;
}
.section-subtitle{ color:#475569; margin-bottom:1.25rem; }

.section-pad{ padding: 64px 0; }
.section-alt{ background: var(--brand-light); }

.card-hover:hover{ transform: translateY(-4px); transition: .25s ease; box-shadow: 0 8px 24px rgba(2,6,23,.12); }

/* Unidades */
.unit-tag{ font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; }
.unit-card .list-group-item{ border:0; padding: .25rem 0; }

/* Produtos */
.icon-circle{
  width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; background: rgba(20,89,255,.1);
}

/* Marcas (carrossel contínuo) */
.brands{
  overflow:hidden; position:relative;
}
.brands .track{
  display:flex; gap: 48px; width:max-content; animation: scrollBrands 30s linear infinite;
}
.brands img{ height:auto; width:100%; filter: saturate(0.9) contrast(1); opacity:.9; }
@keyframes scrollBrands {
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

/* Quem somos */
.qs-img{ border-radius:16px; box-shadow: 0 12px 32px rgba(2,6,23,.2); }

/* CTA WhatsApp */
.btn-whatsapp{
  background: var(--whatsapp);
  color:#fff;
}
.btn-whatsapp:hover{ color:#fff; opacity:.9; }

/* Footer */
.footer{ background:#0B1220; color:#A3AED0; }
.footer a{ color:#e5e7eb; text-decoration:none; }
.footer a:hover{ color:#fff; text-decoration:underline; }

/* Unidade page badges */
.badge-fast{ background: rgba(25,135,84,.12); color: var(--ok); border:1px solid rgba(25,135,84,.2); }
.badge-warn{ background: rgba(255,210,30,.12); color:#b58900; border:1px solid rgba(255,210,30,.25); }

.gallery img{ border-radius:12px; transition: .25s ease; }
.gallery img:hover{ transform: scale(1.02); box-shadow: 0 8px 24px rgba(2,6,23,.2); }

/* Breadcrumbs */
.breadcrumb a{ text-decoration: none; }

/* FAQ */
.accordion-button:not(.collapsed){ background: rgba(20,89,255,.06); }

/* Utility */
.shadow-soft{ box-shadow: 0 10px 30px rgba(2,6,23,.12); }
.small-muted{ color:#6b7280; font-size:.9rem; }


#telLink{
  text-decoration: none;
  font-weight: bold;
}

#telLink:hover{ color: #b58900 }


.whatsapp-float{
  position:fixed; bottom:16px; right:16px; width:56px; height:56px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#25D366; color:#fff; font-size:1.8rem; box-shadow:0 8px 24px rgba(0,0,0,.2);
  z-index:1040; text-decoration:none;
}
.whatsapp-float:hover{transform:translateY(-2px); color:#fff}