body{
font-family:'Poppins',sans-serif;
background:#f5f7fa;
margin:0;
}

/* NAV */
.navbar{
position:absolute;
width:100%;
z-index:10;
padding:20px 0;
}
.navbar a{
color:#fff!important;
font-weight:500;
}
.navbar .btn-whats{
background:#ff5a1f;
color:#fff;
border-radius:30px;
padding:10px 20px;
font-weight:600;
}

/* HERO */
.hero{
background:
linear-gradient(rgba(11,31,58,.85),rgba(11,31,58,.95)),
url('https://images.unsplash.com/photo-1551288049-bebda4e38f71');
background-size:cover;
background-position:center;
color:#fff;
padding:160px 20px 120px;
text-align:center;
}

.hero h1{
font-size:3rem;
font-weight:700;
line-height:1.2;
}

.hero span{
color:#ff5a1f;
}

.hero p{
margin-top:20px;
opacity:.9;
max-width:700px;
margin-inline:auto;
}

.btn-main{
background:#ff5a1f;
color:#fff;
padding:14px 30px;
border-radius:30px;
border:none;
font-weight:600;
box-shadow:0 10px 20px rgba(255,90,31,.3);
}

.btn-main {
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

.btn-main:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 30px rgba(255,90,31,.4);
}

.btn-main:active {
  transform: scale(0.95);
  box-shadow: 0 8px 15px rgba(255,90,31,.3);
}

.btn-outline-light{
border-radius:30px;
padding:12px 25px;
}

/* STATS */
.stats{
background:#ff5a1f;
color:#fff;
padding:30px 0;
text-align:center;
}

.stats2{
background: transparent;
color:#fff;
padding:30px 0;
text-align:center;
}

.stats h3{
font-weight:700;
margin:0;
}

/* SECTION */
.section{
padding:80px 0;
}

/* CARDS */
.service-card{
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.3s;
}
.service-card:hover{
transform:translateY(-8px);
}

.service-card img{
width:100%;
height:160px;
object-fit:cover;
}

.service-card .content{
padding:20px;
}

.badge-custom{
background:#ff5a1f;
color:#fff;
padding:5px 10px;
border-radius:10px;
font-size:12px;
}

/* ICON */
.icon{
font-size:22px;
color:#ff5a1f;
margin-right:8px;
}

/* WHATS */
.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:#fff;
padding:15px;
border-radius:50%;
font-size:20px;
}



/* ANIMAÇÃO SCROLL */
.fade-in{
opacity:0;
transform:translateY(40px);
transition:all .8s ease;
}

.fade-in.show{
opacity:1;
transform:translateY(0);
}

/* RESULT BOX */
.result-box{
background:rgba(255,255,255,0.05);
padding:25px;
border-radius:15px;
transition:.3s;
}

.result-box:hover{
transform:translateY(-8px);
background:rgba(255,255,255,0.1);
}

/* HOVER CARDS MELHORADO */
.service-card{
transition:all .3s ease;
}

.service-card:hover{
transform:translateY(-10px) scale(1.02);
box-shadow:0 25px 60px rgba(0,0,0,.15);
}

/* BOTÃO HOVER */
.btn-main:hover{
transform:scale(1.05);
box-shadow:0 15px 30px rgba(255,90,31,.4);
}

/* ESTILO DARK */
.dark{
background:linear-gradient(120deg,#0b1f3a,#0d2d5c);
color:#fff;
position:relative;
overflow:hidden;
}

.dark::before{
content:'';
position:absolute;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(255,255,255,0.08), transparent 70%);
top:-200px;
right:-200px;
}

.dark::after{
content:'';
position:absolute;
width:500px;
height:500px;
background:radial-gradient(circle, rgba(255,255,255,0.05), transparent 70%);
bottom:-200px;
left:-200px;
}

/* PROCESS CARD */
.process-card{
background:#fff;
padding:30px 20px;
border-radius:18px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
position:relative;
transition:.3s;
height:100%;
}

.process-card:hover{
transform:translateY(-10px) scale(1.02);
box-shadow:0 25px 60px rgba(0,0,0,.15);
}

