.fv-esailing-slider-wrapper {
  position: relative;
  width: 100%;
}

.fv-esailing-slider-inner {
  position: relative;
  width: 100%;
}

/* Overlay bianco semi-trasparente che si adatta all'altezza dello slider */
.fv-esailing-slider-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/p1-logo.png');
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  z-index: 10;
  pointer-events: none;
}

/* SVG sopra tutto (se servirà in futuro) */
.fv-esailing-slider-svg {
  position: absolute;
  width: 47em;
  top: 2em;
  left: 4em;
  z-index: 20;
  pointer-events: none;
}

.fv-esailing-slider-svg-img {
  width:50em;
  object-fit:contain;
}

.fv-esailing-slider-png-img {
  width:57em;
  object-fit:contain;
}

.fv-esailing-slider-svg-freccia {
  width: 20em;
}

.fv-esailing-slider-claim-link {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: flex;
  align-items: flex-end;
  padding: 3em;
}

@media (max-width: 768px) {
  .fv-esailing-slider-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/p1-logo.png');
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    z-index: 10;
    pointer-events: none;
  }
  .fv-esailing-slider-svg {
    left: 1em;
  }

  .fv-esailing-slider-svg svg, .fv-esailing-slider-svg {
    width: 25em;
    height: auto;
  }

  .fv-esailing-slider-svg-img {
    width: 12em;
    height: 100%;
  }

  .fv-esailing-slider-claim-link {
    position: absolute;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: flex-end;
    padding: 2.5em;
  }

  .fv-esailing-slider-claim-link img {
    width: 13em;
  }
}