.header{display:flex;background-color:var(--azul-ufsm);align-items:center;justify-content:center;position:relative;height:8vh;overflow:hidden;font-size:1.8rem}.header-container{width:100%;max-width:960px;display:flex;justify-content:space-around;align-items:center}.left{justify-content:center;width:40px;height:40px}.header-img{width:50px;height:60px}@media (min-width: 769px){.header{width:100vw}}@media (max-width: 768px){.header{font-size:1rem}.left{width:20px;margin-left:10px}.header-img{width:35px;height:45px;margin-right:10px}}.back-button{background:none;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.footer{display:flex;background-color:var(--azul-ufsm);align-items:center;justify-content:center;position:relative;height:8vh;overflow:hidden;font-size:1.8rem}.footer-img{position:absolute;margin-left:72vw;width:50px;height:60px}@media (min-width: 769px){.footer{width:100vw}}@media (max-width: 768px){.footer{font-size:12px}.footer-img{width:35px;height:45px}}.input-container{position:relative;margin:.625rem 0;max-width:32.25rem;min-height:3rem}.input-search,.input-container.big,.input.big{width:100%}.input-container.small,.input.small{width:calc(50% - .5rem)}.input-container .input{width:100%;padding:1.5625rem 1.625rem .375rem;border-radius:.25rem;outline:none;border:none;font-size:.875rem;box-sizing:border-box}.input-container label{position:absolute;left:.625rem;top:.8125rem;background:none;padding:0 .25rem;font-size:1.125rem;transition:all .2s ease;outline:0}.input-container .input:focus+label,.input-container .input:not(:placeholder-shown)+label{top:.1875rem;left:.5rem;font-size:.625rem;color:var(--azul-ufsm);background:none}.input-container .input:focus{font-size:.875rem;outline:0}.input-container .input:focus+label .required,.input-container .input:not(:placeholder-shown)+label .required{font-size:.75rem;top:.125rem}.input-container .input-error{transition:all .2s ease;outline:.125rem solid red;outline-style:groove}.eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.search{background-color:var(--branco)}@media (max-width: 768px){.input-container .input{margin:0 5px}.eye{right:30px}.input-container .input:focus+label,.input-container .input:not(:placeholder-shown)+label{left:1rem}}.upload-image-container{width:31.25rem;height:12.5rem;border:none;background-color:var(--branco);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:.3125rem;text-align:center;color:#046;font-family:Arial,sans-serif;margin:1.25rem;overflow:hidden;position:relative}.upload-image-container:hover{opacity:.8;transition:.3s ease}.upload-image-container .uploaded .edit-image{position:absolute;background-color:var(--branco);bottom:.625rem;left:28.75rem;display:flex;justify-content:center;align-items:center;border-radius:3.125rem;width:1.875rem;height:1.875rem}.upload-image-container .uploaded .image-preview{width:100%;height:100%;object-fit:cover}.image-error{outline:.1875rem solid red}.text-area-container{position:relative;margin:.625rem 0;width:32.25rem;height:12.5rem;max-width:100%}.required{position:relative;color:red;font-size:1.25rem;top:.1875rem;outline:none;border:none}.text-area-container .text-area{width:100%;height:100%;padding:1.5625rem .625rem .375rem;border-radius:.25rem;outline:none;border:none;font-size:.875rem;box-sizing:border-box;resize:none}.text-area-container label{position:absolute;left:.625rem;top:.8125rem;background:none;padding:0 .25rem;font-size:1.125rem;transition:all .2s ease;outline:0}.text-area-container .text-area:focus+label,.text-area-container .text-area:not(:placeholder-shown)+label{top:.1875rem;left:.5rem;font-size:.625rem;color:var(--azul-ufsm);background:none}.text-area-container .text-area:focus{font-size:.875rem;outline:0}.text-area-container .text-area:focus+label .required,.text-area-container .text-area:not(:placeholder-shown)+label .required{font-size:.75rem;top:.125rem}.text-area-container .text-area-error{width:100%;transition:all .2s ease;outline:.1875rem solid red}.upload-sound-container{width:12.5rem;height:4.6875rem;border:none;background-color:var(--branco);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:.3125rem;text-align:center;color:#046;font-family:Arial,sans-serif;margin:1.25rem;overflow:hidden;position:relative}.upload-sound-container:hover{opacity:.8;transition:.3s ease}.upload-sound-container .sound-preview{width:100%;height:100%;object-fit:cover}.sound-edit{position:relative;left:5.3125rem;top:.625rem}.custom-button{border-radius:.3125rem;border:none;width:11.875rem;height:3.125rem;cursor:pointer;color:var(--azul-ufsm)}.custom-button:hover{opacity:.8;transition:.3s ease}.submit{background-color:var(--azul-ufsm);color:var(--branco)}.reset{background-color:var(--azul-alt);color:var(--branco)}.button-create{position:relative;min-height:3rem}.load{margin-top:1rem;padding:.75rem 1.5rem;background-color:var(--azul-ufsm);color:#fff;border:none;border-radius:4px;cursor:pointer}.remove-article{width:3rem;margin-top:1%;background-color:var(--vermelho)}.add-article{background-color:var(--azul-alt);color:var(--branco);margin-top:1.3rem}.toast{display:flex;position:fixed;text-align:center;width:12.5vw;max-width:200px;min-width:150px;height:6.25vw;max-height:100px;min-height:80px;font-size:clamp(1rem,1.125vw,1.125rem);justify-content:center;align-items:center;top:1rem;right:1rem;color:#000;padding:1rem 1.5rem;border-radius:.5rem;pointer-events:none;z-index:9999;background-color:var(--verde-claro);border:1px solid var(--verde-escuro)}.toast.success{background-color:var(--verde-claro);border:2px solid var(--verde-escuro);color:var(--verde-escuro)}.toast.warning{background-color:var(--vermelho-claro);border:2px solid var(--vermelho-escuro);color:var(--vermelho-escuro)}.form-container{display:flex;flex-direction:column;align-items:center}.input-section{display:flex;flex-direction:column;align-items:center;padding:16px;box-sizing:border-box;width:70vw}.sub-input-section{display:flex;flex-wrap:wrap;gap:16px;row-gap:0;width:100%;max-width:516px;margin:0 auto}.article-input{display:flex;gap:16px;row-gap:0;width:100%;max-width:700px;margin:0 auto}.article-section{display:flex;flex-direction:column;width:100%;align-items:center;margin-bottom:2rem}.container-outer{position:relative;width:70vw;height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--azul-ufsm);border-radius:.3125rem;z-index:9}.container-tab{position:absolute;top:-2.5rem;left:0;background-color:var(--azul-ufsm);color:#fff;padding:1.125rem 2.125rem;padding-bottom:0;border-top-left-radius:.5rem;border-top-right-radius:.5rem;font-size:1.5rem;font-weight:700;white-space:nowrap;z-index:10}.container-inner{width:95%;height:80%;padding:1.25rem;margin-top:1.25rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:.625rem}.container-inner::-webkit-scrollbar{width:.375rem}.container-inner::-webkit-scrollbar-thumb{background-color:var(--cinza);border-radius:.625rem}.container-inner::-webkit-scrollbar-track{background:var(--cinza-escuro);border-radius:.625rem}.view-animal-main{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2vh 0;padding-bottom:2vh;max-width:100vw}.image-container{display:flex;justify-content:center;position:relative;width:100%;height:100%;overflow:hidden;border-radius:.5rem}.image-display{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.7)}.name{width:100%;position:relative;font-weight:700;font-size:2.25rem;color:#000;text-align:center;z-index:3;padding:.25rem .5rem;overflow-wrap:break-word}.name-bg{display:flex;position:absolute;justify-content:center;align-items:center;top:13.5rem;padding:.25rem .5rem;border-radius:.25rem;margin:0;background-color:#ffffffb3;z-index:2;width:23.75rem;height:5rem}.play-audio-container{display:flex;cursor:pointer;background-color:var(--cinza);padding:10px 10px 0;border-radius:5px;max-width:200px}.play-audio-label{margin-left:8px}.article-container{display:flex;gap:2rem}a,.article-list{list-style:none;text-decoration:none;font-style:italic}.video-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding-top:30px;padding-bottom:30px}.video-frame{position:relative;width:100%;max-width:640px;aspect-ratio:16 / 9;background-color:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.youtube-iframe{width:100%;height:100%;border:none}.animal-view-page{width:80vw;display:flex;justify-content:center}.animal-view-container{padding:1.875rem;max-width:50rem;width:100%;background-color:var(--branco);border-radius:.5rem;overflow:hidden;box-shadow:0 0 .625rem #0000001a}.animal-view-image{height:20rem}.animal-view-data{padding:1.25rem 0 0;line-height:2;box-sizing:border-box}.animal-view-data p{font-size:1rem}.animal-view-data strong{font-size:.875rem}.animal-info{background-color:#fff;overflow-wrap:break-word;border-radius:.5rem;padding:.9375rem;margin-bottom:1.25rem;box-shadow:0 0 .25rem #0000001a}.animal-info p{margin:.375rem 0}.animal-audio{display:flex;align-items:center;gap:.625rem;margin-bottom:1.25rem}@media (max-width: 768px){.animal-view-page{width:100vw}.animal-view-container,.animal-view-data{padding:0}.animal-info{padding:1rem}}.dropdown-container{display:flex;justify-content:space-between;align-items:center;background-color:var(--branco);border-radius:5px;padding:0 3.125vw;width:60vw;height:4.375rem;cursor:pointer}.dropdown-name{color:#000;font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-left p{color:#000;font-size:1.5rem;margin:0;max-width:55vw}.dropdown-right{position:relative;transition:transform .3s ease}hr{border:none;margin-top:-.3125rem;border-top:1px solid var(--cinza-escuro)}.default{transition:.2s ease}.active{transform:rotate(-90deg);transition:.3s ease}.dropdown-subSection{height:0;overflow:hidden;transform:translateY(-.3125rem);transition:height .3s ease,transform .3s ease;width:60vw;padding:0 3.125vw;background-color:var(--cinza);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:inset 0 .25rem .1875rem var(--cinza-escuro)}.dropdown-subSection.show{position:relative;top:-.3125rem;height:fit-content;transform:translateY(0);transition:height .3s ease,transform .3s ease}.dropdown-item{display:flex;gap:1.25rem;align-items:center;cursor:pointer}.modal-bg{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10000000}.modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:clamp(280px,40vw,500px);height:clamp(200px,40vh,400px);background-color:var(--azul-ufsm);border-radius:5px;color:var(--branco)}.modal-buttons{display:flex;margin-top:5%;gap:25px}.qr-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.qr-container{background:var(--azul-ufsm);padding:4.5rem 7.5rem;border-radius:5px;text-align:center}.button{margin-top:1rem}.animal-list-container{display:flex;flex-direction:column;padding:1rem;align-items:center;justify-content:center;gap:2rem}.button-section{display:flex;align-self:flex-start;gap:1rem}.search-section{display:flex;align-self:flex-end;min-width:20vw}.top-section{display:flex;width:100%;justify-content:space-between}.list-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:2vh 0;padding:1vh 0;background-color:var(--azul-ufsm);height:70vh;width:70vw;overflow-y:auto;border-radius:.4rem}.list-main-content{width:97%;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;text-align:center}.list-main h1{color:var(--branco)}.list-main-content::-webkit-scrollbar{width:.4rem}.list-main-content::-webkit-scrollbar-thumb{background-color:var(--cinza);border-radius:.6rem}.list-main-content::-webkit-scrollbar-track{background:var(--cinza-escuro);border-radius:.6rem}.list-name{position:absolute;top:10vh;left:calc(17vw - 2rem);display:flex;align-items:center;justify-content:center;background-color:var(--azul-ufsm);border-top-right-radius:.4rem;border-bottom-right-radius:.4rem;padding:.6rem 1.2rem;color:var(--branco);font-weight:700;z-index:99}.list-name span{font-size:2rem;color:var(--branco)}.form-login{background-color:var(--azul-ufsm);width:600px;height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:5px}.form-login h2{font-size:2rem}@media (max-width: 600px){.form-login{width:100vw;margin:0 5px}}.create-main{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2vh 0;padding:1vh 0;background-color:var(--azul-ufsm);height:70vh;overflow-y:auto;width:80vw}.create-main-content{width:97%;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;text-align:center}.create-main h1{color:var(--branco)}.create-main-content::-webkit-scrollbar{width:.4rem}.create-main-content::-webkit-scrollbar-thumb{background-color:var(--cinza);border-radius:.6rem}.create-main-content::-webkit-scrollbar-track{background:var(--cinza-escuro);border-radius:.6rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.spinner{border:6px solid var(--branco);border-top:6px solid var(--azul-ufsm);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-view-container{display:flex;justify-content:center;flex-direction:column;background-color:#fff;padding:5rem;padding-top:0;border-radius:5px;width:50vw;height:30vh}.user-view-container strong{color:var(--azul-ufsm)}.user-name{text-align:center;padding-bottom:2rem}.select-container{display:flex;flex-direction:column;gap:.4rem;width:100%;margin-bottom:5px;max-width:32.25rem}.select-label{font-size:.9rem;font-weight:500;color:#333}.select-input{padding:.75rem 1rem;border:1px solid #d0d7de;border-radius:8px;font-size:1rem;background-color:var(--branco);cursor:pointer;transition:all .2s ease}.select-input:focus{outline:none;border-color:#0d5b8f;box-shadow:0 0 0 3px #0d5b8f26}.animal-search{background-color:#fff;padding:2rem;border-radius:5px;box-shadow:0 2px 6px #0000001a;max-width:960px;width:100%;box-sizing:border-box;margin:0 auto;font-family:sans-serif;min-height:70vh}.titulo{color:var(--azul-ufsm);text-align:center;margin-bottom:1rem}.lista-animais{list-style:none;padding:0;margin:0}.item-animal{cursor:pointer;padding:.8rem 2rem .8rem 0rem;border-bottom:2px solid var(--azul-ufsm);color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.3rem;transition:all .3s ease}.item-animal:hover{background-color:var(--branco)}.nenhum-resultado{text-align:center;color:#666;margin-top:1rem}@media (max-width: 768px){.animal-search{width:95vw}}.carousel{width:100%;max-width:960px;aspect-ratio:16 / 9;margin:0 auto;position:relative;overflow:hidden;background:#000}.carousel-image{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:none}.carousel-image.hidden{display:none}.slide-in{animation:slideIn 1s forwards;z-index:2}.slide-out{animation:slideOut 1s forwards;z-index:1}.slide-in-left{animation:slideInLeft 1s forwards;z-index:2}.slide-out-left{animation:slideOutLeft 1s forwards;z-index:1}@keyframes slideIn{0%{transform:translate(100%);opacity:1}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:1}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:1}}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;border:none;color:#fff;font-size:2rem;padding:.5rem 1rem;cursor:pointer;z-index:3;-webkit-user-select:none;user-select:none;transition:all .3s ease}.carousel-button.left{left:10px}.carousel-button.right{right:10px}.carousel-button:hover{background:#ffffffb3;border-radius:50px}.admin-button-display{display:flex;justify-content:flex-end;max-width:960px;width:100%;box-sizing:border-box;padding:10px}.home-text-display{display:flex;flex-direction:column;max-width:960px;width:100%;height:100%;background-color:#fff;padding:2rem;margin-bottom:1rem;border-radius:5px;box-sizing:border-box}.home-title{text-align:center}.home-main{margin-top:2rem;margin-bottom:2rem}.login{align-self:end;color:var(--azul-ufsm);text-decoration:none;padding-right:1rem}@media (max-width: 768px){.home-text-display{width:95vw}}:root{--branco: #E1E4FF;--preto: #222222;--azul-ufsm: #005386;--cinza: #cccccc;--cinza-escuro:#888888;--azul-focus: #b8dcf3;--verde-claro: rgba(144, 238, 144, .8);--verde-escuro: #1a5031;--vermelho: #f70c0cf1;--vermelho-escuro:#920707f1;--vermelho-claro:#ef6161e4;--azul-alt: #0889d9;font-family:Arial,Helvetica,sans-serif;min-height:100vh;display:flex;flex-direction:column}body{display:flex;flex-direction:column;align-items:center;background-color:var(--branco);padding:0;margin:0}label{cursor:text}h1{color:var(--azul-ufsm)}h2{color:var(--branco)}p{color:var(--preto)}.hide{display:none}.page-container{min-height:100vh;display:flex;flex-direction:column}.page-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.not-found{color:var(--branco);font-size:2rem}