@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{padding:0;margin:0;box-sizing:border-box}.clima-atual{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;width:100%;max-width:360px;margin:16px auto 24px}.clima-atual h2{font-size:1.3rem;font-weight:500;margin:0}.clima-atual img{width:72px;height:72px}.clima-atual p{margin:0}.clima-atual p:first-of-type{font-size:1.9rem;font-weight:600;line-height:1.1}.clima-atual p:last-of-type{font-size:1rem;text-transform:capitalize;opacity:.95}@media (min-width: 768px){.clima-atual{gap:10px;max-width:380px;padding:20px}.clima-atual h2{font-size:1.5rem}.clima-atual img{width:84px;height:84px}.clima-atual p:first-of-type{font-size:2.1rem}.clima-atual p:last-of-type{font-size:1.05rem}}@media (min-width: 1366px){.clima-atual{gap:12px;max-width:420px;padding:22px}.clima-atual h2{font-size:1.6rem}.clima-atual img{width:92px;height:92px}.clima-atual p:first-of-type{font-size:2.25rem}.clima-atual p:last-of-type{font-size:1.1rem}}.previsao-wrapper{display:flex;justify-content:center;width:100%}.previsao{background:#111827;border:1px solid #1f2937;border-radius:14px;padding:20px;width:100%;max-width:100%;margin-top:28px;margin-inline:auto}.previsao h3{text-align:center;font-weight:500;font-size:1.1rem;margin-bottom:14px}.previsao ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.previsao ul li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid #1f2937;border-radius:10px;color:#e5e7eb}.previsao ul li img{width:48px;height:48px;flex-shrink:0}.previsao ul li .info-text{flex:1;font-size:.95rem;text-transform:capitalize}.previsao ul li .info-text .temperature{font-weight:500;font-size:1rem}@media (min-width: 768px){.app .previsao{width:500px;max-width:500px;margin-top:32px;padding:18px}.app .previsao h3{font-size:1.25rem;margin-bottom:16px}.app .previsao ul li{padding:14px 16px}.app .previsao ul li img{width:56px;height:56px}.app .previsao ul li .info-text,.app .previsao ul li .info-text .temperature{font-size:1.05rem}}@media (min-width: 1366px){.app .previsao{width:580px;max-width:580px;margin-top:36px;padding:16px}.app .previsao h3{font-size:1.3rem}.app .previsao ul li{padding:14px 18px}.app .previsao ul li img{width:58px;height:58px}.app .previsao ul li .info-text,.app .previsao ul li .info-text .temperature{font-size:1.1rem}}@media (min-width: 1440px){.app .previsao{width:580px;max-width:580px}}:root{color-scheme:dark}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0b1220;color:#e5e7eb;line-height:1.5}h1,h2,h3,h4,p,a,li,span{color:#e5e7eb}a{text-decoration:none}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px}.busca{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:500px;margin-bottom:36px}@media (min-width: 768px){.busca{flex-direction:row;justify-content:center;max-width:600px;margin-bottom:44px}}@media (min-width: 1366px){.busca{max-width:600px;margin-bottom:48px}}.busca .busca__input{min-height:44px;border:1px solid #1f2937;border-radius:10px;font:inherit;line-height:1.2;background:#fff;color:#111;outline:none;transition:border-color .16s ease,box-shadow .16s ease;width:70%;padding:12px 16px}.busca .busca__input::placeholder{color:#9ca3af}.busca .busca__input:hover{border-color:#ffffff59}.busca .busca__input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.busca .busca__input:-webkit-autofill{-webkit-text-fill-color:#111;-webkit-box-shadow:0 0 0 1000px #ffffff inset;transition:background-color 5000s ease-in-out 0s}@media (min-width: 768px){.busca .busca__input{width:200px;flex:0 0 200px;font-size:16px}}.busca .busca__btn,.busca .busca__botao{min-height:44px;border:1px solid #1f2937;border-radius:10px;font:inherit;line-height:1.2;border:1px solid transparent;color:#fff;font-weight:500;cursor:pointer;transition:filter .12s ease,transform .12s ease;padding:12px 18px}.busca .busca__btn:hover,.busca .busca__botao:hover{filter:brightness(.94)}.busca .busca__btn:active,.busca .busca__botao:active{transform:translateY(.5px)}.busca .busca__btn:focus,.busca .busca__botao:focus{outline:2px solid rgba(16,185,129,.35);outline-offset:2px}@media (min-width: 768px){.busca .busca__btn,.busca .busca__botao{padding:12px 20px}}.app{min-height:100vh;background:linear-gradient(135deg,#74b9ff,#0984e3 30%,#1e40af 80%);padding:20px;display:flex;flex-direction:column;align-items:center}.app>*{width:100%;max-width:1200px;margin-inline:auto}@media (min-width: 768px){.app{padding:28px}}@media (min-width: 1366px){.app{padding:56px 40px 40px}}.app .app__title{text-align:center;font-weight:400;font-size:1.8rem;margin-bottom:24px}@media (min-width: 768px){.app .app__title{font-size:2rem;margin-bottom:28px}}@media (min-width: 1366px){.app .app__title{font-size:2.2rem;margin-bottom:32px}}