/**
 * CariHub — estilos scoped para placeholders Estado/Live (CariHubMediaPlaceholders).
 * Sin reglas globales sobre .ch-media-ph: evita romper modales, cards y grids.
 */

/* Dock hero / laterales */
.ch-slot-dock .ch-media-ph,
.ch-slot-dock__img.ch-media-ph {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.ch-slot-dock__mock--live .ch-media-ph,
.ch-slot-dock__mock--live .ch-slot-dock__img {
  object-position: center top;
}

/* Rail promo modal categorías — mini slots laterales */
.home-cat-promo-rail__slot--side .ch-slot-dock__img--mock,
.home-cat-promo-rail__slot--side .ch-slot-dock__img.ch-media-ph,
.home-cat-promo-rail__slot--side .ch-media-ph {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 3px 2px 14px;
  box-sizing: border-box;
}

/* Resultados — midband vacío */
.res-midband__mock-estado-photo,
.res-midband__mock-live-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Perfil público — thumbs act/live (scoped en perfil-publico.html inline si aplica) */
.act-card__thumb .ch-media-ph,
.live-card__thumb .ch-media-ph,
.playout__feed-slot .thumb .ch-media-ph {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}