body[page-name="work"] header {
  position: relative !important;
}
#section-welcome {
  padding-bottom: 160px;
  .splide {
    .splide__track {
      .splide__list {
        .splide__slide {
          line-height: 0;
          overflow: clip;
          border-radius: 24px;
          .background {
            border: 1px solid #00000015;
          }
          video {
            object-fit: cover;
            aspect-ratio: 980 / 560;
            width: 100%;
            height: 560px;
            border-radius: 24px;
            -webkit-transition: all 900ms ease-in-out;
              transition: all 900ms ease-in-out;
          }
          img.background {
            aspect-ratio: 980/560;
            height: 560px;
            width: auto;
            border-radius: 24px;
            -webkit-border-radius: 24px;
            -moz-border-radius: 24px;
            -o-border-radius: 24px;
            -webkit-transition: all 900ms ease-in-out;
              transition: all 900ms ease-in-out;
          }
          img.cuadrada {
            aspect-ratio: 1 !important;
            object-fit: cover;
            -o-object-fit: cover;
            -webkit-object-fit: cover;
          }
          .info {
            background-color: #000000b2;
            opacity: 0;
            color: white;
            -webkit-transition: all 300ms ease-in-out;
              transition: all 300ms ease-in-out;
            background-color: #000000b2;
            display: grid;
            color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            place-content: center;
            border-radius: 24px;
            /* Animate in-out 300ms */
            a {
              -webkit-transition: all 300ms ease-in-out;
              transition: all 300ms ease-in-out;
            }
            h2 {
              font-size: 24px;
              margin: 0;
              font-weight: 300;
              letter-spacing: .1ch;
              line-height: 1.2;
            }
            p {
              text-decoration: underline;
              color: #fe01c7;
              font-size: 18px;
              text-underline-offset: 3px;
              line-height: 1.2;
            }
          }
          a:hover {
            .info {
              opacity: 1;
            }
            video {
              transform: scale(1.02);
            }
            img {
              transform: scale(1.02);
            }
          }
        }
      }
    }
  }
}
.decoracion {
  position: fixed;
  bottom: 0;
  right: 40px;
  width: auto;
  z-index: 2;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
button.splide__arrow {
  background: #ffffff;
  border: 2px solid #000000;
  aspect-ratio: 1;
  width: auto;
  &::after {
    display: none;
  }
}
/* media querie mobile max 768px */
@media (max-width: 768px) {
  .site {
    position: relative;
    padding-bottom: 120px;
  }
  #section-welcome {
    padding-bottom: 0;
    .splide {
      .splide__track {
        .splide__list {
          display: flex;
          flex-direction: column;
          gap: 16px;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          -webkit-gap: 16px;
          .splide__slide {
            .background {
              aspect-ratio: 1 !important;
              height: auto;
            }
            img.background {
              aspect-ratio: 1;
              height: auto;
              width: 100%;
              object-fit: cover;
              -o-object-fit: cover;
              -webkit-object-fit: cover;
            }
            img.cuadrada {
              height: auto;
              object-fit: cover;
              -o-object-fit: cover;
              -webkit-object-fit: cover;
            }
          }
        }
      }
    }
  }
  .decoracion {
    width: 130px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 0;
    top: unset;
    right: unset;
    height: fit-content;
    svg {
      width: 100%;
      height: fit-content;
      position: relative;
      bottom: 0;
    }
  }
}