:root{--primary-green: #328266;--primary-green-hover: #215e48;--branco: #ffffff;--cinza: #808080;--cinzaClaro: #d1d1d1;--cinzaEscuro: #363636;--preto: #000000;--cinzaButtonCancelar: #c4c4c4;--borderFilter: #dfe4ea}main{display:flex;flex-direction:column;margin-top:calc(100px - 2%);gap:24px;padding:2%}.wrapper{display:flex;width:100%;gap:50px}#filter{width:20%;display:flex;flex-direction:column;gap:15px}#filter>section{width:100%;border:1px solid var(--borderFilter);border-radius:5px;display:flex;flex-direction:column}.animals-filter{display:flex;flex-direction:column;padding:5px 10px}.type{display:flex;width:100%;padding:8px;border-bottom:1px solid var(--borderFilter)}.type>span{color:var(--dark);font-size:1.1em;font-weight:600;padding-left:10px}.sectionAnimal{width:100%;height:auto;display:flex;align-items:center;justify-content:left;flex-direction:row;gap:10px;font-size:1em;margin:10px 0}.sectionAnimal>input{all:unset;border:1px solid var(--preto);border-radius:2px;width:15px;height:15px;margin-left:20px;display:inline-block}input:checked{background-color:var(--primary-green);width:15px;height:15px}.typeLocal{margin-bottom:10px}.typeLocal>select{cursor:pointer;margin-left:10px;width:80%;height:5vh;border-radius:20px;border:1px solid var(--primary-green)}.filterButtons{width:100%}.filterButtons button{width:50%}.aplicarFilter{background:var(--primary-green);color:var(--branco)}.cardsPets{width:80%;display:flex;align-items:center;flex-direction:column;gap:25px}#cardPets__header{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--stroke);border-radius:var(--radius-box);width:100%;padding:24px}#cardPets__header select{min-width:160px}.cardsPetsAnuncio{width:100%;min-height:500px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media screen and (max-width: 1600px){.cardsPetsAnuncio{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1280px){.cardsPetsAnuncio{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 992px){#filter{display:none}#cardPets__header{width:100%;gap:16px;justify-content:flex-start;align-items:start;flex-direction:column}#cardPets__header .search-wrapper,#cardPets__header .input-field,#cardPets__header .select-field{width:100%!important}#cardPets__header .search-wrapper{flex-wrap:wrap}.cardsPets{width:100%}.cardsPetsAnuncio{display:flex;flex-direction:column}}.autocomplete-items{position:absolute;border:1px solid var(--stroke);z-index:99;border-radius:8px;top:120%;left:0;right:0}.autocomplete-items div{padding:10px;cursor:pointer;background-color:#fff;border-bottom:1px solid var(--stroke)}.autocomplete-items div:hover{background-color:#ddd}.autocomplete-active{background-color:#1e90ff!important;color:#fff}