.loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;background-image:url(https://static.vecteezy.com/system/resources/previews/001/265/731/original/map-with-location-pin-vector.jpg);background-size:cover}.loader__container span{display:inline-block;width:5rem;height:5rem;background-color:#587ca8;border-radius:50%;animation:pulse 1s infinite ease-in-out}.loader--hidden{opacity:0;visibility:hidden;transition:all .5s ease-in-out}.loader__text{font-size:3rem;font-weight:700}.loader__icon{width:3rem}@keyframes pulse{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}.principal{width:100vw;height:100vh;padding:0;margin:0;background-size:cover;display:flex;align-items:center;justify-content:center}.card{width:400px;border-radius:1em;background-color:#ffffff92;display:flex;flex-direction:column;align-items:center;justify-content:center}.card__title{width:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em 1em 0}.card__title h1{font-size:2.5em}.card__title h2{font-size:1.3em}.card__title--image{width:12rem;position:relative;display:flex;justify-content:center;align-items:center}.card__title--image h3{position:absolute;bottom:0}.card__body{display:flex;gap:3em;padding:1em}.card__body--descrption{display:flex}.card__body--descrption ul{list-style-type:none}.card__body--temp{width:7rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.card__body--temp button{border-radius:.5em;border:none;width:inherit;height:5vh;font-size:medium;background-color:#fff;padding:.1em}.card__body--temp button:hover{background-color:#ffffff89;cursor:pointer}#root{width:100vw;height:100vh}*{margin:0;padding:0;box-sizing:border-box}