/* Ajustes de producción aislados: no alteran identidad visual ni contenido. */
.detail-header {
  box-sizing: border-box;
  padding-right: calc(4.4vw + 132px) !important;
}

.detail-back {
  max-width: calc(100vw - 240px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-hero {
  height: clamp(360px, 46vh, 510px) !important;
  min-height: 0 !important;
}

.detail-hero img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

@media (max-width: 880px) {
  .detail-header {
    padding-right: 126px !important;
  }

  .detail-back {
    max-width: calc(100vw - 220px);
  }

  .detail-hero {
    height: clamp(280px, 40vh, 420px) !important;
  }
}

@media (max-width: 560px) {
  .detail-header {
    min-height: 92px;
    padding-right: 112px !important;
  }

  .detail-back {
    max-width: calc(100vw - 174px);
  }

  .detail-hero {
    height: clamp(250px, 36vh, 350px) !important;
  }
}