@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap);:root{--bg-primary:#f5f7ff;--bg-secondary:#fff;--bg-surface:hsla(0,0%,100%,.82);--text-primary:#0f172a;--text-secondary:#475569;--accent-red:#d7263d;--accent-red-strong:#b1122a;--accent-blue:#2a6af4;--border-soft:rgba(15,23,42,.12);--shadow-soft:0 10px 30px rgba(24,39,75,.12);--shadow-strong:0 18px 40px rgba(24,39,75,.18)}*{box-sizing:border-box}body{background:radial-gradient(circle at 5% 15%,rgba(215,38,61,.15),transparent 24%),radial-gradient(circle at 90% 5%,rgba(42,106,244,.18),transparent 28%),linear-gradient(180deg,#f7f9ff,#eef3ff 35%,#f4f7ff);color:#0f172a;color:var(--text-primary);font-family:Outfit,sans-serif;margin:0;padding:0}.App,body{min-height:100vh}.home-page{margin:0 auto;padding-bottom:2rem;width:min(1240px,100% - 2rem)}button,input{font:inherit}@media only screen and (max-width:600px){.home-page{width:min(1240px,100% - 1rem)}}.app-image{opacity:0;transition:opacity .18s ease;visibility:hidden}.app-image.app-image-loaded{opacity:1;visibility:visible}footer{background:linear-gradient(120deg,#101526,#1a2544);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;box-shadow:var(--shadow-soft);margin-top:.6rem;padding:1rem}.social-icons{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin:.2rem 0 .85rem}.social{border-radius:999px;height:34px;transition:box-shadow .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,box-shadow .18s ease;transition:transform .18s ease,box-shadow .18s ease,-webkit-transform .18s ease;width:34px}.social:hover{box-shadow:0 8px 16px hsla(0,0%,100%,.28);-webkit-transform:translateY(-2px) scale(1.05);transform:translateY(-2px) scale(1.05)}.footer-title{color:rgba(248,250,252,.88);font-size:.76rem;letter-spacing:.06em;margin:0;text-align:center;text-transform:uppercase}.hero-header{grid-gap:.5rem;align-items:center;background:linear-gradient(135deg,rgba(215,38,61,.96),rgba(203,32,53,.95) 35%,rgba(35,90,225,.92));border-radius:30px;box-shadow:var(--shadow-strong);display:grid;gap:.5rem;grid-template-columns:1fr minmax(320px,2fr) 1fr;margin:1.2rem auto 1.8rem;overflow:hidden;padding:1.4rem 1.5rem;position:relative}.hero-header:after{background:radial-gradient(circle at 50% -30%,hsla(0,0%,100%,.28),transparent 45%);content:"";inset:0;pointer-events:none;position:absolute}.hero-content{color:#fff;text-align:center;z-index:1}.hero-badge{font-size:.78rem;font-weight:700;letter-spacing:.16em;margin:0;opacity:.9;text-transform:uppercase}.hero-logo{margin:.4rem auto .7rem;width:min(360px,92%)}.hero-content h1{font-family:Sora,sans-serif;font-size:clamp(1.05rem,2vw,1.5rem);line-height:1.25;margin:0}.hero-subtitle{font-size:clamp(.82rem,1.7vw,1rem);margin:.55rem auto 0;max-width:42ch;opacity:.9}.hero-mascot{width:min(190px,100%);z-index:1}.hero-left{justify-self:start}.hero-right{justify-self:end}@media only screen and (max-width:1024px){.hero-header{gap:.7rem;grid-template-columns:1fr;padding:1.3rem 1rem}.hero-mascot{display:none}}@media only screen and (max-width:560px){.hero-header{border-radius:22px;margin-top:.9rem}.hero-logo{width:min(280px,95%)}.hero-content h1{font-size:1.05rem}.hero-subtitle{font-size:.84rem}}.loading-state{align-items:center;display:flex;justify-content:center;min-height:170px}.electric-modal{background-color:#ffd600}.grass-modal{background-color:#00c853}.poison-modal{background-color:#6200ea}.bug-modal{background-color:#64dd17}.normal-modal{background-color:#a1887f}.flying-modal{background-color:#4db6ac}.ground-modal{background-color:#4e342e}.fire-modal{background-color:#dd2c00}.water-modal{background-color:#0091ea}.fairy-modal{background-color:#ff4081}.rock-modal{background-color:#424242}.fighting-modal{background-color:#7c4dff}.ghost-modal{background-color:#000051}.dark-modal{background-color:#000}.psychic-modal{background-color:#9e9d24}.ice-modal{background-color:#00b8d4}.steel-modal{background-color:#263238}.dragon-modal{background-color:#f57f17}.electric-div{background-color:#c49000}.grass-div{background-color:#2e7d32}.poison-div{background-color:#7b1fa2}.bug-div{background-color:#afb42b}.normal-div{background-color:#8d6e63}.flying-div{background-color:#00acc1}.ground-div{background-color:#6d4c41}.fire-div{background-color:#ff833a}.water-div{background-color:#63a4ff}.fairy-div{background-color:#f48fb1}.rock-div{background-color:#8d8d8d}.fighting-div{background-color:#673ab7}.ghost-div{background-color:#5c6bc0}.dark-div{background-color:#424242}.psychic-div{background-color:#caae53}.ice-div{background-color:#0288d1}.steel-div{background-color:#455a64}.dragon-div{background-color:#ff9e40}.modal{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(8,15,35,.5);display:flex;inset:0;justify-content:center;overflow-y:auto;padding:max(1rem,env(safe-area-inset-top)) 1rem 1rem;position:fixed;z-index:30}.modal-content{background:#fff;border:1px solid hsla(0,0%,100%,.18);border-radius:24px;box-shadow:0 24px 60px rgba(4,10,26,.35);margin:0 auto;overflow:hidden;width:min(1080px,100%)}.close-button-wrapper{align-items:center;background:hsla(0,0%,100%,.16);border:0;border-radius:999px;cursor:pointer;display:inline-flex;height:30px;justify-content:center;left:14px;padding:.2rem;position:absolute;top:14px;transition:background-color .2s ease,-webkit-transform .15s ease;transition:transform .15s ease,background-color .2s ease;transition:transform .15s ease,background-color .2s ease,-webkit-transform .15s ease;width:30px}.close-button-wrapper:hover{background:hsla(0,0%,100%,.24);-webkit-transform:scale(1.05);transform:scale(1.05)}.close-button-wrapper:focus-visible{outline:3px solid hsla(0,0%,100%,.8);outline-offset:2px}.close-button{height:16px;width:16px}.div-principal{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;min-height:265px;padding:1.2rem 1rem;position:relative}.image-original{height:clamp(130px,25vw,230px);margin:0 1.2rem;object-fit:contain;width:clamp(130px,25vw,230px)}.div-infos{margin:0 1rem}.id-name{display:flex;flex-direction:column}.poke-id,.poke-name{color:#fafafa;font-family:Sora,sans-serif;margin:0}.poke-id{font-size:clamp(1.2rem,2.8vw,1.75rem)}.poke-name{font-size:clamp(1.3rem,3.1vw,2rem);text-transform:capitalize}.div-types{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.poke-types{border-radius:999px;color:#fafafa;font-size:.82rem;font-weight:700;margin:0;padding:.22rem .7rem;text-align:center;text-transform:capitalize}.div-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:minmax(250px,1fr) minmax(280px,1.2fr);padding:1rem 1rem 1.2rem}.data,.stats{background:linear-gradient(180deg,#fff,#f6f9ff);border:1px solid rgba(15,23,42,.1);border-radius:16px;margin:0;padding:1.05rem 1rem}.data h3,.stats h3{color:#0f172a;font-family:Sora,sans-serif;font-size:.98rem;margin:0 0 .7rem}.data p{align-items:baseline;border-bottom:1px dashed rgba(15,23,42,.1);color:var(--text-secondary);display:flex;font-size:.88rem;gap:.75rem;justify-content:space-between;margin:0;padding:.42rem 0;text-transform:capitalize}.data p:last-child{border-bottom:0}.data b{color:var(--text-primary);flex-shrink:0;font-weight:700;min-width:128px}.stats p{font-size:.92rem;line-height:1.2;margin:0;text-transform:capitalize}.stats-numbers{color:var(--text-secondary);font-weight:700;justify-self:end;text-align:right;width:38px}.stats-name{font-size:.92rem;font-weight:700;line-height:1.2;white-space:nowrap}.stats-bar{grid-column-gap:10px;align-items:center;background:linear-gradient(180deg,rgba(241,245,255,.86),rgba(236,242,255,.58));border-radius:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:120px 38px minmax(0,1fr);margin-bottom:.2rem;min-height:34px;padding:.2rem .25rem;width:100%}.stat-track{background:linear-gradient(180deg,#fff,#edf2ff);border:1px solid rgba(15,23,42,.16);box-shadow:inset 0 1px 1px rgba(15,23,42,.08);height:10px;width:100%}.stat-fill,.stat-track{border-radius:999px;overflow:hidden}.stat-fill{height:100%;position:relative}.stat-fill:after{background:linear-gradient(180deg,hsla(0,0%,100%,.26),transparent 55%);content:"";inset:0;position:absolute}@media only screen and (max-width:920px){.modal{padding:max(.65rem,env(safe-area-inset-top)) .65rem .65rem}.div-principal{min-height:225px}.div-stats{grid-template-columns:1fr;padding-top:.8rem}.stats-bar{grid-template-columns:104px 34px minmax(0,1fr)}}@media only screen and (max-width:640px){.modal-content{border-radius:18px}.div-principal{padding:1rem .7rem}.image-original{height:120px;width:120px}.id-name{align-items:center}.div-types{justify-content:center}.stats-bar{-webkit-column-gap:7px;column-gap:7px;grid-template-columns:94px 30px minmax(0,1fr);min-height:30px}.data p,.stats p,.stats-name{font-size:.8rem}.stats-numbers{width:30px}.data b{min-width:98px}}.buttonsPages{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:.5rem 0 2rem}.buttonNext,.buttonPrev{background:#fff;border:1px solid var(--border-soft);border-radius:12px;box-shadow:var(--shadow-soft);color:var(--text-primary);cursor:pointer;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:700;height:42px;min-width:130px;text-align:center;transition:box-shadow .2s ease,background-color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,-webkit-transform .2s ease}.buttonNext:hover,.buttonPrev:hover{background-color:#f8faff;box-shadow:0 12px 28px rgba(24,39,75,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.buttonNext:active,.buttonPrev:active{-webkit-transform:translateY(0);transform:translateY(0)}.pokemon-img{display:block;height:clamp(98px,12vw,152px);margin:0;object-fit:contain;width:clamp(98px,12vw,152px)}.pokemon-info{align-items:baseline;display:flex;gap:.35rem;justify-content:center;margin-top:.2rem;width:100%}.pokemon-id{color:#64748b;font-size:.95rem;font-weight:700;margin:0}.pokemon-name{color:var(--text-primary);font-family:Sora,sans-serif;font-size:1.05rem;font-weight:700;margin:0;text-transform:capitalize}.pokemon-types{flex-wrap:wrap;gap:.25rem;margin-top:.4rem}.card-content-loading,.pokemon-types{align-items:center;display:flex;justify-content:center}.card-content-loading{box-sizing:border-box;flex-direction:column;gap:14px;height:100%;padding:24px 20px;width:100%}.card-loading-circle{border-radius:50%;height:128px;width:128px}.card-loading-circle,.card-loading-line{-webkit-animation:cardShimmer 1.4s ease-in-out infinite;animation:cardShimmer 1.4s ease-in-out infinite;background:linear-gradient(100deg,#eceff8 20%,#dce4f4 45%,#eceff8 80%);background-size:250% 100%}.card-loading-line{border-radius:10px;height:12px;width:68%}.card-loading-line.short{width:48%}@-webkit-keyframes cardShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes cardShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media only screen and (max-width:760px){.pokemon-name{font-size:.92rem}.pokemon-id{font-size:.82rem}}.electric{background-color:#ffd600}.grass{background-color:#00c853}.poison{background-color:#6200ea}.bug{background-color:#64dd17}.normal{background-color:#a1887f}.flying{background-color:#4db6ac}.ground{background-color:#4e342e}.fire{background-color:#dd2c00}.water{background-color:#0091ea}.fairy{background-color:#ff4081}.rock{background-color:#424242}.fighting{background-color:#7c4dff}.ghost{background-color:#000051}.dark{background-color:#000}.psychic{background-color:#9e9d24}.ice{background-color:#00b8d4}.steel{background-color:#263238}.dragon{background-color:#f57f17}.pokemon-type{border-radius:15px;color:#fafafa;margin-left:4px;margin-right:4px;padding:2px 8px;text-transform:capitalize}.electric-bg{background-color:#fff59d}.grass-bg{background-color:#a5d6a7}.poison-bg{background-color:#b39ddb}.bug-bg{background-color:#e6ee9c}.normal-bg{background-color:#d7ccc8}.flying-bg{background-color:#b2dfdb}.ground-bg{background-color:#bcaaa4}.fire-bg{background-color:#ffab91}.water-bg{background-color:#bbdefb}.fairy-bg{background-color:#f8bbd0}.rock-bg{background-color:#c2c2c2}.fighting-bg{background-color:#d1c4e9}.ghost-bg{background-color:#9fa8da}.dark-bg{background-color:#a4a4a4}.psychic-bg{background-color:#ffffb3}.ice-bg{background-color:#b2ebf2}.steel-bg{background-color:#cfd8dc}.dragon-bg{background-color:#ffcc80}.pokemon-type-bg{align-items:center;border-radius:100%;display:flex;height:140px;justify-content:center;margin:16px auto 12px;width:140px}@media only screen and (min-width:1400px){.pokemon-type-bg{height:190px;margin-bottom:20px;margin-top:24px;width:190px}}@media only screen and (max-width:760px){.card-area{gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.card{border-radius:20px;min-height:220px}}.card-area{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:0 auto 1.8rem;width:100%}.card{align-items:center;background:linear-gradient(160deg,hsla(0,0%,100%,.95),rgba(248,250,255,.9)),radial-gradient(circle at 15% 8%,rgba(215,38,61,.08),transparent 50%);border:1px solid var(--border-soft);border-radius:24px;box-shadow:var(--shadow-soft);cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:260px;transition:box-shadow .2s ease,border-color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,-webkit-transform .2s ease;width:100%}.card:hover{border-color:rgba(42,106,244,.25);box-shadow:0 18px 36px rgba(24,39,75,.2);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.card-button{padding:0;text-align:inherit}.card-button:focus-visible{outline:3px solid #3074ff;outline-offset:3px}.input-title{font-family:Sora,sans-serif;font-size:clamp(1.05rem,2.2vw,1.45rem);margin:0;text-align:center}.input-subtitle{color:var(--text-secondary);font-size:.95rem;margin:.45rem auto 1rem;text-align:center}.search{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:18px;box-shadow:var(--shadow-soft);display:flex;gap:.6rem;justify-content:center;margin:0 auto 1.4rem;padding:.35rem}.search input{background-color:hsla(0,0%,100%,.72);border:1px solid rgba(71,85,105,.28);border-radius:14px;color:var(--text-primary);font-size:.98rem;height:46px;outline:none;padding:0 .9rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:min(460px,65vw)}.search input:focus{background:hsla(0,0%,100%,.9);border-color:rgba(42,106,244,.8);box-shadow:0 0 0 3px rgba(42,106,244,.14)}.search input::-webkit-input-placeholder{color:#64748b}.search input::placeholder{color:#64748b}.pokeball{align-items:center;background:linear-gradient(120deg,var(--accent-red) 0,var(--accent-red-strong) 100%);border:0;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:.45rem;height:46px;letter-spacing:.02em;padding:0 1rem;transition:-webkit-transform .2s ease,-webkit-filter .2s ease;transition:transform .2s ease,filter .2s ease;transition:transform .2s ease,filter .2s ease,-webkit-transform .2s ease,-webkit-filter .2s ease}.pokeball:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.pokeball:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.pokeball-img{height:23px;width:23px}@media only screen and (max-width:760px){.search{padding:.35rem;width:100%}.search input{font-size:.88rem;min-width:0;width:100%}.pokeball{padding:0 .72rem}.pokeball span{display:none}.card-area{gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.card{border-radius:20px;min-height:220px}}
/*# sourceMappingURL=main.cecf9347.css.map*/