.card-container{display:flex;justify-content:center}.card-content{width:300px;height:450px;display:flex;flex-direction:column;align-items:center;position:relative;border-radius:25px 25px 0 0;box-shadow:0 0 1.3px #00000009,0 0 10px #00000012}.top{position:absolute;margin-top:10px;width:250px;height:180px;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:10}.radius{position:absolute;z-index:1;width:98%;height:70%;border-radius:68%/15% 15% 0 0;background-color:#ffffffc5;backdrop-filter:blur(1%);bottom:0;display:flex;justify-content:center;align-items:center}.top img{overflow:hidden}.info{z-index:50;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Roboto,sans-serif;text-align:center;flex:1}.name{z-index:10;display:flex;width:100%;flex-direction:column;align-items:center;margin-top:70%;text-align:center}.dataname{font-size:35px;font-weight:700;color:#000}.squares{display:flex}.description{z-index:50;border-radius:15px;display:flex;justify-content:space-around;align-items:stretch;width:90%;height:100px;margin-top:25px}.description p{text-align:center;padding:5px;color:#000;font-size:14px}.link{z-index:10}.dataname{font-family:"Press Start 2P",cursive;font-size:20px}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#ecf0f1}.center-on-page{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pokeball{position:relative;width:200px;height:200px;background:#fff;border:10px solid #000;border-radius:50%;overflow:hidden;box-shadow:inset -10px 10px 0 10px #ccc;animation:fall .25s ease-in-out,shake 1.25s cubic-bezier(.36,.07,.19,.97) 3}.pokeball:before,.pokeball:after{content:"";position:absolute}.pokeball:before{background:red;width:100%;height:50%}.pokeball:after{top:calc(50% - 10px);width:100%;height:20px;background:#000}.pokeball__button{position:absolute;top:calc(50% - 30px);left:calc(50% - 30px);width:60px;height:60px;background:#7f8c8d;border:10px solid #fff;border-radius:50%;z-index:10;box-shadow:0 0 0 10px #000;animation:blink .5s alternate 7}@keyframes blink{0%{background:#eee}to{background:#e74c3c}}@keyframes shake{0 {transform: translate(0,0) rotate(0);} 20% {transform: translate(-10px,0) rotate(-20deg);} 30% {transform: translate(10px,0) rotate(20deg);} 50% {transform: translate(-10px,0) rotate(-10deg);} 60% {transform: translate(10px,0) rotate(10deg);} 100% {transform: translate(0,0) rotate(0);}}@keyframes fall{0%{top:-200px}60%{top:0}80%{top:-20px}to{top:0}}.ilc h2{font-size:25px;text-align:center;margin:25px 0;font-family:Roboto,cursive}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.card{flex-basis:calc(15% - 10px);margin-bottom:20px}.loader{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.cart{display:flex}.cart a{z-index:100}.circle{text-align:center;position:relative;right:10px;top:11px;width:20px;height:20px;border-radius:50%;background-color:red;border:1px solid #000;pointer-events:none}.pcw{color:#fff;font-family:sans-serif;font-size:14px}.brand{font-size:2.5rem;margin-left:50px;pointer-events:none;font-family:"Press Start 2P",cursive}.navBar{display:flex;justify-content:space-between;align-items:center}a{text-decoration:none;color:#000;font-size:2rem}.generaciones{font-family:"Press Start 2P",cursive;color:#000;font-size:15px}.generaciones:hover{padding:5px;transform:scale(1.1)}.main-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.main-container p,h1{cursor:default;font-family:"Press Start 2P",cursive}.main-container h1{margin-bottom:25px}.item-container{width:60%;display:flex;justify-content:space-around;margin:10px 0;border-radius:30px;box-shadow:0 0 1.1px #00000018,0 0 2.6px #00000025,0 0 4.9px #0000002c,0 0 8.7px #00000031,0 0 16.3px #00000037,0 0 39px #0000004a}.item-container:hover{transform:scale(1.05)}.imagen{width:150px;height:150px}.name-container{display:flex;align-items:center;font-family:"Press Start 2P",cursive}.name-container p{font-size:30px}.button-qty{cursor:pointer;width:50px;border:none;background-color:#1c1c1c;border-radius:10px;color:#fff;font-family:Roboto,sans-serif}.qty-container p{font-family:"Press Start 2P",cursive}.extra-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.extra-container p{font-family:"Press Start 2P",cursive}.extra-container p:first-child{margin-bottom:10px}.extra-container p:last-child{cursor:pointer}.delete:hover{transform:scale(1.1)}.delete{cursor:pointer}.complete-container{margin-top:30px;width:60%;display:flex;justify-content:flex-end}.button-confirm{margin-top:10px;cursor:pointer;width:200px;border:none;background-color:#1c1c1c;border-radius:10px;color:#fff;font-family:Roboto,sans-serif}.end{margin-top:30px}.formSubmit{position:relative;min-width:250px}.form-cart-container{display:flex;flex-direction:column}.back-container{width:100vw;display:flex;justify-content:flex-start;margin-left:15%}.back-container img{width:64px;height:64px;cursor:pointer}.back-container img:hover{transform:scale(1.1)}.fc-container{display:flex;flex-direction:column;align-items:center;width:100%}.input-style{width:200px;height:30px;border:2px #1c1c1c solid;z-index:50;position:absolute}.bg-input{width:200px;height:30px;background-color:#1c1c1c;position:absolute;top:3px;left:3px}.input-style:hover{transform:translate(3px,3px);transition:.1s ease-in-out;border:2px #1c1c1c solid}.input-style:focus{transform:translate(3px,3px);border:2px #1c1c1c solid}.input-container{position:relative;display:flex;margin-bottom:50px}.btn-container{position:relative}.btn-style{width:200px;height:30px;border:2px #1c1c1c solid;z-index:50;position:absolute}.btn-style:active{transform:translate(5px,5px)}.btn-style:focus{transform:translate(5px,5px);transition:.1s ease-in-out}.fb-container{margin-top:20px}.fb-container p{text-align:center}.detail-container{display:flex}.img-detail{margin-left:20vw;width:30%}.img-detail img{width:100%}.detail-txt{align-self:center;display:flex;flex-direction:column;gap:30px;justify-content:center}.detail-txt h2{width:60%;text-align:center;font-family:Roboto,sans-serif}.detail-txt div{margin-left:50px;display:flex;flex-direction:column;gap:20px}.detail-txt div p{font-family:Roboto,sans-serif;width:60%}.price{font-size:30px}button{width:100px;height:30px}.container{display:flex;font-family:Roboto,sans-serif}.container-img{display:flex;justify-content:end;width:50%}.container-info{width:60%;display:flex;flex-direction:column;align-items:center}h1{text-align:center;margin-top:5%}.glass{width:70%}.precio{color:#10b810;font-weight:700;letter-spacing:1px;margin:20px 0;text-align:center;font-size:18px}.glass p:last-child{text-align:center}.ul-pokemon{display:block;margin:10px 0;list-style:none}.btn-container{margin-top:40px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:10px}.button-add{width:200px;border:none;background-color:#1c1c1c;border-radius:10px;color:#fff;font-family:Roboto,sans-serif}.button-add:hover{transition:.3s ease-in-out;box-shadow:.4px .6px 2.2px #00000007,1.1px 1.5px 5.4px #0000000a,2px 2.8px 10.1px #0000000d,3.6px 4.9px 18.1px #0000000f,6.7px 9.2px 33.8px #00000012,16px 22px 81px #0000001a}.qty-container{display:flex;gap:10px;align-items:center}.qty-container p{font-size:25px}.button-qty{border:none;background-color:#1c1c1c;border-radius:10px;color:#fff;font-family:Roboto,sans-serif;width:50px}.tr-total{display:flex;justify-content:center}.button-qty{width:50px;border:none;background-color:#1c1c1c;border-radius:10px;color:#fff;font-family:Roboto,sans-serif}.button-qty:hover{transition:.3s ease-in-out;box-shadow:.4px .6px 2.2px #00000007,1.1px 1.5px 5.4px #0000000a,2px 2.8px 10.1px #0000000d,3.6px 4.9px 18.1px #0000000f,6.7px 9.2px 33.8px #00000012,16px 22px 81px #0000001a}.itd-qty{display:flex;justify-content:center;margin-top:20px;align-items:center;gap:10px}.itd-qty{font-family:"Press Start 2P",cursive}.custom-alert{font-family:Roboto}.detail{display:flex;flex-direction:column;align-items:center}.not-found{display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive;font-size:18px}.not-found p{position:absolute;right:60%;top:52%}*{margin:0;padding:0;box-sizing:border-box}
