.clima-card{background:#fff;border:1px solid #e3ecf7;border-radius:22px;padding:22px 24px 24px;box-shadow:0 18px 40px -26px #003c8c59}.clima-topo{align-items:center;gap:14px;margin-bottom:18px;display:flex}.clima-topo h2{letter-spacing:-.03em;color:#0b1939;white-space:nowrap;font-size:22px}.clima-linha{background:linear-gradient(90deg,#d9edff,#0000);border-radius:2px;flex:1;height:2px}.clima-vivo{color:#8a97ad;white-space:nowrap;font-size:12px;font-weight:700}.clima-vivo.on{color:#008c54}.clima-vivo.on:before{content:"";vertical-align:1px;background:#22c27a;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:2s ease-in-out infinite climaPulso;display:inline-block}@keyframes climaPulso{50%{opacity:.35}}.clima-agora{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.clima-agora-btn{text-align:left;color:#fff;background:radial-gradient(circle at 90% 0,#ffc4008c,#0000 45%),linear-gradient(145deg,#0065ea 0%,#2b8cff 100%);border:0;border-radius:20px;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;padding:18px 22px;transition:transform .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.clima-agora-btn:hover{transform:translateY(-3px);box-shadow:0 20px 34px -18px #0065eab3}.clima-lugar{opacity:.92;grid-column:1/-1;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.clima-icone-grande{background:#fffffff2;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 12px 26px -12px #00000080}.clima-icone-grande svg{width:52px;height:52px}.clima-temp{letter-spacing:-.06em;font-size:68px;font-weight:800;line-height:1}.clima-temp small{letter-spacing:0;opacity:.9;margin-left:2px;font-size:24px;font-weight:700}.clima-resumo{flex-direction:column;justify-content:center;gap:6px;display:flex}.clima-resumo>strong{letter-spacing:-.03em;color:#0b1939;font-size:22px}.clima-resumo>span{color:#5e6a80;font-size:15px}.clima-resumo ul{flex-wrap:wrap;gap:8px;margin:6px 0 4px;padding:0;list-style:none;display:flex}.clima-resumo li{color:#0b3f7a;background:#f1f7ff;border:1px solid #dcebff;border-radius:999px;align-items:center;gap:5px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.clima-resumo li svg{color:#0065ea}.clima-mais{color:#1f1000;background:#ff8700;border:0;border-radius:999px;align-self:flex-start;margin-top:6px;padding:10px 18px;font-size:14px;font-weight:800;transition:background .2s,transform .2s}.clima-mais:hover{background:#ff9d2e;transform:translate(2px)}.clima-dias{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.clima-dia{color:#0b1939;background:#f8fbff;border:1px solid #e3ecf7;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 6px 12px;transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative}.clima-dia:hover{background:#fff;border-color:#0065ea;transform:translateY(-4px)}.clima-dia.hoje{background:#eaf3ff;border-color:#0065ea}.clima-dia b{text-transform:capitalize;color:#0065ea;font-size:13px}.clima-dia strong{letter-spacing:-.03em;font-size:19px}.clima-dia small{color:#8a97ad;font-size:13px;font-weight:700}.clima-dia em{color:#0065ea;font-size:10.5px;font-style:normal;font-weight:800;position:absolute;top:8px;right:8px}.clima-modal{z-index:300;-webkit-backdrop-filter:blur(8px);background:#070e1c9e;justify-content:center;align-items:flex-start;padding:4vh 16px;animation:.25s climaEntra;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes climaEntra{0%{opacity:0}}.clima-modal-caixa{width:min(1100px,100%);padding-top:52px;animation:.3s cubic-bezier(.2,.8,.2,1) climaSobe;position:relative}@keyframes climaSobe{0%{opacity:0;transform:translateY(24px)}}.clima-fechar{z-index:2;color:#fff;background:#0b1939;border:0;border-radius:50%;place-items:center;width:40px;height:40px;font-size:24px;line-height:1;display:grid;position:absolute;top:0;right:0;box-shadow:0 8px 18px -8px #0009}.clima-fechar:hover{color:#1f1000;background:#ff8700}@media (max-width:860px){.clima-agora{grid-template-columns:1fr}.clima-dias{scroll-snap-type:x mandatory;margin-right:-8px;padding-bottom:6px;display:flex;overflow-x:auto}.clima-dia{scroll-snap-align:start;flex:0 0 84px}}@media (max-width:560px){.clima-card{padding:18px 16px}.clima-topo h2{font-size:19px}.clima-vivo{display:none}.clima-temp{font-size:58px}}@media (prefers-reduced-motion:reduce){.clima-vivo.on:before,.clima-modal,.clima-modal-caixa{animation:none}}