body,html{margin:0;padding:0;font-family:Segoe UI,sans-serif;height:100%;width:100%;box-sizing:border-box}.app-container{min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;transition:background-image .5s ease-in-out;display:flex;flex-direction:column;align-items:center;padding:1rem}.fundo-ceuLimpo{background-image:url(/assets/ceuLimpo-_FXv8k87.jpg)}.fundo-parcialmenteNublado{background-image:url(/assets/parcialmenteNublado-qBKO1mgc.jpg)}.fundo-nublado{background-image:url(/assets/nublado-eZKU8PRj.jpg)}.fundo-chuvaFraca{background-image:url(/assets/chuvaFraca-CwffZ951.jpg)}.fundo-chuvaForte{background-image:url(/assets/chuvaForte-TYSWubIr.jpg)}.fundo-tempestade{background-image:url(/assets/tempestade-CSsOqCAl.jpg)}.fundo-neblina{background-image:url(/assets/neblina-CtxGh9kT.jpg)}.fundo-neve{background-image:url(/assets/neve-G-z64Krq.jpg)}.header-fixo{margin-top:20px;text-align:center}.header-fixo h1{font-size:2rem;margin-bottom:20px}.search-box{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.search-box input{padding:12px 16px;border:none;border-radius:8px;width:1055px;font-size:1rem}.search-box button{padding:12px 20px;border:none;background-color:#000;color:#fff;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:.3s}.search-box button:hover{background-color:#1a1919}.error{color:#721c24;background-color:#ffe6e6e6;border:1px solid #f5c6cb;padding:12px 16px;margin:20px auto;width:fit-content;max-width:90%;border-radius:8px;font-weight:700;text-align:center;font-size:18px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0000001a}.error:before{content:"⚠️";font-size:22px}.previsao-container{margin-top:20px;text-align:center}.previsao-hoje{background:#ffffff1a;padding:5px;border-radius:12px}.texto{font-size:15px}.cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:80px}.card{background:#ffffff1a;padding:15px;border-radius:12px;min-width:160px;max-width:200px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card h3{margin:0 0 10px;font-size:1rem}.card p{margin:4px 0;font-size:1rem}.icone{font-size:3rem;margin:10px 0}