@import"https://fonts.googleapis.com/css2?family=Bangers&family=Lato&display=swap";header{position:sticky;top:0;z-index:1}.nav-bar{background-color:#000}.nav-bar img{width:100%;height:4rem;object-fit:contain}.load{height:100vh;width:100%;display:flex;justify-content:center;position:sticky;top:3vw;background-color:#000}.load>img{width:100%;object-fit:contain}.home-container{padding:2rem .5rem}.row-characters{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));width:100%;gap:25px}.contain-extra-load{margin:0 auto;margin-top:2rem;padding:8px 2.5rem;background-image:url(https://i.imgur.com/nqGSFAz.jpeg);width:max-content;border-radius:5px}.contain-extra-load>p{font-size:1.4rem;background-color:#000;color:#ffeb00;width:max-content;padding:.4rem 1.2rem;text-transform:uppercase;font-weight:900;font-style:italic;margin:0}.btn-more-characters{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:900;color:#d0adf0;text-decoration:none;background-color:#000;padding:.4rem 1.2rem;width:max-content;font-size:1.4rem;text-transform:uppercase;margin:0;border:0;font-style:italic;cursor:pointer}.without-results{display:flex;justify-content:center}.without-results>p{font-size:1.5rem;background-color:#000;color:#ffeb00;width:max-content;padding:.3rem 1.2rem;text-transform:uppercase;font-style:italic;font-weight:900}.card-character{background-color:#f8f8ff;padding:.7rem;text-decoration:none;border-radius:5px;box-shadow:#00000026 1.95px 1.95px 2.6px}.card-character:hover{box-shadow:#0000003d 0 3px 8px}.card-img{height:320px;display:flex}.card-img>img{width:100%;height:100%;object-fit:cover}.card-detail{justify-content:center;margin-top:1.2rem;margin-bottom:.8rem;display:flex;flex-direction:column;justify-content:space-between;min-height:100px}.card-detail>p{color:#000;font-weight:900;text-align:center;margin:0;letter-spacing:-1.4px;line-height:1.2;font-style:italic;text-transform:uppercase}.card-detail>p:first-child{font-size:1.6rem}.card-detail>p:last-child{margin-top:1rem;font-size:1.1rem;color:#313131}.container-character{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));width:100%;gap:15px}.container-character>div{background-color:#f0f2f5;box-shadow:#0000003d 0 3px 8px;border:10px solid #fff}.container-detail-character{font-style:italic;color:#000;font-weight:900;background-image:url(https://i.imgur.com/nqGSFAz.jpeg);padding:0 3rem 2rem;max-width:1300px;margin:2rem auto!important;border-radius:5px;border:8px solid #000;display:flex;flex-direction:column}.container-detail-character>a{color:#d0adf0;text-decoration:none;background-color:#000;padding:.4rem 1.2rem;width:max-content;font-size:1.4rem;text-transform:uppercase;margin:1rem 0;position:relative;font-style:italic;left:-3%}.character-image,.character-image-comic{display:flex;justify-content:center;margin:2rem 0 4rem}.character-image>img{width:17rem;height:17rem;object-fit:cover;border-radius:100%;border:10px solid #fff}.character-description>h3{font-size:1.8rem;text-align:center;text-transform:uppercase;font-weight:900;padding:0 1rem;margin:0}.character-description>p{padding:0 1rem;text-transform:uppercase;line-height:1.4;font-size:1.1rem;margin-top:2rem}.series-comics-list{margin-bottom:1.7rem}.series-comics-list>p:first-child{font-size:.9rem;background-color:#000;color:#ffeb00;width:max-content;padding:.3rem 1.2rem;text-transform:uppercase;position:relative;left:2%}.list-detail-character>li>button{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;text-transform:uppercase;font-size:.9rem;font-weight:900;font-style:italic;background-color:transparent;border:0;cursor:pointer;text-align:start}.list-detail-character>li>button:hover{text-decoration:underline}.character-image-comic>img{width:60%;object-fit:contain;border:10px solid #fff}.row-images-comic{display:flex;width:100%;justify-content:start;gap:15px;overflow-x:scroll;margin:0 .5rem;padding-bottom:1rem}.row-images-comic::-webkit-scrollbar-track{padding:3px 0;background-color:transparent}.row-images-comic::-webkit-scrollbar{height:1rem}.row-images-comic::-webkit-scrollbar-thumb{border-radius:5px;background-color:#d0adf0}.row-images-comic::-webkit-scrollbar-thumb:hover{background-color:#ffadf0}.row-images-comic>div{display:flex;width:max-content;background-color:#fff}.row-images-comic img{object-fit:contain;width:max-content;height:30rem;border:5px solid #000}@media (max-width: 660px){.container-character{grid-template-columns:repeat(auto-fit,minmax(60vw,1fr))}}@media (max-width: 500px){.character-image>img{width:50vw;height:50vw}.container-detail-character{padding:0 5vw}}.error-404-contain{background-color:#fff;color:#000;display:flex;border-radius:5px;width:100%;max-width:1000px;margin:2rem auto;box-shadow:#0000003d 0 3px 8px}.error-404-contain>img{width:40%;object-fit:contain;border-radius:0 10px 10px 0}.info-error-404{padding:5%;display:flex;flex-direction:column;align-items:center;justify-content:center}.info-error-404>h3{text-transform:uppercase;font-weight:900;margin:0}.description-error-404>p:first-child{font-weight:700;text-align:center}.description-error-404>p:last-child{margin:0;text-align:center}@media (max-width: 750px){.error-404-contain{flex-wrap:wrap;justify-content:center}}footer{margin-top:auto}footer>div:first-child{background-color:red;width:max-content;margin:0 auto;font-size:.8rem;font-weight:700;padding:.1rem 1rem;border-radius:10px 10px 0 0}footer>div:first-child>a{font-size:.7rem;color:#fff;font-style:normal}footer>div:last-child{margin-top:auto;background-color:#fff;padding:.3rem 0;display:flex;justify-content:center;align-items:center}footer p{margin:0 .5rem}footer a,footer p{font-size:1rem;font-weight:900;text-transform:uppercase;text-decoration:none;color:#000;font-style:italic}footer a:hover{color:#313131;text-decoration:underline}footer img{object-fit:contain;margin:0 .5rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;box-sizing:border-box;background:linear-gradient(45deg,#006ec14d,#00738a1a) no-repeat fixed center,url(/assets/bg-marvel--VlbiioR.png) no-repeat fixed center;background-size:cover}.home-container,.container-detail-character{max-width:1300px;margin:0 auto}.body-container{display:flex;flex-direction:column;min-height:100vh}