@media screen and (min-width:601px) and (max-width:1224px){body{padding-top:85px}.content{margin-left:120px}.select__multi-value__label{max-width:120px}.content-app{margin-top:-90px;padding-top:20px}.sale-picture{margin:60px auto;width:50dvw;display:block}.premiers-content .premiers{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:120px;margin-left:-20px;overflow:hidden;overflow-x:scroll;margin-inline:50px}.premiers-content h3{text-align:center;font-size:30px;margin-bottom:30px}.premiers-content .premiers .premiers-item{width:100%;position:relative;.name{width:95%;top:10px;left:10px;border-left:4px solid var(--orange);padding:10px;background-color:#00000092}.date,.name{position:absolute;z-index:2}.date{bottom:-30px;width:100%;left:0;font-weight:500;font-size:20px;text-transform:capitalize}.images img{height:500px;border-radius:10px}.redirect-btn{background-color:var(--header);padding:10px;position:absolute;color:#fff;bottom:0;width:100%;left:0;z-index:2;font-size:25px;display:flex;gap:10px;align-items:center;justify-content:center}}.header-app{align-items:end;display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;gap:60px;padding:10px;height:100%}.slide-title{margin-top:0!important}.slide-homepage{width:90%;margin-inline:60px!important;& .swiper-slide-active{animation:corward .2s ease}& .swiper-button-prev{left:0;height:105%}& .swiper-button-next,& .swiper-button-prev{top:0;bottom:0;background:rgba(0,0,0,.028);color:#fff;padding:20px!important}& .swiper-button-next{right:0;height:110%}}.slide{width:100%;position:relative;border-radius:30px}.slide .show-graph{padding:40px;position:absolute;top:0;width:95%;margin-left:30px;height:95%;display:flex;flex-direction:column;justify-content:start;z-index:1}.slide .show-graph .name-tag{font-size:35px;text-transform:capitalize;border-left:4px solid var(--orange);padding-left:10px;margin-bottom:120px}.slide .show-graph .descripcion-tag{color:var(--text-color);margin-top:20px;font-size:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.slide .show-graph .year-tag{opacity:0}.slide .show-graph .group{width:-moz-fit-content;width:fit-content;display:flex;gap:5px;.status-tag,.type-tag{background:var(--header);padding:6px 10px;border-radius:3px;text-transform:lowercase;font-size:15px;cursor:pointer;transition:scale .2s ease;&:hover{background:var(--outline);scale:105%}}}.slide .show-graph .genres-tags{display:flex;gap:5px;margin-top:20px}.slide .show-graph .genres-tags .genre-tag{padding:7px;background:var(--header);box-shadow:2px 1px 1px 1px var(--hover);border-radius:2px;font-size:15px;transition:scale .2s ease;&:hover{background:var(--outline);scale:105%}}.slide .show-graph .btn-slide{width:-moz-fit-content;width:fit-content;padding:10px 20px;position:absolute;bottom:20px;right:10px;font-size:30px;border-radius:3px;transition:scale .2s ease;display:flex;gap:10px;align-items:center;justify-content:center;background:var(--header);color:#fff;&:active,&:hover{background:var(--outline);scale:105%}}.slide .img-slide{height:-moz-fit-content;height:fit-content;width:100%;border-radius:30px;-webkit-mask-image:radial-gradient(#000000e7,transparent);mask-image:radial-gradient(#000000e7,transparent)}.header-app .form_search{top:0;left:175px;background:var(--header);width:90.3%;padding:7px;z-index:98;.input-group{position:relative;width:83.5%;margin:auto;display:block}button{color:#fff;font-size:20px;i{top:10px;right:-30px;position:absolute}}}.header-app .form_search input{width:100%;color:var(--header);text-align:center;&::placeholder{color:var(--header);text-align:center}}.content-streaming{max-width:100dvw;display:flex;flex-direction:column;gap:20px}.buttons{position:relative;display:flex;gap:5px;.tooltip{position:relative;display:inline-block}.tooltip button{padding:6px 10px;border:none;background:var(--header);color:#fff;font-size:20px;cursor:pointer;border-radius:5px}.tooltip .tooltiptext{visibility:hidden;opacity:0;width:max-content;background:var(--header);color:#fff;text-align:center;padding:5px 10px;outline:1px solid var(--hover);border-radius:6px;position:absolute;bottom:-65%;font-size:12px;left:50%;transform:translateX(-50%);transition:opacity .3s;white-space:nowrap;z-index:999}.tooltip .tooltiptext:after{content:"";position:absolute;top:-70%;rotate:180deg;left:50%;margin-left:-5px;border-width:10px;border-style:solid;border-color:var(--header) transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}}.content-streaming .player{.buttons{margin-left:0;.tooltiptext{bottom:-125%}}.share-content{position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:-1;display:grid;place-content:center;background:#111119b7;opacity:0;cursor:pointer;&.show{animation:fadeInUp .2s ease;opacity:1;z-index:999}.clipp{display:flex;align-items:center;justify-content:center;gap:10px;p{background:var(--header);padding:10px;font-size:20px;border-radius:10px;outline:2px solid var(--hover)}}button{padding:10px;font-size:20px;background:var(--header);color:#fff;outline:2px solid var(--hover);border-radius:5px;&:hover{background:var(--hover)}}}.download-content{width:1500px;margin:50px auto;height:0;overflow:hidden;&.active{animation:fadeInUp .2s ease;height:-moz-fit-content;height:fit-content}}.download-content .title-download{font-size:20px;text-align:center;background:var(--header);padding:10px;border-radius:10px;margin:20px 0}.download-content .download-item{display:flex;gap:10px;justify-content:space-between;padding:10px;border-bottom:1px solid var(--header);button{padding:10px;background:var(--header);color:#fff;border-radius:4px;outline:1px solid var(--hover);&:hover{background:var(--hover)}}}iframe{width:100%;height:400px}}.content-streaming .player{display:flex;flex-direction:column;width:100%;padding-left:60px;margin:30px auto auto}.content-streaming .player .title{display:block;font-size:25px;text-transform:capitalize;margin:20px 0}.content-streaming .player .controls-player{display:flex;align-items:center;justify-content:space-between;margin:40px 0;padding:0}.content-streaming .player .controls-player .control{width:290px;height:180px;position:relative;overflow:hidden;border-radius:7px;&:hover{.tagDuration,.tagEpisode{opacity:0}img{filter:blur(1px) brightness(70%);scale:110%}}}.content-streaming .player .controls-player .control img{width:100%;height:100%;transition:scale .2s ease-out;filter:brightness(50%)}.content-streaming .player .controls-player .control i{position:absolute;left:40%;bottom:35%;font-size:50px}.content-streaming .player .controls-player .control .tagEpisode{position:absolute;top:10px;left:10px;font-size:14px}.content-streaming .player .controls-player .control .tagDuration{position:absolute;bottom:10px;right:10px;font-size:14px}.content-streaming .player .controls-player .control strong{position:absolute;bottom:-30px;left:30%;font-weight:500}.content-streaming .player .comments{width:95%;margin:0 auto;padding:0;.title{margin-left:0}.text-emergent{font-size:20px;margin-left:50px}.text-warning{font-size:18px;display:flex;gap:10px;border-radius:10px;width:100%;background:#f5e28f;flex-direction:column;align-items:center;color:#222;padding:10px;button{padding:10px;border-radius:5px;background:var(--header);color:#fff;outline:1px solid #5e5d5d96}}.promp-comments{display:flex;gap:10px;margin:20px 0;img{border-radius:100%;width:40px;outline:1px solid #a1a1a150;padding:6px}.promp{width:100%}}.actions{display:flex;gap:10px;margin:10px 0;button{padding:10px;border-radius:4px;&:active,&:hover{background:var(--header);color:#fff;outline:1px solid #a1a1a150}}.btn-cancel{background:var(--header);outline:1px solid #a1a1a150;color:#fff}}.editable{border:1px solid #cccccc3b;padding:8px;min-height:40px;outline:none;border-radius:5px}.editable:empty:not(:focus):before{content:attr(data-placeholder);color:#aaa;pointer-events:none}}.content-streaming .player .comments .content-comments{height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden;&.show{animation:fadeInUp 1s ease;height:-moz-fit-content;height:fit-content}& .comment-item{padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:10px;background:var(--header);opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease;&.new{opacity:0;transform:translateY(10px);animation:fadeInUp .4s ease forwards}& .info-comment{display:flex;flex-direction:column;gap:5px;img{border-radius:100%;width:50px}.username-comment{color:var(--hover)}}& .graph{display:flex;position:relative;flex-direction:column;& .date-comment{font-size:12px;color:#6b6a6b;margin-top:10px}}}}.content-streaming .player .comments .btn-comments{width:100%;background:var(--header);color:#fff;padding:15px;font-size:15px;border-radius:10px;&:hover{outline:solid 1px var(--hover)}}.content-streaming .player .overlay-episode{overflow:hidden;position:relative;.vjs-progress-holder{background:#111011}.btn-skip{padding:10px;position:absolute;z-index:2;top:10px;left:10px;scale:0;transition:all .2s ease;&.show{scale:100%}&:hover{background:var(--hover);color:#fff}}.vjs-load-progress{background:#afbcf7}.vjs-play-progress{background:var(--hover)}}.content-streaming .player .overlay-episode .Video-streaming .video-js .vjs-icon-placeholder{color:var(--hover);transition:all .2s ease}.content-streaming .player .overlay-episode .Video-streaming .video-js .vjs-big-play-button{background:transparent;outline:0;border:0}.recommends-slide{width:1100px;padding:10px 0;& .swiper-button-prev,.swiper-button-next{color:#fff}& .slide:hover{img{scale:95%;box-shadow:-2px 2px 1px 2px var(--hover)}}& .image-slide{transition:all .2s ease;width:100%;height:270px;border-radius:4px}}.content-streaming .wrapper-news .img-news{width:100%;border-radius:7px}.pwd-login{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:50;transition:opacity .3s ease}.pwd-login.no-show{opacity:0;pointer-events:none}.pwd-login.show{opacity:1;pointer-events:auto}.pwd-bground{position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.65)}.pwd-content{background:var(--header);border-radius:20px;padding:2rem;width:500px;text-align:center;color:#fff;box-shadow:0 0 25px rgba(55,50,54,.4);animation:fadeInUp .4s ease}.pwd-content,.pwd-content .pwd-text{position:relative}.pwd-content h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--orange);text-shadow:0 0 10px rgba(201,133,6,.6);font-family:Poppins,sans-serif}.pwd-content input{position:relative;width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);padding:12px;border-radius:10px;margin-bottom:1rem;color:#fff;font-size:.95rem;outline:none;transition:border .2s,box-shadow .2s}.pwd-content input:focus{border:1px solid var(--orange);box-shadow:0 0 10px var(--header)}.pwd-content button{width:-moz-fit-content;width:fit-content;background:var(--header);border:none;padding:12px;color:#fff}.pwd-content .pwd-btn-showpassword{position:absolute;right:0;top:20px;background:transparent}.pwd-content .pwd-btn{width:100%;margin-top:20px;outline:1px solid var(--hover);border-radius:5px;&:hover{background:var(--hover)}}.pwd-content .pwd-message button{padding:0;background:transparent;margin-left:10px;font-size:15px;text-transform:uppercase}.login-part,.register-part{margin:auto;width:0;height:0;overflow:hidden;&.show{padding:10px;height:-moz-fit-content;height:fit-content;width:400px;animation:fadeInUp .1s forwards}}.pwd-btn-close{position:absolute;top:12px;right:12px;background:transparent!important;border:none;font-size:1.4rem;cursor:pointer;transition:transform .2s}.pwd-btn-close:hover{transform:rotate(90deg);color:var(--orange)}.last-episodes{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding-inline:70px!important}.last-episodes .last-episode{position:relative;overflow:hidden;&:hover{cursor:pointer;.play-icon{opacity:1;z-index:2;padding:15px;left:40%!important;top:30%!important;border-radius:100%;font-size:15px!important;outline:2px solid var(--text-color);animation:fadeInUp .2s ease}.image{box-shadow:1px 1px 1px 1px var(--hover)}.image img{filter:brightness(.2)}.tag-name{display:none;right:-20px;animation:fadeInUp .2s forwards}.tag{color:var(--hover)}}.image{width:100%;height:100px;margin-bottom:5px;overflow:hidden;position:relative;border-radius:10px;&.loading{box-shadow:none}.tag-new{position:absolute;bottom:0;text-transform:capitalize;right:0;background:var(--background);padding:8px;border-radius:10px 0 0 0;span{font-size:10px;font-weight:500;padding:3px;color:var(--text-color);background:var(--header)}}.play-icon{font-size:20px;left:45%;top:40%;position:absolute}img{width:100%;height:100%}}span{display:block}.tag{color:#afadad;font-size:12px}.tag-name{width:100%;top:20px;right:1000px;position:absolute;transition:all .2s ease}}.section-title{margin-bottom:20px;margin-top:120px;margin-left:50px!important}.section-title h2{font-size:2.2rem;font-weight:700;color:#fff;position:relative;display:inline-block;padding-bottom:6px}.section-title h2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#ff0080,#ff4d4d,#ffcc00);border-radius:2px}.section-title .icon{margin-left:10px;color:#ff4d4d;font-size:1.8rem;display:inline-block;animation:spin 6s linear infinite}.section-title p{font-size:.9rem;color:#aaa;margin-top:4px}.data-list{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;gap:20px;justify-content:center;margin-bottom:120px;margin-inline:50px!important}.data-list .card-1{width:100%;position:relative;& .btn-add{position:absolute;left:10px;top:10px;background:var(--header);color:#fff;font-size:25px;padding:7px;display:flex;align-items:center;justify-content:center;border-radius:100%;opacity:0;&.active,&:hover{background:var(--hover)}&.active{animation:fadeInUp .2s ease}}&:hover .image{img{filter:brightness(.2)}.play-icon{scale:100%}box-shadow:3px 4px 0 2px var(--hover);.tag-year{opacity:0;transition:all .2s ease}}&:hover .describe .tag-name{color:#b8b8b8}&:hover .btn-add{opacity:1}}.data-list .card-1 .image{width:100%;position:relative;height:280.333px!important;margin-bottom:10px;border-radius:5px;box-shadow:0 0 0 2px transparent;transition:all .2s ease-out;&.loading{box-shadow:none}}.data-list .card-1 .image img{width:100%;height:100%;border-radius:5px;transition:all .2s ease-in-out}.data-list .card-1 .tag-status{position:absolute;bottom:-10px;left:0;border-radius:2px;background:var(--background);padding:10px;border-radius:0 10px 0 0;& .status{color:#ffffff;font-size:12px;display:block;padding:5px;border-radius:5px;background:#1a1a1a;font-weight:700;text-transform:capitalize}}.data-list .card-1 .image .tag-year{position:absolute;top:0;right:-5px;background:var(--background);font-weight:500;padding:10px 15px;border-radius:0 0 0 5px;& .year{display:block;font-size:12px;margin-top:-5px;padding:4px 10px;border-radius:5px;background:linear-gradient(135deg,#ff5722,#ff9800);text-transform:capitalize;font-weight:700}}.data-list .card-1 .image .play-icon{position:absolute;bottom:45%;left:40%;transition:scale .1s ease-in-out;font-size:40px;scale:0;background:transparent;padding:20px;border-radius:100%;font-size:16px;outline:3px solid var(--text-color)}.data-list .card-1 .describe{display:block}.data-list .card-1 .describe .tag-name{display:inline;text-transform:capitalize;font-weight:500}.data-list .card-1 .describe .tag-genres{display:none;gap:10px;flex-wrap:wrap;margin-top:20px}.data-list .card-1 .describe .tag-genres .tag-gnre{background:#222;color:#ccc;padding:6px;font-size:12px;border-radius:5px;&:hover{background:#222;color:#fff;cursor:pointer}}.container.home{margin-top:120px}.container-content{max-width:1400px;margin-inline:auto;padding:0 10px}.tlt-section{text-align:start;font-size:30px;margin-bottom:20px;margin-top:120px;padding-left:20px;border-left:4px solid var(--hover);display:flex;flex-direction:column;span{font-size:15px;color:#949494}}.content-dir .list-series{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;align-content:center;grid-gap:20px;gap:20px;max-width:95%;padding-inline:70px;margin:60px auto auto}.content-dir .list-series .card-2{width:100%;display:flex;flex-direction:column;gap:10px;position:relative;& .btn-add{position:absolute;left:5px;top:10px;background:var(--header);color:#fff;font-size:20px;padding:7px;display:flex;align-items:center;justify-content:center;border-radius:100%;opacity:0;&.active,&:hover{background:var(--hover)}&.active{animation:fadeInUp .2s ease}}&:hover{.tag-status,.tag-year{opacity:0}.btn-add{opacity:1;scale:100%}}}.content-dir .list-series .card-2 .image{width:100%;height:auto;border-radius:4px;position:relative;box-shadow:0 0 0 0 transparent;transition:all .2s ease-out;&.loading{&:hover{box-shadow:none}}&:hover{box-shadow:3px 1px 0 2px var(--hover);.play-icon{scale:100%}img{filter:brightness(.2)}.tag-status{right:-100px}}}.content-dir .list-series .card-2 .image img{width:100%;height:100%;transition:all .2s ease-out;border-radius:4px}.content-dir .list-series .card-2 .image .tag-year{position:absolute;top:0;right:0;z-index:2;background:var(--background);padding:10px;border-radius:0 0 0 10px;& .year{font-size:12px;border-radius:5px;background:linear-gradient(135deg,#ff5722,#ff9800);padding:3px 10px;text-transform:capitalize;color:#fff;font-weight:700}}.content-dir .list-series .card-2 .image .play-icon{position:absolute;bottom:45%;left:35%;transition:scale .1s ease-in-out;font-size:40px;scale:0;background:transparent;padding:20px;border-radius:100%;font-size:16px;outline:3px solid var(--text-color)}.content-dir .list-series .card-2 .describe{display:block}.content-dir .list-series .card-2 .tag-status{position:absolute;bottom:0;left:0;border-radius:2px;background:var(--background);font-size:12px;padding:10px;border-radius:0 10px 0 0;& .status{display:block;padding:5px;border-radius:5px;background:#272627}}.content-dir .list-series .card-2 .describe .tag-name{display:block;font-weight:500}.userPage{display:grid;grid-template-columns:20% 75%;grid-gap:7px;gap:7px;padding-top:70px}.userPage .user-graphs{width:100%;display:flex;flex-direction:column;gap:7px;& span{font-size:15px}span:nth-child(5),span:nth-child(6){color:#555252;font-weight:500;font-size:14px;text-transform:capitalize}}.userPage .content-list{width:100%;min-height:50dvh}.userPage .content-list .layout-userPage{display:flex;flex-direction:column;gap:10px}.userPage .content-list .layout-userPage .item-layout-userPage{width:100%;display:flex;align-items:center;gap:10px;border-bottom:1px solid #555252;padding:10px;position:relative;&:hover{cursor:pointer;background:var(--header);img{filter:brightness(.4);scale:120%}.btn-ref{opacity:1}}}.userPage .content-list .layout-userPage .item-layout-userPage .btn-ref{position:absolute;color:#fff;background:transparent;font-size:25px;left:25px;opacity:0}.userPage .content-list .layout-userPage .item-layout-userPage .option{position:absolute;right:10px;z-index:2;background:transparent;color:#fff;&:hover{background:var(--hover)}}.userPage .content-list .layout-userPage .text-1{font-size:20px;font-weight:400}.userPage .content-list .layout-userPage .text-2{color:#777;button{padding:10px;border-radius:5px;background:var(--header);color:#fff;&:hover{outline:1px solid var(--outline)}}}.userPage .content-list .layout-userPage .item-layout-userPage .optiongroup{position:absolute;right:15px;padding:10px;transition:opacity .2s ease;&.no-active{opacity:0}&.active{opacity:1}button{padding:10px;background:var(--header);color:#fff;outline:1px solid #555252;border-radius:4px;z-index:2;&:hover{background:var(--hover)}}}.userPage .content-list .layout-userPage .item-layout-userPage img{height:70px;border-radius:5px;transition:scale .2s ease}.userPage .content-list .layout-userPage .item-layout-userPage span{font-size:20px;text-transform:capitalize}.userPage .content-list .layout-userPage .item-layout-userPage p{font-size:15px;color:#555252}.reload{padding:10px;background-color:var(--header);color:#fff}.not-found{min-height:65dvh;display:grid;place-content:center;grid-gap:10px;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;h5{color:#555252}button{border-radius:5px;width:-moz-fit-content;width:fit-content;padding:10px 20px;font-size:20px;background:var(--header);color:#fff;&:hover{background:var(--outline);outline:1px solid #ffffff71}}}.header-app .navegation .links .avatar{margin:auto;flex-direction:column;overflow:hidden;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;font-size:20px;align-items:center;justify-content:space-between;gap:10px;.user-picture{transition:all .2s ease;border-radius:6px;cursor:pointer;height:50px;width:50px;&:hover{scale:90%;padding:5px;outline:1px solid var(--hover)}}}.background--modal{background:rgba(0,0,0,.822);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;left:0;right:0;bottom:0;top:0;width:100%;height:100dvh;display:none;z-index:-2;opacity:0;place-items:center;transition:all .2s ease-in;scale:100%;&.show{scale:110%;opacity:1;z-index:98;display:block;animation:fadeInUp .3s ease-out;& .avatars-modal{top:25%;height:50%;width:50%}}}.avatars-modal{position:relative;height:100%;width:100%;top:-100%;left:0;overflow:hidden;overflow-y:auto;background:var(--header);padding:10px;border-radius:10px;.btn--close{background:transparent;color:#fff;position:-webkit-sticky;position:sticky;right:10px;top:10px;&:hover{color:var(--hover)}}.btn--submit{transition:all .2 ease;top:0;position:-webkit-sticky;position:sticky;padding:10px;margin:20px;border-radius:10px}& .avatars{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:10px;cursor:pointer;img{border-radius:2px;width:70px;height:auto;transition:all .2s ease;&.active,&:hover{scale:110%;filter:grayscale()}}}}.searcher-header{position:absolute;width:1720px;left:180px;background:var(--header);z-index:-1;transition:all .2s ease;padding:10px;overflow:hidden;opacity:0;.shw-results{padding:10px!important;width:80%;margin:auto;display:block;color:#111011;font-size:18px;background:var(--text-color);transition:all .2s ease;outline:1px solid var(--hover);border-radius:5px;&:hover{background:var(--hover);color:#fff}}&.show{opacity:1;height:-moz-fit-content;height:fit-content;top:50px}&.no-show{top:-100%;height:0}}.searcher-header .text-searcher{width:80%;padding:10px;margin:auto;color:var(--text-color);font-size:20px;font-weight:500}.searcher-header .results{width:80%;margin:auto;display:flex;flex-direction:column;padding:10px 10px 40px;border-top:1px solid var(--hover);overflow:hidden;height:400px;overflow-y:auto}.searcher-header .results .result{padding:5px;height:auto;border-bottom:1px solid #3d3d3de1;position:relative;cursor:pointer;outline:0 solid transparent;img{display:block;width:50px;height:70px;border-radius:7px;transition:all .2s ease}&:hover{scale:95%;transition:all .2s ease;color:#ccc;background:var(--background);outline-width:1px;outline-color:#fff;translate:-15px -10px;.tag-yr{color:#fff}img{scale:110%}}.tag-yr{bottom:15px;font-size:12px;color:var(--text-color);padding:0 10px;border-left:1px solid #3d3d3de1;border-right:1px solid #3d3d3de1}.tag-name,.tag-yr{position:absolute;left:75px}.tag-name{z-index:2;top:35px;color:#fcfcfc;font-family:sans-serif}.tag-name,.tag-type{text-transform:capitalize}.tag-type{position:relative;bottom:0;color:#f0ebeb;font-size:12px}}.content-dir .filters{display:flex;max-width:100%;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:50px auto auto;position:relative;.buttons{margin-bottom:-20px;button{transition:scale .2s ease}&:active,button:hover{scale:105%;outline:2px solid var(--orange);background-color:var(--hover)}}.tooltip button{padding:5px 30px;border:none;background:var(--header);color:#fff;font-size:20px;cursor:pointer;border-radius:5px}.filter-btns{display:flex;width:-moz-fit-content;width:fit-content;gap:6px}.select__control{background:var(--header);border:1px transparent}& label{cursor:pointer;margin:10px 0;display:block}& h3{margin-top:0;font-size:40px}& .select__value-container{max-width:250px;min-width:130px}}.btn-filt{font-size:20px;padding:15px;color:#ffffff;background:var(--header);border-radius:7px;height:-moz-fit-content;height:fit-content;margin-top:20px;right:0}.pagination{margin:80px}.pagination .pagination--btn{background:#fff;color:#222;padding:10px 15px;font-size:20px;border-radius:2px;&:first-child,&:last-child{color:#fff;background:transparent!important}&.active,&:hover{color:#fff;background:var(--hover)}}footer{width:100%;display:flex;height:-moz-fit-content;height:fit-content;background:linear-gradient(to top,var(--header),var(--background));padding-inline:70px!important;justify-content:space-around;margin-top:150px;padding:20px 20px 60px}footer .services{background:linear-gradient(135deg,#ff5722,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent}footer .services,footer .tags{display:flex;flex-direction:column;gap:10px}footer .tags h3{font-size:25px;background:linear-gradient(135deg,#ff5722,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services ul,footer .tags ul{display:flex;flex-direction:row;width:200px;flex-wrap:wrap;gap:10px}footer .tags ul li{display:block;padding:5px;border-radius:5px;&:hover{background-color:var(--header)}}.content-serie{position:relative;margin-top:0;padding-inline:55px}.content-serie .background-serie{width:100%;height:700px;background-repeat:no-repeat;background-size:cover;background-position:end;position:absolute;top:-120px;z-index:-1;filter:brightness(.2) blur(4px);-webkit-mask-image:linear-gradient(0deg,transparent,#000);mask-image:linear-gradient(0deg,transparent,#000)}.content-serie .serie-menu{margin:40px 0;width:100%}.content-serie .serie-menu .serie-menu-buttons{display:flex;gap:1px;margin:0 auto;max-width:1400px;gap:2;justify-content:center}.content-serie .serie-menu .serie-menu-buttons button{padding:10px;width:100%;font-size:16px;background:var(--header);color:#fff;&:hover{outline:1px solid var(--hover)}}.content-serie .content{display:grid;max-width:1400px;padding:0 20px;grid-template-columns:20% 80%;grid-gap:30px;gap:30px;margin:50px auto auto}.logo-footer{position:relative;display:flex;flex-direction:column;gap:40px;.logo-container{left:0}}.content-serie .content .serie-info{display:block;& .logotype{width:140px;padding:10px}}& .next-episode-tag{font-size:25px;margin:20px 0;background:var(--header);padding:10px;text-align:center;text-transform:capitalize}& .btn-trailer{margin-top:10px;display:block;background:transparent;color:#fff;font-size:20px;padding:10px;text-transform:capitalize;margin-left:10px;background-color:var(--header);&:hover{color:var(--hover)}}& .container-trailer{position:fixed;top:0;width:100%;height:100%;bottom:0;left:0;background:#0000007e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;z-index:-1;scale:80%;transition:scale .2s,opacity .2s ease;&.show{opacity:1;scale:100%;z-index:2}& .video-trailer{aspect-ratio:16/9;width:50%;margin:200px auto;background:var(--header);h3{font-size:25px;padding:10px}& .btn-close{position:absolute;z-index:4;top:205px;background:transparent;color:#fff;right:26%;font-size:40px;&:hover{color:var(--hover)}}& .trailer{margin:0;width:100%;height:100%;object-fit:cover}}}.content-serie .content .serie-info .recommends-serie{opacity:0;height:0;.section-title{padding:0!important;margin-inline:0!important}&.show{opacity:1;height:400px}}.content-serie .content .serie-info .serie-episodes{transition:all .2s ease-in-out;margin-top:50px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:50px;& .pagination--episodes{width:100%;display:flex;gap:5px;margin-top:20px;& button{background:var(--header);color:#fff;width:100%;padding:10px;border-radius:7px;&:hover{outline:1px solid var(--hover)}}}& .next-episode-tag{font-weight:300;padding-left:10px}&.collapse{height:min-content}&.min-height{height:120px!important}&.no-collapse{height:0;overflow:hidden}}.content-serie .content .serie-info .serie-episodes .episodes{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-top:50px;padding-left:10px}.content-serie .content .serie-info .serie-episodes .filter_episode{position:relative}.content-serie .content .serie-info .serie-episodes .filter_episode .filter_episodes{padding:10px;margin-left:10px;transition:all .2s ease;background:var(--header);color:#fff;&.active{outline:1px solid #363535;color:#fff}}.content-serie .content .serie-info .text{font-size:25px;margin-top:50px;display:block;background-color:var(--header);width:100%;padding:10px}.content-serie .content .serie-info .serie-episodes .filter_episode .options_filter_episodes{padding:10px;display:flex;gap:10px;height:60px;background:var(--header);width:-moz-fit-content;width:fit-content;margin-top:5px;margin-left:10px;position:absolute;align-items:center;z-index:4}.content-serie .content .serie-info .serie-episodes .filter_episode .options_filter_episodes .btn-filter{padding:6px;font-size:14px;background:var(--hover);color:#fff;height:-moz-fit-content;height:fit-content;&.active,&:hover{outline:1px solid #555252;color:#fff;background:var(--header)}}.content-serie .content .serie-info .serie-episodes .episodes .episode{width:100%;position:relative;overflow:hidden;border-radius:7px;& img{height:90px}&:hover{cursor:pointer;& img{scale:110%}& .tag{color:var(--hover)}& .tag-duration{opacity:0}}}.content-serie .content .serie-info .serie-episodes .episodes .episode .tag-duration{position:absolute;z-index:2;font-size:12px;right:5px;top:5px}.content-serie .content .serie-info .serie-episodes .episodes .episode .episode-image{transition:all .2s ease;width:100%;height:90px;border-radius:4px}.content-serie .content .serie-info .serie-episodes .episodes .episode .tag{color:#777;font-size:12px;display:block}.content-serie .content .serie-info .serie-episodes .episodes .episode .episode-descripcion{font-size:16px;margin:2px 0;display:block}.content-serie .content .serie-info .serie-name{font-size:35px;text-transform:capitalize;border-left:2px solid var(--hover);padding-left:10px;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content-serie .content .serie-info .tags{margin-top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content-serie .content .serie-info .tags .serie-genres{display:flex;padding:10px;margin-top:60px;gap:10px}.content-serie .content .serie-info .tags .serie-genres li a{padding:10px;box-shadow:1px 1px 1px 1px var(--hover);border-radius:5px;transition:all .2s ease;&:hover{background:#111011;box-shadow:-1px 0 1px 1px var(--hover)}}.content-serie .content .serie-info .tags .serie-description{margin:20px 0 20px 10px;color:#c4c3c3;text-align:start}.content-serie .content .serie-info .tags .tag{padding:10px;margin-top:5px;display:flex;width:100%;gap:10px;justify-content:space-between;border-bottom:1px solid #504f4f2a;& span:first-child{color:#777777;font-weight:700;text-transform:uppercase}& .views{font-size:14px;color:#777}}.content-serie .content .serie-info .tags .tag span{text-transform:capitalize;display:inline-block;font-weight:500}.content-serie .content .serie-image{position:relative;display:block;margin-top:40px}.content-serie .content .serie-image .state{background:var(--header);padding:10px;top:10px;right:10px;position:absolute;border-radius:5px;span{text-transform:capitalize;font-size:15px;display:flex;align-items:center;justify-content:center;gap:5px;i{font-size:15px}}}.content-serie .content .serie-image .add-btn{width:100%;padding:10px;font-size:20px;border-radius:4px;margin-top:10px;background:var(--header);color:#fff;i{color:#ca9b04}&.active,&:hover{outline:1px solid var(--hover);color:#fff}}.content-serie .content .serie-image img{width:100%;border-radius:7px}.content-serie .content .serie-image .votes-series{display:flex;padding:10px 0;gap:10px;justify-content:space-between}.content-serie .content .serie-image .votes-series .vote-btn{width:100%;padding:10px;border-radius:4px;font-size:12px;background:var(--header);color:#fff;display:flex;gap:10px;justify-content:center;&.active,&:hover{color:#fff;outline:1px solid var(--hover)}&.active{animation:pop .3s ease}}.online-status{display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;color:#a0a0a0;font-weight:500;position:fixed;left:10px;bottom:10px;z-index:999}.online-status .number{font-weight:700;font-size:16px;color:var(--orange)}.online-status .text{font-size:14px;color:#a0a0a0;text-transform:uppercase;margin-top:-50px}.item-list{width:100%;position:relative;.btn-watch{position:absolute;width:90%;left:15px;background:var(--header);color:#fff;font-size:30px;transition:all .2s ease;padding:10px;z-index:2;bottom:40px;right:30px;opacity:0;scale:0;display:flex;justify-content:center;align-items:center;gap:10px;&:hover{background:var(--hover)}}.option{position:absolute;z-index:2;right:20px;top:20px;font-size:18px;background:var(--header);padding:5px;border-radius:0;cursor:pointer;color:#fff;&:hover{color:var(--hover)}}.options{width:-moz-fit-content;width:fit-content;position:absolute;right:20px;top:50px;opacity:0;z-index:-1;button{background:var(--header);color:#fff;display:block;margin:auto;padding:10px;&:hover{background:var(--hover)}}&.active{opacity:1;z-index:2}}}.item-list .name{position:absolute;width:100%;bottom:20px;z-index:2;.name-list{display:block;position:relative;bottom:20px;margin:auto;width:90%;padding:10px;background:var(--header);border-radius:4px;font-size:20px;text-transform:capitalize;opacity:0;scale:60%;text-align:center}}.item-list .image{width:100%;position:relative;height:350px}.item-list .image img{width:100%;height:320px;box-shadow:0 transparent;border-radius:10px}.list-user{height:500px}.list-user .swiper-slide{img{filter:brightness(.6)}}.list-user .swiper-pagination{bottom:0!important}.list-user .swiper-slide-active{animation:pop .2s ease;.name-list{opacity:1;scale:100%;transition:scale .2s ease-out}img{filter:brightness(100%);transition:filter .7s,box-shadow .2s ease-in-out;box-shadow:2px 2px 1px 3px var(--hover)}&:hover{.btn-watch{opacity:1;scale:100%}.name-list{opacity:0;display:none}}}.rate-section{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;padding-inline:50px!important}.rate-section .rate-item{width:100%;height:auto;position:relative;border-radius:0 10px 10px 10px;padding:7px;&:hover{.btn-watch{opacity:1}.name{color:#616161}}}.rate-section .rate-item .images{width:100%;height:270px;border-radius:10px;position:relative;&:hover{cursor:pointer;img{box-shadow:2px 2px 1px 2px var(--hover);scale:95%}.btn-watch{animation:fadeInUp .2s ease-out;opacity:1}}.btn-watch{padding:10px;font-size:18px;position:absolute;bottom:20px;right:20px;opacity:0;z-index:2;display:flex;gap:10px;align-items:center;justify-content:center;&:hover{background:var(--header);color:#fff}}.type{position:absolute;right:0;top:0;background:var(--background);padding:10px 14px;border-radius:0 0 0 10px;z-index:2;span{padding:4px 7px;font-size:14px;color:#bbbebe;font-weight:700;background:var(--header)}}img{transition:scale .2s ease;border-radius:10px;height:100%;width:100%}}.rate-section .rate-item .name{position:relative;width:100%;span{padding-top:10px;padding-left:10px;font-size:20px;display:block;width:-moz-fit-content;width:fit-content;text-transform:capitalize}}.title{padding-left:10px;border-left:4px solid var(--hover);font-size:35px;margin-bottom:40px}.premiers{width:85%;margin:auto;display:grid;grid-template-columns:repeat(1,1fr)}.premiers .premier-item{width:100%;height:-moz-fit-content;height:fit-content;position:relative;overflow:hidden;&:hover{cursor:pointer;box-shadow:1px 1px 1px 1px var(--hover);border-radius:10px;img{-webkit-mask-image:radial-gradient(#0000009f,transparent);mask-image:radial-gradient(#0000009f,transparent);filter:blur(5px)}.btn-watch,.container-type,.date{opacity:1;animation:fadeInUp .3s ease-in}}.btn-watch{padding:10px 20px;font-size:30px;position:absolute;bottom:70px;right:30px;display:flex;gap:10px;align-items:center;opacity:0;&:hover{background:var(--header);color:#fff}}img{z-index:1;transition:all .2s ease-in-out;height:auto;width:100%;border-radius:10px}.container-type{bottom:200px;left:120px;position:absolute;border-radius:0 0 0 10px;opacity:0;transition:all .2s ease;.type{font-weight:500}}.date{width:-moz-fit-content;width:fit-content;left:120px;bottom:170px;position:absolute;font-size:20px;opacity:0}.container-name{position:absolute;bottom:130px;left:120px;.name{font-size:30px;margin:auto;display:block;text-align:center;width:100%}}}.calendar{padding-top:120px;padding-left:70px;.container-content{max-width:100%}.section-title{margin-top:20px}}.calendar .buttons{padding:10px;width:100%;display:flex;flex-wrap:wrap;gap:10px;.btn-day{width:47.99%;padding:10px;font-size:18px;text-transform:capitalize;background-color:var(--header);color:#fff;box-shadow:2px 2px 1px 1px var(--orange);border-radius:3px;&.actual:after{content:"HOY »";margin-left:5px;font-size:15px;color:#fff;padding:3px 5px;border-radius:3px}&.active,&.actual:after{background-color:var(--orange)}&.active{box-shadow:2px 2px 1px 1px var(--outline)}}}.calendar .content-days{padding:10px;opacity:0;height:0;overflow:hidden;display:none;&.show{display:block;opacity:1;height:-moz-fit-content;height:fit-content;.content-calendar{animation:corward .1s ease-in}}}.calendar .content-days .content-calendar{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;.calendar-item{width:100%;&:hover{.image img{cursor:pointer;transform:scale(1.2)}}.image{border-radius:6px;overflow:hidden;img{transition:all .2s ease-in-out;width:100%;border-radius:6px}}.graph{display:flex;flex-direction:column;gap:4px;position:relative;.tag-name{font-size:25px}.tag-episode{color:#aeadad;font-weight:400;font-size:14px;position:absolute;border-radius:10px;top:-45px;right:5px;background-color:var(--header);padding:10px}.tag-date{font-size:smaller;font-weight:500;color:var(--orange)}}}}}