/* ÍCONE */
.icon-box{
width:60px;
height:60px;
display:flex;
align-items:center;
justify-content:center;
background:#f1f3f7;
border-radius:15px;
font-size:22px;
color:#0d2d5c;
margin:0 auto 15px;
transition:.3s;
}

.process-card:hover .icon-box{
background:#ff5a1f;
color:#fff;
}

/* NÚMERO */
.step{
position:absolute;
top:15px;
right:20px;
font-weight:700;
color:#ddd;
font-size:20px;
}

/* TEXTO */
.process-card h5{
font-weight:600;
margin-bottom:10px;
}

.process-card p{
color:#666;
font-size:14px;
}

/* delay progressivo */
.process-card{
opacity:0;
transform:translateY(40px);
animation:fadeUp .8s forwards;
}

.process-card:nth-child(1){animation-delay:.1s;}
.process-card:nth-child(2){animation-delay:.2s;}
.process-card:nth-child(3){animation-delay:.3s;}
.process-card:nth-child(4){animation-delay:.4s;}
.process-card:nth-child(5){animation-delay:.5s;}
.process-card:nth-child(6){animation-delay:.6s;}

@keyframes fadeUp{
to{
opacity:1;
transform:translateY(0);
}
}

.cta{
background:linear-gradient(120deg,#0b1f3a,#0d2d5c);
color:#fff;
padding:100px 20px;
text-align:center;
position:relative;
overflow:hidden;
}

/* efeito gráfico igual hero */
.cta::before{
content:'';
position:absolute;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(255,255,255,0.08), transparent 70%);
top:-200px;
right:-200px;
}

.cta::after{
content:'';
position:absolute;
width:500px;
height:500px;
background:radial-gradient(circle, rgba(255,255,255,0.05), transparent 70%);
bottom:-200px;
left:-200px;
}

/* FAQ PREMIUM */
.accordion-item{
border:none;
border-radius:12px;
margin-bottom:10px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.accordion-button{
font-weight:600;
padding:18px;
}

.accordion-button:not(.collapsed){
background:#ff5a1f;
color:#fff;
}

.accordion-button:focus{
box-shadow:none;
}

.accordion-body{
color:#555;
padding:20px;
}

/* TAG */
.tag{
color:#ff5a1f;
font-weight:600;
letter-spacing:2px;
font-size:12px;
}

/* CONTACT BOX */
.contact-box{
background:#f5f7fa;
padding:40px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.05);
}

/* FORM BOX */
.form-box{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/* INPUT */
.form-control{
border-radius:10px;
padding:12px;
border:1px solid #ddd;
}

.form-control:focus{
border-color:#ff5a1f;
box-shadow:none;
}

/* BOTÃO */
.btn-main{
transition:.3s;
}

.btn-main:hover{
transform:scale(1.05);
box-shadow:0 15px 30px rgba(255,90,31,.4);
}

/* LINKS */
footer a:hover{
color:#ff5a1f;
text-decoration:none;
transition:.3s;
}

/* WHATSAPP FIXO */
.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:#fff;
padding:18px;
border-radius:50%;
font-size:22px;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 5px 20px rgba(0,0,0,.3);
transition:.3s;
z-index:100;
}

.whatsapp:hover{
transform:scale(1.1);
box-shadow:0 10px 25px rgba(0,0,0,.4);
}

/* RESPONSIVO */
@media(max-width:768px){
footer .row{
flex-direction:column;
text-align:center;
}

footer .col-md-4{
margin-bottom:30px;
}
}

.btn-main {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); box-shadow:0 10px 20px rgba(255,90,31,.3);}
  50% { transform: scale(1.05); box-shadow:0 15px 30px rgba(255,90,31,.5);}
}

.service-card:hover, .process-card:hover{
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 25px 60px rgba(0,0,0,.15);
}

.icon-box:hover{
  background:#ff5a1f;
  color:#fff;
}

html {
  scroll-behavior: smooth;
}

.hero::before, .cta::before, .dark::before{
  content:'';
  position:absolute;
  width:600px;
  height:600px;
  background: radial-gradient(circle, rgba(255,255,255,0.08), transparent 70%);
  top:-200px; right:-200px;
  border-radius:50%;
}

