.spain-hero {
  background: #17388d;
}

.spain-hero .hero-media {
  transform: scale(1.055);
}

.spain-hero .hero-media img {
  object-position: 55% center;
}

.spain-hero .hero-shade {
  background:
    linear-gradient(90deg, rgb(17 39 116 / .46) 0%, rgb(17 39 116 / .12) 44%, transparent 70%),
    linear-gradient(180deg, transparent 48%, rgb(8 28 88 / .44) 100%);
}

.spain-hero .hero-shade::after {
  opacity: .58;
}

.spain-hero-event {
  width: min(280px, 22vw);
  padding: 15px 0 14px;
  position: absolute;
  z-index: 3;
  top: clamp(104px, 15vh, 152px);
  right: var(--edge);
  display: grid;
  gap: 5px;
  color: #fff;
  border-top: 1px solid rgb(255 255 255 / .7);
  border-bottom: 1px solid rgb(255 255 255 / .4);
}

.spain-hero-event span,
.spain-hero-event em {
  font-size: 10px;
  font-style: normal;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.spain-hero-event strong {
  font-size: 18px;
  font-weight: 400;
}

.spain-hero-event em {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  opacity: .78;
}

.spain-hero-event b {
  font-size: 14px;
  font-weight: 400;
  transition: transform .35s var(--ease);
}

.spain-hero-event:hover b,
.spain-hero-event:focus-visible b {
  transform: translate(4px, -4px);
}

.spain-hero .hero-title {
  max-width: 11ch;
  color: #f8fbff;
  font-size: clamp(58px, 6.6vw, 106px);
  line-height: .88;
  text-transform: none;
  white-space: normal;
}

.spain-hero .hero-rail {
  color: #f8fbff;
  border-color: rgb(255 255 255 / .48);
  background: rgb(15 42 124 / .2);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

.spain-hero .rail-identity i {
  background: rgb(255 255 255 / .72);
}

.spain-hero .rail-categories a,
.spain-hero .rail-action {
  color: #fff;
}

.spain-hero .hero-arrow:hover,
.spain-hero .hero-arrow:focus-visible {
  color: #17388d;
  background: #f8fbff;
}

@media (max-width: 900px) {
  .spain-hero .hero-media img {
    object-position: 62% center;
  }

  .spain-hero .hero-title {
    max-width: 8.7ch;
    font-size: clamp(51px, 13.4vw, 77px);
    line-height: .9;
  }

  .spain-hero-event {
    width: auto;
    padding: 10px 0;
    top: calc(var(--header-height) + 25px);
    right: var(--edge);
    left: var(--edge);
    grid-template-columns: 1fr auto;
    align-items: center;
  }

  .spain-hero-event span {
    grid-column: 1;
  }

  .spain-hero-event strong {
    grid-column: 2;
    grid-row: 1;
    font-size: 14px;
  }

  .spain-hero-event em {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  .spain-hero .hero-media img {
    object-position: 69% center;
  }

  .spain-hero .hero-shade {
    background:
      linear-gradient(90deg, rgb(13 36 108 / .38), transparent 82%),
      linear-gradient(180deg, transparent 30%, rgb(9 30 94 / .72) 100%);
  }

  .spain-hero .hero-title {
    max-width: 9ch;
    font-size: clamp(48px, 13.6vw, 62px);
  }

  .spain-hero .rail-identity span:last-child {
    display: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .spain-hero .hero-rail {
    background: rgb(15 42 124 / .78);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}