:root{--primary:#e4003a;--primary-dark:#9b0028;--dark:#070707}body{font-family:Arial,Helvetica,sans-serif;color:#212529}#mainNav{background:rgba(0,0,0,.88);box-shadow:0 3px 18px rgba(0,0,0,.25);transition:all .25s ease}#mainNav .navbar-brand{font-weight:800;letter-spacing:.08rem}.nav-logo{width:46px;height:46px;object-fit:contain;background:transparent;border-radius:0;padding:0}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.9);font-weight:600;text-transform:uppercase;font-size:.82rem}.navbar-dark .navbar-nav .nav-link:hover{color:#fff}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link[aria-current="page"]{
  color:#fff!important;
  background:rgba(228,0,58,.18);
  border-radius:50px;
  box-shadow:inset 0 -2px 0 var(--primary);
}
.navbar-dark .navbar-nav .nav-link.active::after{
  content:"";
  display:block;
  width:26px;
  height:3px;
  background:var(--primary);
  border-radius:10px;
  margin:4px auto 0;
}
@media(max-width:991px){
  .navbar-dark .navbar-nav .nav-link.active,
  .navbar-dark .navbar-nav .nav-link[aria-current="page"]{
    padding-left:1rem;
    padding-right:1rem;
  }
  .navbar-dark .navbar-nav .nav-link.active::after{
    margin-left:0;
  }
}
.btn-instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color:#fff;border:0;font-weight:700}.btn-instagram:hover{color:#fff;filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 20px rgba(220,39,67,.35)}.btn-whatsapp{background:#25d366;color:#fff;border:0;font-weight:700}.btn-whatsapp:hover{background:#1ebe5b;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,211,102,.35)}.masthead{height:100vh;min-height:650px;padding-top:4.5rem;background:linear-gradient(to bottom,rgba(0,0,0,.62),rgba(0,0,0,.74)),url('../img/hero-connect-bg.jpg');background-position:center;background-repeat:no-repeat;background-size:cover}.hero-logo{width:220px;max-width:75%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 35px rgba(228,0,58,.4))}.masthead h1{font-size:3.6rem;letter-spacing:.16rem}.text-white-75{color:rgba(255,255,255,.78)!important}.divider{height:.2rem;max-width:4.25rem;margin:1.5rem auto;background-color:var(--primary);opacity:1;border:0}.divider-light{background-color:#fff}.page-section{padding:6rem 0}.bg-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important}.btn-xl{padding:1.15rem 2rem;font-size:.9rem;font-weight:800;text-transform:uppercase;border-radius:10rem}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover,.btn-primary:focus{background-color:var(--primary-dark);border-color:var(--primary-dark)}.service-card{padding:2rem 1rem;margin-top:2rem;height:calc(100% - 2rem);border-radius:1rem;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.07);transition:.2s ease}.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(0,0,0,.12)}.text-primary{color:var(--primary)!important}.map-wrapper{border-radius:1rem;overflow:hidden;background:#fff}.footer-logo{width:180px;max-width:75%;height:auto;object-fit:contain}.footer-link{color:var(--primary);text-decoration:none;font-weight:700}.footer-link:hover{color:var(--primary-dark)}.choice-card{padding:2rem 1.2rem;border-radius:1rem;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.07);transition:.2s ease}.choice-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(0,0,0,.12)}.stat-box{padding:1.6rem 1rem;border-radius:1rem;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.07)}.stat-box strong{display:block;font-size:2.1rem;color:var(--primary);line-height:1;font-weight:900}.stat-box span{display:block;margin-top:.6rem;color:#6c757d;font-weight:700;font-size:.9rem}.social-floating{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:12px;z-index:999}.instagram-float,.whatsapp-float{width:62px;height:62px;color:#fff;border-radius:50%;text-align:center;font-size:34px;box-shadow:0 12px 30px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.2s ease}.instagram-float{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.whatsapp-float{background:#25d366}.instagram-float:hover,.whatsapp-float:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.05)}@media(max-width:991px){.masthead h1{font-size:2.5rem}.hero-logo{width:220px;height:auto}.navbar-nav{padding-top:1rem}.nav-item{margin-bottom:.5rem}}@media(max-width:575px){.masthead{height:100vh;min-height:650px;padding-top:4.5rem;background:linear-gradient(to bottom,rgba(0,0,0,.62),rgba(0,0,0,.74)),url('../img/hero-connect-bg.jpg');background-position:center;background-repeat:no-repeat;background-size:cover}.masthead h1{font-size:2rem}.btn-xl{width:100%}.social-floating{right:18px;bottom:18px}.instagram-float,.whatsapp-float{width:56px;height:56px;font-size:30px}}

html{scroll-behavior:smooth;scroll-padding-top:86px;}
body{position:relative;}
#navbarResponsive .nav-link.active,
#navbarResponsive .nav-link[aria-current="page"]{
  color:#fff!important;
  background:rgba(228,0,58,.22)!important;
  border-radius:50px;
  box-shadow:inset 0 -2px 0 var(--primary);
}
#navbarResponsive .nav-link.active::after{
  content:"";
  display:block;
  width:26px;
  height:3px;
  background:var(--primary);
  border-radius:10px;
  margin:4px auto 0;
}
@media(max-width:991px){
  #navbarResponsive .nav-link.active,
  #navbarResponsive .nav-link[aria-current="page"]{
    padding-left:1rem;
    padding-right:1rem;
  }
  #navbarResponsive .nav-link.active::after{margin-left:0;}
}


/* Correção final para hospedagem: classe local independente do Bootstrap ScrollSpy */
#mainNav #navbarResponsive .navbar-nav .nav-link.active-menu,
#mainNav #navbarResponsive .navbar-nav .nav-link.active,
#mainNav #navbarResponsive .navbar-nav .nav-link[aria-current="page"]{
  color:#fff!important;
  background:rgba(228,0,58,.30)!important;
  border-radius:50px!important;
  box-shadow:inset 0 -3px 0 var(--primary),0 0 0 1px rgba(228,0,58,.22)!important;
}
#mainNav #navbarResponsive .navbar-nav .nav-link.active-menu::after,
#mainNav #navbarResponsive .navbar-nav .nav-link.active::after{
  content:"";
  display:block;
  width:28px;
  height:3px;
  background:var(--primary);
  border-radius:10px;
  margin:4px auto 0;
}