/* Aureum — visual refinement: destination card rhythm + hero film.
   Built on top of the existing design system; no image recoloring or crop distortion. */

/* A regular, repeatable grid for all eight country cards. */
#home #destinos .dgrid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  align-items: stretch !important;
  gap: clamp(13px, 1.45vw, 21px) !important;
}
#home #destinos .dgrid > .dcard,
#home #destinos .dgrid > .dcard:nth-child(n) {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 0.78 / 1 !important;
  border-radius: 2px !important;
  overflow: hidden;
}
#home #destinos .dcard > .ph {
  background-size: cover !important;
  filter: none !important;
  -webkit-filter: none !important;
}
#home #destinos .dcard::before {
  background: linear-gradient(to bottom,
    rgba(7,19,30,0) 0%,
    rgba(7,19,30,0) 36%,
    rgba(7,19,30,.07) 54%,
    rgba(7,19,30,.4) 74%,
    rgba(7,19,30,.84) 100%) !important;
}
#home #destinos .dcard-body {
  padding: clamp(21px, 2.1vw, 30px) !important;
}
#home #destinos .dcard-body h3 {
  font-size: clamp(25px, 2.35vw, 37px) !important;
  line-height: 1.13 !important;
  letter-spacing: -.035em !important;
  gap: 10px !important;
}
#home #destinos .dcard-body p {
  font-size: clamp(13px, 1.12vw, 15px) !important;
  line-height: 1.5 !important;
}
#home #destinos .dcard-tags {
  top: 18px !important;
  left: 18px !important;
}
#home #destinos .dcard-key {
  font-size: 13px !important;
}

/* Replace the old Madrid image with a photo chosen from supplied originals:
   Porto and the Douro at golden daylight; video then takes over when playable. */
#home .hero-bg.hero-film {
  background-image: url("/assets/photos/portugal-03.webp") !important;
  background-size: cover !important;
  background-position: center 48% !important;
}
#home .hero-film video.hero-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 48% !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
#home .hero-film::after {
  z-index: 2 !important;
  background:
    linear-gradient(90deg, rgba(7,23,36,.77) 0%,
                           rgba(7,23,36,.46) 48%,
                           rgba(7,23,36,.1) 100%),
    linear-gradient(0deg, rgba(7,23,36,.68) 0%, transparent 55%) !important;
}
@media (max-width: 1179px) {
  #home #destinos .dgrid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  #home #destinos .dgrid > .dcard:nth-child(n) {
    aspect-ratio: 0.94 / 1 !important;
  }
  #home #destinos .dcard-body h3 { font-size: clamp(28px, 3.9vw, 41px) !important; }
  #home #destinos .dcard-body p { font-size: 15px !important; }
}
@media (max-width: 639px) {
  #home #destinos .dgrid {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 16px !important;
  }
  #home #destinos .dgrid > .dcard:nth-child(n) {
    aspect-ratio: 0.92 / 1 !important;
    min-height: 350px !important;
  }
  #home #destinos .dcard-body h3 { font-size: clamp(31px, 8vw, 42px) !important; }
  #home #destinos .dcard-body p { font-size: 15px !important; }
  #home .hero-bg.hero-film { background-position: 55% center !important; }
}
@media (prefers-reduced-motion: reduce) {
  #home .hero-film video.hero-video { display: none !important; }
}