/* Temple Estrenos 1.3 — aislado del tema y del plugin Temple Social. */
.temple-estrenos {
  --te-muted:#aeb0ba;
  box-sizing:border-box;
  width:100%;max-width:100%;min-width:0;
  margin:10px 0 28px!important;
  padding:22px 20px 24px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background:linear-gradient(135deg,#161618,#1b1b20 70%,#1c1818);
  color:#fff;font-family:inherit;overflow:hidden;
}
.temple-estrenos *, .temple-estrenos *::before,.temple-estrenos *::after {box-sizing:border-box}
.temple-estrenos .temple-estrenos-head{display:flex;align-items:center;min-height:40px;margin:0 0 17px;padding:0}
.temple-estrenos h2.temple-estrenos-heading{font-family:inherit!important;font-size:27px!important;font-weight:850!important;line-height:1.25!important;color:#fff!important;margin:0!important;padding:0!important;border:0!important;text-transform:none!important;}
.temple-estrenos .temple-estrenos-track{
  display:flex!important;gap:18px;width:100%;max-width:100%;min-width:0;
  padding:0 1px 4px;overflow-x:auto;overflow-y:hidden;
  scroll-behavior:auto!important;scroll-snap-type:none!important;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;-ms-overflow-style:none;
  touch-action:pan-x pan-y;cursor:grab;-webkit-overflow-scrolling:touch;
}
.temple-estrenos .temple-estrenos-track::-webkit-scrollbar{display:none}
.temple-estrenos .temple-estrenos-track.temple-estrenos-dragging{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
.temple-estrenos .temple-estrenos-card{
  display:block!important;flex:0 0 clamp(205px,23.5%,310px)!important;
  width:clamp(205px,23.5%,310px)!important;min-width:0!important;
  padding:0!important;margin:0!important;background:none!important;border:0!important;
}
.temple-estrenos .temple-estrenos-cover{
  position:relative;display:block!important;overflow:hidden;
  width:100%!important;aspect-ratio:7 / 10;
  height:auto;border-radius:10px;
  background:#29292e;border:1px solid rgba(255,255,255,.12);
  text-decoration:none!important;
}
.temple-estrenos .temple-estrenos-cover img{
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  object-fit:cover!important;object-position:center center!important;
  margin:0!important;border:0!important;padding:0!important;
  transform:scale(1);transition:transform .3s ease,filter .3s ease;
  pointer-events:none;-webkit-user-drag:none;user-select:none;
}
.temple-estrenos .temple-estrenos-card:hover img{transform:scale(1.035);filter:brightness(.86)}
.temple-estrenos h3.temple-estrenos-card-title{
  font-family:inherit!important;font-size:14px!important;font-weight:750!important;
  line-height:1.4!important;margin:10px 0 0!important;
  padding:0!important;border:0!important;
  display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;min-height:39px;
}
.temple-estrenos .temple-estrenos-card-title a{color:#f7f7f9!important;text-decoration:none!important}
.temple-estrenos .temple-estrenos-card-title a:hover{color:#ffb8a8!important}
.temple-estrenos .temple-estrenos-placeholder{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;height:100%;padding:14px;color:#c8c8cd;background:#27272b;text-align:center}
.temple-estrenos .temple-estrenos-placeholder span{font-size:38px}
.temple-estrenos .temple-estrenos-placeholder small{font-size:12px}
.temple-estrenos a:focus-visible,.temple-estrenos .temple-estrenos-track:focus-visible{outline:2px solid #8bbcfe;outline-offset:3px}
@media(max-width:980px){.temple-estrenos .temple-estrenos-card{flex-basis:30%!important;width:30%!important}}
@media(max-width:720px){.temple-estrenos{padding:17px 13px 19px;margin-bottom:20px!important}.temple-estrenos h2.temple-estrenos-heading{font-size:23px!important}.temple-estrenos .temple-estrenos-track{gap:13px}.temple-estrenos .temple-estrenos-card{flex-basis:43%!important;width:43%!important}}
@media(max-width:420px){.temple-estrenos .temple-estrenos-card{flex-basis:59%!important;width:59%!important}.temple-estrenos h3.temple-estrenos-card-title{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.temple-estrenos .temple-estrenos-cover img{transition:none!important}}