.hero::after, .cta::after, .dark::after{
  content:'';
  position:absolute;
  width:500px;
  height:500px;
  background: radial-gradient(circle, rgba(255,255,255,0.05), transparent 70%);
  bottom:-200px; left:-200px;
  border-radius:50%;
}

.navbar .btn-main{
  transition: all 0.3s ease;
}

.navbar .btn-main:hover{
  transform: scale(1.05);
  box-shadow: 0 12px 25px rgba(255,90,31,.4);
}

.navbar .btn-main:active{
  transform: scale(0.95);
  box-shadow: 0 8px 15px rgba(255,90,31,.3);
}

/* ===============================
NAVBAR HOVER CLEAN
=============================== */

/* RESET DO BOTÃO */
.navbar .btn-main {
  transition: all 0.3s ease;
  box-shadow: none;
}

/* HOVER → só texto (sem fundo/quadrado) */
.navbar a.nav-link:hover,
.navbar .btn-main:hover {
  transform: scale(1.05);
  text-shadow: 0 2px 6px rgba(0,0,0,.2);
  box-shadow: none; /* remove o quadrado */
}

/* ACTIVE → botão laranja */
.navbar a.nav-link:active,
.navbar .btn-main:active {
  transform: scale(0.95);
  color: #ff5a1f; /* laranja */
  
  box-shadow: none;
}

/* LINK ATIVO */
.navbar .nav-link.active,
.navbar .btn-main.active {
  color: #ff5a1f !important;
}

/* opcional: botão ativo com leve destaque */
.navbar .btn-main.active {
  border-color: #ff5a1f;
}

.navbar-brand img {
  transition: all 0.3s ease;
}

/* Tablets */
@media(max-width:992px){
  .navbar-brand img {
    height: 50px;
  }
}

/* Mobile */
@media(max-width:576px){
  .navbar-brand img {
    height: 40px;
  }
}

/* MOBILE MENU ALINHADO À DIREITA */
@media(max-width:991px){

  .navbar-collapse{
    text-align: right;
  }

  .navbar-nav{
    align-items: flex-end;
  }

  .navbar-nav .nav-link{
    text-align: right;
    padding-right: 0;
  }

  .navbar .btn-main{
    margin-top: 10px;
    align-self: flex-end;
  }

}


/* NAVBAR TRANSPARENTE + BLUR */
.glass-navbar {
  background: rgba(11,31,58,0.5);
  backdrop-filter: blur(14px);
}

.glass-navbar.scrolled {
  background: rgba(11,31,58,0.9);
  box-shadow: 0 8px 30px rgba(0,0,0,.15); /* substitui a linha */
}

/* LINKS E BOTÕES */
.navbar .nav-link, .navbar .btn-main{
  transition: all 0.3s ease;
}
.navbar .nav-link:hover{
  transform: scale(1.05);
  color: #ff5a1f;
}
.navbar .nav-link:active{
  transform: scale(0.95);
}

/* BOTÃO WHATSAPP PULSANTE */
.navbar .btn-main i{
  margin-right:6px;
}
.btn-main {
  animation: pulse 2s infinite;
}
@keyframes pulse{
  0%,100%{ transform: scale(1); box-shadow: 0 10px 20px rgba(255,90,31,.3);}
  50%{ transform: scale(1.05); box-shadow: 0 15px 30px rgba(255,90,31,.5);}
}

/* OFFCANVAS LINKS */
.offcanvas{
  background: linear-gradient(120deg,#0b1f3a,#0d2d5c);
  color:#fff;
  transition: transform .4s ease;
}
.offcanvas .nav-link{
  color:#fff;
  font-size:18px;
  margin-bottom:15px;
  transition:.3s;
}
.offcanvas .nav-link:hover{
  color:#ff5a1f;
  transform:translateX(-5px);
}

.logo-text{
  color:#ff5a1f;
  font-weight:600;
  font-size:16px;
  letter-spacing:.5px;
  transition:.3s;
}

/* efeito sutil no hover */
.navbar-brand:hover .logo-text{
  color:#fff;
}

@media(max-width:768px){
  .logo-text{
    display:none;
  }
}

.fade-in {
opacity: 0;
transform: translateY(40px);
transition: all .8s ease;
}

.fade-in.show {
opacity: 1;
transform: translateY(0);
}