/* .nav-item{
transition: opacity 0.3s;
}
.navbar-nav:hover .nav-item:not(:hover) {
opacity: 05;
} */
 .neonText {
    /*text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #005276, 0 0 40px #005276, 0 0 50px #005276, 0 0 60px #005276, 0 0 70px #005276;*/
    color: #005276;
  }
.dropdown-item:hover{
background-color:#2e99c8!important;
color: #fff !important;
border-radius: 16px;
}

.dropdown-menu {
    border-radius: 20px;
    background-color: #ffffffe6!important;
}

.iconBanner{
    text-decoration: none;
    color: #fff;
}
.textBanner {
    font-size: 22px !important;
    background-color: #2e99c8 !important;
    border-radius: 20px;
    color: #fff;
    display: inline-block; /* Ajusta a largura ao conteúdo */
    padding: 10px 15px; /* Adiciona um espaçamento interno */
}

.bannerTitle {
    font-size: 60px;
    margin-top: -30px !important;
    margin-bottom: -20px;
    color: #2e99c8;
}

.nav-link {
    &.active,
    &.show {
      color: #2e99c8!important;
      font-weight: 700;
    }
  }
  .nav-link:hover {

      color: #2e99c8!important;
      transition: background-color 0.9s ease-in-out;

  }
.navbar {
    transition: background-color 0.9s ease-in-out;
}

.nav-link{
    font-weight: 500;
    font-size: 16px;
}

.offcanvas{
    background-color: #ffffffdb!important;
}
.navLogo {
    border: 0px solid red;
    border-radius: 20px;
    height: 60px;
}

.navPhone {
    display: flex; /* Torna o <a> um container flexível */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */

    border-radius: 50%; /* Mantém o formato circular */
    width: 60px;
    height: 60px;
    text-decoration: none; /* Remove sublinhado, se houver */
}

.navPhone .icon {
   color: #2e99c8;
}


.navMenu {

    border-radius: 20px;
    height: 60px;
}

.navMenuBorder {
    /*border: 1px solid rgba(182, 182, 182, 0.205);*/
}


.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 0!important;
    align-items: center;
  }

.bg-transparentOn {
    background-color: transparent!important;
}

/* .bg-transparentOff{
    backdrop-filter: blur(10px) !important;
    background-color: #eef1f9a8!important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);  Adiciona uma sombra suave
    transition: box-shadow 0.9s ease-in-out;  Suaviza a transi o

} */

.bg-transparentOff {
    backdrop-filter: blur(10px);
    background-color: rgba(238, 241, 249, 0.66); /* Mesma cor, mas usando rgba */
    transition: box-shadow 0.9s ease-in-out, background-color 0.5s ease-in-out;
}

.bg-transparentOff:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}



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


.search {
    display: flex;
    align-items: center;
    background-color: #2e99c8 ;
    border-radius: 25px;
}

.search .input {
    margin: 5px;
    background-color: #ffffff ;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    color: #2e99c8;
    padding-left: 15px;
    padding-right: 15px;
    height: 30px;
    width: 30px;
    transition: width 0.8s ease;
    border-radius: 25px;
    outline: none;
}

.search.active .input {
    width: 200px;
}

.btn {
    /*background: none;
    border: none;
    cursor: pointer;*/
    font-size: 18px;
}
  .search i {
   color: #ffffff;
  }

  .tag-list{
    width: 100%;
    font-family: "montserrat", sans-serif;
    position: relative;
    overflow: hidden;
  }

  .inner{
    width: fit-content;
    display: flex;
    gap: 1rem;
    animation: loop 15s linear infinite;
  }
  .tag{
    display: flex;
    align-items: center;
    gap:0 0.2rem;
    color: #2e99c8;
    background-color: #ffffff;
    padding: 0.7rem 1rem;
    border-radius: 0.4rem;
    box-shadow: 
    0 0.1rem 0.2rem #005276
    0 0.1rem 0.5rem #2e99c8
    0 0.2rem 1.5rem #2e9ac867;
  }

  .tag span{
    font-size: 1.2rem;
    color: #005276;
  }

  @keyframes loop{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-50%);
    }
  }

  .bg-content-Text {
    background-color: #ffffffdb!important;   
  }
  
  .gallery-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    max-width: 1200px;
}

.gallery-container:active {
    cursor: grabbing; /* Ícone de "mão fechada" ao arrastar */
}

.gallery-item {
    /* flex: 0 0 300px; */   
    text-align: center;   
    user-select: none; /* Evita seleção de texto ao arrastar */
    transition: transform 0.3s ease-in-out;
    position: relative; /* Permite ajustar o z-index */
    z-index: 1; /* Define a posição padrão */
    will-change: transform;
}

    .gallery-item:hover {
        transform: scale(1.10);
        cursor: pointer;
        z-index: 10; /* Garante que o item fique sobre os outros */
    }

    .gallery-item img {
        width: 300px;
        height: 300px;
        object-fit: cover; /*Ajusta a imagem para caber sem distorção*/
        display: block;
        filter: grayscale(100%);
    } 

    .gallery-item:hover img{
        filter: grayscale(0);
    }

    /* Estilos da Modal */


/* Botão de fechar */
.close {
    position: absolute;
    top: -10px;
    right: 10px;
    font-size: 30px;
    color: rgb(66, 66, 66);
    cursor: pointer;
}

.close:hover {
  color: #2e99c8;
}

.modalportifolio{
    background-color: #ffffffdb!important;                          
}

.btn-prev{
    border-radius: 25px 0 0 25px;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-next{
    border-radius: 0 25px 25px 0;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-prev, .btn-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #2e99c8!important;
    color: #374951;
    cursor: pointer;
    border: none;
    outline: none;
}