@import"https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";nav ul{display:flex;flex-direction:row;gap:1rem;margin:0}li{list-style:none;cursor:pointer;color:var(--white);transition:all .2s}li:hover{color:#fff;border-bottom:1px solid #fff}li:active{color:#d02222}header{padding:16px 60px;background-color:#1a1d22;display:flex;flex-direction:row;align-items:center;box-shadow:0 -2px 6px #4e4d4d}header picture img{cursor:pointer;transition:all .2s}header picture img:hover{transform:rotate(360deg)}.buscador{border-bottom:2px solid var(--primary-color);border-radius:8px;border-color:var(--primary-color);width:max-content;display:flex;flex-direction:row-reverse;box-shadow:0 0 50px #4a030321;align-items:center;margin-bottom:1em}.buscador span{width:max-content;height:max-content;padding:1em;display:flex;align-items:center;border-radius:8px 0 0 8px}.buscador span img{width:24px}.buscador input{border:none;border-radius:0 8px 8px 0;background-color:var(--primary-bg);color:var(--white);outline:none;transition:all .2s;font-size:1em}.buscador input::placeholder{color:var(--black)}.buscador input:focus~span{background-color:var(--primary-bg)}.buscador input:focus{background-color:var(--primary-bg)}.buscador .xBuscador{position:absolute;background-image:url(/img/equis.svg);background-size:cover;width:16px;height:16px;margin:8px;padding:4px;transition:all .1s}.buscador .xBuscador:hover{background-image:url(/img/equis_roja.svg)}.buscador .xBuscador:active{width:22px;height:22px}.botonSorpresa .boton{background:linear-gradient(to bottom right,#b974ff,#8611fc,#52069e);border:2px solid #8611fc;border-radius:8px;padding:1em 2em;transition:all .2s;color:#fcf4ff;cursor:pointer}.botonSorpresa .boton:hover{background:none;border:2px solid #8611fc}.botonAvanzado button{border:none;padding:0 0 2em;transition:all .2s;cursor:pointer;background:linear-gradient(to bottom right,#ffdcdc,#fc1111,#b31212);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.botonAvanzado button:hover{background:linear-gradient(to bottom right,#870505,#fc1111,#ffdcdc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ordenador{position:relative;width:200px}.ordenador .ordenar{border:2px solid white;background-color:#f3f3f3;border-radius:8px;padding:1em;color:#141414;transition:all .2s}.ordenador .ordenar:hover{background-color:#0000;color:#f3f3f3;border-radius:8px 8px 0 0}.ordenador ul{margin:0;padding:0;width:200px;display:none;z-index:1}.ordenador ul li{border:2px solid white;background-color:#f3f3f3;padding:1em;color:#141414;transition:all .2s;cursor:pointer}.ordenador ul li:hover{background-color:#2f2f2f;color:#f3f3f3;display:block}.ordenador ul li:last-child{border-radius:0 0 8px 8px}.ordenador:hover ul{display:block;position:absolute}@keyframes move-card{0%{transform:scale(3);filter:blur(1.5rem)}80%{transform:scale(.7);filter:blur(0)}to{transform:scale(1)}}.content-card{border-radius:8px;box-shadow:0 0 24px #1c1c1c;width:240px;height:340px;padding:1.5em;display:grid;grid-template-rows:8fr 4fr;align-content:center;align-items:center;transition:all .1s;cursor:pointer;animation:move-card .4s ease;text-transform:capitalize}.content-card:hover{box-shadow:15px 0 32px #412828}.content-card picture{position:relative;display:flex;justify-content:center;align-self:center;width:auto;height:180px}.content-card img{position:absolute;width:180px;bottom:0;filter:drop-shadow(0px 0 32px #a49e31);transition:all .2s;animation:move-card .4s ease}.content-card:hover img{width:200px;transform:scale(1)}.content-card p,.content-card span{margin:0 1em 0 0}.cardOptions{width:240px;display:flex;justify-content:flex-end;gap:1em;padding:.5em 0 0 3em;transition:all .2s}.cardOptions div{cursor:pointer}.cardOptions div img:hover,.cardOptions div .openCardP:hover{transform:scale(1.1)}.cardOptions img{transition:all .2s;width:24px;height:24px}.cardOptions img:hover{transform:scale(2);filter:drop-shadow(0px 0 8px #9b9a8f)}.cardOptions img[alt="salir del modal"]{width:24px;height:24px}.card-details{display:flex;flex-direction:column;gap:.2em;align-self:first baseline}.card-details h3{font-size:1.2em;text-transform:capitalize;margin:0;text-align:center}.card-details .card-tipo,.card-details .card-categoria{gap:.5em}.card-details .card-tipo p,.card-details .card-categoria p{font-size:1em;font-weight:600}.card-details .card-tipo span,.card-details .card-categoria span{font-size:small;font-weight:400;line-height:0;padding:4px;border-radius:4px;box-shadow:none!important}.card-details .card-tipo p{margin-bottom:4px}.card-details .card-categoria span{background-color:inherit!important;padding:0;margin:0 8px 0 0}.pokeItemContainer{position:relative}.pokeItem{position:relative;width:150px;height:45px;border-radius:8px;box-shadow:0 0 5px #46453c;padding:.9em;background-color:#3b3833;display:flex;justify-content:space-between;align-items:center;gap:1.5em;cursor:pointer;transition:all .1s;text-transform:capitalize}.pokeItem .datosItem{height:100%;display:flex;flex-direction:column;justify-content:space-between}.pokeItem .datosItem p{font-weight:600;margin:0}.pokeItem .datosItem p.nombre{font-size:16px;width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pokeItem .datosItem p.numero{font-size:14px}.pokeItem picture{position:relative;display:grid;place-content:center}.pokeItem picture img{position:absolute;transform:translate3d(-30px,-30px,0);width:50px;filter:drop-shadow(0px 0 32px #a49e31);transition:all .2s}.pokeItem:hover{box-shadow:10px 0 8px #545240;transform:translate(-8px)}.pokeItem:active{transform:scale(1.1)}.addFavorite{position:absolute;bottom:4px;right:4px;width:18px;height:18px;cursor:pointer;z-index:1}.addFavorite img{width:16px;transition:all .1s}.addFavorite img:hover{width:18px;filter:drop-shadow(0px 0 2px #FF1616)}.pokeList{width:600px;height:370px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;gap:1.5em}.listIndex{display:flex;margin-top:1em}.listIndex div{padding:4px;cursor:pointer;color:#767676;transition:all .1s}.listIndex div:hover{color:#fff}.listIndex div:active{color:#d02222}main{display:flex;justify-content:center;padding-top:40px;flex-wrap:wrap;align-items:center}main .botones{display:flex;gap:40px;margin-bottom:40px}main button,main select{padding:20px;border-radius:8px;font-size:16px;border:1px solid black;transition:all .2s}main button:active,main select:active{transform:scale(1.1)}main .main-d{padding-left:60px;display:grid;align-items:center}.titlePage{color:#fff;line-height:3em}.titlePage h1{font-size:3em;margin:0}.titlePage h1 span{background:linear-gradient(to bottom right,#ffdcdc,#fc1111,#870505);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.titlePage p{font-size:1em;line-height:1.2em;color:#717171}.footer{position:fixed;bottom:0;padding:16px 60px}.footer a{color:#cacaca;text-decoration:none;transition:all .1s}.footer a:hover{color:#f0f0f0;cursor:pointer}.renderT{display:grid;grid-template-columns:repeat(5,1fr);padding:0}.renderT span{box-shadow:none!important;margin:4px;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:4px;padding:8px 16px;font-size:14px;text-transform:capitalize;background-color:#121312;line-height:14px;cursor:pointer;transition:all .2s}.renderT span:hover{background-color:#1f2120}.renderTActive{background-color:#d3354a;color:#fff}.renderH{width:max-content;border-radius:8px;padding-bottom:1em}.renderH:hover ul{display:block}.renderH:hover .titleH{padding-left:1em}.renderH:hover .titleH span{display:none}.renderH .titleH{display:flex;align-items:center;gap:1em;transition:all .2s}.renderH .titleH h4{margin:0}.renderH .titleH span img{width:10px}.renderH ul{display:none;position:absolute;z-index:1;height:400px;overflow-y:scroll;margin:.5em 0 0;padding:0}.renderH ul li{margin:0;padding:4px 8px;font-size:10px;background-color:#343434;cursor:pointer}.renderH ul li:hover{background-color:#000}.selectA h4{margin:0 0 1em}.selectA .alturas{display:flex;align-items:end;gap:2em}.selectA .alturas .selectAItem{width:80px;height:80px;border-radius:8px;padding:1em;background-color:#696969;display:grid;place-content:center;transition:all .2s}.selectA .alturas .selectAItem:hover{background-color:#3d3d3d}.selectA .alturas .selectAItem img{filter:brightness(0%)}.selectA .alturas .selectAItem img[alt=pequeño]{width:30px}.selectA .alturas .selectAItem img[alt=mediano]{width:60px}.selectA .alturas .selectAItem img[alt=grande]{width:110px}.selectP h4{margin:0 0 1em}.selectP .alturas{display:flex;align-items:end;gap:2em}.selectP .alturas .selectAItem{width:80px;height:80px;border-radius:8px;padding:1em;background-color:#696969;display:grid;place-content:center;transition:all .2s}.selectP .alturas .selectAItem:hover{background-color:#3d3d3d}.selectP .alturas .selectAItem img{filter:brightness(0%)}.selectP .alturas .selectAItem img[alt=pequeño]{width:20px}.selectP .alturas .selectAItem img[alt=mediano]{width:30px}.selectP .alturas .selectAItem img[alt=grande]{width:50px}.containerContendorAvanzado{position:absolute;display:grid;place-content:center;background-color:#413c3cd3;width:100%;height:100%}.buscadorAvanzado{position:relative;display:flex;flex-direction:column;gap:6em;width:max-content;border-radius:8px;padding:3em;background-color:#09110ee2}.buscadorAvanzado .btnSalirAv{position:absolute;right:3em;cursor:pointer}.buscadorAvanzado .btnSalirAv img{width:10px}.buscadorAvanzado .btnSalirAv img:hover{filter:drop-shadow(0 0 10px #f38484)}.buscadorAvanzado .buscadorOpciones{display:flex;flex-wrap:wrap;gap:4em}.buscadorAvanzado .buscadorOpciones>div{display:flex;flex-direction:column;justify-content:space-between}.buscadorAvanzado .buscadorOpciones div .tipoDebilidad,.buscadorAvanzado .buscadorOpciones .tipDebRan{display:grid;gap:2em}.buscadorAvanzado .buscadorOpciones .abiAltPes{display:flex;gap:4em}.buscadorAvanzado .buscadorBotones{display:flex;justify-content:end;gap:1em}.buscadorAvanzado .buscadorBotones .btnRestablecerAvanzado,.buscadorAvanzado .buscadorBotones .btnBuscarAvanzado{padding:1em 2em;border:2px solid #ccc;border-radius:8px;transition:all .2s}.buscadorAvanzado .buscadorBotones .btnRestablecerAvanzado{cursor:pointer}.buscadorAvanzado .buscadorBotones .btnRestablecerAvanzado:hover{background-color:#717171}.buscadorAvanzado .buscadorBotones .btnBuscarAvanzado{cursor:pointer;border:2px solid #e21316;background-color:#e21316}.buscadorAvanzado .buscadorBotones .btnBuscarAvanzado:hover{border:2px solid #e4e4e4;background-color:#d01f22}.tipo h4,.debilidad h4{margin:0 0 1em}.rango fieldset{width:max-content;border-radius:8px;display:flex;gap:1em}.rango fieldset legend h4{margin:0}.rango fieldset input{width:100px;height:30px;border-radius:4px;background-color:#262727;transition:all .2s}.rango fieldset input:hover{background-color:#121212}.index{display:flex;flex-direction:column;justify-content:space-between}@keyframes zoom-card{0%{transform:scale(3);filter:blur(1.5rem)}80%{transform:scale(.7);filter:blur(0)}to{transform:scale(1)}}.contentPokeDetails{position:absolute;display:grid;padding:3em;place-content:center;left:50%;transform:translate(-50%);animation:zoom-card .2s linear}.pokeDetails{background-color:#1f1f1ff7;display:grid;place-content:center;width:max-content;height:max-content;border-radius:8px}.pokeDetails .pokeDetailContainer{width:max-content;display:grid;gap:2em;padding:2em}.pokeDetails .pokeDetailContainer .pokeDetailMain{display:flex;gap:4em}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemon{display:flex;flex-direction:column;align-items:center}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemon .pokemonImage{display:flex;gap:2em;align-items:center}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemon .pokemonImage .imageP img{filter:drop-shadow(0px 0 32px #a44c31);width:90%}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemonDetailsCard{width:350px;height:550px;overflow-y:scroll;display:flex;flex-direction:column;justify-content:space-between;gap:2em;border-radius:8px;padding:2em;background-color:#3e3e3e}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemonDetailsCard .nameNum{display:flex;justify-content:space-between}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemonDetailsCard .nameNum h3{margin:0;text-transform:capitalize}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemonDetailsCard .pokDetTipos h4{margin:0}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemonDetailsCard .pokDetTipos .spanTypeName{text-transform:capitalize;margin-right:1em}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemonDetailsCard .pokeDescription h4{margin:0}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemonDetailsCard .pokeDescription p{margin:0;height:100px;overflow-y:scroll}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemonDetailsCard .pokemonCarateristicas{display:grid;grid-template-columns:1fr 1fr;gap:1em;border-radius:8px;padding:1em;background-color:#484747}.pokeDetails .pokeDetailContainer .pokeDetailMain .pokemonDetailsCard .pokeDebilidad h4{margin:0}.pokeDetails .pokeDetailContainer .beforeNextPokemon{display:flex;justify-content:space-between}.pokeDetails .pokeDetailContainer .beforeNextPokemon .beNePo{cursor:pointer}.salirPokeDetails{position:absolute;top:0;right:0;padding:2em;cursor:pointer}.evolucionContainer{position:relative;display:flex;justify-content:space-around;width:480px;overflow-x:scroll;padding:1em}.evolucionContainer .evolucion{display:flex;flex-direction:column;align-items:center;justify-content:end;margin-bottom:0;cursor:pointer}.pokemonFigth{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1em;width:60%;border-radius:8px;padding:1em;background-color:#4d4d4d19}.pokemonFigth h4{margin:0}.pokemonFigth span{font-style:italic;color:#ec3232}.chargingContainer{background-color:#f0f8ff;height:100vh;width:100%;display:grid;place-content:center}:root{--normal: #888888;--fighting: #d7db94;--flying: #60f4ff;--poison: #52008c;--ground: #767600;--rock: #2f2c12;--bug: #afe495;--ghost: #bcbcbc;--steel: #bcd9de;--fire: #ff7402;--water: #00ddff;--grass: #0c930e;--electric: #818132;--psychic: #ff69df;--ice: #f5feff;--dragon: #ff1919;--dark: #313131;--fairy: #43aebe;--unknown: #d5d5d5;--shadow: #121212}:root .normal{border:1px solid var(--normal);box-shadow:4px 4px 15px var(--normal);background-color:var(--normal);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .fighting{border:1px solid var(--fighting);box-shadow:4px 4px 15px var(--fighting);background-color:var(--fighting);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .flying{border:1px solid var(--flying);box-shadow:4px 4px 15px var(--flying);background-color:var(--flying);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .poison{border:1px solid var(--poison);box-shadow:4px 4px 15px var(--poison);background-color:var(--poison);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .ground{border:1px solid var(--ground);box-shadow:4px 4px 15px var(--ground);background-color:var(--ground);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .rock{border:1px solid var(--rock);box-shadow:4px 4px 15px var(--rock);background-color:var(--rock);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .bug{border:1px solid var(--bug);box-shadow:4px 4px 15px var(--bug);background-color:var(--bug);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .ghost{border:1px solid var(--ghost);box-shadow:4px 4px 15px var(--ghost);background-color:var(--ghost);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .steel{border:1px solid var(--steel);box-shadow:4px 4px 15px var(--steel);background-color:var(--steel);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .fire{border:1px solid var(--fire);box-shadow:4px 4px 15px var(--fire);background-color:var(--fire);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .water{border:1px solid var(--water);box-shadow:4px 4px 15px var(--water);background-color:var(--water);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .grass{border:1px solid var(--grass);box-shadow:4px 4px 15px var(--grass);background-color:var(--grass);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .electric{border:1px solid var(--electric);box-shadow:4px 4px 15px var(--electric);background-color:var(--electric);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .psychic{border:1px solid var(--psychic);box-shadow:4px 4px 15px var(--psychic);background-color:var(--psychic);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .ice{border:1px solid var(--ice);box-shadow:4px 4px 15px var(--ice);background-color:var(--ice);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .dragon{border:1px solid var(--dragon);box-shadow:4px 4px 15px var(--dragon);background-color:var(--dragon);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .dark{border:1px solid var(--dark);box-shadow:4px 4px 15px var(--dark);background-color:var(--dark);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .fairy{border:1px solid var(--fairy);box-shadow:4px 4px 15px var(--fairy);background-color:var(--fairy);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .unknown{border:1px solid var(--unknown);box-shadow:4px 4px 15px var(--unknown);background-color:var(--unknown);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}:root .shadow{border:1px solid var(--shadow);box-shadow:4px 4px 15px var(--shadow);background-color:var(--shadow);background-image:linear-gradient(180deg,#74ebd5,#9face62e);color:var(--black)}.tipe-shadow{background-color:var(--shadow)}.type-unknown{background-color:var(--unknown)}.type-fairy{background-color:var(--fairy)}.type-normal{background-color:var(--normal)}.type-fighting{background-color:var(--fighting)}.type-flying{background-color:var(--flying)}.type-poison{background-color:var(--poison);color:var(--white)}.type-ground{background-color:var(--ground)}.type-rock{background-color:var(--rock)}.type-bug{background-color:var(--bug)}.type-ghost{background-color:var(--ghost)}.type-steel{background-color:var(--steel)}.type-fire{background-color:var(--fire)}.type-water{background-color:var(--water)}.type-grass{background-color:var(--grass)}.type-electric{background-color:var(--electric)}.type-psychic{background-color:var(--psychic)}.type-ice{background-color:var(--ice)}.type-dragon{background-color:var(--dragon)}.type-dark{background-color:var(--dark)}.baby{height:40px}.small{height:60px}.big{height:150px}.monster{height:200px}.monument{height:300px}.content-preferCard{width:300px;height:320px;border-radius:4px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1em;transition:all .2s}.content-preferCard picture img{transition:all .2s}.content-preferCard .preferCard-details{color:#ccc}.content-preferCard .preferCard-details h5{margin:0}.content-preferCard .preferCard-details .preferCardOptions{display:flex;gap:8px}.content-preferCard .preferCard-details .preferCardOptions div img{width:16px}.content-preferCard .preferCard-details .preferCardOptions .optionsFavorite{display:flex;flex-direction:column}.content-preferCard .preferCard-details .preferCardOptions .optionsFavorite p{margin:0;cursor:pointer;z-index:1}.content-preferCard .preferCard-details .preferCardOptions .optionsFavorite p:hover{filter:drop-shadow(0 0 5px #ccc)}.content-preferCard .preferCard-details .preferCardOptions .optionsFavorite p:hover+ul{display:block}.content-preferCard .preferCard-details .preferCardOptions .optionsFavorite ul{position:absolute;display:none;margin:0}.content-preferCard .preferCard-details .preferCardOptions .optionsFavorite ul:hover{display:block}.content-preferCard:hover img{filter:drop-shadow(0 0 5px #ccc)}.of{display:none}Header{position:fixed}.favoritos{padding:8em}.favoritos .layoutFavoritos{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:4em}.botonAtras{position:fixed;right:0;padding:1.3rem 3rem;z-index:1;cursor:pointer}#root{margin:0;padding:0}Header{position:inherit}:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--primary-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none}:root{--primary-color: #e53935;--secondary-color: #61dafb;--primary-bg: #282c34;--secondary-bg: #3f51b5;--white: #ffffff;--black: #292929}*{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}