@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";header{display:flex;justify-content:center;padding:20px;color:#202329;font-weight:700;font-size:2.5em;font-family:Montserrat,sans-serif}*{margin:0}footer{display:flex;justify-content:space-around;position:fixed;bottom:0;width:100%;padding:20px;font-family:Montserrat,sans-serif;background-color:#202329;color:#f5f5f5}*{margin:0;font-family:Montserrat,sans-serif}#personajes{margin-top:30px;margin-bottom:100px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px}article{background-color:#3c3e44;border-radius:5px;color:#f5f5f5;width:300px;height:460px;padding:10px;cursor:pointer;transition:all .2s ease}article:hover{background-color:#f5f5f5;color:#3c3e44;transform:scale(1.05)}article img{width:100%}article span{font-size:15px}h1{color:#f5f5f5}.fondo{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#3c3e44;padding:20px;box-shadow:0 0 10px #0003;z-index:1000;border-radius:5px;width:700px;animation:mostrarPopup .2s ease-out}@keyframes mostrarPopup{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.contenido-popup{color:#f5f5f5;display:flex;justify-content:space-evenly;margin-top:5px}.cerrar{position:absolute;top:2px;right:5px;cursor:pointer;font-size:20px;color:#f5f5f5;font-weight:700;transition:all .2s ease}.cerrar:hover{color:#ff9800}.foto{width:50%}.foto img{border-radius:5px}.personaje{width:50%;background-color:#202329;padding:10px;border-radius:5px}.personaje h2{text-align:center}.personaje .informacion{margin-top:20px;display:flex;flex-direction:column}.personaje h4{color:#ff9800}.personaje span{color:#f5f5f5}.personaje select{margin:0;margin-top:.5rem}@media (max-width: 768px){.popup{width:300px}.personaje{margin-top:.5rem;width:94%}.contenido-popup{flex-direction:column}}.cuerpo{display:flex;background-color:#272b33;border-top-left-radius:10px;border-top-right-radius:10px}.filtros{margin-left:20px;margin-top:28px;margin-bottom:28px;background-color:#3c3e44;border-radius:5px;height:300px;padding:10px}.tabla{width:100%}table tr td{color:#f5f5f5;font-size:.9em}input{width:100%;border:none;height:30px;background-color:#ff9800;color:#000;border-radius:5px}select{width:200px;border:none;height:30px;background-color:#272b33;color:#f5f5f5;border-radius:5px;margin:5px}button{width:100%;height:30px;border-radius:5px;font-weight:700;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}button:hover{background-color:#ff9800;color:#f5f5f5}@media (max-width: 1022px){.cuerpo{flex-direction:column}.filtros{display:flex;margin-right:20px;justify-content:center}}#root,body{background-color:#f5f5f5}