*{padding:0;margin:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body,html{min-width:320px}.App{min-width:320px;min-height:100vh;width:100%;height:100%;background-image:url(https://i.pinimg.com/originals/e3/b0/4e/e3b04e7d7e45fd06c00510612b580cae.gif);display:flex;flex-direction:column;align-items:center}.hero__header{display:flex;justify-content:center;align-items:center;max-width:1400px;width:95%;height:400px;background:url(/assets/LOGO.02ae4ea3.jpg);background-size:contain;background-position:center;background-repeat:no-repeat;position:relative;border-radius:30px}header form{color:#fff;position:absolute;left:12%;bottom:35%;display:flex;width:20%}.inputSearch{height:2.35em;width:100%;padding:5px 5px 5px 15px;color:#e6e5e5;background-color:#fff3;border-radius:10px;border:none;text-align:center}.inputSearch:hover{border:2px solid rgb(70,181,245);box-shadow:1px 1px 30px #9cf713}.location-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;max-width:1400px;height:200px;width:80%;margin:25px 0;color:#fff;background-color:#012105c2;border-radius:15px;box-shadow:1px 1px 30px 1px #1ef60a}.location-card h1{font-size:clamp(14px,5vw,30px)}.location-card span{font-weight:700}.location-card ul{width:90%;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px;font-size:clamp(12px,3vw,25px);margin:0 25px}.container_residents{display:flex;justify-content:center;gap:80px;margin-top:50px;flex-wrap:wrap;max-width:1400px;margin-bottom:50px}.card_container{border:1px solid white;width:300px;height:400px;border-radius:10%;display:flex;flex-direction:column;overflow:hidden;background-color:#1aff0a2d}.card_container:hover{box-shadow:1px 1px 30px 1px #1ef60a}.card_container_loader{background-image:url(./img/rick-and-morty-rick.gif)}.card_img{width:300px;height:250px;position:relative;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.card_img img{width:300px;height:250px}.card_status{color:#fff;position:absolute;background-color:#05040451;top:40px;font-size:20px;font-weight:700;padding:8px;border-top-right-radius:5px;border-bottom-right-radius:5px;display:flex;align-items:center;gap:5px}.circle{width:15px;height:15px;border-radius:50%;background-color:#fff}.card_info{margin-top:15px}.card_info h2{color:#fff;margin-left:20px}.card_list{display:flex;flex-direction:column;gap:10px;margin:20px}.card_list li{color:#fff;list-style:none;font-size:1.2rem}.card_list span{font-weight:700}.card_container_loader{background-image:url(/assets/Loader-card.898021a5.gif);background-repeat:no-repeat;background-position:center;border:1px solid white;width:300px;height:400px;border-radius:10%;display:flex;flex-direction:column;overflow:hidden;box-shadow:1px 1px 30px 1px #1ef60a}.container_Footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;margin-top:50px}.info{font-size:16px;font-weight:300;text-align:center;color:#fff}.info h2{animation-duration:3s;animation-name:slidein}.footer_social i{color:#1ef60a;font-size:30px;text-align:center}.pagination{display:flex;width:150px;height:50px;justify-content:center}.pagination input{width:40px;height:100%;border:none;text-align:center;font-size:20px;font-weight:600}.pagination button{width:50px;height:100%;border:none}.btn-left{border-radius:10px 0 0 10px}.btn-rigth{border-radius:0 10px 10px 0}@media (max-width: 1024px){.hero__header{height:300px}header form{left:12%;bottom:35%}}@media (max-width: 768px){.hero__header{margin-top:15px;height:200px}header form{left:7%;bottom:35%}.inputSearch{width:300px;height:20px;font-size:16px}.location-card{height:180px}}@media (max-width: 525px){.hero__header{display:flex;justify-content:center;align-items:center;height:600px;background:url(/assets/LOGO-Vmovil.ee43c30a.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}header form{bottom:40%;left:22%}.inputSearch{height:40px;font-size:16px}}@media (max-width: 375px){.hero__header{display:flex;justify-content:center;align-items:center;height:400px;background:url(/assets/LOGO-Vmovil.ee43c30a.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}header form{left:21%}.inputSearch{height:40px;font-size:16px}}@media (max-width: 320px){header form{left:17%}}