@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap";.pa-loader{width:100%;height:calc(100vh - 118.25px);display:grid;place-items:center}.pa-pokemon-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.cardPokemon{border-radius:1rem;background-color:#f7f7f7;box-shadow:0 0 3rem -1rem #00000040;padding-block:1rem;text-transform:uppercase;position:relative;isolation:isolate;overflow:hidden}.cardPokemon-back{position:absolute;top:1rem;left:50%;transform:translate(-50%);font-size:5rem;font-weight:800;z-index:-1;color:#ececec}.cardPokemon-imagen{padding-inline:1rem;display:flex;justify-content:center}.cardPokemon-img{max-width:6rem;height:96px;transition:transform .4s ease}.cardPokemon:hover .cardPokemon-img{transform:scale(1.1)}.cardPokemon-info{display:flex;flex-direction:column;gap:.5rem;padding-inline:1rem;padding:1rem 0;align-items:center;text-align:center}.cardPokemon-container{display:flex;align-items:center;column-gap:.5rem;flex-wrap:wrap;justify-content:center}.cardPokemon-id{background-color:#ececec;padding:.25rem .5rem;border-radius:100vmax;font-size:.75rem;font-weight:500}.cardPokemon-name{font-size:1.4rem}.cardPokemon-types{display:flex;gap:10px;margin-top:10px}.cardPokemon-types span{font-size:12px;padding:5px 20px;border-radius:5px;color:#fff}.buttonPagination{border-radius:5px;padding:10px 30px;background-color:#15ffa1;display:flex;border:0;gap:2rem}.buttonPagination-text{font-size:1.3rem;display:none}@media (min-width: 768px){.buttonPagination-icon{display:none}.buttonPagination-text{display:inherit;margin:auto}}@media (min-width: 1024px){.buttonPagination-icon,.buttonPagination-text{display:inherit}}.display-none{display:none}.homePage-pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.pokemonPage-header{display:grid;grid-template-areas:"b" "a"}.pokemonPage-infoPrincipal{grid-area:a;display:grid;grid-template-areas:"code name" "type type";gap:2rem 1rem;padding-top:1rem;align-content:center;align-items:center;justify-items:center;justify-content:center}.pokemonPage-codePokemon{grid-area:code;display:flex;justify-content:center;align-items:center;gap:.5rem}.pokemonPage-codePokemon img{height:100%}.pokemonPage-name{grid-area:name}.pokemonPage-container-img{grid-area:b}.pokemonPage-img{height:200px}.pokemonPage-types{grid-area:type;display:flex;gap:10px;margin-top:10px}.pokemonPage-type{font-size:1.2rem;padding:5px 20px;border-radius:5px;color:#fff}@media (min-width: 768px){.pokemonPage-header{grid-template-areas:"a b"}.pokemonPage-infoPrincipal{grid-template-areas:"code" "name" "type";align-items:inherit;gap:20px}.pokemonPage-codePokemon{font-size:5rem;color:#313131}.pokemonPage-name{font-size:3.5rem}.pokemonPage-img{height:300px}}.pokemonPage-minInfo{display:flex;flex-direction:row;justify-content:space-evenly;gap:1.5rem}.pokemonPage-titleStats{padding:30px 0}.pokemonPage-groupsStat{display:flex;flex-direction:column;gap:1rem}.progressBar{display:flex;flex-direction:row;gap:10px;align-items:center}.progressBar-tipeStat{width:35%}.progressBar-bar{width:100%;border:1px solid black;border-radius:5px}.progressBar-stuffed{background:#9d8ceb;text-align:center;height:100%;border-radius:5px;padding:5px 0}@media (min-width: 768px){.progressBar-tipeStat{width:15%}}.pa-navBar{display:flex;align-items:center;justify-content:end;padding:40px 0}.pa-navBar-logo{width:150px}:root{--color-fire: #ff7402;--color-grass: #9bcc50;--color-steel: #9eb7b8;--color-water: #4592c4;--color-psychic: #f366b9;--color-ground: #ab9842;--color-ice: #51c4e7;--color-flying: #3dc7ef;--color-ghost: #4d5b64;--color-normal: #a4acaf;--color-poison: #7e0058;--color-rock: #a38c21;--color-fighting: #d56723;--color-dark: #707070;--color-bug: #729f3f;--color-dragon: linear-gradient(180deg, #53a4cf 50%, #f16e57 50%);--color-electric: #bba909;--color-fairy: #fdb9e9;--color-shadow: #7b62a3;--color-unknow: #757575;--color-primary: #006d77;--color-primary-hover: #83c5be;--color-fire-bg: #f6c69f;--color-grass-bg: #aad39e;--color-steel-bg: #b0c4de;--color-water-bg: #95b5e0;--color-psychic-bg: #ff85a2;--color-ground-bg: #d1b083;--color-ice-bg: #87ceeb;--color-flying-bg: #7ec8e3;--color-ghost-bg: #705898;--color-normal-bg: #c6c6a7;--color-poison-bg: #ee8fee;--color-rock-bg: #b4a387;--color-fighting-bg: #c03028;--color-dark-bg: #2f4f4f;--color-bug-bg: #a8b820;--color-dragon-bg: #ab83a1;--color-electric-bg: #f7e73a;--color-fairy-bg: #ffc0cb;--color-shadow-bg: #292929;--color-unknow-bg: #a0a0a0}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}img{width:100%}body{font-family:Montserrat}.container{width:min(90%,1000px);margin:0 auto;padding:30px 0}.pdx-1{padding:1rem 0}.bd-2-gray{border-bottom:2px solid #eee}.fire-bg{background-color:var(--color-fire-bg)}.grass-bg{background-color:var(--color-grass-bg)}.steel-bg{background-color:var(--color-steel-bg)}.water-bg{background-color:var(--color-water-bg)}.psychic-bg{background-color:var(--color-psychic-bg)}.ground-bg{background-color:var(--color-ground-bg)}.ice-bg{background-color:var(--color-ice-bg)}.flying-bg{background-color:var(--color-flying-bg)}.ghost-bg{background-color:var(--color-ghost-bg)}.normal-bg{background-color:var(--color-normal-bg)}.poison-bg{background-color:var(--color-poison-bg)}.rock-bg{background-color:var(--color-rock-bg)}.fighting-bg{background-color:var(--color-fighting-bg)}.dark-bg{background-color:var(--color-dark-bg)}.bug-bg{background-color:var(--color-bug-bg)}.dragon-bg{background-color:var(--color-dragon-bg)}.electric-bg{background-color:var(--color-electric-bg)}.fairy-bg{background-color:var(--color-fairy-bg)}.shadow-bg{background-color:var(--color-shadow-bg)}.unknow-bg{background-color:var(--color-unknow-bg)}.fire-hv:hover{background-color:#f6c69f}.grass-hv:hover{background-color:#aad39e}.steel-hv:hover{background-color:#b0c4de}.water-hv:hover{background-color:#95b5e0}.psychic-hv:hover{background-color:#ff85a2}.ground-hv:hover{background-color:#d1b083}.ice-hv:hover{background-color:#87ceeb}.flying-hv:hover{background-color:#7ec8e3}.ghost-hv:hover{background-color:#705898}.normal-hv:hover{background-color:#c6c6a7}.poison-hv:hover{background-color:#ee8fee}.rock-hv:hover{background-color:#b4a387}.fighting-hv:hover{background-color:#c03028}.dark-hv:hover{background-color:#2f4f4f}.bug-hv:hover{background-color:#a8b820}.dragon-hv:hover{background-color:#ab83a1}.electric-hv:hover{background-color:#f7e73a}.fairy-hv:hover{background-color:pink}.shadow-hv:hover{background-color:#292929}.unknow-hv:hover{background-color:#a0a0a0}.water{background-color:var(--color-water)}.grass{background-color:var(--color-grass)}.poison{background-color:var(--color-poison)}.fire{background-color:var(--color-fire)}.bug{background-color:var(--color-bug)}.dragon{background:var(--color-dragon)}.flying{background-color:var(--color-flying)}.ground{background-color:var(--color-ground)}.steel{background-color:var(--color-steel)}.psychic{background-color:var(--color-psychic)}.ice{background-color:var(--color-ice)}.ghost{background-color:var(--color-ghost)}.normal{background-color:var(--color-normal)}.rock{background-color:var(--color-rock)}.electric{background-color:var(--color-electric)}.fighting{background-color:var(--color-fighting)}.fairy{background-color:var(--color-fairy)}.dark{background-color:var(--color-dark)}