.deskBigCarrusel{
      display: flex;
      align-items: center;
      width: 100%;
      gap:11px;
      /*background-color:beige;*/
      height:525px;
    }


    .deskImage {
      display: flex;
      align-items: center;
      width: 70%;
      height:525px;
      /*background: grey;*/
      transition: opacity 0.4s ease;
      position:relative;
    }

    .deskCarrusel {
      display: flex;
      flex-direction:column;
      align-items: center;
      gap: 0px;
      width: 30%;
      height:100%;
    }

.deskArrow {
  background: #000;
  color: #fff;
  border: none;
  width: 36px;
  height: 36px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
  top:50%;
  transform:translateY(-50%);
  position:absolute;
}

.deskArrow.deskLeft { left:25px; z-index:3; }
.deskArrow.deskRight { right:25px; z-index:3; }

    .deskWrapper {
      overflow:hidden;
      width: 100%;
      height:525px;
    }

    .deskTrack {
      display: flex;
      flex-direction:column;
    }

    .deskCard {
      width: 100%;
      height: 175px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .deskCardIn{
       display: flex;
       width:100%;
       height:100%;
       align-items: center;
       justify-content: center;
      padding:6px;
    }

    .deskCard img{
       width: 100%;
       height: 100%;
       object-fit: cover;
       border-radius: 10px;
    }

    #deskDestacada {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: opacity 0.4s ease;
       border-radius: 10px;
    }
    
    
    
    
    .mobileBigCarrusel {
      display: none;
      align-items: center;
      width: 100%;
      flex-direction:column;
      gap:11px;
    }
    
    .mobileImage {
      display: flex;
      align-items: center;
      width: 95%;
      height:300px;
      /*background: grey;*/
      transition: opacity 0.4s ease;
    }
    
    .mobileCarrusel {
      display: flex;
      align-items: center;
      gap: 0px;
      width: 100%;
    }

    .mobileArrow {
  background: #000;
  color: #fff;
  border: none;
  width: 30px;
  height: 30px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
    }

    .mobileWrapper {
      overflow:hidden;
      flex: 1;
    }

    .mobileTrack {
      display: flex;
    }

    .mobileCard {
      flex: 0 0 calc((100% / 3));
      height: 157px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
    }
    
    .mobileCardIn {
       display: flex;
       width:100%;
       height:100%;
       margin:0 6px;
       align-items: center;
       justify-content: center;
    }
    
    .mobileCard img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       border-radius: 10px;
    }

    #mobileDestacada {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: opacity 0.4s ease;
       border-radius: 10px;
    }
    
    
    
    /*************---------------------*************/
    

    @media(max-width:700px){
      .deskBigCarrusel{
        display:none;
      }

      .mobileBigCarrusel{
        display:flex;
      }
      
     .mobileCard {
        flex: 0 0 50%;
      }

       #mobileDestacada{
        height: 200px;
       }

       .mobileImage {
        height: 200px;
       }
      
    }