/* Vought Prism 37 — tarjetas compactas, identidad del creador y video limpio. */
.feed #feed.masonry:not(.pr24-reels){
  display:block!important;
  columns:260px 3!important;
  column-gap:16px!important;
  grid-template-columns:none!important;
  width:100%!important;
  min-width:0!important;
}
.feed #feed.masonry:not(.pr24-reels) > .postcard {
  display:flex!important;
  flex-direction:column!important;
  break-inside:avoid!important;
  -webkit-column-break-inside:avoid!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  margin:0 0 16px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  grid-row-end:auto!important;
}
/* El avatar nunca hereda el ancho de las fotografías publicadas. */
.feed #feed.masonry .postcard > .pr37-post-author{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  position:relative!important;width:100%!important;height:54px!important;min-height:54px!important;
  max-height:54px!important;flex:0 0 54px!important;gap:10px!important;
  padding:8px 12px!important;box-sizing:border-box!important;overflow:hidden!important;
  border:0!important;border-bottom:1px solid rgba(188,161,242,.19)!important;
  background:rgba(30,23,48,.92)!important;text-decoration:none!important;
}
.feed #feed.masonry .postcard > .pr37-post-author .pr37-avatar-shell,
#detailDialog .pr37-avatar-shell{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;overflow:hidden!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  max-width:36px!important;max-height:36px!important;
  flex:0 0 36px!important;border:2px solid #ac8be4!important;border-radius:50%!important;
  background:#251b39!important;box-sizing:border-box!important;isolation:isolate!important;
}
.feed #feed.masonry .postcard > .pr37-post-author .pr37-avatar-shell img,
#detailDialog .pr37-avatar-shell img{
  display:block!important;position:relative!important;
  width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;
  min-height:0!important;max-height:100%!important;
  margin:0!important;padding:0!important;
  flex:none!important;aspect-ratio:1/1!important;object-fit:cover!important;
  border:0!important;border-radius:50%!important;
}
.feed #feed.masonry .postcard > .pr37-post-author > span:last-child{
  flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 46px)!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  text-align:left!important;font-size:13px!important;line-height:1.35!important;
}
.feed #feed.masonry .postcard > .card-open{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;margin:0!important;padding:0!important;
}
.feed #feed.masonry .postcard > .card-open > img,
.feed #feed.masonry .postcard > .card-open > video{
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;max-height:420px!important;object-fit:contain!important;
  background:#110f1e!important;display:block!important;
}
.feed #feed.masonry .postcard > .card-open > video{min-height:150px!important;aspect-ratio:4/3!important;}
.feed #feed.masonry .postcard > .card-open > .postinfo{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.feed #feed.masonry .postcard .pr24-card-actions{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
/* El reproductor completo usa fondo oscuro y no recorta el encuadre original. */
#detailDialog.pr37-video-detail{width:min(96vw,1180px)!important;max-height:95dvh!important;overflow:hidden!important;}
#detailDialog.pr37-video-detail #detailBody{min-height:0!important;background:radial-gradient(circle at center,#342849,#100e19 75%)!important;}
#detailDialog.pr37-video-detail #detailBody video{
  display:block!important;width:100%!important;max-width:100%!important;
  max-height:calc(94dvh - 120px)!important;height:auto!important;
  object-fit:contain!important;aspect-ratio:auto!important;background:#090812!important;
  border-radius:12px!important;
}
#detailDialog.pr37-video-detail .pr36-detail-creator .pr36-detail-cover{height:68px!important;max-height:68px!important;}
#detailDialog.pr37-video-detail .pr36-detail-creator{margin-bottom:12px!important;}
.pr37-reaction-viewers{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 13px!important;
 border:1px solid rgba(190,150,244,.37)!important;color:#dfccff!important;font-size:13px!important;border-radius:13px!important;cursor:pointer!important;}
.pr37-reactions-dialog{width:min(92vw,450px);max-height:78dvh;overflow:auto;color:#f0e8ff;background:#1b152b;border:1px solid #745b9f;border-radius:20px;padding:18px;box-shadow:0 26px 100px #000a;}
.pr37-reactions-dialog::backdrop{background:#070511ba;backdrop-filter:blur(5px)}
.pr37-reactions-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.pr37-reactions-head h2{font-size:18px;margin:0}.pr37-reaction-users{display:grid;gap:8px}
.pr37-reactor{display:flex;gap:12px;align-items:center;min-height:58px;padding:8px 10px;border:1px solid #43345c;border-radius:13px;text-decoration:none;color:inherit;background:#241d37}
.pr37-reactor:hover{background:#342648}.pr37-reactor img{width:40px;height:40px;object-fit:cover;border-radius:50%;border:2px solid #a58adb;flex-shrink:0}
.pr37-reactor-label{display:grid;gap:4px;min-width:0}.pr37-reactor-label b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr37-reactor-label small{color:#c4b1e6}
/* Controles dentro del video, nunca por encima del título Prism Reels. */
.pr25-reel-viewer .pr25-reel-top{left:18px!important;top:18px!important;padding:7px 10px!important;pointer-events:none!important;}
.pr25-reel-slide .pr37-reel-volume{
  position:absolute!important;z-index:17!important;left:18px!important;top:64px!important;
  width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(232,217,255,.6)!important;border-radius:50%!important;
  background:#171025c9!important;color:#fff!important;cursor:pointer!important;font-size:20px!important;
  backdrop-filter:blur(9px);box-shadow:0 5px 20px #0006;
}
.pr25-reel-slide .pr37-reel-volume:focus-visible{outline:3px solid #d9bcff;outline-offset:3px}
@media(max-width:950px){.feed #feed.masonry:not(.pr24-reels){columns:220px 2!important}}
@media(max-width:580px){
 .feed #feed.masonry:not(.pr24-reels){columns:1!important;column-gap:0!important}
 .feed #feed.masonry:not(.pr24-reels) > .postcard{margin-bottom:13px!important}
 #detailDialog.pr37-video-detail{width:100vw!important;max-width:100vw!important;}
 #detailDialog.pr37-video-detail #detailBody video{max-height:58dvh!important;border-radius:0!important}
 .pr25-reel-slide .pr37-reel-volume{top:58px!important;left:12px!important}
}
@media(prefers-reduced-motion:reduce){.pr37-reactor,.pr37-reel-volume{transition:none!important}}

.feed #feed.masonry .postcard .pr37-card-who{width:calc(100% - 24px)!important;margin:8px 12px!important;justify-content:center!important;min-height:34px!important}
/* El motor visual v37 distribuye cada tarjeta en la columna más corta. */
.feed #feed.masonry.pr37-masonry-ready:not(.pr24-reels){
  display:block!important;position:relative!important;columns:auto!important;
  grid-template-columns:none!important;min-width:0!important;
}
.feed #feed.masonry.pr37-masonry-ready:not(.pr24-reels) > .postcard{
  position:absolute!important;display:flex!important;flex-direction:column!important;
  margin:0!important;min-width:0!important;max-width:none!important;
  grid-row-end:auto!important;break-inside:auto!important;
}
