/* v0.64 — Banner recomendado más alto y homogéneo; lightbox sin texto inferior. */

/* Mantener el componente en formato vertical, no más ancho. */
@media (min-width: 980px) {
  .page-events .agenda-grid {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
}

.page-events .agenda-side-panel-event,
.page-event-detail .event-detail-recommended-card,
.page-profile-detail .compact-recommended-card,
.page-tenencia-detail .tenencia-recommended-card {
  width: 100%;
  max-width: 320px;
  aspect-ratio: 8 / 13;
  height: auto !important;
  min-height: 520px !important;
  max-height: none !important;
}

.page-events .agenda-side-panel-event {
  justify-self: stretch;
}

.page-event-detail .event-detail-recommended-card,
.page-profile-detail .compact-recommended-card,
.page-tenencia-detail .tenencia-recommended-card {
  margin-left: auto;
}

.page-events .agenda-side-panel-event .agenda-side-panel-copy,
.page-detail .event-detail-recommended-card .agenda-side-panel-copy {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .8rem;
  padding: .72rem .72rem .92rem;
}

.page-events .agenda-side-panel-event .agenda-side-panel-top,
.page-detail .event-detail-recommended-card .agenda-side-panel-top {
  align-items: flex-start;
  justify-content: flex-start;
}

.page-events .agenda-side-panel-event .eyebrow,
.page-detail .event-detail-recommended-card .eyebrow {
  margin: 0;
  padding: .24rem .52rem;
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.page-events .agenda-side-panel-event .agenda-side-panel-body,
.page-detail .event-detail-recommended-card .agenda-side-panel-body,
.page-profile-detail .compact-recommended-card .agenda-side-panel-body,
.page-tenencia-detail .tenencia-recommended-card .agenda-side-panel-body {
  margin-top: auto;
  gap: .58rem;
  padding: .95rem;
  border-radius: 20px;
}

.page-events .agenda-side-panel-event .event-date,
.page-events .agenda-side-panel-event .event-location,
.page-detail .event-detail-recommended-card .event-date,
.page-detail .event-detail-recommended-card .event-location,
.page-profile-detail .compact-recommended-card .event-date,
.page-profile-detail .compact-recommended-card .event-location,
.page-tenencia-detail .tenencia-recommended-card .event-date,
.page-tenencia-detail .tenencia-recommended-card .event-location {
  font-size: .73rem;
}

.page-events .agenda-side-panel-event h2,
.page-detail .event-detail-recommended-card h2,
.page-profile-detail .compact-recommended-card h2,
.page-tenencia-detail .tenencia-recommended-card h2 {
  font-size: clamp(1.28rem, 1.8vw, 1.55rem);
  line-height: 1.04;
}

.page-events .agenda-side-panel-event p:not(.eyebrow):not(.event-date):not(.event-location),
.page-detail .event-detail-recommended-card p:not(.eyebrow):not(.event-date):not(.event-location),
.page-profile-detail .compact-recommended-card p:not(.eyebrow):not(.event-date):not(.event-location),
.page-tenencia-detail .tenencia-recommended-card p:not(.eyebrow):not(.event-date):not(.event-location) {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.page-events .agenda-side-panel-event .button,
.page-detail .event-detail-recommended-card .button,
.page-profile-detail .compact-recommended-card .button,
.page-tenencia-detail .tenencia-recommended-card .button {
  width: 100%;
  margin-top: .18rem;
}

/* Nunca mostrar texto/caption debajo de fotos ampliadas o galerías. */
.image-lightbox-card figcaption,
.gallery-grid-featured figcaption,
.gallery-grid figure figcaption,
.gallery-grid-clickable figure figcaption {
  display: none !important;
}

@media (max-width: 1020px) {
  .page-events .agenda-side-panel-event,
  .page-event-detail .event-detail-recommended-card,
  .page-profile-detail .compact-recommended-card,
  .page-tenencia-detail .tenencia-recommended-card {
    max-width: 320px;
    min-height: 500px !important;
  }
}

@media (max-width: 860px) {
  .page-events .agenda-side-panel-event,
  .page-event-detail .event-detail-recommended-card,
  .page-profile-detail .compact-recommended-card,
  .page-tenencia-detail .tenencia-recommended-card {
    max-width: none;
    width: 100%;
    aspect-ratio: auto;
    min-height: 430px !important;
  }

  .page-event-detail .event-detail-recommended-card,
  .page-profile-detail .compact-recommended-card,
  .page-tenencia-detail .tenencia-recommended-card {
    margin-left: 0;
  }
}