@import"https://fonts.googleapis.com/css2?family=Jura:wght@400;500&display=swap";:root{--color-red: #EA2728;--color-red-dark: #B0152E;--color-blue: #66B7F6;--color-green: #26E348;--color-yellow: #F5DF29;--color-white: #ffffff;--color-white-transparent: #ffffff26;--color-white-transparent50: #ffffff80;--color-white-transparent95: #fffffff2;--color-black: #222222;--color-black-pure: #000000;--color-black-light: #414141;--color-black-transparent: #41414126;--color-black-transparent95: #222222f2;--color-grey-light: #cccccc;--color-grey-dark: #6c6c6c;--color-border-delineation: var(--color-black-pure);--color-btn: var(--color-blue);--color-btn-txt: var(--color-white);--typo-main: "Jura", sans-serif;--unit-3: .3rem;--unit-6: .6rem;--unit-8: .8rem;--unit-10: 1rem;--unit-12: 1.2rem;--unit-16: 1.6rem;--unit-24: 2.4rem;--unit-32: 3.2rem;--unit-38: 3.8rem;--unit-44: 4.4rem;--unit-50: 5rem}[data-theme=light]{--bg-color-red: var(--color-red);--bg-color-theme: var(--color-white);--bg-color-transparency: var(--color-black-transparent);--color-text: var(--color-black);--color-like: var(--color-grey-light);--color-pagination-hover: var(--color-red-dark);--background-desktop: url(/pueblo-paleta-light.webp);--bg-color-tooltip: var(--color-white-transparent95)}[data-theme=dark]{--bg-color-red: var(--color-red-dark);--bg-color-theme: var(--color-black);--bg-color-transparency: var(--color-white-transparent);--color-text: var(--color-white);--color-like: var(--color-grey-dark);--color-pagination-hover: var(--color-yellow);--background-desktop: url(/pueblo-paleta-dark.webp);--bg-color-tooltip: var(--color-black-transparent95)}*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box}html{font-size:62.5%;font-family:var(--typo-main);color:var(--color-text);font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:auto;scroll-behavior:smooth;background-color:var(--bg-color-theme);max-width:100%;cursor:default}::selection{background-color:var(--color-yellow);color:var(--color-black)}::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-size:2rem;font-weight:500}@media all and (min-width: 40rem){h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-size:2.2rem}}.title{font-size:1.8rem;font-weight:500}@media all and (min-width: 40rem){.title{font-size:2rem}}p,.p{font-size:1.6rem;font-weight:400}@media all and (min-width: 40rem){p,.p{font-size:1.8rem}}@media all and (min-width: 65rem){.body{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}}.main{background-color:var(--bg-color-theme);color:var(--color-text);width:100vw;transition:all .3s ease-in-out;overflow:hidden}@media all and (min-width: 65rem){.main{background:var(--background-desktop);background-repeat:no-repeat;background-position:center;background-size:cover}}.pokedex{display:flex;flex-direction:column;height:100vh;align-items:center;justify-content:space-between}@media all and (min-width: 65rem){.pokedex{justify-content:center;max-width:90rem;margin:auto}}.pokedex__area{display:flex;flex-direction:column;flex:1;width:100%;padding-top:11.5rem;padding-bottom:11rem;overflow:scroll}@media all and (min-width: 65rem){.pokedex__area{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:0;max-height:50rem;border-bottom:1px solid var(--color-border-delineation);border-left:1px solid var(--color-border-delineation);border-right:1px solid var(--color-border-delineation);border-radius:0 0 var(--unit-6) var(--unit-6)}}.pokedex__screen{display:flex;flex:1;align-items:start;justify-content:center;padding:var(--unit-16);overflow:scroll}@media all and (min-width: 65rem){.pokedex__screen{background-color:var(--bg-color-theme)}}.pokedex__screen:has(.error404){align-items:center}@media (max-height: 38rem){.pokedex__screen:has(.error404){align-items:start}}.pokedex__console{background-color:var(--bg-color-red);width:100%;padding:var(--unit-16);display:flex;flex-direction:column;border-top:4px solid var(--color-border-delineation);position:fixed;bottom:0;left:0;gap:var(--unit-16);z-index:3}@media all and (min-width: 65rem){.pokedex__console{position:inherit;overflow:hidden;justify-content:space-around;border:none;border-left:1px solid var(--color-border-delineation)}}.pokedex__console--row{display:flex}.decoration,.decoration__row,.decoration__row--special{display:none}@media all and (min-width: 65rem){.decoration{display:flex;height:var(--unit-32);border-radius:var(--unit-6)}.decoration__row{display:flex;gap:var(--unit-16)}.decoration__row--special{display:flex;justify-content:space-between;align-items:center}.decoration--black{background-color:var(--color-black);width:100%;color:#fff;padding:var(--unit-16);display:flex;overflow:scroll}.decoration--black--big{flex:1}.decoration--white{background-color:var(--color-white);width:12rem;border:1px solid var(--color-border-delineation);box-shadow:3px 3px #2222225d}.decoration--yellow{background-color:var(--color-yellow);width:var(--unit-44);height:var(--unit-44);border:1px solid var(--color-border-delineation);border-radius:100%}}.flex{display:flex}.gap--16{gap:var(--unit-16)}.capitalize{text-transform:capitalize}.txt-align--right{text-align:right}.flex-align--center{align-items:center}.tooltip{position:relative;z-index:2}.tooltip__msg{display:none;position:absolute;top:1.5em;left:0;background-color:var(--bg-color-tooltip);padding:var(--unit-3) var(--unit-6);border-radius:var(--unit-3);font-size:1.6rem}.tooltip:hover .tooltip__msg{display:inline-block}.btn{display:flex;align-items:center;justify-content:center;padding:var(--unit-8);background-color:var(--color-blue);border:1px solid var(--color-border-delineation);flex:1;font-family:var(--typo-main);font-size:var(--unit-16);font-weight:400;text-decoration:none;color:var(--color-black);transition:.3s ease-in-out;cursor:pointer}.btn:hover{background-color:var(--color-yellow)}.disabled:hover{background-color:var(--color-blue);cursor:unset}.border-radius--1{border-radius:8px 0 0}.border-radius--2{border-radius:0 8px 0 0}.border-radius--3{border-radius:0 0 0 8px}.border-radius--4{border-radius:0 0 8px}.btn--like{background-color:var(--color-like);display:inline-block;height:15px;margin:0 5px;position:relative;top:0;transform:rotate(-45deg);width:15px;z-index:2;cursor:pointer;transition:.3s ease-in-out}.btn--like:before{top:-7.5px;left:0}.btn--like:after{left:7.5px;top:0}.btn--like:hover{background-color:var(--color-red)}.btn--like:hover:before{background-color:var(--color-red)}.btn--like:hover:after{background-color:var(--color-red)}.btn--like.active{background-color:var(--color-red)}.btn--like.active:before{background-color:var(--color-red)}.btn--like.active:after{background-color:var(--color-red)}.btn--like:before,.btn--like:after{content:"";background-color:var(--color-like);border-radius:50%;height:15px;position:absolute;width:15px;transition:.3s ease-in-out}.icon--type{height:18px;width:18px;margin-right:var(--unit-8);z-index:2}.pagination{text-align:center}.pagination a{text-decoration:none;color:var(--color-text)}.pagination a:hover{color:var(--color-pagination-hover)}.pagination--loadMore{text-align:center;grid-column:1/3;padding:var(--unit-16);cursor:pointer}.pagination--loadMore:hover{color:var(--color-pagination-hover)}@media all and (min-width: 40rem){.pagination--loadMore{grid-column:1/5}}@media all and (min-width: 65rem){.pagination--loadMore{grid-column:1/3}}.pokemon-card{background-color:var(--bg-color-transparency);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--unit-16);border-radius:var(--unit-6);gap:var(--unit-3);align-self:baseline;position:relative}.pokemon-card__img{order:2;display:flex;justify-content:center}.pokemon-card__img>img{display:flex;width:90%}.pokemon-card__identifiers{display:flex;width:100%;justify-content:space-between;align-items:center;order:3}.pokemon-card__tags{display:flex;width:100%;justify-content:space-between;align-items:center}.pokemon-card__url{position:absolute;inset:0}.pokemon-card__tags .btn--like{height:10px;margin:0 5px;width:10px}.pokemon-card__tags .btn--like:after{height:10px;width:10px;left:6.5px}.pokemon-card__tags .btn--like:before{height:10px;width:10px;top:-6.5px}.pokemonView{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:var(--unit-16);width:100%;padding:0 var(--unit-24);height:100%;flex:1}@media (max-height: 45.81rem){.pokemonView{height:inherit}}.pokemonView__row{display:flex;justify-content:space-between;width:100%}.pokemonView__column{display:flex;flex-direction:column;width:100%}.pokemonView__img{background-color:var(--bg-color-transparency);border-radius:100%;width:20rem;height:20rem;display:flex;position:relative}.pokemonView__img img{width:100%;height:auto;position:absolute;left:0;bottom:-2em}.topbar{background-color:var(--bg-color-red);width:100%;padding:var(--unit-16);display:flex;gap:var(--unit-8);border-bottom:4px solid var(--color-border-delineation);position:fixed;top:0;left:0;z-index:3}@media all and (min-width: 65rem){.topbar{position:inherit;border:1px solid var(--color-border-delineation);border-bottom:4px solid var(--color-border-delineation);border-radius:var(--unit-6) var(--unit-6) 0 0}}.camera{background-color:var(--color-white);border:1px solid var(--color-border-delineation);border-radius:100%;height:8rem;width:8rem;padding:var(--unit-8)}.camera__glass{background-color:var(--color-blue);width:100%;height:100%;border:1px solid var(--color-border-delineation);border-radius:100%;padding:var(--unit-10);animation:glassReflection 12s cubic-bezier(.175,.885,.32,1.275) 5s infinite alternate}.camera__glass--reflex{background-color:var(--color-white-transparent50);width:1rem;height:1.5rem;border-radius:100%;transform:rotate(45deg)}.camera__btn{height:20px;width:20px;border:1px solid var(--color-border-delineation);border-radius:100%;padding:var(--unit-3);animation:glassReflection 12s cubic-bezier(.175,.885,.32,1.275) 5s infinite alternate}.camera__btn--reflex{background-color:var(--color-white-transparent50);width:5px;height:7px;border-radius:100%;transform:rotate(45deg)}.camera__btn--wrap{display:flex;gap:var(--unit-8);padding-top:var(--unit-8)}.camera__btn--wrap .camera__btn:first-child{background-color:var(--color-red-dark)}.camera__btn--wrap .camera__btn:nth-child(2){background-color:var(--color-yellow)}.camera__btn--wrap .camera__btn:nth-child(3){background-color:var(--color-green)}@keyframes glassReflection{0%{rotate:0deg}30%{rotate:0deg}80%{rotate:360deg}to{rotate:360deg}}.error404{display:flex;flex-direction:column;gap:var(--unit-16);justify-content:center;text-align:center;align-items:center;grid-column:1/3}.error404__img{width:100%;max-width:25rem}.error404 .btn{flex:0;border-radius:var(--unit-6)}@media all and (min-width: 40rem){.error404{grid-column:1/5}}@media all and (min-width: 65rem){.error404{grid-column:1/3}}.pokemon-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--unit-16);flex:1}@media all and (min-width: 40rem){.pokemon-list{grid-template-columns:repeat(4,1fr)}}@media all and (min-width: 65rem){.pokemon-list{grid-template-columns:repeat(2,1fr)}}.pokemon-list.screen--list{grid-template-columns:1fr;display:grid;gap:var(--unit-16)}.pokemon-list.screen--list .pagination--loadMore{grid-column:inherit}.pokemon-list.screen--list .pokemon-card{flex-direction:row;gap:var(--unit-16)}.pokemon-list.screen--list .pokemon-card .pokemon-card__img{order:1;width:100%;max-width:6rem}.pokemon-list.screen--list .pokemon-card .pokemon-card__identifiers{order:2;justify-content:start;gap:var(--unit-16)}.pokemon-list.screen--list .pokemon-card .pokemon-card__tags{order:3}.pokemon-list:has(.pokemonView){display:flex;flex:1}