:root{font-family:Courier New,Courier,monospace;font-weight:600;color-scheme:light dark;background-color:var(--background);--shadow-md: 5px 5px 0px 5px rgba(0,0,0,.85)}a{text-decoration:none}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}[data-theme=dark]{--color-primary: #e2e2e2;--color-secondary: #e2e2e2;--color-grey: #7e7e7e;--color-blue: #3760aa;--color-dark-red: #000000;--background: #1b1b31;--text-color: white;--bg-color: #1b1b31be;--bg-navbar: #000000;--bg-pokedex: #dc0a2d}[data-theme=light]{--color-primary: #333333;--color-secondary: #e2e2e2;--color-grey: #7e7e7e;--color-blue: #3760aa;--color-dark-red: #d23e34;--background: #e2e2e2;--text-color: #161616;--bg-color: #dbdbdbcc;--bg-navbar: #d23e34;--bg-pokedex: #dc0a2d}.wobble-ver-left{animation:wobble-ver-left 2.5s ease-in-out 0s infinite reverse backwards}@keyframes wobble-ver-left{0%,to{transform:translateY(0) rotate(0);transform-origin:50% 50%}15%{transform:translate(-5px) rotate(-6deg)}30%{transform:translate(3px) rotate(6deg)}45%{transform:translate(-3px) rotate(-3.6deg)}60%{transform:translate(2px) rotate(2.4deg)}75%{transform:translate(-2px) rotate(-1.2deg)}}.wobble-hor-top{animation:wobble-hor-top 10s both infinite}@keyframes wobble-hor-top{0%,to{transform:translate(0);transform-origin:50% 50%}15%{transform:translate(-30px) rotate(6deg)}30%{transform:translate(15px) rotate(-16deg)}45%{transform:translate(-15px) rotate(3.6deg)}60%{transform:translate(9px) rotate(-8.4deg)}75%{transform:translate(-6px) rotate(1.2deg)}}.kenburns-bottom{animation:kenburns-bottom 7s ease infinite alternate-reverse both}@keyframes kenburns-bottom{0%{transform:scale(1) translateY(0);transform-origin:50% 84%}to{transform:scale(1.25) translateY(15px);transform-origin:bottom}}.movin{animation:vibrate-3 1s linear both}@keyframes vibrate-3{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}20%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}30%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}50%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}70%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}80%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}90%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}.main{width:100%;max-width:1024px;margin:0 auto}.login__containre{height:100vh;width:100vw;overflow:hidden;-webkit-backdrop-filter:blur(7.8px);backdrop-filter:blur(7.8px);display:flex;gap:2.5rem;align-items:center;justify-content:center;flex-direction:column}.gras-background{width:100%;position:absolute;flex-direction:column;bottom:0;z-index:5;overflow:hidden}.gras-background .gras{height:100px;position:relative;display:flex;bottom:0;z-index:5;background:url(/imgs/grass-animee.png);background-position:start;background-repeat:no-repeat;background-size:cover}.gras-background .land{display:none;position:relative;height:50px;bottom:-70px;border-radius:40%;background-color:#867040;z-index:2}.img-background{position:absolute;z-index:-1;height:100vh;width:100vw;overflow:hidden}.img-background img{width:100%;height:100%;object-fit:cover;object-position:0px}.logo{position:absolute;z-index:1;top:10%;width:100%;height:fit-content;display:flex;justify-content:center}.logo img{width:80%;max-width:650px}.login__card{max-width:85%;border:5px solid #638bae;border-radius:20px;font-size:.8rem;background-color:#fff}.form_username{display:flex;gap:1rem;align-items:center;background:transparent;z-index:3}.form_username .input{background-color:#f1e8e84b;border:1ex solid none;margin:0;padding:0;color:#e2e2e2;word-wrap:break-word;outline:7px solid #3760aa;height:30px;font-size:17px;text-align:center;transition:all .5s;max-width:250px;font-weight:700;font-family:Courier New,Courier,monospace}.form_username .input:hover{background-color:#f1e8e8}.form_username .input:focus{color:#012838;background-color:#f1e8e8}.form_username button{border:1ex solid #012838;border-top-width:1.7em;outline:7px solid #3760aa;background-color:#f1e8e84b;border:none}.form_username button i{font-size:29px;font-weight:800}.pokemon__container{display:flex;height:100vh;width:100%;max-width:1024px;position:absolute;z-index:0}.bulbasaur{position:absolute;width:100px;bottom:3%;transform:rotate(10deg);left:38%;z-index:3}.charmeleon{position:absolute;width:100px;transform:rotate(-10deg);bottom:3%;left:10%}.esqueerow{position:absolute;width:100px;transform:rotatey(-180deg) rotate(-10deg);bottom:3%;right:10%;z-index:1}.meow{position:absolute;rotate:30deg;width:130px;top:4%;left:-3%}.picachu{width:130px;position:absolute;bottom:20%;left:36%;z-index:2}@media (width >= 768px){.gras-background .gras{height:110px;bottom:0}.gras-background .land{display:none}.logo{top:10%}.logo img{width:70%}.meow{width:200px;top:5%;left:5%}.picachu{width:180px;bottom:20%}.bulbasaur{width:150px;left:40%}.charmeleon{width:150px;left:15%}.esqueerow{width:150px;right:18%}}@media (width >= 1024px){.gras-background .gras{height:180px;background-repeat:repeat-x}.logo{top:50px}.logo img{width:60%}.login__card{max-width:100%;font-size:1rem}}.card-text{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:1rem 1rem 2rem;font-weight:800;border-radius:10px}.button-transparent{position:absolute;padding:0 20px;border:3px solid #918c92;border-radius:5px;background-color:transparent;scale:.6}.b-left{bottom:5px;right:10px}.b-right{bottom:5px;right:50px}.header{width:100vw;height:10vh;max-width:1024px;position:relative;margin-bottom:2rem}.header .header__red{height:100%;width:100%;position:relative;display:flex;justify-content:start;align-items:center;background-color:var(--color-dark-red);clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,53% 72%,0 72%)}.header .header__red img{height:40%;width:50%;padding:0 1rem}.header .header__ball{position:absolute;cursor:pointer;display:flex;align-items:center;justify-content:center;right:30px;bottom:-25px;height:50px;width:50px;border-radius:50%;background-color:#fff;border:7px solid black}.header .header__ball .ball-black{height:25px;width:25px;background-color:#535353;border:5px solid black;border-radius:50%}.header .header__btn-leave{height:50px;width:50px;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center}.header .header__btn-leave button{border:none;background-color:transparent}.header .header__btn-leave i{font-size:1.5rem;color:var(--color-secondary);margin:0;padding:0;background-color:var(--color-dark-red);rotate:180deg}.welcome-card{width:80%;padding:1rem;margin:2rem auto;color:var(--color-primary);border-block:1px solid #535353}@media (width >= 1024px){.header{height:20vh;margin:0 auto;background-color:var(--color-dark-red)}.header .header__red{height:100%;width:100%;position:relative;display:flex;justify-content:start;align-items:center;background-color:light-dark(var(--color-red),var(--color-dark-red));clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,53% 72%,0 72%)}.header .header__red img{height:40%;width:50%;padding:0 1rem}.header .header__ball{position:absolute;display:flex;align-items:center;justify-content:center;right:10px;bottom:-25px;height:50px;width:50px;border-radius:50%;background-color:#fff;border:7px solid black}.header .header__ball .ball-black{height:25px;width:25px;background-color:#535353;border:5px solid black;border-radius:50%}.welcome-card{width:50%;padding:1.5rem;margin:0 auto;border-block:1px solid #535353}}.search{width:100%;max-width:500px;height:80px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:sticky;z-index:10;top:0;background:#fff0;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(6.5px);-webkit-backdrop-filter:blur(6.5px)}.search .form__container{width:100%}.search .form__container .search__input-container{display:flex;align-items:center;justify-content:center}.search .form__container .search__input-container input{height:40px;width:50%;padding-inline:1rem;font-size:1rem;border:none;color:var(--text-color);background-color:var(--bg-color)}.search .form__container .search__input-container input:focus{outline:none}.search .form__container .search__input-container .search-button{height:40px;width:50px;font-size:1.2rem;color:var(--text-color);background-color:var(--bg-color);border:none}.search .form__container .select__input-container select{height:40px;width:100px;text-align:center;border:none;font-size:1rem;color:var(--text-color);background-color:var(--bg-color)}.search .form__container .select__input-container select option{background-color:var(--bg-color)}.card-template{width:270px;height:300px;margin:0 auto;padding:.5rem;border-radius:15px;background-color:#7070709a}.card-template .card__container-template{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.card-template .card__container-template .card-img-template{height:40%;width:100%;margin-bottom:.2rem;background-color:#d8d8d846}.card-template .card__container-template .card-body-template{padding-top:1rem;height:60%;width:100%;background-color:#d8d8d846;border-radius:0 0 15px 15px;text-align:center}.card-template .card__container-template .card-body-template .text-min-template{height:30px;width:50%;margin:0 auto;background-color:#9b9b9b85}.card-template .card__container-template .card-body-stats-template{display:grid;gap:.5rem;place-items:center;padding:.5rem;grid-template-columns:repeat(2,1fr)}.card-template .card__container-template .card-body-stats-template .stats-template{height:30px;width:100%;background-color:#9b9b9b85}.container__card{height:500px;display:grid;place-items:center}.card{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;width:270px;height:300px;margin:0 auto;padding:.5rem;border-radius:15px;scale:1;transition:scale .4s;-webkit-box-shadow:0px 8px 20px -6px rgba(0,0,0,.51);-moz-box-shadow:0px 8px 20px -6px rgba(0,0,0,.51);box-shadow:0 8px 20px -6px #00000082}.card:hover{scale:1.1;transition:scale .4s}.card .card__container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.card .card__container .card-img{height:40%;width:100%;display:flex;justify-content:center;position:relative}.card .card__container .card-img img{position:absolute;bottom:-20px}.card .card__container .card-body{padding-top:1rem;height:60%;width:100%;background-color:var(--color-secondary);border-radius:0 0 15px 15px;text-align:center}.card .card__container .card-body span{margin-inline:.2rem;font-weight:400;font-size:.7rem;color:var(--color-grey)}.card .card__container .card-body-stats{display:grid;gap:3px;place-items:center;padding:.5rem;grid-template-columns:repeat(2,1fr)}.text-min{margin-inline:.2rem;font-weight:400;font-size:.7rem;color:var(--color-grey)}.pagination{display:flex;flex-direction:column;justify-content:center;max-width:1024px;margin:0 auto}.content{margin:1rem 0;display:flex;flex-direction:column;gap:1.5rem}.controls{height:50px;display:flex;gap:.5rem;flex-direction:row;align-items:center;justify-content:center;position:sticky;bottom:0;background-color:var(--bg-navbar)}.pagination__btn{width:3rem;height:100%;text-align:center;outline:none;border:none;background-color:transparent}.pagination__btn i{font-size:x-large}.pagination__btn:focus{outline:2px solid var(--color-secondary)}@media (width >= 768px){.content{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:1.7rem}}@media (width >= 1024px){.content{grid-template-columns:repeat(3,minmax(200px,1fr));gap:2.5rem}}.loader{position:absolute;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative}.circle{background:var(--color-dark-red);width:15px;height:15px;position:absolute;border-radius:50%;animation:figureEight 1.5s linear infinite}.circle:nth-child(2){animation-delay:.1s;width:12px;height:12px;background:var(--color-dark-red)}.circle:nth-child(3){animation-delay:.2s;width:10px;height:10px;background:var(--color-dark-red)}.circle:nth-child(4){animation-delay:.3s;width:10px;height:10px;background:var(--color-dark-red)}.circle:nth-child(5){animation-delay:.4s;width:10px;height:10px;background:var(--color-dark-red)}.circle:nth-child(6){animation-delay:.5s;width:10px;height:10px;background:var(--color-dark-red)}.circle:nth-child(7){animation-delay:.6s;width:10px;height:10px;background:var(--color-dark-red)}.circle:nth-child(8){animation-delay:.7s;width:10px;height:10px;background:var(--color-dark-red)}@keyframes figureEight{0%,to{transform:translate(0)}12.5%{transform:translate(50px,-25px)}25%{transform:translate(100px)}37.5%{transform:translate(50px,25px)}50%{transform:translate(0)}62.5%{transform:translate(-50px,-25px)}75%{transform:translate(-100px)}87.5%{transform:translate(-50px,25px)}}.details__container{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:start;background-color:var(--background)}.details__container .pokedex__container{height:80%;width:95%;margin:0 auto;border-radius:15px;background:#680415;box-shadow:3px 3px 0 3px #680415}.details__container .pokedex__container .pokedex-header{display:flex;height:20%;width:100%;border:2px solid #000;border-radius:15px;margin-bottom:1rem;background-color:var(--bg-pokedex);clip-path:polygon(0 0,100% 0,100% 50%,60% 50%,40% 100%,0 100%)}.details__container .pokedex__container .pokedex-header .header-big-light{margin:1rem;position:relative;height:80px;width:80px;border:2px solid #000;border-radius:50%;background-color:#e2e2e2}.details__container .pokedex__container .pokedex-header .header-big-light:after{content:"";position:absolute;z-index:3;top:17px;left:17px;height:10px;width:10px;background:#e2e2e2;border-radius:50%}.details__container .pokedex__container .pokedex-header .header-big-light .big-light-1{position:absolute;top:1px;left:2px;height:70px;width:70px;border:2px solid black;background:#23acff;border-radius:50%}.details__container .pokedex__container .pokedex-header .header-big-light .big-light-1:before{content:"";position:absolute;z-index:1;top:11px;left:11px;height:25px;width:25px;background:#23acff;border-radius:50%}.details__container .pokedex__container .pokedex-header .header-big-light .big-light-1:after{content:"";position:absolute;z-index:0;bottom:0;right:1px;height:60px;width:60px;background:#176c9f;border-radius:50%}.details__container .pokedex__container .pokedex-header .header-smallighr-container{position:relative;top:15px;height:20px;width:50%;display:flex}.details__container .pokedex__container .pokedex-header .header-smallighr-container .smallight{position:relative;height:100%;width:20px;border:2px solid black;border-radius:50%;margin-left:10px}.details__container .pokedex__container .pokedex-header .header-smallighr-container .smallight:before{position:absolute;bottom:1px;right:0;content:"";height:13px;width:13px;border-radius:50%;background:#00000067}.details__container .pokedex__container .pokedex-header .header-smallighr-container .smallight:after{position:absolute;top:3px;left:5px;content:"";height:4px;width:4px;border-radius:50%;background:#e3e3e3}.details__container .pokedex__container .pokedeex__body{position:relative;padding-top:4rem;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;top:-4.3rem;height:88%;width:100%;border:2px solid #000;border-radius:15px;background:var(--bg-pokedex);clip-path:polygon(43% 13%,65% 0,100% 0,100% 100%,0 100%,0 13%)}.details__container .pokedex__container .pokedeex__body .pokedex-window__container{position:relative;display:flex;justify-content:center;align-items:center;min-height:200px;width:90%;background-color:#dddfdf;border:2px solid #000;border-radius:10px;clip-path:polygon(0 0,100% 0,100% 100%,16% 100%,0 86%)}.details__container .pokedex__container .pokedeex__body .pokedex-window__container .pokedex-window{display:flex;gap:1rem;flex-direction:column;align-items:center;justify-content:space-evenly;object-fit:scale-down;width:75%;height:70%;border-radius:10px;background-color:#000;overflow:hidden}.details__container .pokedex__container .pokedeex__body .pokedex-window__container .pokedex-window h4{position:absolute;bottom:40px;font-size:1rem;background-color:#51ae5e;border-radius:10px;padding:0 10px}.details__container .pokedex__container .pokedeex__body .pokedex-window__container .pokedex-window span{margin-left:.5rem;font-size:.7rem}.details__container .pokedex__container .pokedeex__body .pokedex-window__container .points-red{position:absolute;height:13px;width:13px;border:2px solid #000;background-color:var(--bg-pokedex);border-radius:50%}.details__container .pokedex__container .pokedeex__body .pokedex-window__container .triple-line{position:absolute;font-size:2rem;color:#000;bottom:5px;right:5px}.details__container .pokedex__container .pokedeex__body .pokedex-window__container .uno{top:10px;left:40%}.details__container .pokedex__container .pokedeex__body .pokedex-window__container .dos{top:10px}.details__container .pokedex__container .pokedeex__body .pokedex-window__container .tres{bottom:5px;left:20%;height:20px;width:20px}.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta{display:flex;gap:1rem;flex-direction:row;align-items:start;justify-content:center;text-align:start;background-color:#000;border-radius:15px;padding:.5rem;margin:0 .5rem}.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta p,.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta span{font-size:.7rem}.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta .window-meta-col2 .progress__container{position:relative;width:150px;height:20px;border:1px solid gold;margin-bottom:3px}.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta .window-meta-col2 .progress__container progress{position:absolute;background-color:#51ae5e;height:100%;width:100%;top:0}.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta .window-meta-col2 .progress__container .progress-value{position:absolute;margin-left:5px;z-index:1;color:#fff}.details__container .pokedex__container .pokedeex__body .pokedex-controls{width:100%;height:fit-content;display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-bottom:1rem}.details__container .pokedex__container .pokedeex__body .pokedex-controls .control-2{display:flex;flex-direction:column;height:100%}.details__container .pokedex__container .pokedeex__body .pokedex-controls .control-2 .control-button__container{width:100%;display:flex;justify-content:space-around}.details__container .pokedex__container .pokedeex__body .pokedex-controls .control-2 .control-button__container .btn-red{position:relative;height:8px;width:50px;background-color:#f53838;border:2px solid #000;border-radius:10px}.details__container .pokedex__container .pokedeex__body .pokedex-controls .control-2 .control-button__container .btn-blue{position:relative;height:8px;width:50px;background-color:#1e51f8;border:2px solid #000;border-radius:10px}.details__container .pokedex__container .pokedeex__body .pokedex-controls .control-2 .green-window{width:max-content;min-width:100px;height:100%;margin:5px;border:2px solid #000;border-radius:7px;background-color:#51ae5e;text-align:center}.details__container .pokedex__container .pokedeex__body .pokedex-controls .control-2 .green-window h1{padding:.7rem 0;font-family:Trebuchet MS,sans-serif}.details__container .pokedex__container .pokedeex__body .pokedex-controls .control-3{height:100%}.btn-class-name{--primary: 10, 33, 33;--secondary: 10, 14, 12;margin:1rem 0;width:60px;height:50px;border:2px solid #000;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:100%;position:relative;transition:.3s}.btn-class-name .back{background:rgb(var(--secondary));border-radius:100%;position:absolute;left:0;top:0;width:100%;height:100%}.btn-class-name .front{background:linear-gradient(0deg,rgba(var(--primary),.6) 20%,rgba(var(--primary)) 50%);box-shadow:0 .5em 1em -.2em rgba(var(--secondary),.5);border-radius:100%;position:absolute;border:2px solid #000;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;font-family:inherit;transform:translateY(-15%);transition:.15s;color:var(--color-secondary)}.btn-class-name:active .front{color:var(--color-primary);transform:translateY(0);box-shadow:0 0}.botonera{position:relative;width:120px;height:100%;display:flex;justify-content:center;align-items:center}.btn{position:absolute;width:25px;height:25px;background:#1a3d32;border:none;border-radius:10px;box-shadow:var(--shadow-md);transition:transform .2s}.arriba{top:5px;height:35px;z-index:2}.abajo{height:35px;bottom:5px;z-index:3}.izquierda{width:33px;left:15px}.derecha{width:33px;right:15px;z-index:3}.btn:hover{transform:translateY(3px)}@media (width > 425px){.details__container{max-width:1024px;margin:0 auto;justify-content:space-between;margin-bottom:1rem}.details__container .pokedex__container{max-width:450px;max-height:750px}.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta{width:90%;justify-content:space-around;display:flex;gap:1rem;flex-direction:row;align-items:start;text-align:start;background-color:#000;border-radius:15px;padding:.5rem}.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta p,.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta span{font-size:.7rem}.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta .window-meta-col2 .progress__container{position:relative;width:150px;height:20px;border:1px solid gold;margin-bottom:3px}.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta .window-meta-col2 .progress__container progress{position:absolute;background-color:#51ae5e;height:100%;width:100%;top:0}.details__container .pokedex__container .pokedeex__body .pokedex-window__container-meta .window-meta-col2 .progress__container .progress-value{position:absolute;margin-left:5px;z-index:1;color:#fff}}