@charset "UTF-8";*{box-sizing:border-box}body{background-color:#714227;font-family:Nunito,sans-serif;color:#bb8466;margin:0;min-height:100vh;display:flex;flex-direction:column}.main{border-top:.2rem solid #000000;flex-grow:1;padding:1.5rem 1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:.8}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{background-color:#382920;margin:0;padding:1.5rem 1rem;width:100%;display:flex;flex-direction:column;align-items:center}.header .title{font-family:Lora,serif;font-size:2.5rem;margin-bottom:.5rem;text-align:center}.intro{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem 0;text-align:center}.intro .subtitle{font-family:Lora,serif;font-size:2rem;margin:0}.intro .text-subtitle{font-family:Nunito,sans-serif;font-size:1.2rem;margin:.5rem 0}.filters{background-color:#bb8466;padding:1.5rem;border-radius:1rem;margin:2rem auto;max-width:60rem;box-shadow:1rem 1rem 2rem #0009}.filters .search-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:flex-end;max-width:900px;margin:0 auto}.filters .search-group label{font-family:Nunito,sans-serif;font-weight:900;color:#5d4a3e}.filters .input,.filters .input-family,.filters .input-status,.filters .input-name{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:12rem}.filters .search-name,.filters .search-family,.filters .search-status{width:100%;box-sizing:border-box;padding:.5rem;border:.1rem solid #382920;border-radius:.625rem;box-shadow:.5rem .5rem .5rem #0009}.filters .input-categories{font-family:Nunito,sans-serif;width:100%;display:flex;flex-direction:column;gap:1rem}.filters .checkbox-group{display:flex;gap:.5rem;flex-wrap:wrap}.filters .check-item{border:.1rem solid #382920;border-radius:.5rem;padding:.2rem .5rem;cursor:pointer;display:flex;align-items:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;background-color:transparent}.filters .check-item:hover{background-color:#eebfa5;border-color:#cea48e}.filters .check-item:has(input:checked){background-color:#714227;border-color:#382920;color:#cea48e}.filters .check-item input{margin-right:.5rem;accent-color:#382920}.filters .name-check{font-family:Nunito,sans-serif;font-weight:400;color:#382920}.filters .btn-reset{background-color:#382920;color:#cea48e;align-self:flex-end;margin-left:auto;padding:.5rem .8rem;cursor:pointer}.filters .btn-reset:hover{background-color:#bd7751;color:#382920}.app-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:1rem}.card{display:flex;flex-direction:column;background-color:#bb8466;border-radius:.5rem;padding:.7rem;box-shadow:1rem 1rem 2rem #0009;color:#382920;text-align:center;width:100%;margin:2rem 0;animation:fadeInSlideUp .5s ease-out forwards}.card:hover{transform:scale(1.03);box-shadow:.8rem .8rem 1.5rem #0006}.card .card-title{font-size:1.5rem;color:#000;font-weight:700;line-height:1;margin:.8rem 0 0;font-family:Lora,serif;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.card .card-scientific{font-family:Lora,serif;font-style:italic;font-size:1.05rem;color:#5d3a26;margin:.1rem 0 .8rem}.card .card-img{width:100%;height:15rem;object-fit:contain;background-color:#e4dac9;box-shadow:.5rem .5rem .5rem #0009;border-radius:.4rem;margin-bottom:1rem}.card .card-category{margin:0;font-family:Nunito,sans-serif;font-weight:700}.card .card-habitat{font-size:1rem;line-height:1.4;margin:0}.card .status{display:inline-block;padding:.3rem .75rem;border-radius:.75rem;background-color:#382920;color:#cea48e;font-weight:700;font-size:.85rem;margin-top:auto;align-self:center}.no-results-img{display:block;max-width:500px;width:100%;height:auto;opacity:.8;animation:fadeIn 1s}@media(min-width:768px){.app-container{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;margin:.3rem 3rem 3rem}.card{flex:1 0 30%;max-width:350px;width:80%}.card .card-img{height:18rem;object-fit:cover}}.game-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem;width:100%}.game-controls .btn-next{background-color:#382920;color:#cea48e;font-family:Nunito,sans-serif;font-weight:900;font-size:1.1rem;padding:1rem 2rem;border:.1rem solid #cea48e;border-radius:.6rem;cursor:pointer;box-shadow:.5rem .5rem .5rem #0009;transition:all .3s ease;text-transform:uppercase}.game-controls .btn-next:hover{background-color:#714227;transform:scale(1.05);box-shadow:1rem 1rem 2rem #0009}.game-controls .btn-back{background-color:transparent;color:#382920;font-family:Nunito,sans-serif;font-weight:700;border:.125rem solid #382920;padding:.6rem 1.2rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.game-controls .btn-back:hover{background-color:#3829201a;text-decoration:underline}#next-level-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:.5rem}#next-level-container .message{color:#fff;font-weight:700;margin-bottom:.3rem;text-align:center}#next-level-container .recordMessage{color:#fc0;font-size:1.1rem;margin-top:.3rem;margin-bottom:.6rem;text-transform:uppercase}.game-board{display:grid;justify-content:center;align-content:center;grid-template-columns:repeat(4,1fr);gap:.3rem;width:100%;max-width:31rem;padding:1rem}.game-board.level-1{grid-template-columns:repeat(3,1fr);max-width:21rem}.game-card{width:100%;max-width:6rem;height:7.5rem;border:.06rem solid #000000;cursor:pointer;aspect-ratio:2/3}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card-inner.is-flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.card-front{background-color:#382920;color:#cea48e;font-size:2rem}.card-back{transform:rotateY(180deg);background-color:#bb8466;overflow:hidden;border-radius:.5rem}.card-back .card-game{width:100%;height:100%;object-fit:contain;padding:.2rem}.topBtn{background-color:#382920;border:.0625rem solid #bb8466;border-radius:50rem;box-shadow:.5rem .5rem .5rem #0009;font-family:Nunito,sans-serif;color:#bb8466;text-align:center;position:fixed;bottom:1.25rem;right:1.8rem;z-index:99;cursor:pointer;padding:.9rem}.info-results{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.info-results .counter{background-color:#bb8466;border:.0625rem solid #382920;padding:.6rem 1.5rem;border-radius:.5rem;box-shadow:.5rem .5rem .5rem #0009;font-family:Nunito,sans-serif;color:#382920;display:inline-block;min-width:12.5rem;text-align:center}.info-results .btn-game{background-color:#382920;border:.0625rem solid #bb8466;border-radius:.5rem;box-shadow:.5rem .5rem .5rem #0009;font-family:Nunito,sans-serif;color:#bb8466;text-align:center;margin-top:1.5rem;padding:.8rem 1.5rem;display:block;margin-left:auto;margin-right:auto;cursor:pointer;font-weight:900;transition:all .3s ease}.info-results .btn-game:hover{background-color:#382920;color:#cea48e}@media(min-width:768px){.game-board{gap:1rem;max-width:40rem}.game-board.level-1{max-width:30rem}.game-card{height:9rem}}.footer{background-color:#382920;margin:0;padding:1.5rem 0;width:100%;text-align:center}.footer .text-footer{margin:.2rem 0;font-size:.9rem;color:#bb8466}