:root{--blanco: #fff;--primary: #f59e0b}html{font-size:62.5%}body{background-image:url(../img/bg_clima.jpg);background-repeat:no-repeat;background-size:cover;height:100vh;font-family:Outfit,sans-serif;color:var(--blanco);font-size:2rem;overflow:hidden}.titulo{text-align:center;font-size:3rem;margin-top:5rem}.contenedor{max-width:100rem;width:95%;margin:0 auto}@media (min-width: 768px){.buscador-clima{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:4rem;margin-top:5rem}}.formulario,.campo{display:flex;flex-direction:column;gap:2rem}.formulario label{font-size:2rem;font-weight:700}.formulario input[type=text],.formulario select{padding:1rem;background-color:transparent;border:.3rem solid var(--blanco);border-radius:1rem;color:var(--blanco);font-weight:400;font-size:1.8rem;cursor:pointer}.formulario option{color:#000}.formulario input[type=submit]{background-color:var(--primary);border:none;color:var(--blanco);font-weight:700;font-size:1.4rem;text-transform:uppercase;cursor:pointer;padding:1rem;margin-top:2rem;border-radius:1rem}.campo ::placeholder{color:var(--blanco);opacity:1}.resultado{background-color:var(--blanco);padding:1rem;border-radius:1rem;color:#2b353b;text-align:center;margin-top:2rem}.resultado .actual{font-size:6rem;margin:0;font-weight:900}.temperaturas{display:flex;gap:2rem;justify-content:center}.temperaturas p{font-weight:900}.temperaturas span{font-weight:400}.instrucciones,.no-resultados{text-align:center;color:var(--blanco);font-size:2rem}.alerta[data-v-67def905]{text-align:center;margin-bottom:2rem;color:var(--blanco);text-transform:uppercase;font-weight:900;font-size:1.8rem;padding:.5rem;background:rgba(255,0,0,.3);border-radius:1rem}.sk-chase[data-v-a32027a8]{margin:0 auto;width:40px;height:40px;position:relative;animation:sk-chase-a32027a8 2.5s infinite linear both}.sk-chase-dot[data-v-a32027a8]{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot-a32027a8 2s infinite ease-in-out both}.sk-chase-dot[data-v-a32027a8]:before{content:"";display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;animation:sk-chase-dot-before-a32027a8 2s infinite ease-in-out both}.sk-chase-dot[data-v-a32027a8]:nth-child(1){animation-delay:-1.1s}.sk-chase-dot[data-v-a32027a8]:nth-child(2){animation-delay:-1s}.sk-chase-dot[data-v-a32027a8]:nth-child(3){animation-delay:-.9s}.sk-chase-dot[data-v-a32027a8]:nth-child(4){animation-delay:-.8s}.sk-chase-dot[data-v-a32027a8]:nth-child(5){animation-delay:-.7s}.sk-chase-dot[data-v-a32027a8]:nth-child(6){animation-delay:-.6s}.sk-chase-dot[data-v-a32027a8]:nth-child(1):before{animation-delay:-1.1s}.sk-chase-dot[data-v-a32027a8]:nth-child(2):before{animation-delay:-1s}.sk-chase-dot[data-v-a32027a8]:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot[data-v-a32027a8]:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot[data-v-a32027a8]:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot[data-v-a32027a8]:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase-a32027a8{to{transform:rotate(360deg)}}@keyframes sk-chase-dot-a32027a8{80%,to{transform:rotate(360deg)}}@keyframes sk-chase-dot-before-a32027a8{50%{transform:scale(.4)}to,0%{transform:scale(1)}}