/* v0.61 — Fichas públicas: evento recomendado, video de perfiles y créditos ocultos. */

.page-profile-detail .detail-side,
.page-tenencia-detail .detail-side {
  align-self: start;
}

.profile-video-block {
  display: grid;
  gap: 1rem;
  margin: 2.1rem 0 1.6rem;
  padding: clamp(1.1rem, 2vw, 1.35rem);
  border-radius: 24px;
  color: #fff;
  background: linear-gradient(135deg, #1e356b 0%, #4d3c8b 55%, #704f8e 100%);
  box-shadow: 0 22px 50px rgba(34, 43, 85, .15);
}

.profile-video-block .eyebrow,
.profile-video-block h2,
.profile-video-block p {
  color: #fff;
}

.profile-video-block .eyebrow {
  color: #a9efff;
}

.profile-video-block > div:first-child p:not(.eyebrow) {
  max-width: 720px;
  color: rgba(255,255,255,.88);
}

.profile-video-frame {
  overflow: hidden;
  border-radius: 18px;
  background: #0f1736;
  box-shadow: 0 14px 32px rgba(9, 16, 42, .22);
}

.profile-video-block .button {
  justify-self: stretch;
  color: #1b2b5d !important;
  background: rgba(255,255,255,.97) !important;
  border-color: rgba(255,255,255,.97) !important;
}

.compact-recommended-card,
.tenencia-recommended-card {
  width: 100%;
}

.page-profile-detail .compact-recommended-card {
  min-height: 430px;
}

.page-tenencia-detail .tenencia-recommended-card {
  min-height: 470px;
}

.tenencia-findings-panel {
  margin: 1.45rem 0 1.25rem;
  padding: 1rem;
  border: 1px solid rgba(207, 215, 232, .9);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(248,250,255,.96), rgba(244,240,255,.78));
}

.tenencia-findings-panel .eyebrow {
  margin-bottom: .75rem;
}

.tenencia-findings-panel > div {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.tenencia-findings-panel span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: .45rem .72rem;
  border: 1px solid rgba(89, 76, 151, .16);
  border-radius: 999px;
  color: #3f337f;
  background: #f0ecff;
  font-weight: 800;
  font-size: .82rem;
}

.page-tenencia-detail .gallery-grid-featured figcaption,
.page-detail .gallery-grid-featured figcaption {
  display: none !important;
}

@media (min-width: 980px) {
  .page-profile-detail .detail-layout,
  .page-tenencia-detail .detail-layout-wide {
    grid-template-columns: minmax(0, 1fr) 380px;
    align-items: start;
  }
}

@media (max-width: 860px) {
  .page-profile-detail .compact-recommended-card,
  .page-tenencia-detail .tenencia-recommended-card {
    min-height: 390px;
  }

  .tenencia-findings-panel span {
    width: 100%;
    justify-content: center;
  }
}
