@media (min-width:992px) {
    .sticky {
        position: fixed!important;
        top: 0;
        z-index: 999;
        display: flex;
        width: 100%;
        background-color: white;
      }
      .sticky + .content {
        padding-top: 60px;
      }
    
      .sticky #search-button-desktop{
        height: 40px;
        padding: 20px;
        border-bottom-left-radius: 7px;
        border-top-left-radius: 7px;
        margin-right: 8px;
      }
    
      .sticky .sub-menu{
        top:55px
      }
    
      .sticky .navbar-bar{
        max-height: 53px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
    
      .sticky .navbar-brand img{
        height: 30px;
      }
    
      .sticky svg:has(.magnifier){
        width: 18px;
      }
    
      header:has(.sticky) + main{
        padding-top: 65px;
      }

      .logo-sticky {
        opacity: 0;
        width: 0;
        transition: 1s;
        background-color: white;
        position: relative;
        z-index: -1;
      }
      
      .sticky .logo-sticky {
        opacity: 1;
        transition: 1s;
      }
      
      .logo-sticky img {
        max-width: unset;
        padding: 0 25px;
      }

      .logo-sticky.width-transition{
        width: 190px;
        /* transition: 1s; */
      }
      
      .sticky #menu-principal {
        justify-content: center;
      }
      

      .sticky .dropdownMenuButton button{
        justify-content: center;
        /* width: 100%; */
      }

      .sticky #menu-principal > li{
        width: 100%;
        /* transition: width .5s; */
      }     
}