
/* -- Carousel  -- */
.stack-tab-containerOne {
    position: relative;
    width:100%;
    max-width:1160px;
    display:flex;
    justify-content:center;
    margin:auto;
   /* margin-top: 5rem;*/
  }
  .stack-tab-containerOne .tab-barOne {
    background: transparent;
    overflow: hidden;
    padding-right: 25px;
  }
  .stack-tab-containerOne .left-arrowOne,
  .stack-tab-containerOne .right-arrowOne {
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    display: none;
    align-items: center;
    padding: 0 10px;
    pointer-events: none;
  }
  .stack-tab-containerOne .right-arrowOne {
    right: 0;
    justify-content: flex-end;
    background: linear-gradient(to left, var(--principalBg) 20%, transparent);
  }
  .stack-tab-containerOne .left-arrowOne {
    background: linear-gradient(to right, var(--principalBg) 20%, transparent);
  }
  .stack-tab-containerOne .right-arrowOne.activeOne,
  .stack-tab-containerOne .left-arrowOne.activeOne {
    display: flex;
  }
  .stack-tab-containerOne i {
    width: 50px;
    height: 50px;
    padding: 8px;
    cursor: pointer;
    pointer-events: auto;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index: 1;color:var(--black);
    transition:all ease .3s;
    
    border:1px solid var(--black);
    border-radius:50%;
    
  }
  .stack-tab-containerOne i:hover{
    background-color:var(--secundary);
    color:var(--white);
    border:1px solid var(--secundary);
  }

  .stack-tab-containerOne ul.tabsSlideOne {
    display: flex;
    gap:10px;
    margin: 0;
    padding-top: 16px;
    padding-bottom: 12px;
    list-style: none;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-behavior: smooth;
  }
  .stack-tab-containerOne ul.dragging {
    scroll-behavior: auto;
    cursor: pointer;
  }
  .stack-tab-containerOne ul::-webkit-scrollbar {
    display: none;
  }
  .stack-tab-containerOne a.tabSlideOne {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    color:var(--white);
    margin-bottom: 5px;
    margin-right: 5px;
    user-select: none;
    white-space: nowrap;
    text-decoration: none;
    transition:all ease .3s;
    padding:10px;
    border:1px solid var(--silverExtraLight);
    border-radius:10px;
  }
  .stack-tab-containerOne a.tabSlideOne:hover{
    color:var(--black);
}

    .stack-tab-containerOne a {
      display: inline-block;
      font-size: 18px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.6);
      color:var(--white);
      padding:15px 15px;
      margin-bottom: 5px;
      margin-right: 5px;
      user-select: none;
      white-space: nowrap;
      text-decoration: none;
      transition:all ease .3s;
      text-align:center;
    }
    .stack-tab-containerOne a:hover{
      
      color: var(--principal);
      
      }

      .containerImgCategoryOne{
        border: 1px solid var(--silverExtraLight);
        width:280px;
        height:270px;
        margin-bottom:10px;
        overflow: hidden;
      }

      .containerImgCategoryOne img{
        width:100%;
        height:100%;
        object-fit: cover;
        transition:all ease .3s;
      }


      .stack-tab-containerOne a.tabSlideOne:hover img{
        transform:scale(1.05);
      }

      .stack-tab-containerOne a.tabSlideOne {
        color: var(--principal);
        display:flex;
        flex-wrap:wrap;
      }

      .stack-tab-containerOne a.tabSlideOne p {
        font-size:14px;
      }
      
  
    .stack-tab-containerOne a.tabSlideOne.active {
      color: var(--principal);
    }

    .tabSlideOne .btn-Especial{
        width:100%;
        padding:14px;
        background-color:var(--secundary);
        margin-top:10px;
        color:var(--white);
        border-radius:10px;
        font-weight:400;
        font-size:18px;
        transition:all ease .3s;
    }

    .tabSlideOne:hover .btn-Especial{
        background-color:var(--principal);
    }
  
    
    .tabSlideOne .titleEspecialidad{
        font-size:20px !important;
        text-align:left !important;
        color:var(--black);
        padding:5px 0px;
    }
  

  @media(max-width:1400px){
    .stack-tab-containerOne {
        max-width:1300px;
    }
  }