.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: #E95723;
  color: #fff;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  font-size: 38px;
  font-weight:800;
  line-height:1;
  padding:0 0 7px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
  top:50%;
  transform:translateY(-50%);
  position:absolute;
  box-shadow:0 8px 22px rgba(0,0,0,0.55);
  transition:background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.deskArrow:hover,
.deskArrow:focus-visible {
  background:#1E2F6F;
  transform:translateY(-50%) scale(1.08);
  box-shadow:0 10px 28px rgba(0,0,0,0.42);
  outline:none;
}
.deskArrow.deskLeft { left:18px; z-index:3; }
.deskArrow.deskRight { right:18px; 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: #E95723;
  color: #fff;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  font-size: 38px;
  font-weight:800;
  line-height:1;
  padding:0 0 7px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
  box-shadow:0 8px 22px rgba(0,0,0,0.35);
  transition:background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
    }
    .mobileArrow:hover,
    .mobileArrow:focus-visible {
      background:#1E2F6F;
      transform:scale(1.08);
      box-shadow:0 10px 28px rgba(0,0,0,0.42);
      outline:none;
    }
    .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%;
      }
    }

    

    @media(max-width:900px){
      .contenedorGafi.video .videosSpace{
        flex-direction: column;
        align-items: center;
      }

      .contenedorGafi.video .videosSpace .videitoFinal{
          display: flex;
          justify-content: center;
          align-items: center;
          width: fit-content;
      }

      .contenedorGafi.video .videosSpace video{
        max-width: 380px;
      }

      .contenedorGafi .titular, .contenedorGafi .textual{
        text-align: center;
      }

    }