body{font-family:Hubballi,cursive;background-color:#f1f5f9;font-size:1.6rem}header{background-color:#0ea5e9;padding:1.5rem;border-bottom:1rem solid #0284c7}header h1{text-align:center;color:#fff;font-family:Inter,sans-serif;font-size:3rem;margin:0}.dos-columnas{display:grid;gap:4rem}@media (min-width: 768px){.dos-columnas{grid-template-columns:repeat(2,1fr)}}main{margin:4rem auto;max-width:1200px}.contenedor{margin:0 auto 2rem;border-radius:.5rem;background-color:#fff;padding:4rem;-webkit-box-shadow:0px 10px 33px -17px rgba(173,173,173,1);-moz-box-shadow:0px 10px 33px -17px rgba(173,173,173,1);box-shadow:0 10px 33px -17px #adadad;width:100%}form{width:100%}.campo{max-width:400px;margin:0 auto 1rem}.campo label{display:block}.campo input,.campo select{all:unset;border:1px solid #cbd5e1;width:100%;border-radius:1rem;padding:.5rem}input[type=submit]{background-color:#0ea5e9;margin:2rem auto 0;display:block;padding:1rem 3rem;color:#fff;text-transform:uppercase;font-family:Inter,sans-serif;font-size:1rem;border:none;width:100%;transition:background-color .3s ease}@media (min-width: 768px){input[type=submit]{max-width:400px}}input[type=submit]:hover{background-color:#0369a1}.loading{display:flex;justify-content:center;align-items:center;width:100%}.sk-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotate(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0ea5e9;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotate(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotate(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotate(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}.clima>p:first-of-type{font-size:4rem;font-family:Inter,sans-serif}.clima p{text-align:center;margin:0}.clima p span{font-size:1rem;vertical-align:super}.primerfila,.temp_min_max,.tercerfila{margin-top:1rem;display:flex;justify-content:center;gap:2rem}.img{display:inline-flex;vertical-align:super;font-size:1rem;gap:-1rem}