@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Poppins,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{font-size:1.6rem}h1{font-size:6rem}.app{width:100%;min-height:100vh;position:relative;background-color:#0006;color:#fff;overflow:hidden}.app:before{content:"";background-image:url(/assets/noche-despejada-Bu1f99vq.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;filter:brightness(.55);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.container{width:min(1120px,100%);margin:0 auto;padding:1.5rem;position:relative;top:4rem;display:flex;flex-direction:column;justify-content:flex-start}@media (max-width: 768px){.app{background-color:#00000080}.container{top:2rem;padding:1rem}}.app .top{width:100%;margin:1rem auto}.app .search{text-align:center;padding:1rem;position:relative;width:min(420px,calc(100% - 2rem));margin:0 auto}.app input{width:100%;padding:.7rem 1.5rem;font-size:1.2rem;border-radius:25px;border:1px solid rgba(255,255,255,.5);background:#ffffff1a;color:#fff}.app input::placeholder{color:#ffffffb8}.suggestions-list{position:absolute;top:calc(100% - .7rem);left:1rem;right:1rem;z-index:5;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.22);background:#111827eb;box-shadow:0 18px 35px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left}.suggestions-list button{width:100%;display:flex;flex-direction:column;gap:.15rem;padding:.8rem 1rem;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;text-align:left;cursor:pointer}.suggestions-list button:last-child{border-bottom:0}.suggestions-list button:hover,.suggestions-list button:focus-visible{background:#ffffff1f;outline:none}.suggestions-list span{font-size:1rem;font-weight:700}.suggestions-list small,.suggestions-list p{font-size:.9rem;color:#ffffffb8}.suggestions-list p{padding:.9rem 1rem}.app .description{position:relative;right:-90%;transform-origin:0 0;transform:rotate(270deg)}.app .bottom{display:flex;justify-content:space-evenly;text-align:center;width:100%;margin:1rem auto;padding:1rem;border-radius:12px;background-color:#fff3}.weather-panels{max-width:1280px;margin:0 auto;display:grid;gap:1.5rem;padding:1rem}@media (min-width: 900px){.weather-panels{grid-template-columns:1fr 1fr}}.current-weather,.forecast-weather{border-radius:22px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);padding:1.3rem;min-height:320px}.current-weather .container{max-width:none;height:auto;margin:0;padding:0;position:static;top:auto;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.current-weather .local-time-group{display:flex;flex-direction:column;gap:.4rem;text-align:right;grid-column:2;grid-row:1}.current-weather .top{grid-column:1;grid-row:1 / 3}.current-weather .location p{font-size:2rem;font-weight:700;margin-bottom:.8rem}.current-weather .local-time{font-size:.95rem;opacity:.85}.current-weather .timezone{font-size:.9rem;opacity:.7;font-weight:500}.current-weather .temp h1{font-size:4rem;margin-bottom:.4rem}.current-weather .description{position:static;right:auto;transform:none;margin-bottom:1.2rem;opacity:.9}.current-weather .bottom{background:#ffffff24;border-radius:16px;padding:1rem;margin-top:1rem}.current-weather .bottom div p:first-child{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.current-weather .bottom div p:last-child{opacity:.85;text-transform:uppercase;letter-spacing:.04em;font-size:.9rem}.forecast-weather h2{margin-bottom:1rem;font-size:2rem}.forecast-grid{display:grid;gap:1rem}@media (min-width: 600px){.forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1000px){.forecast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.forecast-card{padding:1rem;border-radius:18px;background:#ffffff1a;box-shadow:0 10px 30px #00000026}.forecast-date{font-weight:700;margin-bottom:.6rem}.hourly-forecast{width:min(1120px,100%);margin:0 auto 1.5rem;border-radius:22px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);padding:1.5rem}.hourly-forecast h2{margin-bottom:1rem;font-size:2rem}.hourly-list{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.hourly-list::-webkit-scrollbar{height:10px}.hourly-list::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.hourly-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.hourly-card{flex:0 0 140px;min-width:140px;padding:1rem;border-radius:18px;background:#ffffff1f;text-align:center}.hourly-time{font-weight:700;margin-bottom:.6rem}.hourly-temp{font-size:1.8rem;margin-bottom:.4rem}.hourly-icon{width:60px;height:60px;margin:0 auto .6rem;display:block}.hourly-weather{opacity:.85}.hourly-empty{padding:1rem;border-radius:18px;background:#ffffff1a}.forecast-temp{font-size:2.2rem;margin-bottom:.3rem}.forecast-desc,.forecast-detail{opacity:.85}.forecast-empty{padding:1.2rem;border-radius:18px;background:#ffffff14}.bold{font-weight:700}