.navbar {
      transition: all 0.3s ease;
      background: transparent;
      position: fixed;
      width: 100%;
      z-index: 999;
    }

    .navbar-brand svg {
      height: 70px;
      color: #fff;
      transition: all 0.3s ease;
    }

    .nav-link, .ico {
      color: #fff;
      font-weight: 500;
      transition: color 0.3s;
    }
	
	.navbar-brand span {
      color:#fff;
    }
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #fff;
    }
    .nav-link:focus, .nav-link:hover {
    color: #fff;
    }
	
	.navbar-toggler, .conces {
    color: #fff;
}

	.n-top {
    color: #000;
}

    .navbar-scrolled {
      background: #fff !important;
    }

    .navbar-scrolled .navbar-brand svg {
      height: 32px;
      color: #000;
    }

    .navbar-scrolled .nav-link, .navbar-scrolled .ico {
      color: #000;
    }
	
	.navbar-scrolled .navbar-toggler {
    color: #000;
    }
	
	.navbar-scrolled .conces {
    color: #000;
    }
	
	.navbar-scrolled .navbar-nav .nav-link.active, .navbar-scrolled .navbar-nav .nav-link.show {
    color: #000;
    }
    .navbar-scrolled .navbar-scrolled .nav-link:focus, .navbar-scrolled .nav-link:hover {
    color: #000;
    }

.overlay-gradiente {
  pointer-events: none; 
  background: linear-gradient(
    to bottom right,
    rgba(0,0,0,0.59) 0%,  
    rgba(0,0,0,0) 100%    
  );
}

.videobnn {
  height: 82.7vh; 
  position: relative;
}

.videobnn video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 576px) {
  .videobnn {
    height: 61.5vh; 
  }
}

    @media (max-width: 991px) {
      .navbar-collapse {
        background: #fff;
        padding: 2rem 1rem;
      }

      .navbar-collapse .nav-link, .navbar-collapse .ico {
        color: #000 !important;
        font-size: 1.25rem;
        padding: 1rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #eee;
      }

      .navbar-toggler {
        border: none;
      }

      .navbar-brand svg {
        height: 44px;
      }

      .navbar-scrolled .navbar-collapse {
        background: #fff;
      }
    }
	
	
	@media (max-width: 991.98px) {
	 .nav-link, .ico {
      color: #000;
    }
	.nav-link:focus, .nav-link:hover {
    color: #000;
}
	}