boby{background-color:#1d1a1a;color:#ee150e}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.container-app{background-color:#1d1a1a;color:#fff;width:100%;min-height:100vh;position:relative;display:flex;flex-direction:column}.container-app header{position:fixed;top:0;left:0;z-index:2}.main-container{flex:1;margin-top:8rem;position:relative}.main-container h2{font-size:1.7rem;margin-left:8%;position:relative}.main-container h2:after{content:"";background-color:#ee150e;width:15%;height:.1rem;position:absolute;bottom:0;left:0}.main-container .film-container{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem auto 3rem;justify-content:center;width:90%}.main-container .details-container{background-color:#0f0f0f;border-radius:.5rem;box-shadow:0 .2rem .5rem #000;width:80%;margin:0 auto 3rem;padding:.8rem}.main-container .details-container img{width:100%;cursor:pointer;transition:.3s}.main-container .details-container img:hover{transform:scale(1.005)}.film-card{background-color:#0f0f0f;width:30%;padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;border-radius:.5rem;box-shadow:0 .3rem .6rem #000}.film-card a{border:none;padding:.5rem;border-radius:.3rem;color:#fff;font-weight:700;background-color:#ee150e;cursor:pointer;transition:.3s;width:100%;font-size:1rem;text-align:center;text-decoration:none}.film-card a:hover{border:1px solid #ee150e;color:#ee150e;background-color:transparent}.film-card iframe{border-radius:.5rem;width:100%;height:15rem}.container-video{width:90%;height:68vh;margin:auto;margin-bottom:2rem}.container-video iframe{width:100%;height:100%}@media screen and (max-width: 645px){.main-container h2{font-size:1.3rem}.film-card{width:45%}.film-card a{font-size:.9rem}}@media screen and (max-width: 395px){.main-container h2{font-size:1.1rem}.film-card{width:90%}.film-card a{font-size:.8rem}}footer{background-color:#0f0f0f;padding:1rem;display:flex;justify-content:center}footer div{font-weight:700;color:#ada5a5}footer div a{text-decoration:none;color:#750f0b}footer div a:hover{text-decoration:underline}@media screen and (max-width: 645px){footer div{font-size:.9rem}}header{padding:.5rem 1rem;margin-bottom:1.5rem;box-shadow:2px 4px 8px #000;width:100%;background-color:#1d1a1a}header .header-container{display:flex;padding:.5rem;justify-content:space-between;align-items:center}header .header-container a{text-decoration:none}header .header-container a h1{color:#ee150e;font-size:2.5rem;display:flex;justify-content:center;align-items:center}header .header-container a h1 span{color:#fff}header .header-container form{display:flex;gap:.5rem}header .header-container form input{border:none;text-indent:.5rem;padding:.4rem;font-size:.9rem;border-radius:.3rem}header .header-container form button{border:none;outline:none;padding:.5rem .7rem;background-color:#ee150e;color:#fff;font-weight:700;border-radius:.3rem;cursor:pointer;transition:.3s}header .header-container form button:hover{border:1px solid #ee150e;background-color:transparent;color:#ee150e;box-shadow:0 0 1rem #ee150e}@media screen and (max-width: 645px){header .header-container{flex-direction:column}header .header-container a h1{font-size:1.5rem}header .header-container form{width:100%;margin-top:1rem}header .header-container form input{flex:1;outline-color:#ee150e;outline-width:.1rem}header .header-container form button{padding:.6rem .8rem}}.card-list{background-color:#0f0f0f;width:30%;display:flex;flex-direction:column;padding:.7rem;border-radius:.5rem;box-shadow:0 .3rem .5rem #000;transition:.3s;justify-content:space-between}.card-list a{width:100%;text-decoration:none}.card-list a img{width:100%;transition:.3s;border-radius:.5rem}.card-list a img:hover{transform:scale(1.02)}.card-list div{font-size:1.2rem;font-weight:700;margin-bottom:.6rem;margin-top:.5rem}.card-list span{margin-bottom:.6rem;font-weight:700;display:flex;align-items:center;gap:.3rem}.card-list button{border:none;padding:.5rem;font-weight:700;border-radius:.3rem;background-color:#ee150e;color:#fff;cursor:pointer;font-size:1rem;transition:.3s;outline:none}.card-list button:hover{border:1px solid #ee150e;color:#ee150e;background-color:transparent}@media screen and (max-width: 645px){.card-list{width:45%}.card-list div{font-size:.8rem}.card-list span{font-size:.7rem}.card-list button{font-size:.8rem}}@media screen and (max-width: 350px){.card-list{width:90%}.card-list div{font-size:.8rem}.card-list span,.card-list button{font-size:.7rem}}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animateReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.loading-container{width:100%;height:100vh;position:fixed;top:0;background-color:#000000a9;display:flex;justify-content:center;align-items:center;z-index:3}.loading{padding:1rem;width:5rem;height:5rem;display:flex;justify-content:center;align-items:center;font-weight:700;position:relative;font-size:1.1rem;border:1px solid #fff;border-radius:100%;transform:scale(.6)}.loading:before{content:"";width:2rem;height:2rem;position:absolute;border-radius:100%;background-color:#fff;top:-1rem;left:-1rem;animation:animateReverse 1s linear infinite;animation-delay:-3s;transform-origin:3.5rem 3.5rem}.loading:after{content:"";width:2rem;height:2rem;background-color:#ee150e;position:absolute;border-radius:100%;top:-1rem;left:-1rem;z-index:1;animation:animate 1s linear infinite;animation-delay:-3s;transform-origin:3.5rem 3.5rem}.details-info{padding:.7rem;margin-top:4.5rem}.details-info p{font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:.5rem;justify-content:center}.details-info .container-elements{display:flex;gap:.7rem}.details-info .container-elements .element-info{background-color:#000;padding:1rem;height:5rem;width:14rem;border-radius:.5rem;box-shadow:0 0 5rem #ee150e8e;font-weight:700;margin-top:1.5rem;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:.5rem}.details-info .container-elements .element-info:hover{transform:scale(1.02)}.details-info .overview{background-color:#000;padding:1rem;border-radius:.5rem;font-weight:700;box-shadow:0 0 5rem #ee150e8e;margin-top:1.5rem;line-height:2em;text-align:justify;cursor:pointer;transition:.3s}.details-info .overview:hover{transform:scale(1.02)}@media screen and (max-width: 1300px){.details-info .container-elements{flex-wrap:wrap}.details-info .container-elements .element-info{flex:1}}@media screen and (max-width: 645px){.details-info p{font-size:1rem}.details-info .container-elements .element-info{font-size:.9rem}.details-info .overview{font-size:.9rem}}@media screen and (max-width: 395px){.details-info{padding:0}.details-info p{font-size:.8rem}.details-info .container-elements .element-info{font-size:.8rem}.details-info .overview{font-size:.8rem}}