.modal[data-v-3233de9c]{overflow-x:hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.modal__backdrop[data-v-3233de9c]{background-color:rgba(0,0,0,.3);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.modal__dialog[data-v-3233de9c]{border:1px solid #fff;background:linear-gradient(180deg,#323232 0,#3f3f3f 40%,#1c1c1c 150%),linear-gradient(0deg,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.25) 200%);background-blend-mode:multiply;position:relative;width:350px;margin:20px auto;display:flex;flex-direction:column;border-radius:5px;z-index:2}@media screen and (max-width:992px){.modal__dialog[data-v-3233de9c]{width:90%}}.modal__close[data-v-3233de9c]{width:20px;height:20px;border:none;background:transparent;margin-bottom:20px;cursor:pointer;color:#fff}.modal__header[data-v-3233de9c]{padding:20px 20px 0;display:flex;color:#000;align-items:flex-start;justify-content:space-between}.modal__body[data-v-3233de9c]{padding:10px 20px 10px;color:#000;overflow:auto;display:flex;flex-direction:column;align-items:stretch}.modal__footer[data-v-3233de9c]{box-shadow:0 0 55px 0 hsla(0,0%,100%,.16),0 0 0 0 hsla(0,0%,100%,.06);text-align:center;text-transform:uppercase;padding:10px 20px 20px;color:#fff}.fade-enter-active[data-v-3233de9c],.fade-leave-active[data-v-3233de9c]{transition:opacity .2s}.fade-enter[data-v-3233de9c],.fade-leave-to[data-v-3233de9c]{opacity:0}.character{background-color:var(--background-card);border-radius:20px;box-shadow:0 0 10px 1px var(--background-body);overflow:hidden;cursor:pointer;transition:transform .2s ease-in-out;height:100%}.character:hover{transform:scale(1.05)}.character:hover h3{color:var(--text-orange)}.character span{color:var(--text-gray)}.character h3{margin-bottom:.5rem}.character__info{padding:1.5rem}.character__info .status{display:flex;align-items:center;margin-bottom:.5rem}.character__info .status span{color:var(--text-gray)}.character__info .status span:first-child{width:10px;height:10px;border-radius:50%}.character__info .status span:last-child{margin-left:8px}.character__info .status .alive{background-color:green}.character__info .status .dead{background-color:red}.character__info .status .default{background-color:#fff}.character__info .origin{margin-bottom:.5rem}.character__info .container-btn{display:flex;justify-content:center}.character__info .btn-modal{background-color:#bdbcbc;color:var(--background-card);margin-top:1.5rem;padding:.5rem 2rem;border:none;text-transform:uppercase;border-radius:20px;font-weight:700;transition:.3s}.character__info .btn-modal:hover{background-color:#fff;transform:translateY(-4px);transition:.3s;cursor:pointer}.contenido{margin-bottom:15px;background:linear-gradient(180deg,#323232 0,#3f3f3f 40%,#1c1c1c 150%),linear-gradient(0deg,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.25) 200%);background-blend-mode:multiply;color:#fff}.info-content{padding:5px;display:grid;grid-template-columns:repeat(2,1fr);align-items:center}.info-content p{padding:5px 0;text-align:center;height:100%;border:1px solid #bdbcbc}.characters{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin:3rem 0}@media (max-width:768px){.characters{grid-template-columns:repeat(2,1fr)}}@media (max-width:478px){.characters{grid-template-columns:repeat(1,1fr)}}.filter{width:400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-radius:10px;overflow:hidden}.filter .item{padding:1rem .5rem;background-color:var(--background-card);text-align:center;cursor:pointer}.filter .item:hover{color:var(--text-orange)}.search{width:400px;margin:3rem auto 0}.search input{height:53px;width:400px;border:none;border-radius:10px;padding:0 .5rem}:root{--background-body:#24282f;--background-card:#3c3e44;--text-white:#fff;--text-gray:silver;--text-orange:#ff9800}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-body);color:var(--text-white);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.titulo{margin-bottom:3rem;text-align:center}.container{width:980px;max-width:90%;margin:5rem auto}img{width:100%}