body{font-family: 'Inter', sans-serif;}

.navbar{background:#0b1f3a;}

.navbar a{color:#fff!important;}

.btn-green{background:#28a745;color:#fff;border-radius:30px;padding:10px 20px;}

.navbar-brand img {
  margin-top: 4px;
  height: 100px;
  width: auto;
  max-width: 100%;
  transform: scale(1.70);
}

  /* ── ACTIVE NAV PILL ──────────────────────────────────── */
  .navbar-nav .nav-link {
    border-radius: 20px;
    padding: 5px 14px;
    transition: background .2s, color .2s;
  }
  .navbar-nav .nav-link:hover {
    color: #fff !important;
    background: rgba(255,255,255,.10);
  }
  /* item ativo: pill laranja */
  .navbar-nav .nav-link.active {
    color: #fff !important;
    background: #f97316;          /* laranja */
    font-weight: 600;
    border-radius: 20px;
  }

.hero {
  /*background: linear-gradient(rgba(2,6,23,0.8), rgba(2,6,23,0.8)),
              url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d');*/
	background: linear-gradient(rgba(2,6,23,0.8), rgba(2,6,23,0.8)),
              url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?q=80&w=1600&auto=format&fit=crop');
			  
  background-size: cover;
  background-position: center;
  padding: 120px 0;
  color: #fff;
}

.hero span {
  color: #22c55e;
}

.hero-box {
  /*background: rgba(255,255,255,0.05);
  border-radius: 12px;
  backdrop-filter: blur(6px);
  padding: 40px;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: center;*/
  
  background: rgba(2, 6, 23, 0.6);
  backdrop-filter: blur(2px);
  border-radius: 12px;
  padding: 40px;
}

@media (max-width: 768px) {
  .hero-box {
    min-height: auto;
    padding: 25px;
  }
}

.hero-box h6 {
  margin: 0;
  font-size: 15px;
  color: #fff;
}

.hero-box p {
  margin: 0;
  font-size: 13px;
  color: #cbd5e1;
}

.icon-hero {
  font-size: 28px; /* antes ~22px */
  transition: 0.3s;
  color: #22c55e;
  margin-right: 14px;
  margin-top: 3px;
}

.hero-box .d-flex:hover .icon-hero {
  transform: scale(1.1);
}

.service-card {
  border: none;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.icon-green {
  font-size: 40px;
  color: #28a745;
}

/* ajuste fino do texto */
.service-card h6 {
  margin-top: 10px;
  font-size: 14px;
}

.service-card p {
  font-size: 13px;
}

.card-custom{
border:none;
border-radius:12px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
transition:0.3s;
}
.card-custom:hover{transform:translateY(-5px);}

.section-dark{
background:#0b1f3a;
color:#fff;
}

.step-circle{
width:60px;
height:60px;
border-radius:50%;
background:#28a745;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:22px;
}

section {
  scroll-margin-top: 100px;
}

.section-title {
  position: relative;
  display: block;
  font-weight: 700;
  margin-bottom: 40px;
}

/* linha embaixo */
.section-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: #22c55e;
  border-radius: 2px;
}

.process-section {
  background: #0f172a;
  padding: 80px 0;
  color: #fff;
}

.process-subtitle {
  color: #cbd5e1;
  max-width: 600px;
  margin: 10px auto 50px;
  font-size: 15px;
}

/* WRAPPER PRA POSICIONAR A LINHA */
.process-wrapper {
  position: relative;
}

/* LINHA CENTRAL */
.process-line {
  position: absolute;
  top: 30px; /* alinhado com centro do círculo */
  left: 12%;
  width: 76%;
  height: 2px;
  background: rgba(255,255,255,0.2);
  z-index: 0;
}

/* ITEM */
.process-item {
  position: relative;
  z-index: 1;
  text-align: center;
}

/* CÍRCULO (encaixado na linha) */
.circle {
  width: 60px;
  height: 60px;
  background: #22c55e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0 auto 15px;
  position: relative;
}

/* TÍTULO */
.process-item h6 {
  font-size: 14px;
  margin-bottom: 5px;
}

/* TEXTO */
.process-item p {
  font-size: 13px;
  color: #cbd5e1;
  max-width: 180px;
  margin: 0 auto;
}

/* DEPOIMENTOS */
.testimonial {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 15px;
}

.testimonial img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.footer {
  background: #020617;
  color: #cbd5e1;
}

.footer-logo {
  height: 80px;
}

.footer-title {
  color: #fff;
  font-weight: 600;
  margin-bottom: 15px;
}

.footer-text {
  font-size: 14px;
}

.footer-links {
  list-style: none;
  padding: 0;
}

.footer-links li {
  margin-bottom: 8px;
}

.footer-links a {
  color: #cbd5e1;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}

.footer-links a:hover {
  color: #22c55e;
}

.social-icons a {
  color: #cbd5e1;
  margin-right: 10px;
  font-size: 18px;
  transition: 0.3s;
}

.social-icons a:hover {
  color: #22c55e;
}

/* PRODUTOS */
.product-card{
    border:none;
    border-radius:15px;
    overflow:hidden;
    transition:.3s;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 30px rgba(0,0,0,.15);
}

.product-card img{
    height:250px;
    object-fit:cover;
}

.product-card .card-title{
    font-weight:600;
    color:#0b1d3a;
}

.product-card .btn-primary{
    background:#0b1d3a;
    border:none;
}

.product-card .btn-primary:hover{
    background:#2ecc71;
}


.footer-line {
  border-color: rgba(255,255,255,0.1);
}

@media(max-width:768px){
.hero h1{font-size:32px;}
}