/* Approved visual adjustments for Dinámicas Premia, 19 October 2026. */
body[data-gp-page="dinamicas-premia"] .gp-page-hero {
  background-color: #0e1112;
  background-image:
    linear-gradient(90deg, rgba(14, 17, 18, 0.94) 0%, rgba(14, 17, 18, 0.78) 42%, rgba(14, 17, 18, 0.18) 100%),
    url("assets/dinamicas/hero-multideporte-20261019.webp") !important;
  background-repeat: no-repeat !important;
}

@media (min-width: 1024px) {
  body[data-gp-page="dinamicas-premia"] .gp-page-hero {
    background-size: cover, auto 100% !important;
    background-position: center, right center !important;
  }
}

@media (max-width: 1023px) {
  body[data-gp-page="dinamicas-premia"] .gp-page-hero {
    background-image:
      linear-gradient(180deg, rgba(14, 17, 18, 0.88) 0%, rgba(14, 17, 18, 0.98) 62%, rgba(14, 17, 18, 0.28) 100%),
      url("assets/dinamicas/hero-multideporte-20261019.webp") !important;
  }
}

body[data-gp-page="dinamicas-premia"] .gp-page-hero span[class*="tracking-"] {
  font-size: 0.8395rem !important; /* Previous 0.73rem × 1.15. */
}

body[data-gp-page="dinamicas-premia"] .gp-experience-collage {
  width: 100%;
  height: auto !important;
  aspect-ratio: 1108 / 1053;
  object-fit: contain !important;
}

body[data-gp-page="dinamicas-premia"] .gp-dynamic-card--photo {
  border-right: 1px solid rgba(255, 255, 255, 0.11);
  overflow: hidden;
  padding: 0 0 1.5rem;
}

body[data-gp-page="dinamicas-premia"] .gp-dynamic-photo {
  aspect-ratio: 16 / 9;
  margin: 0 0 1.25rem;
  overflow: hidden;
}

body[data-gp-page="dinamicas-premia"] .gp-dynamic-photo img {
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

body[data-gp-page="dinamicas-premia"] .gp-dynamic-card--photo > span,
body[data-gp-page="dinamicas-premia"] .gp-dynamic-card--photo h3,
body[data-gp-page="dinamicas-premia"] .gp-dynamic-card--photo p {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

body[data-gp-page="dinamicas-premia"] .gp-dynamic-card--photo h3 {
  margin-top: 1.25rem;
}

@media (min-width: 1280px) {
  body[data-gp-page="dinamicas-premia"] .gp-dynamics-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}