/* CIRCULOHUB · Producción V22: previews sin franjas y mejor encuadre desktop. */
.pr-page .pr-format-media.pr-preview-contain{background:#353535;isolation:isolate;overflow:hidden}
.pr-page .pr-format-media .pr-preview-backdrop{display:none}
.pr-page .pr-format-media .pr-preview-foreground{
  position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;
  filter:none;transform:none;
}
.pr-page .pr-format-card:hover .pr-preview-foreground{transform:scale(1.02)}
.pr-page .pr-format-media .pr-live-icon{z-index:3}
.pr-page .pr-feature-preview-contain{isolation:isolate;background:#2e2e2e}
.pr-page .pr-feature-wide.pr-feature-preview-contain img.pr-feature-preview-backdrop{display:none}
.pr-page .pr-feature-wide.pr-feature-preview-contain img.pr-feature-preview-foreground{
  position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;
  filter:none;transform:none;
}
.pr-page .pr-feature-wide.pr-feature-preview-contain:hover img.pr-feature-preview-foreground{transform:scale(1.015)}
.pr-page .pr-feature-wide.pr-feature-preview-contain .pr-live-pill,
.pr-page .pr-feature-wide.pr-feature-preview-contain .pr-play-bubble,
.pr-page .pr-feature-wide.pr-feature-preview-contain .pr-feature-index{z-index:4}
/* Optimizar uso del espacio de las previews de escritorio */
@media(min-width:851px){
  .pr-page .pr-format-media{height:clamp(235px,23vw,285px)}
  .pr-page .pr-format-card{min-height:450px}
  .pr-page .pr-bts-shot{height:320px}
  .pr-page .pr-feature-wide{min-height:545px}
}
@media(max-width:850px){
  .pr-page .pr-format-media{height:245px}
  .pr-page .pr-feature-wide{min-height:390px}
}
@media(max-width:650px){
  .pr-page .pr-format-media{height:218px}
  .pr-page .pr-feature-wide{min-height:340px}
}
/* Reparación responsive: la reducción V20 dejó dos columnas en los encabezados móviles. */
@media(max-width:850px){
  .pr-page .pr-heading-row{display:grid;grid-template-columns:minmax(0,1fr);gap:21px;align-items:start}
  .pr-page .pr-heading-row > p{max-width:100%;margin:0}
}
@media(max-width:650px){
  .pr-page .pr-heading-row h2{font-size:clamp(28px,7.15vw,43px);line-height:1.16;overflow-wrap:normal}
  .pr-page .pr-heading-row > p{font-size:14px;line-height:1.55}
  .pr-page .pr-formats-grid{margin-top:30px}
}