:root{--fonte-principal: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, Verdana, sans-serif;--fonte-tamanho-base: 1rem;--fonte-tamanho-secundario: .9375rem;--fonte-tamanho-label: 1rem;--fonte-tamanho-titulo: clamp(2.4rem, 4.6vw, 4.2rem);--fonte-tamanho-cidade: clamp(1.75rem, 3vw, 2.5rem);--fonte-tamanho-temperatura: clamp(2.5rem, 5vw, 4rem);--fonte-peso-normal: 400;--fonte-peso-medio: 500;--fonte-peso-forte: 700;--line-height-base: 1.6;--line-height-titulo: 1.15;--letter-spacing-suave: .01em;--espaco-1: .5rem;--espaco-2: .75rem;--espaco-3: 1rem;--espaco-4: 1.5rem;--espaco-5: 2rem;--espaco-6: 2.5rem;--raio-card: 1.5rem;--cor-fundo-topo: #d8f1ff;--cor-fundo-meio: #7bcff8;--cor-fundo-base: #2496dd;--cor-superficie: rgba(255, 255, 255, .94);--cor-superficie-forte: rgba(255, 255, 255, .98);--cor-texto: #122f38;--cor-texto-secundario: #2e4f59;--cor-texto-suave: #45636c;--cor-destaque: #0d6582;--cor-destaque-escura: #083e54;--cor-sucesso: #0f6a4b;--cor-erro: #8f2525;--cor-borda: rgba(13, 101, 130, .14);--cor-borda-forte: rgba(13, 101, 130, .24);--cor-foco: #0b5f7b;--sombra-painel: 0 1.5rem 3rem rgba(9, 63, 85, .16)}*{box-sizing:border-box}html{font-size:100%}body{margin:0;min-height:100vh;font-family:var(--fonte-principal);font-size:var(--fonte-tamanho-base);font-weight:var(--fonte-peso-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-suave);color:var(--cor-texto);background:radial-gradient(circle at top left,rgba(255,255,255,.64),transparent 34%),linear-gradient(180deg,var(--cor-fundo-topo) 0%,var(--cor-fundo-meio) 42%,var(--cor-fundo-base) 100%)}button,input{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem}button:focus-visible,input:focus-visible,.item-sugestao:focus-visible{outline:.1875rem solid var(--cor-foco);outline-offset:.125rem}.aplicativo{width:min(62rem,calc(100% - 2rem));margin:0 auto;padding:var(--espaco-6) 0 var(--espaco-5)}.hero{text-align:center;margin-bottom:var(--espaco-5)}.etiqueta{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.875rem;font-weight:var(--fonte-peso-forte);color:var(--cor-texto-secundario)}.hero h1{margin:var(--espaco-2) 0 var(--espaco-2);font-size:var(--fonte-tamanho-titulo);line-height:var(--line-height-titulo);font-weight:var(--fonte-peso-forte)}.subtitulo{max-width:42rem;margin:0 auto;font-size:1.125rem;line-height:1.7;color:var(--cor-texto-secundario)}.botao-modo-acessivel{margin-top:var(--espaco-4);min-height:3rem;padding:0 1rem;border:0;border-radius:999px;background:#ffffffeb;color:var(--cor-texto);font-size:1rem;font-weight:var(--fonte-peso-forte)}.painel-principal,.cartao-clima{background:var(--cor-superficie);border:.0625rem solid var(--cor-borda);border-radius:1.75rem;box-shadow:var(--sombra-painel);-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem)}.painel-principal{padding:var(--espaco-5)}.titulo-secao{margin:0 0 var(--espaco-3);font-size:1.5rem;line-height:1.3}.formulario-busca{display:grid;gap:var(--espaco-2)}.area-busca{position:relative}.rotulo-campo{display:block;font-size:var(--fonte-tamanho-label);font-weight:var(--fonte-peso-forte);text-align:center}.texto-ajuda{max-width:42rem;margin:0 auto;text-align:center;font-size:1rem;line-height:1.6;color:var(--cor-texto-secundario)}.linha-busca{display:flex;gap:var(--espaco-2);align-items:stretch}.linha-busca input{flex:1;min-width:0;min-height:3.5rem;border:.0625rem solid var(--cor-borda-forte);border-radius:1rem;padding:1rem 1.125rem;background:var(--cor-superficie-forte);color:var(--cor-texto);font-size:1rem;line-height:1.5}.linha-busca button,.botao-localizacao{min-height:3.5rem;border:0;border-radius:1rem;padding:0 1.25rem;background:linear-gradient(135deg,var(--cor-destaque),var(--cor-destaque-escura));color:#fff;font-size:1rem;font-weight:var(--fonte-peso-forte);cursor:pointer}.botao-busca{min-width:8.5rem}.lista-sugestoes{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:10;display:grid;gap:.375rem;padding:.5rem;background:#fffffffa;border:.0625rem solid var(--cor-borda);border-radius:1.125rem;box-shadow:0 1.125rem 2.375rem #093f5529}.sugestao-status{margin:0;padding:.875rem 1rem;color:var(--cor-texto-secundario)}.item-sugestao{width:100%;border:0;border-radius:.875rem;padding:.875rem 1rem;text-align:left;background:#75cdf71f;color:var(--cor-texto);cursor:pointer}.item-sugestao strong,.item-sugestao span{display:block}.item-sugestao strong{margin-bottom:.2rem;font-size:1rem}.item-sugestao span{color:var(--cor-texto-secundario);font-size:.9375rem;line-height:1.5}.item-sugestao:hover,.item-sugestao-ativa{background:#75cdf738}.botao-localizacao{margin-top:var(--espaco-3);width:100%}.linha-busca button:disabled,.botao-localizacao:disabled{cursor:wait;opacity:.74}.mensagem{min-height:1.5rem;margin:var(--espaco-3) 0 0;text-align:center;font-size:1rem;line-height:1.6}.mensagem-sucesso{color:var(--cor-sucesso)}.mensagem-erro{color:var(--cor-erro)}.mensagem-info{color:var(--cor-texto-secundario)}.icone{width:1.125rem;height:1.125rem;flex-shrink:0}.icone-inline{width:1rem;height:1rem}.cartao-clima{margin-top:var(--espaco-4);padding:var(--espaco-5)}.cabecalho-clima{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--espaco-4);align-items:start}.bloco-cidade{display:grid;gap:var(--espaco-1)}.legenda,.descricao-clima,.origem-clima,.cartao-previsao p,.texto-apoio,.temperatura-apoio,.texto-previsao-extra{color:var(--cor-texto-secundario)}.legenda{margin:0;font-size:1rem}.titulo-cidade{margin:0;font-size:var(--fonte-tamanho-cidade);line-height:1.2;font-weight:var(--fonte-peso-forte)}.descricao-clima,.origem-clima{margin:0;font-size:1.125rem;line-height:1.6}.descricao-clima,.titulo-detalhe,.titulo-secao-interna{display:inline-flex;align-items:center;gap:.5rem}.temperatura-principal{display:grid;justify-items:end;gap:.25rem}.temperatura-destaque{margin:0;font-size:var(--fonte-tamanho-temperatura);line-height:1;font-weight:var(--fonte-peso-forte)}.temperatura-apoio{margin:0;font-size:1rem}.grade-detalhes,.grade-previsao{display:grid;gap:var(--espaco-3)}.grade-detalhes{grid-template-columns:repeat(2,minmax(0,1fr));margin:var(--espaco-5) 0}.cartao-detalhe,.cartao-previsao{background:#ffffffc7;border:.0625rem solid var(--cor-borda);border-radius:1.25rem;padding:var(--espaco-4)}.titulo-detalhe{margin-bottom:.5rem;font-size:1rem;font-weight:var(--fonte-peso-medio)}.cartao-detalhe strong{display:block;margin-bottom:.5rem;font-size:1.75rem;line-height:1.2}.texto-apoio{margin:0;font-size:.9375rem;line-height:1.6}.titulo-secao-interna{margin:0 0 var(--espaco-3);font-size:1.5rem;line-height:1.3}.grade-previsao{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.cartao-previsao strong{display:block;margin-bottom:.5rem;font-size:1.125rem}.cartao-previsao p{margin:0;font-size:1rem;line-height:1.6}.cartao-previsao p+p{margin-top:.5rem}.texto-previsao-extra{font-size:.9375rem}.descricao-clima .icone-inline{color:#386373}.cartao-detalhe:nth-child(1) .icone-inline{color:#ec8c25}.cartao-detalhe:nth-child(2) .icone-inline{color:#2b7ac7}.cartao-detalhe:nth-child(3) .icone-inline{color:#1f8acb}.cartao-detalhe:nth-child(4) .icone-inline{color:#4b6f88}.titulo-secao-interna .icone-inline{color:var(--cor-destaque)}.modo-acessivel{--fonte-tamanho-base: 1.125rem;--fonte-tamanho-secundario: 1rem;--fonte-tamanho-label: 1.125rem;--fonte-tamanho-cidade: clamp(2rem, 3.2vw, 2.9rem);--fonte-tamanho-temperatura: clamp(3rem, 5.6vw, 4.3rem);--line-height-base: 1.8}.modo-acessivel .painel-principal,.modo-acessivel .cartao-clima{padding:var(--espaco-6)}.modo-acessivel .cartao-detalhe,.modo-acessivel .cartao-previsao{padding:var(--espaco-5)}.modo-acessivel .botao-busca,.modo-acessivel .botao-localizacao,.modo-acessivel .botao-modo-acessivel{min-height:3.75rem}.modo-acessivel .texto-apoio,.modo-acessivel .texto-previsao-extra,.modo-acessivel .item-sugestao span,.modo-acessivel .temperatura-apoio{font-size:1rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width: 700px){.aplicativo{width:min(100%,calc(100% - 1rem));padding:var(--espaco-4) 0 var(--espaco-5)}.painel-principal,.cartao-clima{padding:var(--espaco-4);border-radius:1.5rem}.linha-busca,.cabecalho-clima{grid-template-columns:1fr;display:grid}.lista-sugestoes{position:static;margin-top:.625rem}.grade-detalhes,.grade-previsao{grid-template-columns:1fr}.temperatura-principal{justify-items:start}.modo-acessivel .painel-principal,.modo-acessivel .cartao-clima{padding:var(--espaco-5)}}@media (max-width: 420px){.aplicativo{width:min(100%,calc(100% - .75rem))}.texto-ajuda,.subtitulo,.mensagem,.descricao-clima,.origem-clima{font-size:1rem}}.secao-clima-pratica{margin-top:var(--espaco-4);padding:var(--espaco-5);background:var(--cor-superficie);border:.0625rem solid var(--cor-borda);border-radius:1.75rem;box-shadow:var(--sombra-painel)}.cabecalho-pratica{display:grid;gap:var(--espaco-1);margin-bottom:var(--espaco-4)}.etiqueta-pratica{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.875rem;font-weight:var(--fonte-peso-forte);color:var(--cor-texto-secundario)}.cabecalho-pratica h2,.titulo-bloco-pratico{margin:0}.cabecalho-pratica h2{font-size:1.75rem;line-height:1.25}.subtitulo-pratica,.texto-bloco-pratico{margin:0;font-size:1rem;color:var(--cor-texto-secundario)}.bloco-pratico+.bloco-pratico{margin-top:var(--espaco-5)}.titulo-bloco-pratico{margin-bottom:var(--espaco-3);font-size:1.25rem;line-height:1.3}.texto-bloco-pratico{margin-bottom:var(--espaco-3)}.grade-pratica{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--espaco-3)}.cartao-pratico{display:grid;gap:var(--espaco-2);padding:var(--espaco-4);background:#ffffffd1;border:.0625rem solid var(--cor-borda);border-radius:1.25rem}.cabecalho-cartao-pratico{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--espaco-2)}.categoria-pratica{margin:0 0 .25rem;font-size:.875rem;font-weight:var(--fonte-peso-medio);color:var(--cor-texto-secundario)}.cabecalho-cartao-pratico h4{margin:0;font-size:1.125rem;line-height:1.35}.nivel-pratico{flex-shrink:0;padding:.35rem .7rem;border-radius:999px;border:.0625rem solid var(--cor-borda-forte);background:#0d658214;color:var(--cor-texto);font-size:.9375rem;font-weight:var(--fonte-peso-forte)}.nivel-favoravel,.nivel-baixo{background:#0f6a4b1f;border-color:#0f6a4b3d}.nivel-moderado,.nivel-atencao{background:#ec8c2524;border-color:#ec8c2547}.nivel-alto,.nivel-evite{background:#8f25251f;border-color:#8f25253d}.descricao-pratica,.recomendacao-pratica,.rodape-pratico p{margin:0;font-size:1rem;line-height:1.6}.recomendacao-pratica strong,.rodape-pratico span{color:var(--cor-texto)}.rodape-pratico{display:grid;gap:.35rem;padding-top:var(--espaco-2);border-top:.0625rem solid var(--cor-borda)}.rodape-pratico p{color:var(--cor-texto-secundario)}.bloco-pratico-secundario .cartao-pratico{background:#ffffffb8}.modo-acessivel .secao-clima-pratica{padding:var(--espaco-6)}.modo-acessivel .cartao-pratico{padding:var(--espaco-5)}.modo-acessivel .cabecalho-pratica h2{font-size:2rem}.modo-acessivel .titulo-bloco-pratico{font-size:1.375rem}.modo-acessivel .cabecalho-cartao-pratico h4,.modo-acessivel .descricao-pratica,.modo-acessivel .recomendacao-pratica,.modo-acessivel .rodape-pratico p{font-size:1.0625rem}@media (max-width: 980px){.grade-pratica{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.secao-clima-pratica{padding:var(--espaco-4);border-radius:1.5rem}.grade-pratica{grid-template-columns:1fr}.cabecalho-cartao-pratico{flex-direction:column;align-items:flex-start}.modo-acessivel .secao-clima-pratica{padding:var(--espaco-5)}}