html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{width:100vw;height:100vh;background-color:#202020}#root{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}@media all and (min-width: 768px){#root{justify-content:space-between}}.wrapper{max-width:300px;margin-left:auto;margin-right:auto;width:100%;height:100%}@media all and (min-width: 576px){.wrapper{max-width:540px}}@media all and (min-width: 768px){.wrapper{max-width:720px}}@media all and (min-width: 992px){.wrapper{max-width:960px}}@media all and (min-width: 1200px){.wrapper{max-width:1140px}}@media all and (min-width: 1400px){.wrapper{max-width:1320px}}* a{color:#fff;text-decoration:none}input{background-color:#151515;border-radius:15px;box-shadow:0 0 1px #000000b3,.25px .25px 1px #e62429,.5px .5px 1px #000000b3,.75px .75px 1px #e62429,1px 1px 10px #000000b3;-moz-box-shadow:0px 0px 1px rgba(0,0,0,.7),.25px .25px 1px #E62429,.5px .5px 1px rgba(0,0,0,.7),.75px .75px 1px #E62429,1px 1px 10px rgba(0,0,0,.7);-webkit-box-shadow:0px 0px 1px rgba(0,0,0,.7),.25px .25px 1px #E62429,.5px .5px 1px rgba(0,0,0,.7),.75px .75px 1px #E62429,1px 1px 10px rgba(0,0,0,.7);color:#fff;padding:5px 0 5px 10px}input::-moz-placeholder{color:#fff}input::placeholder{color:#fff}input:focus-visible::-moz-placeholder{opacity:0}input:focus-visible::placeholder{opacity:0}details summary::-webkit-details-marker,details summary::marker{display:none;content:""}details[open] summary{width:40px}details label{display:flex;justify-content:center;align-items:center;width:55px}details input{width:38px;padding:5px 10px}.red{color:red}.show{display:flex}header{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#202020;color:#fff;padding:10px 0;width:100%;z-index:20;position:fixed;top:0}header .wrapper{width:100%}header .wrapper .boxLogo{width:300px;display:flex;justify-content:center;align-items:center}header .wrapper .boxLogo img{width:100%;border-radius:5px}header .wrapper .boxInput{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:10px;height:80px;width:100%}header .wrapper .boxInput label{width:100%}header .wrapper .boxInput label input{width:95%}header .wrapper .boxInput details{display:flex;justify-content:center;align-items:center;gap:10px;height:30px}header .wrapper nav{padding-right:10px}header .wrapper nav ul{display:flex;justify-content:space-between;align-items:center}header .wrapper nav ul .iconsignup,header .wrapper nav ul .login,header .wrapper nav ul .logout{display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;background:#202020;background:linear-gradient(90deg,#202020,#202020 15%,#342020 25%,#d81d24 85%,#ec1d24);color:#fff;text-shadow:1px 1px 2px #151515,1.25px 1.25px 2.25px #151515;cursor:pointer;width:30px;height:30px}header .wrapper nav ul .iconsignup,header .wrapper nav ul .logout{width:30px;height:30px}header .wrapper nav ul .login{width:27px;height:27px}header .wrapper nav ul .iconsignup .fa-user-plus{margin:auto;border-radius:50%;padding-left:5px;height:15px;width:15px}header .wrapper nav ul .login{border-width:2px;border-style:outset;border-color:#545454}header .wrapper nav ul .login:active{border-style:inset}header .wrapper nav ul li:first-child{display:flex;gap:10px}@media all and (min-width: 576px){header{width:100%}header .wrapper{width:100%}header .wrapper .boxLogo{width:100%}}@media all and (min-width: 768px){header{height:80px;flex-direction:row!important}header .wrapper{display:flex;justify-content:space-around;align-items:center}header .wrapper .boxLogo{width:-moz-fit-content;width:fit-content;display:flex;justify-content:center;align-items:center}header .wrapper .boxLogo img{width:200px;border-radius:5px}header .wrapper .boxInput{display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;gap:10px;height:80px;width:100%;padding:0 20px}header .wrapper .boxInput label input{width:95%!important}header .wrapper nav{width:50%;padding:20px}header .wrapper nav ul{gap:10px;width:100%;flex-wrap:wrap;justify-content:flex-end}}details{width:100%;display:flex;justify-content:flex-start;align-items:center}details .boxFilters{display:flex;justify-content:center;align-items:center;width:100%;gap:10px}details .boxFilters .limitLabel>p{display:flex;justify-content:center;align-items:center;width:100px;word-spacing:5px}details .boxFilters .limitLabel,details .boxFilters .passLabel{width:50px;padding:5px 10px}details .boxFilters label{display:flex;justify-content:center;align-items:center;gap:20px}.boxModal{width:100vw;height:100vh;background-image:url(/assets/marvel-background-web-DNKIrIec.webp);display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.boxModalContent{background-color:#fff;padding:1rem 2rem 2rem;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:15px;box-shadow:inset 0 0 10px #000,0 0 10px #000;min-width:30%;max-width:90%;gap:20px}.boxModalContent div{display:flex;justify-content:space-between;align-items:center;width:100%}.boxModalContent div img{-o-object-fit:cover;object-fit:cover}.boxModalContent button{text-shadow:1px 1px 2px white,1.25px 1.25px 2.25px #000000;background-color:#f1f1f1f1}.boxModalContent div img,.boxModalContent button{width:150px;height:50px;padding:5px;border-radius:7.5px;box-shadow:0 0 4px #000}.boxModalContent button{width:40px}.boxModalContent button:hover{box-shadow:inset 0 0 4px #000}.boxModalContent .boxForm{gap:5px;padding:1.5rem 2rem 2rem;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.boxModalContent .boxForm label{width:100%;display:flex}.boxModalContent .boxForm label input#email,.boxModalContent .boxForm label input#username{width:100%}.boxModalContent .boxForm .boxPsswd{box-shadow:0 0 1px #000000b3,.25px .25px 1px #000000b3;-moz-box-shadow:0px 0px 1px rgba(0,0,0,.7),.25px .25px 1px rgba(0,0,0,.7);-webkit-box-shadow:0px 0px 1px rgba(0,0,0,.7),.25px .25px 1px rgba(0,0,0,.7);border-radius:15px}.boxModalContent .boxForm .boxPsswd .boxIcons{width:20%;display:flex;justify-content:center;align-items:center}.boxModalContent .boxForm .boxPsswd label{width:80%}.boxModalContent .boxForm .boxPsswd label input#password{box-shadow:none;border:none}.boxModalContent .boxForm input[type=submit]{width:100%;padding:5px 10px}.hide{display:none}@media all and (min-width: 1400px){.boxModalContent .boxForm{width:300px}}.boxLogin{width:100%;height:85vh;overflow:hidden;background-image:url(/assets/marvel-background-web-DNKIrIec.webp);display:flex;justify-content:center;align-items:center}.boxLogin form{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;background-color:#fff;padding:2rem;border-radius:15px}.boxLogin form .btnCloseLogin{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px}.boxLogin form .btnCloseLogin img,.boxLogin form .btnCloseLogin button{height:50px;padding:5px;border-radius:7.5px;box-shadow:0 0 4px #000}.boxLogin form .btnCloseLogin img{width:100px}.boxLogin form .btnCloseLogin button{width:50px;display:flex;justify-content:center;align-items:center}.boxLogin form input[type=submit]{display:flex;justify-content:center;align-items:center;width:25px;height:25px;background:#202020;background:linear-gradient(90deg,#202020,#202020 15%,#342020 25%,#d81d24 85%,#ec1d24);color:#fff;text-shadow:1px 1px 2px #151515,1.25px 1.25px 2.25px #151515;cursor:pointer;width:100%;height:30px;border-radius:15px}.boxLogin form label:last-child{width:100%}@media all and (min-width: 1400px){.boxLogin{height:75vh}.boxLogin form{width:20%;gap:20px}}.boxNavigation{display:flex;justify-content:center;align-items:center;height:35px;width:100%}.boxNavigation .arrLeftTop,.boxNavigation .arrRightTop{width:25px;height:25px;border-radius:50%;background:#202020;background:linear-gradient(90deg,#202020,#202020 15%,#342020 25%,#d81d24 85%,#ec1d24);color:#fff;text-shadow:1px 1px 2px #151515,1.25px 1.25px 2.25px #151515;cursor:pointer;display:flex;justify-content:center;align-items:center}.boxNavigation .arrhide{width:25px;height:25px}.boxNavigation .arrLeftTop{background:linear-gradient(90deg,#e62429 15%,#202020)}.boxNavigation .boxSeePage{display:flex;justify-content:center;align-items:center;width:50%;gap:10px}.BoxCards{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border:2px solid #E62429;padding:15px;border-radius:10px;gap:20px;position:relative;background-image:url(/assets/marvel-background-web-DNKIrIec.webp)}.BoxCards .boxCardFav{width:100%;height:300px;border-radius:15px}.BoxCards .boxCardFav a{border:2px solid purple;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:300px;border-radius:10px;position:relative;transform-style:preserve-3d;transition:transform .5s ease-out;margin-bottom:5px;perspective:1000px;box-shadow:5px 5px 5px #000000b3;-moz-box-shadow:5px 5px 5px rgba(0,0,0,.7);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.7)}.BoxCards .boxCardFav a .front,.BoxCards .boxCardFav a .back{position:absolute;backface-visibility:hidden;width:100%;height:100%;border-radius:10px}.BoxCards .boxCardFav a .back{display:flex;justify-content:center;align-items:center;flex-direction:column;transform:rotateY(180deg);background:#202020;background:linear-gradient(90deg,#202020,#202020 15%,#342020 25%,#d81d24 85%,#ec1d24);-moz-transform:rotateY(180deg)}.BoxCards .boxCardFav a .back .boxBackInner{width:90%;height:50%;padding:20px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;justify-content:space-between;text-align:justify}.BoxCards .boxCardFav a .front{display:flex;justify-content:center;flex-direction:column}.BoxCards .boxCardFav a .front .cardTitle{border:2px solid #E62429;border-radius:10px;padding:5px 10px;width:92%;display:flex;justify-content:center;align-items:center;background-color:#04599bb3;height:30px;margin-top:-42px}.BoxCards .boxCardFav a .front .cardTitle h3{width:60%;text-align:center}.BoxCards .boxCardFav a .front .btnHearth{position:absolute;top:92.5%;left:95%;transform:translate(-50%,-50%)}.BoxCards .boxCardFav a .front img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 0 1px purple,0 0 1px purple,0 0 1px purple,0 0 10px purple}.BoxCards .boxCardFav a .front .more{min-width:40px;border-radius:10px!important;gap:5px;display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;background:#202020;background:linear-gradient(90deg,#202020,#202020 15%,#342020 25%,#d81d24 85%,#ec1d24);color:#fff;text-shadow:1px 1px 2px #151515,1.25px 1.25px 2.25px #151515;cursor:pointer;position:absolute;top:92.5%;left:8%;transform:translate(-50%,-50%)}.BoxCards .boxCardFav a .front .more .dot{width:5px;height:5px;border-radius:50%;background-color:#fff}.boxCardFav button{display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;background:#202020;background:linear-gradient(90deg,#202020,#202020 15%,#342020 25%,#d81d24 85%,#ec1d24);color:#fff;text-shadow:1px 1px 2px #151515,1.25px 1.25px 2.25px #151515;cursor:pointer}.flipCardIn{transform:rotateY(180deg);-moz-transform:rotateY(180deg)}@media all and (min-width: 576px){.BoxCards{justify-content:flex-start}.BoxCards .boxCardFav{width:240px}}@media all and (min-width: 768px){.BoxCards{justify-content:space-around;gap:30px}.BoxCards .boxCardFav{width:260px}}@media all and (min-width: 1200px){.BoxCards .boxCardFav{width:20%;height:300px}.BoxCards .boxCardFav a{width:100%;height:100%!important}.BoxCards .boxCardFav a .front img{width:100%;height:100%}}main{background-color:#202020;color:#fff;position:relative;width:100%}main * .wrapper{background-size:cover;border-radius:15px;padding:100px 0 50px}main .btnChevronDown,main .btnChevronUp{display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;background:#202020;background:linear-gradient(90deg,#202020,#202020 15%,#342020 25%,#d81d24 85%,#ec1d24);color:#fff;text-shadow:1px 1px 2px #151515,1.25px 1.25px 2.25px #151515;cursor:pointer;width:40px;height:40px;transform:translate(-50%,-50%);touch-action:manipulation;flex-basis:auto;flex-shrink:0;list-style:none;margin:0;min-height:0px;min-width:0px;padding:0;text-decoration:none;left:12.5%;position:sticky;z-index:10}main .btnChevronDown .svg-inline--fa,main .btnChevronUp .svg-inline--fa{height:25px}main .btnChevronDown{top:5%}main .btnChevronUp{bottom:1%}@media all and (min-width: 576px){main{width:90%}main .btnChevronDown,main .btnChevronUp{left:10%;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:2.5px}main .btnChevronDown .svg-inline--fa,main .btnChevronUp .svg-inline--fa{height:18px}}@media all and (min-width: 1400px){main .btnChevronDown,main .btnChevronUp{left:7%!important}}.boxComics .wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:80px;padding:20px;border:2px solid #E62429;border-radius:15px;transition:all 2s linear}.boxComics .wrapper a:hover .boxTitleDesc{margin-top:0}.boxComics .wrapper a{display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;position:relative;width:350px;height:300px;border:2px solid #E62429;border-radius:15px}.boxComics .wrapper a .boxTitleDesc{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-between;background:#202020;background:linear-gradient(90deg,#202020,#202020 15%,#342020 25%,#d81d24 85%,#ec1d24);width:350px;height:300px;max-height:300px;margin-top:-600px;position:absolute;border-radius:15px;z-index:20;gap:10px}.boxComics .wrapper a .boxTitleDesc .title,.boxComics .wrapper a .boxTitleDesc .desc{width:85%;text-align:justify}.boxComics .wrapper a .boxTitleDesc .title{padding-top:10px}.boxComics .wrapper a .boxTitleDesc .desc{padding-bottom:10px;-webkit-line-clamp:15;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-clamp:15;max-height:300px}.boxComics .wrapper a img{width:350px;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:15px;z-index:10}.boxComics .linkComicsChar{border:2px solid #E62429;padding:5px 10px;box-shadow:.25px .25px 1px #151515,1px 1px 1.25px #fff,.75px .75px 1.5px #151515;border-radius:15px}@media all and (min-width: 768px){.boxComics .wrapper a{width:25%!important}.boxComics .wrapper a .boxTitleDesc{padding:10px;width:100%!important}}.boxComicsChar{border:2px solid red;gap:20px;padding:10px;height:75vh}.boxComicsChar .boxSlide{border:2px solid green;overflow:hidden;overflow-x:scroll;margin-top:6rem}.boxComicsChar .boxSlide .slide{border:2px solid purple;display:flex;justify-content:center;align-items:center;gap:25px;padding:10px;width:100%}.boxComicsChar .boxSlide .slide article{display:flex;justify-content:center;align-items:center;flex-direction:column;border:2px solid blue;min-width:33.3333333333%;height:400px;gap:20px;border:2px solid #E62429;border-radius:15px;overflow:hidden}.boxComicsChar .boxSlide .slide article img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover;border-top-left-radius:15px;border-top-right-radius:15px}.boxComicsChar .boxSlide .slide article p{text-align:justify;height:95px;margin-top:-10px;overflow:hidden}.boxComicsChar .boxSlide .slide article:first-child{margin-left:350rem}.boxCharacterId{width:100%}.boxCharacterId .wrapper{padding-top:50px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.boxCharacterId .wrapper .card{display:flex;justify-content:center;align-items:center;flex-direction:column;width:-moz-fit-content;width:fit-content;box-shadow:5px 5px 5px #000000b3;-moz-box-shadow:5px 5px 5px rgba(0,0,0,.7);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.7);background:#202020;background:linear-gradient(90deg,#202020,#202020 15%,#342020 25%,#d81d24 85%,#ec1d24);border-radius:10px;padding:10px}.boxCharacterId .wrapper .card .titleCard{padding:5px 0 10px;text-shadow:2px 2px 10px rgba(0,0,0,.7)}.boxCharacterId .wrapper .card .bodyCard{display:flex;justify-content:center;align-items:center;flex-direction:column}.boxCharacterId .wrapper .card .bodyCard img{border-top-left-radius:10px;border-top-right-radius:10px;width:100%}.boxCharacterId .wrapper .card .bodyCard p{padding:10px;width:230px;height:-moz-fit-content;height:fit-content;overflow:visible;background-color:#342020;text-shadow:2px 2px 10px rgba(0,0,0,.7);border-bottom-left-radius:10px;border-bottom-right-radius:10px}@media all and (min-width: 1200px){.boxCharacterId .wrapper .card{width:90%;height:50%}.boxCharacterId .wrapper .card .bodyCard{flex-direction:row;width:90%;height:90%}.boxCharacterId .wrapper .card .bodyCard img{border-radius:10px 0 0 10px;width:50%;height:100%}.boxCharacterId .wrapper .card .bodyCard p{padding:10px;width:50%;height:calc(100% - 20px);overflow:visible;background-color:#342020;text-shadow:2px 2px 10px rgba(0,0,0,.7);border-radius:0 10px 10px 0}}footer{width:100%;height:60px;z-index:10;display:flex;justify-content:center;align-items:center;background-color:#202020;border-top:2px solid #E62429;position:fixed;bottom:0}footer ul{display:flex;justify-content:center;align-items:center}footer.fixed{position:fixed;bottom:0}