*{box-sizing:border-box;margin:0%;padding:0%}.fredoka{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Fredoka,sans-serif;font-style:normal;font-weight:300}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fcf9f3;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:#fcf9f3;width:100%;font-family:fredoka,Segoe UI,sans-serif;font-weight:400}section,div{max-width:100%}header{background-color:#f2f2f2;flex-flow:row;justify-content:space-between;font-family:fredoka;display:flex;box-shadow:5px 5px 10px #0000001a}header #logo{width:150px;margin-top:10px}header #dog1{height:75px;position:relative;top:15px}header .imgs-header{justify-content:center;align-items:center;height:auto;margin-left:25px;display:flex}header #user{border-radius:100px;height:45px}header .options{text-align:center;color:#fcf9f3;justify-content:center;align-items:center;margin-top:12px;display:flex}header .options a{color:#452824;margin-right:15px;font-size:1.3rem;font-weight:500;text-decoration:none}header .options a:hover{color:#28aef8}.busca-input{color:#28aef8;background-color:#fff;border-radius:60px;outline:none;width:200px;margin-top:3%;margin-bottom:2%;margin-left:3%;padding:4px 2px 4px 15px;font-size:15px;box-shadow:0 0 15px #0000003b}.busca-input:focus{outline:1px solid #c4c4c4}.vets{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;place-items:center;gap:50px;margin:1% 5% 5%;display:grid}.vets div{color:#000;background-color:#ccd5ff;flex-direction:column;align-items:center;width:250px;height:345px;margin:0;padding:7%;font-family:fredoka;transition:transform .3s;display:flex;box-shadow:5px 5px 10px #0000004d}.vets div:hover{transform:translateY(-10px)}.vets div img{aspect-ratio:1;object-fit:cover;object-position:center;width:100%}.vets a{height:100%;text-decoration:none}.vets .name{color:#0b7bb8;text-align:center;margin-bottom:0;font-size:1.5rem;font-weight:500;text-decoration:none}.vets .specialty,.location{margin:0%}.vets .infos-vet{justify-content:center;align-items:center;margin-top:0;font-size:1.3rem}.vets .estetoscopio{width:80px;height:90px;position:relative;bottom:100%;left:50%;transform:rotate(350deg)}.infos-vet{color:#242a45;gap:30px;margin:6% 30px 30px;display:flex}.infos-vet .foto-vet{background-color:#fff;border-radius:18px;justify-content:center;align-items:center;width:300px;height:300px;padding:20px;display:flex;position:relative;overflow:visible;box-shadow:0 10px 25px #00000040}.infos-vet .foto-vet #vet-image{object-fit:cover;border-radius:12px;width:100%;height:100%;margin:0}.infos-vet .foto-vet #estetoscopio{z-index:5;width:90px;position:absolute;top:-15px;left:-15px}.infos-vet .dados-vet{max-width:75%}.infos-vet .dados-vet h2{margin:0;font-size:5rem;font-weight:500}.infos-vet .dados-vet h3{margin:0;padding-right:10px;font-size:2.5rem;font-weight:300}.infos-vet .dados-vet .specialty-location{flex-direction:row;font-weight:300;display:flex}.infos-vet .dados-vet button{background-color:#242a45;border:none;border-radius:12px;margin-left:20px;padding-left:10px;padding-right:10px;font-size:1.3rem}.infos-vet .dados-vet #vet-desc{font-size:1.3rem}.infos-vet .dados-vet button:hover{cursor:pointer}footer{color:#fff;text-align:center;background-color:#439dce;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:20%;padding:30px;display:flex}footer .logo-footer{width:auto;height:158px;max-height:168px;margin-bottom:15px;margin-right:100px}@media (max-width:768px){header{flex-direction:column}header #logo{width:130px;margin-top:5px}header #dog1{height:45px;top:5px}header .options{align-items:center;gap:20px;margin-top:12px}header .options a{font-size:1rem}footer .logo-footer{height:110px;max-height:120px;margin-right:0}}@media (max-width:600px){header{flex-direction:column}header #logo{width:100px;margin-top:5px}header #dog1{height:40px;top:5px}header .options{align-items:center;gap:20px;margin-top:12px}footer .logo-footer{height:90px;max-height:100px}}@media (min-width:1440px){.pets div{width:280px;height:370px;margin:4% 3% 3% 1%;padding:20px}}