<!--
:root
{
--font:"Poppins",sans-serif;
--main-color:var(--brand-color-1);
--brand-color-1:#c9325b;
--black-1:#000000;
--black-2:#181818;
--black-3:#4f4e50;
--black-4:#807e81;
--text-color:255,255,255;
--swiper-theme-color:var(--main-color)
}
-->
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap);*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;color:rgb(var(--text-color));font-family:var(--font)}body{min-height:100vh;background:var(--black-1)}.global-wrapper-container{display:flex;gap:20px;flex-direction:column;justify-content:space-between;height:100%;min-height:100vh}.p20{padding:20px}.footer{text-align:center;padding:20px} a{-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
 
  
.post-body-wrapper{max-width:90%;margin:20px auto}.post-asdsa{padding:20px;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:200px 1fr;grid-gap:20px;background:var(--black-2)}.post-asdsa .image-and-btn img{width:100%;border-radius:10px;aspect-ratio:2 / 3;margin-bottom:10px}.bs-favs,.delete-btn{display:block;width:100%;padding:15px 20px;font-size:15px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer}.delete-btn{background:var(--main-color)}.none-btn{display:none}.post-asdsa__info{display:flex;flex-direction:column;gap:25px}.post-asdsa__info ul{display:flex;gap:15px}.post-asdsa__info ul li{display:inline-block;border:1px solid rgba(255,255,255,.1);padding:5px 10px;border-radius:5px;font-weight:500}.post-asdsa__info ul li.tmdb-rate{background:gold;border:1px solid #736201}.tmdb-rate,.tmdb-rate i{color:#000}.post-asdsa__info p.resume{opacity:.7}.sub-menu{border-top:3px solid var(--main-color)}@media screen and (max-width:870px){.post-asdsa{grid-template-columns:1fr;text-align:center}.image-and-btn{width:40%;margin:0 auto;text-align:center}.post-asdsa .image-and-btn img{width:80%;margin:0 auto}.post-asdsa__info{align-items:center}.post-asdsa__info p.resume{text-align:justify}}@media screen and (max-width:490px){.post-asdsa__info ul li{font-size:14px}.image-and-btn{width:70%}.post-asdsa__info{align-items:center}.post-asdsa__info p.resume{text-align:justify}}@media only screen and (max-width: 1180px) { .sub-menu { border-top: none; } }

/*Seasons*/
.season-list{margin-top:30px}.select-season{display:flex;align-items:center;margin-bottom:30px;position:relative;gap:20px}.select-season select{background:var(--black-2);outline:none;border:none;padding:10px 20px;font-size:16px;font-weight:400;border-radius:5px;border-right:20px solid transparent}.caps-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;text-align:center;opacity:0;transition:opacity 0.4s ease;overflow:hidden}.caps-grid.animation{opacity:1;animation:fade 1s ease}@keyframes fade{0%{opacity:0}100%{opacity:1}}.hide{display:none}#temps{position:relative}.episode__img{aspect-ratio:3 / 2;background:#111215;border-radius:4px;overflow:hidden;position:relative}.episode__img img{width:100%;aspect-ratio:3 / 2;object-fit:cover;transition:transform 250ms linear;z-index:3;position: inherit;}.episode__info__title{font-size:17px;transition:color 250ms ease;color:var(--white);opacity:.8;margin-top:10px;font-weight:400}.caps-grid li{margin-bottom:20px;position:relative}.caps-grid li:hover>.episode>.episode__img img{transform:scale(1.2)}.caps-grid li:hover>.episode>.episode__img .play-btn-hover{opacity:1}.caps-grid li:hover>.episode>.epsiode__info>.episode__info__title{color:var(--main-color);opacity:.9}.episode__info__duration{position: absolute; top: 0; right: 0; margin: 10px; border-radius: 3px; padding: 3px 5px; background: rgba(0,0,0,.4); font-size: 14px;z-index:4}@media screen and (max-width:1100px){.caps-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:870px){.caps-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:650px){.caps-grid{grid-template-columns:repeat(2,1fr)}}
  /* Agrega estos estilos para la lista de temporadas */
.season-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 20px;
  margin: 20px;
  padding: 20px;
  overflow-x: auto;
  justify-content: center;
}

.season-list .card {
  display: block;
  width: 100%; /* El ancho ahora será manejado por el grid */
  text-align: center;
  color: white;
  text-decoration: none;
  border-radius: 10px; /* Opcional, para bordes redondeados */
}

.season-list .card img {
  width: 100%;
  height: auto;
  border-radius: 10px; /* Opcional, para bordes redondeados */
}

/* Media query para ajustes en pantallas más pequeñas */
@media screen and (max-width: 600px) {
  .season-list {
    grid-template-columns: repeat(2, 1fr);
  }
}


.season-list .card img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.season-list .card span {
  display: block;
  margin-top: 10px;
}
.episode__no-image{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: grid;
    place-items: center;
  	font-size:60px;z-index:2
}  
  
a.gram2
{
cursor: default;
display: block;
text-align: left;
padding: 16px 0px;    
margin-top: 7px;            margin-bottom: 7px;
color: #fff;
background: linear-gradient(110deg, rgba(238,44,52,1) 13%, rgba(202,45,45,1) 39%, rgba(193,46,95,1) 60%, rgba(193,46,95,1) 88%);
text-align: center;
font-size: 16px;
border-radius: 10px;
text-decoration: none;

}