.contenedorGafi{
        display:flex;
        justify-content:center;
        width:100%;
        background-color:#E6F1F8;
        padding:134px 20px;
      }
      
      .contenedorGafi.video{
        padding:0px 20px 134px;
      }

      .contenedorGafi.video .videosSpace{
        display:flex;
        width:100%;
        gap:20px;
        border-radius:20px;
      }

  .contenedorGafi.video .videosSpace video{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:20px;
}

      .contenedorGafi.video .videitoFinal{
        display: flex;
        width:100%;
        height: auto;
        aspect-ratio: 1080/1920;
        border-radius: 20px;
      }
      
      .gafi{
        display:flex;
        width:100%;
        flex-direction:column;
        max-width:1247px;
        justify-content:center;
      }
      
      .gafi .galeria{
        display:flex;
        width:100%;
        /*background-color:black;*/
        height:572px;
        max-width:1247px;
      }
      
      .gafi .titular{
        font-size:48px;
        line-height:48px;
        font-weight:700;
        margin-bottom:21px;
        color:#1E2F6F;
      }
      
     .gafi .textual{
        font-size:20px;
        line-height:28px;
        font-weight:500;
        margin-bottom:61px;
        color:#364153;
      }
      
      
      
      
      
      
      
      
      
    .deskBigCarrusel{
      display: flex;
      align-items: center;
      width: 100%;
      gap:3px;
      /*background-color:beige;*/
      height:572px;
    }


    .deskImage {
      display: flex;
      align-items: center;
      width: 70%;
      height:572px;;
      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: 25px;
  font-weight:800;
  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:572px;
    }

    .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:1px 0;
    }

    .deskCard img{
       width: 100%;
       height: 100%;
       object-fit: cover;
       background: grey;
    }

    #deskDestacada {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: opacity 0.4s ease;
    }
    
    
    
    
    .mobileBigCarrusel {
      display: none;
      align-items: center;
      width: 100%;
      flex-direction:column;
      gap:2px;
    }
    
    .mobileImage {
      display: flex;
      align-items: center;
      width: 95%;
      height:572px;
      /*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: 25px;
  font-weight:800;
  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 1px;
       align-items: center;
       justify-content: center;
    }
    
    .mobileCard img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       background: grey;
    }

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

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

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