.clima-loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center;}
.mini-loader{width:156px;height:156px;border:3px solid rgba(0,0,0,0.05);border-top-color:#5f6f60;border-radius:50%;animation:girar 0.8s linear infinite;margin-bottom:10px;}
.clima-premium-status{margin:0;font-size:14px;}
@keyframes girar{to{transform:rotate(360deg);}
}
.clima-premium:has(.clima-premium-resultado:not(:empty)) .clima-loading-box{display:none !important;}
.share-banner{display:flex;justify-content:center;gap:12px;margin-top:24px;margin-bottom:-15px;flex-wrap:wrap;}
.share-banner a{width:100%;text-align:center;text-decoration:none;font-weight:700;font-size:1rem;padding:12px 20px;border-radius:12px;color:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.2);transition:transform 0.2s ease,box-shadow 0.2s ease;}
.share-facebook{background:#4267B2;}
.share-facebook:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3);}
.share-whatsapp{background:#25D366;}
.share-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3);}
@media(max-width:980px){.share-banner{flex-direction:column;gap:10px;align-items:center;}
.share-banner a{width:100%;text-align:center;text-decoration:none;font-weight:700;font-size:0.85rem;padding:12px 20px;border-radius:12px;color:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.2);transition:transform 0.2s ease,box-shadow 0.2s ease;}
}
.single-shell{padding-top:0 !important;}
.article-card{margin-top:0 !important;border-top:none !important;}
.clic-detalhes,.clic-item{overflow:visible !important;box-sizing:border-box !important;}
.clic-item{position:relative !important;border-right:1px solid rgba(0,0,0,0.1) !important;}
.clic-item:last-child{border-right:none !important;}
.clic-detalhes{flex-direction:row !important;border-top:1px solid rgba(0,0,0,0.05) !important;padding-top:15px !important;}
@media(min-width:981px){.clic-item .valor{font-size:20px !important;}
.clic-item .dica{font-size:14px !important;}
.clic-cidade{font-size:28px !important;}
}
@media(max-width:980px){.article-content{padding-top:0 !important;}
}
.clic-item .label{display:block;}
.clic-item .valor{display:block;}
@media(min-width:768px){.clic-item i{font-size:28px;}
.clic-item .label{font-size:12px;}
.clic-item .valor{font-size:20px;}
.clic-item .dica{font-size:14px;line-height:1.4;}
.clic-detalhes{gap:20px;padding-top:25px;}
}
.clima-premium-icon{display:none !important;}
.clic-item{flex:1;}
.clic-item:not(:last-child)::after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,0.3);}
.clic-label{font-size:11px;text-transform:none;opacity:0.9;margin-top:5px;}
.clic-valor{font-size:14px;}
.clic-cidade{margin-bottom:5px;}
.clic-main{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0;}
.clic-detalhes{justify-content:space-around;}
.clic-item{font-size:13px;}
.clic-item i{font-size:20px;margin-bottom:5px;opacity:0.7;}
.clic-valor{font-weight:bold;}
.clima-premium-cidade-img{width:100%;border-radius:24px;overflow:hidden;margin-bottom:16px;}
.clima-premium-cidade-img img{width:100%;height:200px;object-fit:cover;}
.clima-premium{position:relative;border-radius:24px;overflow:hidden;min-height:360px;padding:20px;background:rgba(255,255,255,0.05);}
.clima-premium>*{position:relative;z-index:1;}
@media(max-width:560px){.clima-premium-cidade-img img{height:120px;}
}
.clima-premium-head{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px;}
.clima-premium-selo{display:inline-flex;align-items:center;gap:6px;background:#e5f2df;color:#3e7148;padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:900;margin-bottom:12px;box-shadow:inset 0 0 0 1px rgba(95,143,104,.12);}
.clima-premium h2{margin:0 0 8px;font-size:clamp(2rem,3.4vw,2.7rem);line-height:1.08;color:#172818;letter-spacing:-.03em;}
.clima-premium p{margin:0;color:#5f6f60;line-height:1.65;}
.clima-premium-icon{width:72px;height:72px;border-radius:24px;background:#fff;border:1px solid #dce8d8;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 12px 28px rgba(24,38,24,.08);flex-shrink:0;}
.clima-premium-status{font-weight:800;color:#5f6f60;}
.clima-grade-premium{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px;}
.clima-box-premium{background:rgba(255,255,255,.88);border:1px solid #dce8d8;border-radius:24px;padding:22px;min-height:00px;box-shadow:0 10px 22px rgba(24,38,24,.045);}
.clima-box-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;}
.clima-box-top span{color:#667466;font-size:.82rem;font-weight:900;}
.clima-box-top b{font-size:1.25rem;line-height:1;}
.clima-box-premium strong{display:block;color:#172818;font-size:1.5rem;line-height:1.1;letter-spacing:-.03em;}
.clima-mini-text{margin-top:8px !important;color:#6a7669 !important;font-size:.86rem;line-height:1.4 !important;}
.clima-alerta{position:relative;background:#ffffff;border:1px solid #dce8d8;border-radius:26px;padding:26px;box-shadow:0 10px 28px rgba(24,38,24,.06);margin:18px 0;overflow:hidden;}
.clima-alerta:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:#5f8f68;}
.clima-alerta-label{display:inline-block;font-size:.78rem;font-weight:900;color:#3e7148;background:#eef7ec;padding:6px 10px;border-radius:999px;margin-bottom:10px;}
.clima-alerta h3{margin:0 0 10px;color:#172818;font-size:1.45rem;line-height:1.25;letter-spacing:-.02em;}
.clima-alerta p{color:#2f3a30;line-height:1.75;}
.clima-planta-seletor{margin-bottom:20px;}
.clima-score-card{background:linear-gradient(135deg,#ffffff,#f5fbf2);border:1px solid #dce8d8;border-radius:26px;padding:24px;box-shadow:0 10px 28px rgba(24,38,24,.06);position:relative;overflow:hidden;margin-top:20px;}
.clima-score-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:999px;right:-60px;bottom:-60px;background:radial-gradient(circle,rgba(95,143,104,.18),rgba(95,143,104,0));pointer-events:none;}
.clima-score-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;position:relative;z-index:1;}
.clima-score-top span{display:inline-block;color:#3e7148;background:#eef7ec;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;}
.clima-score-numero{font-size:2.4rem;font-weight:950;color:#172818;letter-spacing:-.05em;line-height:1;}
.clima-score-barra{height:12px;background:#edf4ea;border-radius:999px;overflow:hidden;margin:16px 0 12px;position:relative;z-index:1;}
.clima-score-barra div{height:100%;border-radius:999px;background:#5f8f68;}
.clima-score-card h3{margin:0 0 8px;color:#172818;font-size:1.28rem;letter-spacing:-.02em;position:relative;z-index:1;}
.clima-score-card p{color:#5f6f60;line-height:1.6;position:relative;z-index:1;}
.clima-painel-perguntas{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px;}
.clima-pergunta-card{background:#ffffff;border:1px solid #dce8d8;border-radius:28px;padding:24px;box-shadow:0 10px 24px rgba(24,38,24,.055);position:relative;overflow:hidden;}
.clima-pergunta-card p{display:none;}
.clima-pergunta-card:has(.clima-resposta){padding-bottom:12px;}
.clima-pergunta-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:999px;right:-45px;top:-45px;background:radial-gradient(circle,rgba(95,143,104,.15),rgba(95,143,104,0));pointer-events:none;}
.clima-pergunta-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;position:relative;z-index:1;}
.clima-pergunta-title{display:flex;align-items:center;gap:12px;}
.clima-pergunta-title span{width:48px;height:48px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:1.45rem;flex-shrink:0;}
.clima-pergunta-title strong{display:block;color:#172818;font-size:1.2rem;line-height:1.25;letter-spacing:-.02em;}
.clima-resposta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 14px;font-size:.8rem;font-weight:950;text-transform:uppercase;white-space:nowrap;}
.clima-pergunta-card p{color:#4b5e4d;font-size:1rem;line-height:1.65;margin:0;position:relative;z-index:1;}
.clima-proximas-sub{margin-bottom:18px !important;}
.clima-hora-card strong{display:block;}
.clima-alerta-horas{margin-top:20px;background:#fff8e5;border:1px solid #f0d98a;color:#5b4300;border-radius:22px;padding:18px;font-weight:800;line-height:1.55;}
@media(max-width:900px){.clima-grade-premium{grid-template-columns:repeat(2,1fr);}
.clima-horas-lista{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:560px){.clima-premium{padding:0 !important;margin:0 0 24px !important;background:transparent !important;border:none !important;box-shadow:none !important;}
.clima-premium-head{flex-direction:column;position:relative;margin-bottom:26px !important;}
.clima-premium-icon{position:absolute;top:0;right:0;width:58px;height:58px;border-radius:18px;}
.clima-premium h2{font-size:1.6rem !important;line-height:1.12 !important;max-width:78% !important;}
.clima-grade-premium{grid-template-columns:1fr;}
.clima-box-premium{padding:24px 22px !important;border-radius:24px !important;}
.clima-box-premium strong{font-size:1.8rem !important;}
.clima-alerta,.clima-proximas-horas,.clima-score-card,.clima-planta-seletor,.clima-pergunta-card{padding:22px;border-radius:24px;}
.clima-pergunta-head{flex-direction:column;}
.clima-hora-card{background:#f7fbf5 !important;border:1px solid #dce8d8 !important;box-sizing:border-box !important;}
.hora-esq{display:flex !important;flex-direction:column !important;justify-content:center !important;}
.hora-esq strong{color:#203421 !important;}
.hora-centro{display:flex !important;flex-direction:column !important;justify-content:center !important;overflow-wrap:break-word !important;}
.hora-centro span{color:#172818 !important;}
.hora-centro small{color:#5f6f60 !important;}
.hora-dir{display:flex !important;min-width:50px !important;max-width:60px !important;}
.hora-dir em{overflow-wrap:break-word !important;}
}
@media(max-width:768px){.clima-painel-perguntas{display:flex !important;flex-direction:column !important;gap:15px !important;}
.clima-pergunta-head{flex-direction:column !important;align-items:flex-start !important;gap:10px !important;}
}
body,html{overflow-x:hidden !important;}
.icone-cenario-img{width:32px !important;height:32px !important;object-fit:contain !important;display:block !important;flex:0 0 14px !important;margin:0 !important;}
.clima-planta-seletor strong{margin-bottom:14px !important;}
.clima-planta-select:hover{background:#fbfffa !important;}
@media(max-width:560px){.clima-planta-seletor{margin-left:0 !important;margin-right:0 !important;}
}
.clima-box-premium,.clima-pergunta-card,.clima-score-card,.clima-proximas-horas,.clima-alerta{background:linear-gradient(135deg,#ffffff,#f4fbf1) !important;border:2px solid #c5dfc3 !important;border-radius:28px !important;box-shadow:0 14px 34px rgba(47,122,60,0.10) !important;}
.clima-pergunta-card.verde{background:linear-gradient(135deg,#edf9ea,#ffffff) !important;border-color:#9fcca2 !important;}
.clima-pergunta-card.amarelo{background:linear-gradient(135deg,#fff9e8,#ffffff) !important;border-color:#e4c85f !important;box-shadow:0 14px 34px rgba(120,84,0,0.10) !important;}
.clima-pergunta-card.vermelho{background:linear-gradient(135deg,#fff1f1,#ffffff) !important;border-color:#e29a9a !important;box-shadow:0 14px 34px rgba(161,28,28,0.10) !important;}
.clima-pergunta-title span{background:#e6f4e3 !important;border:1px solid #b7d8b5 !important;box-shadow:inset 0 0 0 1px rgba(47,122,60,0.06) !important;}
.clima-pergunta-title strong,.clima-score-card h3,.clima-proximas-horas h3,.clima-alerta h3{color:#172818 !important;font-weight:950 !important;}
.clima-resposta{background:#e3f5df !important;color:#2f7a3c !important;border:1px solid #a9d2a8 !important;box-shadow:0 6px 14px rgba(47,122,60,0.10) !important;}
.clima-resposta.alerta{background:#fff3bf !important;color:#785400 !important;border-color:#e4c85f !important;}
.clima-resposta.ruim{background:#ffe1e1 !important;color:#a11c1c !important;border-color:#e29a9a !important;}
.clima-container-clic{font-family:"Inter","Roboto","Segoe UI",Arial,sans-serif !important;background:radial-gradient(circle at top right,rgba(95,143,104,0.18),transparent 34%),linear-gradient(135deg,#eef9eb 0%,#fbfff8 55%,#ffffff 100%) !important;border:2px solid #9fcca2 !important;border-radius:32px !important;padding:26px !important;margin:0 0 26px 0 !important;color:#172818 !important;box-shadow:0 18px 42px rgba(47,122,60,0.13) !important;position:relative !important;overflow:hidden !important;text-align:left !important;}
.clima-container-clic::before{content:"" !important;position:absolute !important;width:170px !important;height:170px !important;right:-70px !important;top:-70px !important;border-radius:999px !important;background:rgba(95,143,104,0.12) !important;pointer-events:none !important;}
.clic-topo-linha{display:flex !important;justify-content:space-between !important;align-items:flex-start !important;gap:18px !important;position:relative !important;z-index:1 !important;}
.clic-selo{display:inline-flex !important;align-items:center !important;background:#2f7a3c !important;color:#ffffff !important;font-size:0.72rem !important;font-weight:950 !important;letter-spacing:0.05em !important;padding:6px 11px !important;border-radius:999px !important;margin-bottom:12px !important;box-shadow:0 7px 16px rgba(47,122,60,0.22) !important;}
.clic-cidade{color:#132414 !important;font-size:clamp(1.35rem,2.4vw,2rem) !important;line-height:1.15 !important;font-weight:950 !important;letter-spacing:-0.04em !important;margin:0 !important;}
.clic-atualizacao{color:#5f6f60 !important;font-size:0.82rem !important;font-weight:700 !important;margin-top:7px !important;opacity:1 !important;}
.clic-status-pill{background:#ffffff !important;border:1px solid #b7d8b5 !important;color:#2f7a3c !important;border-radius:999px !important;padding:9px 13px !important;font-size:0.82rem !important;font-weight:950 !important;white-space:nowrap !important;box-shadow:0 8px 18px rgba(47,122,60,0.10) !important;}
.clic-hero{display:grid !important;grid-template-columns:1fr 150px !important;align-items:center !important;gap:22px !important;margin-top:24px !important;position:relative !important;z-index:1 !important;}
.clic-temp-bloco{background:rgba(255,255,255,0.72) !important;border:1px solid #c5dfc3 !important;border-radius:28px !important;padding:22px 24px !important;box-shadow:inset 0 0 0 1px rgba(47,122,60,0.03) !important;}
.clic-temp{color:#0f1f10 !important;font-size:clamp(4.7rem,10vw,8.5rem) !important;line-height:0.9 !important;font-weight:950 !important;letter-spacing:-0.08em !important;margin:0 !important;}
.clic-condicao{color:#2f7a3c !important;font-size:1rem !important;font-weight:900 !important;margin-top:14px !important;margin-bottom:0 !important;}
.clic-icon-card{width:150px !important;height:150px !important;background:linear-gradient(135deg,#ffffff,#f3fbef) !important;border:1px solid #c5dfc3 !important;border-radius:34px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 16px 34px rgba(47,122,60,0.12) !important;}
.clic-icon-grande{font-size:4.3rem !important;line-height:1 !important;filter:drop-shadow(0 8px 12px rgba(0,0,0,0.10)) !important;}
.clic-detalhes{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important;margin-top:18px !important;padding:0 !important;border:none !important;width:100% !important;position:relative !important;z-index:1 !important;}
.clic-item{background:rgba(255,255,255,0.78) !important;border:1px solid #c5dfc3 !important;border-radius:24px !important;padding:17px 14px !important;text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;min-height:150px !important;box-shadow:inset 0 0 0 1px rgba(47,122,60,0.03) !important;}
.clic-item::after,.clic-item:not(:last-child)::after{display:none !important;}
.clic-item-icon{width:40px !important;height:40px !important;background:#e6f4e3 !important;border:1px solid #b7d8b5 !important;border-radius:15px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:1.25rem !important;margin-bottom:10px !important;}
.clic-item i{display:none !important;}
.clic-item .label{color:#5f8f68 !important;font-size:0.72rem !important;font-weight:950 !important;text-transform:uppercase !important;letter-spacing:0.05em !important;margin-bottom:5px !important;}
.clic-item .valor{color:#102111 !important;font-size:1.35rem !important;line-height:1.1 !important;font-weight:950 !important;margin:3px 0 8px !important;}
.clic-item .dica{color:#4f5f50 !important;font-size:0.86rem !important;line-height:1.42 !important;font-weight:650 !important;margin:0 !important;}
@media(max-width:560px){.clima-container-clic{border-radius:26px !important;padding:20px 14px !important;margin-bottom:22px !important;}
.clic-topo-linha{flex-direction:column !important;gap:10px !important;}
.clic-selo{font-size:0.65rem !important;padding:5px 9px !important;margin-bottom:10px !important;}
.clic-cidade{font-size:1.28rem !important;letter-spacing:-0.03em !important;}
.clic-atualizacao{font-size:0.76rem !important;}
.clic-status-pill{font-size:0.76rem !important;padding:8px 11px !important;}
.clic-hero{grid-template-columns:1fr 92px !important;gap:10px !important;margin-top:18px !important;}
.clic-temp-bloco{border-radius:22px !important;padding:18px 16px !important;}
.clic-temp{font-size:4.6rem !important;}
.clic-condicao{font-size:0.9rem !important;margin-top:10px !important;}
.clic-icon-card{width:92px !important;height:92px !important;border-radius:24px !important;}
.clic-icon-grande{font-size:3rem !important;}
.clic-detalhes{grid-template-columns:1fr !important;gap:10px !important;margin-top:12px !important;}
.clic-item{min-height:unset !important;display:grid !important;grid-template-columns:44px 1fr auto !important;grid-template-areas:"icone label valor" "icone dica dica" !important;text-align:left !important;align-items:center !important;padding:13px 14px !important;border-radius:20px !important;}
.clic-item-icon{grid-area:icone !important;width:36px !important;height:36px !important;border-radius:14px !important;margin:0 !important;}
.clic-item .label{grid-area:label !important;margin:0 !important;font-size:0.68rem !important;}
.clic-item .valor{grid-area:valor !important;margin:0 !important;font-size:1rem !important;text-align:right !important;white-space:nowrap !important;}
.clic-item .dica{grid-area:dica !important;margin-top:4px !important;font-size:0.78rem !important;}
}
.clima-dias-futuros-card{margin-top:24px !important;background:radial-gradient(circle at top right,rgba(95,143,104,0.16),transparent 34%),linear-gradient(135deg,#eef9eb 0%,#fbfff8 55%,#ffffff 100%) !important;border:2px solid #9fcca2 !important;border-radius:32px !important;padding:24px !important;box-shadow:0 18px 42px rgba(47,122,60,0.13) !important;position:relative !important;overflow:hidden !important;}
.clima-dias-futuros-topo span{display:inline-block !important;background:#2f7a3c !important;color:#ffffff !important;font-size:0.72rem !important;font-weight:950 !important;letter-spacing:0.05em !important;padding:6px 11px !important;border-radius:999px !important;margin-bottom:12px !important;box-shadow:0 7px 16px rgba(47,122,60,0.22) !important;}
.clima-dias-futuros-topo h3{margin:0 0 6px !important;color:#132414 !important;font-size:1.35rem !important;line-height:1.2 !important;font-weight:950 !important;letter-spacing:-0.03em !important;}
.clima-dias-futuros-topo p{margin:0 !important;color:#5f6f60 !important;font-size:0.92rem !important;font-weight:650 !important;line-height:1.45 !important;}
.clima-dias-futuros-lista{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;margin-top:18px !important;}
.clima-dia-futuro-item{display:grid !important;grid-template-columns:120px 1fr 120px !important;gap:12px !important;align-items:center !important;background:rgba(255,255,255,0.88) !important;border:1.5px solid #b8d4b5 !important;border-radius:24px !important;padding:14px 16px !important;box-shadow:0 8px 20px rgba(47,122,60,0.06),inset 0 0 0 1px rgba(255,255,255,0.35) !important;}
.clima-dia-futuro-esq{display:flex !important;align-items:center !important;gap:10px !important;}
.clima-dia-futuro-esq strong{color:#203421 !important;font-size:0.9rem !important;font-weight:950 !important;text-transform:capitalize !important;}
.clima-dia-futuro-icone{width:40px !important;height:40px !important;min-width:40px !important;background:#e6f4e3 !important;border:1px solid #b7d8b5 !important;border-radius:15px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:1.3rem !important;}
.clima-dia-futuro-centro b{display:block !important;color:#102111 !important;font-size:1.25rem !important;line-height:1.1 !important;font-weight:950 !important;}
.clima-dia-futuro-centro small{display:block !important;color:#5f6f60 !important;font-size:0.82rem !important;font-weight:800 !important;margin-top:4px !important;}
.clima-dia-futuro-dir{text-align:right !important;}
.clima-dia-futuro-dir em{display:block !important;color:#2f7a3c !important;font-size:0.78rem !important;font-style:normal !important;font-weight:950 !important;}
.clima-dia-futuro-dir small{display:block !important;color:#4f5f50 !important;font-size:0.74rem !important;font-weight:800 !important;margin-top:4px !important;}
@media(max-width:560px){.clima-dias-futuros-card{border-radius:26px !important;padding:20px 14px !important;}
.clima-dias-futuros-topo span{font-size:0.65rem !important;padding:5px 9px !important;}
.clima-dias-futuros-topo h3{font-size:1.18rem !important;}
.clima-dia-futuro-item{grid-template-columns:1fr !important;gap:8px !important;padding:14px !important;}
.clima-dia-futuro-esq{justify-content:space-between !important;}
.clima-dia-futuro-centro b{font-size:1.15rem !important;}
.clima-dia-futuro-dir{display:flex !important;justify-content:space-between !important;gap:10px !important;text-align:left !important;}
}
.clima-proximas-horas{margin-top:24px !important;background:radial-gradient(circle at top right,rgba(95,143,104,0.16),transparent 34%),linear-gradient(135deg,#eef9eb 0%,#fbfff8 55%,#ffffff 100%) !important;border:2px solid #9fcca2 !important;border-radius:32px !important;padding:24px !important;box-shadow:0 18px 42px rgba(47,122,60,0.13) !important;position:relative !important;overflow:hidden !important;}
.clima-proximas-horas::before{content:"PRÓXIMAS HORAS";display:inline-block !important;background:#2f7a3c !important;color:#ffffff !important;font-size:0.72rem !important;font-weight:950 !important;letter-spacing:0.05em !important;padding:6px 11px !important;border-radius:999px !important;margin-bottom:12px !important;box-shadow:0 7px 16px rgba(47,122,60,0.22) !important;}
.clima-proximas-horas h3{margin:0 0 6px !important;color:#132414 !important;font-size:1.35rem !important;line-height:1.2 !important;font-weight:950 !important;letter-spacing:-0.03em !important;}
.clima-proximas-sub{margin:0 0 18px !important;color:#5f6f60 !important;font-size:0.92rem !important;font-weight:650 !important;line-height:1.45 !important;}
.clima-horas-lista{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr)) !important;gap:12px !important;margin-top:18px !important;}
.clima-hora-card{background:rgba(255,255,255,0.88) !important;border:1.5px solid #b8d4b5 !important;border-radius:24px !important;padding:16px 14px !important;text-align:center !important;min-height:158px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;box-shadow:0 8px 20px rgba(47,122,60,0.06),inset 0 0 0 1px rgba(255,255,255,0.35) !important;}
.clima-hora-card strong{color:#203421 !important;font-size:0.9rem !important;font-weight:950 !important;margin-bottom:8px !important;}
.clima-hora-icone{width:42px !important;height:42px !important;background:#e6f4e3 !important;border:1px solid #b7d8b5 !important;border-radius:16px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:1.35rem !important;margin-bottom:8px !important;filter:drop-shadow(0 5px 8px rgba(0,0,0,0.08));}
.clima-hora-card span{display:block !important;color:#102111 !important;font-size:1.22rem !important;line-height:1.1 !important;font-weight:950 !important;margin-bottom:4px !important;}
.clima-hora-card small{display:block !important;color:#5f6f60 !important;font-size:0.82rem !important;font-weight:800 !important;margin-top:2px !important;}
.clima-hora-card em{display:inline-flex !important;align-items:center !important;justify-content:center !important;margin-top:9px !important;padding:5px 9px !important;border-radius:999px !important;background:#e6f4e3 !important;border:1px solid #b7d8b5 !important;color:#2f7a3c !important;font-size:0.76rem !important;font-style:normal !important;font-weight:950 !important;}
@media(max-width:560px){.clima-proximas-horas{border-radius:26px !important;padding:20px 14px !important;}
.clima-proximas-horas::before{font-size:0.65rem !important;padding:5px 9px !important;margin-bottom:10px !important;}
.clima-proximas-horas h3{font-size:1.18rem !important;}
.clima-proximas-sub{font-size:0.86rem !important;margin-bottom:14px !important;}
.clima-horas-lista{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
.clima-hora-card{display:grid !important;grid-template-columns:54px 1fr 78px !important;grid-template-areas:"hora centro chuva" !important;align-items:center !important;text-align:left !important;min-height:74px !important;padding:13px 14px !important;border-radius:22px !important;}
.hora-esq{grid-area:hora !important;align-items:flex-start !important;}
.hora-esq strong{font-size:0.86rem !important;margin:0 !important;}
.hora-centro{grid-area:centro !important;}
.hora-centro span{font-size:1.08rem !important;font-weight:950 !important;}
.hora-centro small{font-size:0.78rem !important;margin-top:3px !important;}
.hora-dir{grid-area:chuva !important;justify-content:flex-end !important;}
.hora-dir em{background:#e6f4e3 !important;border:1px solid #b7d8b5 !important;color:#2f7a3c !important;border-radius:999px !important;padding:5px 8px !important;font-size:0.72rem !important;font-weight:950 !important;text-align:center !important;white-space:normal !important;}
}
.clic-temp-linha{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:22px !important;width:100% !important;}
.clic-temp-info{flex:1 !important;min-width:0 !important;}
.clic-sensacao-inline{min-width:150px !important;max-width:170px !important;background:linear-gradient(135deg,#f7fff4,#ffffff) !important;border:1.5px solid #b8d4b5 !important;border-radius:22px !important;padding:14px 12px !important;text-align:center !important;box-shadow:0 8px 20px rgba(47,122,60,0.07),inset 0 0 0 1px rgba(255,255,255,0.35) !important;}
.clic-sensacao-inline span{display:block !important;color:#5f8f68 !important;font-size:0.68rem !important;font-weight:950 !important;text-transform:uppercase !important;letter-spacing:0.05em !important;margin-bottom:5px !important;}
.clic-sensacao-inline strong{display:block !important;color:#102111 !important;font-size:2rem !important;line-height:1 !important;font-weight:950 !important;}
.clic-sensacao-inline small{display:block !important;color:#4f5f50 !important;font-size:0.78rem !important;font-weight:800 !important;margin-top:6px !important;line-height:1.25 !important;}
.clic-lateral-clima{display:contents !important;}
.clic-sensacao-card{display:none !important;}
@media(max-width:560px){.clic-temp-linha{gap:10px !important;}
.clic-sensacao-inline{min-width:92px !important;max-width:96px !important;border-radius:18px !important;padding:10px 7px !important;}
.clic-sensacao-inline span{font-size:0.52rem !important;letter-spacing:0.04em !important;}
.clic-sensacao-inline strong{font-size:1.35rem !important;}
.clic-sensacao-inline small{font-size:0.6rem !important;}
}
.calendario-manutencao-card{margin-top:24px !important;margin-bottom:24px !important;margin-left:0 !important;margin-right:0 !important;max-width:none !important;width:100% !important;box-sizing:border-box !important;background:radial-gradient(circle at top right,rgba(95,143,104,0.18),transparent 34%),linear-gradient(135deg,#eef9eb 0%,#fbfff8 55%,#ffffff 100%) !important;border:2px solid #9fcca2 !important;border-radius:32px !important;padding:24px !important;box-shadow:0 18px 42px rgba(47,122,60,0.13) !important;position:relative !important;overflow:hidden !important;color:#172818 !important;font-family:"Inter","Roboto","Segoe UI",Arial,sans-serif !important;}
.calendario-manutencao-card::before{content:"" !important;position:absolute !important;width:170px !important;height:170px !important;right:-70px !important;top:-70px !important;border-radius:999px !important;background:rgba(95,143,104,0.12) !important;pointer-events:none !important;}
.calendario-manutencao-card::after{content:"" !important;position:absolute !important;width:130px !important;height:130px !important;left:-55px !important;bottom:-55px !important;border-radius:999px !important;background:rgba(95,143,104,0.08) !important;pointer-events:none !important;}
.calendario-manutencao-topo,.calendario-manutencao-resumo,.calendario-manutencao-pausadas,.calendario-manutencao-proximas,.calendario-manutencao-semana,.calendario-manutencao-grid,.calendario-manutencao-legenda{position:relative !important;z-index:2 !important;}
.calendario-manutencao-topo{margin-bottom:16px !important;}
.calendario-manutencao-selo{display:inline-flex !important;align-items:center !important;width:fit-content !important;background:#2f7a3c !important;color:#ffffff !important;font-size:0.72rem !important;font-weight:950 !important;letter-spacing:0.05em !important;padding:6px 11px !important;border-radius:999px !important;margin-bottom:12px !important;box-shadow:0 7px 16px rgba(47,122,60,0.22) !important;}
.calendario-manutencao-topo h3{margin:0 0 6px !important;color:#132414 !important;font-size:1.35rem !important;line-height:1.2 !important;font-weight:950 !important;letter-spacing:-0.03em !important;}
.calendario-manutencao-topo p{margin:0 !important;color:#5f6f60 !important;font-size:0.92rem !important;font-weight:650 !important;line-height:1.45 !important;}
.calendario-manutencao-resumo{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;margin:18px 0 14px !important;padding:14px 16px !important;border-radius:24px !important;background:rgba(255,255,255,0.78) !important;border:1.5px solid #b8d4b5 !important;box-shadow:0 8px 20px rgba(47,122,60,0.06),inset 0 0 0 1px rgba(255,255,255,0.35) !important;}
.calendario-manutencao-resumo strong{color:#203421 !important;font-size:0.95rem !important;font-weight:950 !important;text-transform:capitalize !important;}
.calendario-manutencao-resumo span{color:#4f5f50 !important;font-size:0.78rem !important;font-weight:800 !important;text-align:right !important;}
.calendario-manutencao-pausadas{margin:0 0 14px !important;padding:14px !important;border-radius:24px !important;background:linear-gradient(135deg,#fff9e8,#ffffff) !important;border:1.5px solid #e4c85f !important;box-shadow:0 8px 20px rgba(120,84,0,0.08) !important;}
.calendario-manutencao-pausadas>strong{display:block !important;margin-bottom:10px !important;color:#785400 !important;font-size:0.88rem !important;font-weight:950 !important;}
.calendario-manutencao-pausadas div{display:grid !important;gap:8px !important;}
.calendario-manutencao-pausadas span{display:block !important;background:rgba(255,255,255,0.88) !important;border:1px solid rgba(228,200,95,0.35) !important;border-radius:18px !important;padding:10px 12px !important;color:#5b4300 !important;font-size:0.78rem !important;font-weight:800 !important;line-height:1.45 !important;}
.calendario-manutencao-pausadas b{color:#5b4300 !important;font-weight:950 !important;margin-right:4px !important;}
.calendario-manutencao-proximas{margin:0 0 16px !important;padding:16px !important;border-radius:24px !important;background:rgba(255,255,255,0.78) !important;border:1.5px solid #b8d4b5 !important;box-shadow:0 8px 20px rgba(47,122,60,0.06),inset 0 0 0 1px rgba(255,255,255,0.35) !important;}
.calendario-manutencao-proximas>strong{display:block !important;margin-bottom:10px !important;color:#203421 !important;font-size:0.9rem !important;font-weight:950 !important;}
.calendario-manutencao-proximas div{display:flex !important;flex-wrap:wrap !important;gap:8px !important;}
.calendario-manutencao-proximas span{display:inline-flex !important;align-items:center !important;gap:6px !important;padding:9px 12px !important;border-radius:999px !important;background:#ffffff !important;color:#254334 !important;font-size:0.76rem !important;font-weight:900 !important;border:1px solid #c5dfc3 !important;box-shadow:0 6px 14px rgba(47,122,60,0.08) !important;}
.calendario-manutencao-proximas span.adiar{background:#fff3bf !important;color:#785400 !important;border-color:#e4c85f !important;}
.calendario-manutencao-proximas b{color:#2f7a3c !important;font-weight:950 !important;}
.calendario-manutencao-dia.com-tarefa::before{inset:0 0 auto 0 !important;}
.calendario-manutencao-numero{flex:0 0 auto !important;}
.calendario-manutencao-tarefa{gap:6px !important;}
.calendario-manutencao-tarefa span{flex:0 0 auto !important;}
.calendario-manutencao-tarefa strong{min-width:0 !important;color:inherit !important;font-size:0.68rem !important;font-weight:950 !important;line-height:1.12 !important;white-space:normal !important;overflow:visible !important;text-overflow:initial !important;}
.calendario-manutencao-legenda{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin-top:14px !important;}
.calendario-manutencao-legenda span{display:inline-flex !important;align-items:center !important;gap:6px !important;color:#4f5f50 !important;font-size:0.72rem !important;font-weight:850 !important;}
.calendario-manutencao-legenda b{width:11px !important;height:11px !important;border-radius:999px !important;display:inline-block !important;}
.legenda-tarefa{background:#2f7a3c !important;}
.legenda-adiar{background:#e4c85f !important;}
.legenda-hoje{background:transparent !important;border:2px solid #2f7a3c !important;}
@media(max-width:560px){.calendario-manutencao-card{border-radius:26px !important;padding:20px 14px !important;margin-top:22px !important;margin-bottom:22px !important;}
.calendario-manutencao-selo{font-size:0.65rem !important;padding:5px 9px !important;margin-bottom:10px !important;}
.calendario-manutencao-topo h3{font-size:1.18rem !important;}
.calendario-manutencao-topo p{font-size:0.86rem !important;}
.calendario-manutencao-resumo{display:block !important;border-radius:20px !important;padding:13px 14px !important;}
.calendario-manutencao-resumo span{display:block !important;margin-top:5px !important;text-align:left !important;font-size:0.74rem !important;}
.calendario-manutencao-pausadas,.calendario-manutencao-proximas{border-radius:22px !important;padding:14px !important;}
.calendario-manutencao-proximas div{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;}
.calendario-manutencao-proximas span{width:100% !important;justify-content:flex-start !important;border-radius:16px !important;padding:10px 12px !important;font-size:0.74rem !important;box-sizing:border-box !important;}
.calendario-manutencao-dia{justify-content:flex-start !important;}
.calendario-manutencao-tarefas{display:flex !important;align-items:center !important;width:100% !important;margin-top:1px !important;}
.calendario-manutencao-tarefa{padding:0 !important;border-radius:999px !important;justify-content:center !important;}
.calendario-manutencao-tarefa strong{display:none !important;}
.calendario-manutencao-extra{padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}
.calendario-manutencao-legenda{gap:8px !important;}
.calendario-manutencao-legenda span{font-size:0.62rem !important;}
}
@media(max-width:390px){.calendario-manutencao-card{padding:18px 12px !important;}
}
.clima-lua-card{margin-top:24px !important;background:radial-gradient(circle at top right,rgba(95,143,104,0.16),transparent 34%),linear-gradient(135deg,#eef9eb 0%,#fbfff8 55%,#ffffff 100%) !important;border:2px solid #9fcca2 !important;border-radius:32px !important;padding:24px !important;box-shadow:0 18px 42px rgba(47,122,60,0.13) !important;position:relative !important;overflow:hidden !important;}
.clima-lua-card::before{content:"";position:absolute;width:150px;height:150px;right:-55px;top:-55px;border-radius:999px;background:rgba(95,143,104,0.12);pointer-events:none;}
.clima-lua-topo,.clima-lua-resumo,.clima-lua-grid,.clima-lua-rodape{position:relative;z-index:2;}
.clima-lua-topo h3{margin:0 0 6px !important;color:#132414 !important;font-size:1.35rem !important;line-height:1.2 !important;font-weight:950 !important;letter-spacing:-0.03em !important;}
.clima-lua-topo p{margin:0 !important;color:#5f6f60 !important;font-size:0.92rem !important;font-weight:650 !important;line-height:1.5 !important;}
.clima-lua-badge small{margin-top:4px;}
.clima-lua-resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}
.clima-lua-resumo-item{background:rgba(255,255,255,0.82);border:1.5px solid #b8d4b5;border-radius:22px;padding:14px 14px;box-shadow:0 8px 20px rgba(47,122,60,0.06),inset 0 0 0 1px rgba(255,255,255,0.35);}
.clima-lua-resumo-item span{display:block;color:#5f8f68;font-size:0.7rem;font-weight:950;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:6px;}
.clima-lua-resumo-item strong{display:block;color:#102111;font-size:1rem;line-height:1.2;font-weight:950;}
.clima-lua-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.clima-lua-box{background:rgba(255,255,255,0.88);border-radius:26px;padding:18px;box-shadow:0 8px 20px rgba(47,122,60,0.06),inset 0 0 0 1px rgba(255,255,255,0.35);}
.clima-lua-box.bom{border:1.5px solid #b8d4b5;}
.clima-lua-box.alerta{border:1.5px solid #e4c85f;background:linear-gradient(135deg,#fff9e8,#ffffff);}
.clima-lua-label{display:inline-block;background:#e6f4e3;color:#2f7a3c;border:1px solid #b7d8b5;font-size:0.72rem;font-weight:950;padding:6px 10px;border-radius:999px;margin-bottom:12px;}
.clima-lua-box.alerta .clima-lua-label{background:#fff3bf;color:#785400;border-color:#e4c85f;}
.clima-lua-box ul{margin:0;padding-left:18px;}
.clima-lua-box li{color:#4f5f50;font-size:0.9rem;line-height:1.5;font-weight:700;margin-bottom:8px;}
.clima-lua-box li:last-child{margin-bottom:0;}
.clima-lua-rodape{margin-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.clima-lua-rodape span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,0.78);border:1px solid #c5dfc3;color:#4f5f50;font-size:0.74rem;font-weight:850;}
.clima-lua-card.nova .clima-lua-selo{background:#425b4c !important;}
.clima-lua-card.cheia .clima-lua-selo{background:#5f8f68 !important;}
.clima-lua-card.minguante .clima-lua-selo{background:#486957 !important;}
@media(max-width:560px){.clima-lua-card{border-radius:26px !important;padding:20px 14px !important;}
.clima-lua-topo h3{font-size:1.18rem !important;}
.clima-lua-topo p{font-size:0.86rem !important;}
.clima-lua-resumo{grid-template-columns:1fr;gap:10px;}
.clima-lua-resumo-item{border-radius:20px;padding:13px 14px;}
.clima-lua-grid{grid-template-columns:1fr;gap:10px;}
.clima-lua-box{border-radius:22px;padding:16px 14px;}
.clima-lua-box li{font-size:0.86rem;}
.clima-lua-rodape{flex-direction:column;gap:8px;}
.clima-lua-rodape span{width:100%;justify-content:center;text-align:center;box-sizing:border-box;}
}
.calendario-manutencao-semana{display:grid !important;grid-template-columns:repeat(7,minmax(0,1fr)) !important;gap:8px !important;margin:18px 0 10px !important;}
.calendario-manutencao-semana span{text-align:center !important;color:#4f7b58 !important;font-size:0.7rem !important;font-weight:950 !important;letter-spacing:0.06em !important;}
.calendario-manutencao-grid{display:grid !important;grid-template-columns:repeat(7,minmax(0,1fr)) !important;gap:9px !important;}
.calendario-manutencao-dia{min-height:96px !important;padding:9px !important;border-radius:22px !important;background:linear-gradient(180deg,rgba(255,255,255,0.94),rgba(248,253,249,0.92)) !important;border:1.5px solid #c5dfc3 !important;box-shadow:0 8px 20px rgba(47,122,60,0.055),inset 0 0 0 1px rgba(255,255,255,0.55) !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:space-between !important;gap:8px !important;position:relative !important;overflow:hidden !important;}
.calendario-manutencao-dia.vazio{background:transparent !important;border:none !important;box-shadow:none !important;}
.calendario-manutencao-dia.com-tarefa::before{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:5px !important;background:linear-gradient(90deg,#2f7a3c,#5f8f68) !important;}
.calendario-manutencao-dia.hoje{border:2px solid #2f7a3c !important;box-shadow:0 0 0 4px rgba(47,122,60,0.12),0 12px 28px rgba(47,122,60,0.14) !important;}
.calendario-manutencao-numero{width:31px !important;height:31px !important;border-radius:999px !important;background:#e6f4e3 !important;border:1px solid #b7d8b5 !important;color:#203421 !important;font-size:0.82rem !important;font-weight:950 !important;display:flex !important;align-items:center !important;justify-content:center !important;position:relative !important;z-index:2 !important;}
.calendario-manutencao-dia.hoje .calendario-manutencao-numero{background:#2f7a3c !important;border-color:#2f7a3c !important;color:#ffffff !important;box-shadow:0 7px 16px rgba(47,122,60,0.22) !important;}
.calendario-manutencao-tarefas{width:100% !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:flex-start !important;gap:5px !important;margin-top:auto !important;position:relative !important;z-index:2 !important;}
.calendario-manutencao-tarefa{width:32px !important;height:32px !important;min-width:32px !important;max-width:32px !important;padding:0 !important;border-radius:999px !important;background:#e6f4e3 !important;border:1px solid #b7d8b5 !important;color:#203421 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 5px 12px rgba(47,122,60,0.08),inset 0 0 0 1px rgba(255,255,255,0.45) !important;}
.calendario-manutencao-tarefa.adiar{background:#fff3bf !important;color:#785400 !important;border-color:#e4c85f !important;box-shadow:0 5px 12px rgba(120,84,0,0.08),inset 0 0 0 1px rgba(255,255,255,0.45) !important;}
.calendario-manutencao-tarefa span{font-size:1rem !important;line-height:1 !important;margin:0 !important;}
.calendario-manutencao-tarefa strong{display:none !important;}
.calendario-manutencao-extra{width:32px !important;height:32px !important;min-width:32px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:999px !important;background:#2f7a3c !important;color:#ffffff !important;font-size:0.62rem !important;font-weight:950 !important;box-shadow:0 6px 14px rgba(47,122,60,0.16) !important;}
.calendario-manutencao-vazio-dia{display:none !important;}
@media(min-width:769px){.calendario-manutencao-dia{transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease !important;}
.calendario-manutencao-dia:not(.vazio):hover{transform:translateY(-2px) !important;border-color:#9fcca2 !important;box-shadow:0 14px 30px rgba(47,122,60,0.12),inset 0 0 0 1px rgba(255,255,255,0.55) !important;}
}
@media(max-width:560px){.calendario-manutencao-semana{gap:4px !important;margin-top:14px !important;margin-bottom:6px !important;}
.calendario-manutencao-semana span{font-size:0.54rem !important;letter-spacing:0.03em !important;}
.calendario-manutencao-grid{gap:4px !important;}
.calendario-manutencao-dia{min-height:58px !important;padding:4px !important;border-radius:13px !important;align-items:center !important;gap:3px !important;}
.calendario-manutencao-dia.com-tarefa::before{height:3px !important;}
.calendario-manutencao-numero{width:22px !important;height:22px !important;font-size:0.66rem !important;}
.calendario-manutencao-tarefas{justify-content:center !important;gap:2px !important;}
.calendario-manutencao-tarefa{width:22px !important;height:22px !important;min-width:22px !important;max-width:22px !important;}
.calendario-manutencao-tarefa span{font-size:0.75rem !important;}
.calendario-manutencao-extra{width:22px !important;height:22px !important;min-width:22px !important;font-size:0.5rem !important;}
}
@media(max-width:390px){.calendario-manutencao-grid,.calendario-manutencao-semana{gap:3px !important;}
.calendario-manutencao-dia{min-height:52px !important;padding:3px !important;border-radius:11px !important;}
.calendario-manutencao-numero{width:20px !important;height:20px !important;font-size:0.6rem !important;}
.calendario-manutencao-tarefa{width:20px !important;height:20px !important;min-width:20px !important;max-width:20px !important;}
.calendario-manutencao-tarefa span{font-size:0.7rem !important;}
.calendario-manutencao-extra{width:20px !important;height:20px !important;}
}
.clima-lua-topo{display:flex;justify-content:space-between;align-items:stretch;gap:16px;margin-bottom:18px;}
.clima-lua-topo-esquerda{flex:1;min-width:0;}
.clima-lua-selo{display:inline-flex !important;align-items:center !important;background:#496f57 !important;color:#ffffff !important;font-size:0.72rem !important;font-weight:950 !important;letter-spacing:0.04em !important;padding:7px 12px !important;border-radius:999px !important;margin-bottom:12px !important;box-shadow:0 7px 16px rgba(47,122,60,0.18) !important;}
.clima-lua-fase-box{background:rgba(255,255,255,0.88);border:1.5px solid #c5dfc3;border-radius:24px;padding:16px 16px 15px;box-shadow:0 8px 20px rgba(47,122,60,0.06),inset 0 0 0 1px rgba(255,255,255,0.35);}
.clima-lua-fase-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.clima-lua-fase-icone{width:48px;height:48px;flex:0 0 48px;border-radius:16px;background:#e8f4e7;border:1px solid #b8d4b5;display:flex;align-items:center;justify-content:center;font-size:1.45rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);}
.clima-lua-fase-textos{min-width:0;}
.clima-lua-fase-kicker{display:block;color:#5f8f68;font-size:0.68rem;font-weight:950;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:2px;}
.clima-lua-fase-box h3{margin:0 !important;color:#102111 !important;font-size:1.55rem !important;line-height:1.08 !important;font-weight:950 !important;letter-spacing:-0.03em !important;}
.clima-lua-fase-box p{margin:0 !important;color:#4f5f50 !important;font-size:0.94rem !important;line-height:1.6 !important;font-weight:700 !important;}
.clima-lua-badge{min-width:110px;max-width:110px;background:rgba(255,255,255,0.88);border:1.5px solid #b8d4b5;border-radius:24px;padding:16px 12px;text-align:center;box-shadow:0 8px 20px rgba(47,122,60,0.06),inset 0 0 0 1px rgba(255,255,255,.35);display:flex;flex-direction:column;justify-content:center;}
.clima-lua-badge strong{display:block;color:#102111;font-size:1.45rem;line-height:1.05;font-weight:950;margin-bottom:6px;}
.clima-lua-badge small{display:block;color:#5f6f60;font-size:0.84rem;font-weight:800;line-height:1.35;}
@media(max-width:560px){.clima-lua-topo{flex-direction:column;gap:12px;}
.clima-lua-selo{font-size:0.64rem !important;padding:6px 10px !important;margin-bottom:10px !important;}
.clima-lua-fase-box{border-radius:20px;padding:14px;}
.clima-lua-fase-head{gap:10px;margin-bottom:8px;}
.clima-lua-fase-icone{width:42px;height:42px;flex-basis:42px;border-radius:14px;font-size:1.25rem;}
.clima-lua-fase-kicker{font-size:0.62rem;}
.clima-lua-fase-box h3{font-size:1.2rem !important;}
.clima-lua-fase-box p{font-size:0.86rem !important;line-height:1.5 !important;}
.clima-lua-badge{min-width:unset;max-width:none;width:100%;border-radius:20px;padding:12px;}
.clima-lua-badge strong{font-size:1.1rem;margin-bottom:3px;}
.clima-lua-badge small{font-size:0.75rem;}
}
.clima-planta-seletor{margin:24px 0 !important;padding:24px !important;border-radius:32px !important;background:radial-gradient(circle at top right,rgba(47,122,60,0.28),transparent 34%),linear-gradient(135deg,#dff4dc 0%,#f4fff1 48%,#ffffff 100%) !important;border:2px solid #5f8f68 !important;box-shadow:0 18px 44px rgba(47,122,60,0.18),inset 0 0 0 1px rgba(255,255,255,0.55) !important;position:relative !important;overflow:hidden !important;}
.clima-planta-seletor::before{content:"ESCOLHA A PLANTA" !important;display:inline-flex !important;align-items:center !important;background:#2f7a3c !important;color:#ffffff !important;font-size:0.72rem !important;font-weight:950 !important;letter-spacing:0.06em !important;padding:7px 12px !important;border-radius:999px !important;margin-bottom:13px !important;box-shadow:0 8px 18px rgba(47,122,60,0.26) !important;}
.clima-planta-seletor::after{content:"" !important;position:absolute !important;width:180px !important;height:180px !important;right:-72px !important;top:-72px !important;border-radius:999px !important;background:rgba(47,122,60,0.13) !important;pointer-events:none !important;}
.clima-planta-seletor strong{display:block !important;margin:0 0 16px !important;color:#132414 !important;font-size:clamp(1.15rem,2.4vw,1.55rem) !important;line-height:1.22 !important;font-weight:950 !important;letter-spacing:-0.035em !important;position:relative !important;z-index:2 !important;}
.clima-planta-select{width:100% !important;min-height:58px !important;background:linear-gradient(135deg,#ffffff,#f7fff4) !important;border:2px solid #2f7a3c !important;color:#132414 !important;border-radius:22px !important;padding:16px 48px 16px 18px !important;font-size:1.05rem !important;font-weight:950 !important;line-height:1.2 !important;outline:none !important;cursor:pointer !important;box-shadow:0 12px 26px rgba(47,122,60,0.16),inset 0 0 0 1px rgba(255,255,255,0.65) !important;position:relative !important;z-index:2 !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;background-image:linear-gradient(45deg,transparent 50%,#2f7a3c 50%),linear-gradient(135deg,#2f7a3c 50%,transparent 50%),linear-gradient(135deg,#ffffff,#f7fff4) !important;background-position:calc(100% - 24px) 50%,calc(100% - 17px) 50%,0 0 !important;background-size:8px 8px,8px 8px,100% 100% !important;background-repeat:no-repeat !important;}
.clima-planta-select:hover{border-color:#1f6f34 !important;background-color:#ffffff !important;box-shadow:0 15px 30px rgba(47,122,60,0.20),inset 0 0 0 1px rgba(255,255,255,0.75) !important;}
.clima-planta-select:focus{border-color:#1f6f34 !important;box-shadow:0 0 0 5px rgba(47,122,60,0.18),0 16px 32px rgba(47,122,60,0.20) !important;}
.clima-planta-select option{color:#132414 !important;background:#ffffff !important;font-weight:800 !important;}
.clima-planta-seletor .seletor-ajuda{margin-top:10px !important;color:#3e7148 !important;font-size:0.82rem !important;font-weight:850 !important;line-height:1.35 !important;}
@media(max-width:560px){.clima-planta-seletor{padding:20px 14px !important;border-radius:26px !important;margin:22px 0 !important;}
.clima-planta-seletor::before{font-size:0.64rem !important;padding:6px 10px !important;margin-bottom:11px !important;}
.clima-planta-seletor strong{font-size:1.12rem !important;line-height:1.28 !important;margin-bottom:14px !important;}
.clima-planta-select{min-height:56px !important;font-size:0.98rem !important;border-radius:20px !important;padding:15px 44px 15px 15px !important;background-position:calc(100% - 22px) 50%,calc(100% - 15px) 50%,0 0 !important;}
}
/* =========================================================
   TEXTO DO ARTIGO COMO CARD - SEM CRIAR CARD VAZIO
   ========================================================= */

.article-content > p:empty,
.entry-content > p:empty,
.single-content > p:empty,
.article-card > p:empty,
.article-content > p:has(br:only-child),
.entry-content > p:has(br:only-child),
.single-content > p:has(br:only-child),
.article-card > p:has(br:only-child) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.article-content > p:not(:empty),
.entry-content > p:not(:empty),
.single-content > p:not(:empty),
.article-card > p:not(:empty) {
  margin: 26px 0 30px !important;
  padding: 24px !important;

  background: linear-gradient(135deg, #ffffff 0%, #f8fcf6 100%) !important;
  border: 2px solid #c5dfc3 !important;
  border-radius: 30px !important;

  box-shadow: 0 10px 26px rgba(18, 31, 20, 0.055) !important;

  color: #3f4f42 !important;
  font-size: 1.02rem !important;
  line-height: 1.78 !important;
  font-weight: 520 !important;

  position: relative !important;
  overflow: hidden !important;
}

.article-content > p:not(:empty)::before,
.entry-content > p:not(:empty)::before,
.single-content > p:not(:empty)::before,
.article-card > p:not(:empty)::before {


  display: inline-flex !important;
  align-items: center !important;

  background: #2f7a3c !important;
  color: #ffffff !important;

  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;

  padding: 7px 12px !important;
  border-radius: 999px !important;
  margin-bottom: 14px !important;

  box-shadow: 0 6px 14px rgba(18, 31, 20, 0.10) !important;
}

/* Não transforma textos internos do shortcode em card */
.clima-premium p,
.clima-container-clic p,
.clima-planta-seletor p,
.clima-pergunta-card p,
.clima-proximas-horas p,
.clima-dias-futuros-card p,
.calendario-manutencao-card p,
.clima-lua-card p,
.clima-score-card p,
.share-banner p {
  margin: revert !important;
  padding: revert !important;
  border: revert !important;
  border-radius: revert !important;
  box-shadow: none !important;
  background: transparent !important;
}

@media (max-width: 560px) {
  .article-content > p:not(:empty),
  .entry-content > p:not(:empty),
  .single-content > p:not(:empty),
  .article-card > p:not(:empty) {
    margin: 22px 0 26px !important;
    padding: 20px 16px !important;
    border-radius: 26px !important;
    font-size: 0.94rem !important;
    line-height: 1.7 !important;
  }

  .article-content > p:not(:empty)::before,
  .entry-content > p:not(:empty)::before,
  .single-content > p:not(:empty)::before,
  .article-card > p:not(:empty)::before {
    font-size: 0.64rem !important;
    padding: 6px 10px !important;
    margin-bottom: 12px !important;
  }
} /* =========================================================
   AJUSTE MOBILE - PRÓXIMAS HORAS
   tira a bolinha do "% chuva" e usa melhor o espaço do card
   ========================================================= */

@media (max-width: 560px) {

  .clima-proximas-horas .clima-hora-card {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    grid-template-areas:
      "hora centro"
      "hora chuva" !important;
    column-gap: 12px !important;
    row-gap: 6px !important;
    align-items: center !important;
    min-height: 84px !important;
    padding: 13px 14px !important;
    border-radius: 22px !important;
  }

  .clima-proximas-horas .hora-esq {
    grid-area: hora !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .clima-proximas-horas .hora-esq strong {
    font-size: 0.8rem !important;
    line-height: 1 !important;
    margin: 0 0 6px !important;
    color: #203421 !important;
  }

  .clima-proximas-horas .clima-hora-icone {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 15px !important;
    margin: 0 !important;
    font-size: 1.18rem !important;
  }

  .clima-proximas-horas .hora-centro {
    grid-area: centro !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
  }

  .clima-proximas-horas .hora-centro span {
    font-size: 1.16rem !important;
    line-height: 1.05 !important;
    margin: 0 0 2px !important;
    color: #102111 !important;
  }

  .clima-proximas-horas .hora-centro small {
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    color: #5f6f60 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }

  .clima-proximas-horas .hora-dir {
    grid-area: chuva !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  .clima-proximas-horas .hora-dir em {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 5px 9px !important;

    border-radius: 10px !important;
    background: #edf8ea !important;
    border: 1px solid #c9e2c7 !important;
    color: #2f7a3c !important;

    font-size: 0.69rem !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    text-align: left !important;

    box-shadow: none !important;
  }

  .clima-proximas-horas .hora-dir em::before {
    content: "💧";
    margin-right: 4px;
    font-size: 0.72rem;
  }  
} /* =========================================================
   CORREÇÃO MOBILE - PRÓXIMAS HORAS
   remove o espaço branco da direita e mantém o % chuva bonito
   ========================================================= */

@media (max-width: 560px) {

  .clima-proximas-horas .clima-hora-card {
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) auto !important;
    grid-template-areas: "hora centro chuva" !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 82px !important;
    padding: 13px 13px !important;
    border-radius: 22px !important;
  }

  .clima-proximas-horas .hora-esq {
    grid-area: hora !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .clima-proximas-horas .hora-esq strong {
    font-size: 0.78rem !important;
    line-height: 1 !important;
    margin: 0 0 6px !important;
    color: #203421 !important;
  }

  .clima-proximas-horas .clima-hora-icone {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 14px !important;
    margin: 0 !important;
    font-size: 1.12rem !important;
  }

  .clima-proximas-horas .hora-centro {
    grid-area: centro !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .clima-proximas-horas .hora-centro span {
    font-size: 1.15rem !important;
    line-height: 1.05 !important;
    margin: 0 0 3px !important;
    color: #102111 !important;
    white-space: nowrap !important;
  }

  .clima-proximas-horas .hora-centro small {
    font-size: 0.74rem !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    color: #5f6f60 !important;
    white-space: normal !important;
  }

  .clima-proximas-horas .hora-dir {
    grid-area: chuva !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .clima-proximas-horas .hora-dir em {
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 7px 9px !important;
    margin: 0 !important;

    border-radius: 12px !important;
    background: #edf8ea !important;
    border: 1px solid #c9e2c7 !important;
    color: #2f7a3c !important;

    font-size: 0.66rem !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    text-align: center !important;

    box-shadow: none !important;
  }

  .clima-proximas-horas .hora-dir em::before {
    content: "💧";
    margin-right: 4px;
    font-size: 0.7rem;
  }
} /* =========================================================
   CARD PREMIUM - PRÓXIMOS DIAS
   melhora desktop e celular sem alterar o JS
   ========================================================= */

.clima-dias-futuros-card {
  margin-top: 28px !important;
  padding: 28px !important;
  border-radius: 34px !important;

  background:
    radial-gradient(circle at 92% 8%, rgba(47, 122, 60, 0.18), transparent 28%),
    radial-gradient(circle at 8% 92%, rgba(159, 204, 162, 0.22), transparent 30%),
    linear-gradient(135deg, #eff9eb 0%, #fbfff8 54%, #ffffff 100%) !important;

  border: 2px solid #9fcca2 !important;
  box-shadow:
    0 22px 54px rgba(47, 122, 60, 0.14),
    inset 0 0 0 1px rgba(255, 255, 255, 0.75) !important;

  position: relative !important;
  overflow: hidden !important;
}

.clima-dias-futuros-card::before {
  content: "" !important;
  position: absolute !important;
  width: 210px !important;
  height: 210px !important;
  right: -92px !important;
  top: -92px !important;
  border-radius: 999px !important;
  background: rgba(47, 122, 60, 0.12) !important;
  pointer-events: none !important;
}

.clima-dias-futuros-card::after {
  content: "" !important;
  position: absolute !important;
  width: 150px !important;
  height: 150px !important;
  left: -70px !important;
  bottom: -70px !important;
  border-radius: 999px !important;
  background: rgba(159, 204, 162, 0.18) !important;
  pointer-events: none !important;
}

.clima-dias-futuros-topo,
.clima-dias-futuros-lista {
  position: relative !important;
  z-index: 2 !important;
}

.clima-dias-futuros-topo {
  max-width: 620px !important;
}

.clima-dias-futuros-topo span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  background: linear-gradient(135deg, #2f7a3c, #1f6530) !important;
  color: #ffffff !important;

  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;

  padding: 7px 13px !important;
  border-radius: 999px !important;
  margin-bottom: 14px !important;

  box-shadow: 0 8px 18px rgba(47, 122, 60, 0.26) !important;
}

.clima-dias-futuros-topo span::before {
  content: "🌿";
  font-size: 0.82rem;
}

.clima-dias-futuros-topo h3 {
  margin: 0 0 8px !important;
  color: #102111 !important;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
}

.clima-dias-futuros-topo p {
  margin: 0 !important;
  color: #536956 !important;
  font-size: 0.96rem !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
}

/* DESKTOP: vira grade premium de cards */
@media (min-width: 761px) {

  .clima-dias-futuros-lista {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 22px !important;
  }

  .clima-dia-futuro-item {
    min-height: 218px !important;
    padding: 17px 15px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,0.96), rgba(247,252,245,0.92)) !important;

    border: 1.5px solid rgba(159, 204, 162, 0.95) !important;
    border-radius: 28px !important;

    box-shadow:
      0 12px 28px rgba(47, 122, 60, 0.10),
      inset 0 0 0 1px rgba(255,255,255,0.75) !important;

    position: relative !important;
    overflow: hidden !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
  }

  .clima-dia-futuro-item:hover {
    transform: translateY(-3px) !important;
    border-color: #7fba82 !important;
    box-shadow:
      0 18px 38px rgba(47, 122, 60, 0.16),
      inset 0 0 0 1px rgba(255,255,255,0.85) !important;
  }

  .clima-dia-futuro-item::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    height: 5px !important;
    background: linear-gradient(90deg, #2f7a3c, #9fcca2) !important;
  }

  .clima-dia-futuro-esq {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .clima-dia-futuro-esq strong {
    color: #203421 !important;
    font-size: 0.78rem !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    text-transform: capitalize !important;

    background: #edf8ea !important;
    border: 1px solid #c5dfc3 !important;
    border-radius: 999px !important;
    padding: 6px 9px !important;
  }

  .clima-dia-futuro-icone {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 18px !important;

    background: linear-gradient(135deg, #ffffff, #e9f6e6) !important;
    border: 1px solid #b7d8b5 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 1.45rem !important;
    box-shadow: 0 8px 16px rgba(47, 122, 60, 0.10) !important;
  }

  .clima-dia-futuro-centro {
    margin-top: 18px !important;
  }

  .clima-dia-futuro-centro b {
    display: block !important;
    color: #0f1f10 !important;
    font-size: 1.45rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
  }

  .clima-dia-futuro-centro small {
    display: block !important;
    color: #536956 !important;
    font-size: 0.82rem !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
    margin-top: 6px !important;
  }

  .clima-dia-futuro-dir {
    margin-top: auto !important;
    display: grid !important;
    gap: 8px !important;
    text-align: left !important;
  }

  .clima-dia-futuro-dir em,
  .clima-dia-futuro-dir small {
    width: 100% !important;
    min-height: 32px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    border-radius: 13px !important;
    padding: 7px 8px !important;

    font-style: normal !important;
    font-size: 0.72rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .clima-dia-futuro-dir em {
    background: #e8f7e5 !important;
    border: 1px solid #bfe0bd !important;
    color: #2f7a3c !important;
  }

  .clima-dia-futuro-dir em::before {
    content: "💧";
    font-size: 0.78rem;
  }

  .clima-dia-futuro-dir small {
    background: #f7fbf5 !important;
    border: 1px solid #d7ead4 !important;
    color: #4f5f50 !important;
  }

  .clima-dia-futuro-dir small::before {
    content: "🌬️";
    font-size: 0.78rem;
  }
}

/* TABLET: não deixa apertar */
@media (min-width: 561px) and (max-width: 760px) {

  .clima-dias-futuros-lista {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .clima-dia-futuro-item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 16px !important;
    border-radius: 24px !important;
  }
}

/* CELULAR: compacto, bonito e sem espaço morto */
@media (max-width: 560px) {

  .clima-dias-futuros-card {
    margin-top: 22px !important;
    padding: 20px 14px !important;
    border-radius: 28px !important;
  }

  .clima-dias-futuros-topo span {
    font-size: 0.64rem !important;
    padding: 6px 10px !important;
    margin-bottom: 11px !important;
  }

  .clima-dias-futuros-topo h3 {
    font-size: 1.22rem !important;
    line-height: 1.16 !important;
    margin-bottom: 7px !important;
  }

  .clima-dias-futuros-topo p {
    font-size: 0.84rem !important;
    line-height: 1.42 !important;
  }

  .clima-dias-futuros-lista {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 17px !important;
  }

  .clima-dia-futuro-item {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    grid-template-areas: "dia centro info" !important;
    align-items: center !important;
    column-gap: 10px !important;

    min-height: 92px !important;
    padding: 13px 13px !important;
    border-radius: 22px !important;

    background: linear-gradient(135deg, #ffffff, #f5fbf2) !important;
    border: 1.5px solid #c5dfc3 !important;

    box-shadow:
      0 9px 22px rgba(47, 122, 60, 0.09),
      inset 0 0 0 1px rgba(255,255,255,0.7) !important;

    overflow: hidden !important;
    position: relative !important;
  }

  .clima-dia-futuro-item::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 5px !important;
    background: linear-gradient(180deg, #2f7a3c, #9fcca2) !important;
  }

  .clima-dia-futuro-esq {
    grid-area: dia !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .clima-dia-futuro-esq strong {
    color: #203421 !important;
    font-size: 0.68rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;
    text-transform: capitalize !important;
    max-width: 52px !important;
  }

  .clima-dia-futuro-icone {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;

    border-radius: 14px !important;
    background: #e6f4e3 !important;
    border: 1px solid #b7d8b5 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 1.12rem !important;
    box-shadow: none !important;
  }

  .clima-dia-futuro-centro {
    grid-area: centro !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .clima-dia-futuro-centro b {
    display: block !important;
    color: #102111 !important;
    font-size: 1.18rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    margin: 0 0 4px !important;
    white-space: nowrap !important;
  }

  .clima-dia-futuro-centro small {
    display: block !important;
    color: #5f6f60 !important;
    font-size: 0.75rem !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    margin: 0 !important;
    white-space: normal !important;
  }

  .clima-dia-futuro-dir {
    grid-area: info !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 6px !important;

    min-width: 78px !important;
    max-width: 92px !important;
    text-align: right !important;

    position: relative !important;
    z-index: 2 !important;
  }

  .clima-dia-futuro-dir em,
  .clima-dia-futuro-dir small {
    width: auto !important;
    max-width: 100% !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;

    margin: 0 !important;
    padding: 5px 7px !important;
    border-radius: 11px !important;

    font-style: normal !important;
    font-size: 0.62rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;

    white-space: normal !important;
    text-align: center !important;
  }

  .clima-dia-futuro-dir em {
    background: #e8f7e5 !important;
    border: 1px solid #bfe0bd !important;
    color: #2f7a3c !important;
  }

  .clima-dia-futuro-dir em::before {
    content: "💧";
    font-size: 0.66rem;
  }

  .clima-dia-futuro-dir small {
    background: #f7fbf5 !important;
    border: 1px solid #d7ead4 !important;
    color: #4f5f50 !important;
  }

  .clima-dia-futuro-dir small::before {
    content: "🌬️";
    font-size: 0.66rem;
  }
} /* =========================================================
   REFINO PREMIUM - PRÓXIMOS DIAS
   - remove a folha do selo
   - melhora destaque da condição no desktop
   - padroniza visual de chuva e vento
   - mantém o mobile como está
   ========================================================= */

/* tira a plantinha do selo */
.clima-dias-futuros-topo span::before {
  content: none !important;
  display: none !important;
}

.clima-dias-futuros-topo span {
  gap: 0 !important;
}

/* padrão geral dos chips de chuva e vento */
.clima-dia-futuro-dir em,
.clima-dia-futuro-dir small {
  font-style: normal !important;
  font-weight: 950 !important;
  letter-spacing: -0.01em !important;
}

/* =========================
   DESKTOP
   ========================= */
@media (min-width: 761px) {

  .clima-dia-futuro-item {
    padding: 18px 14px 16px !important;
  }

  .clima-dia-futuro-centro {
    margin-top: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .clima-dia-futuro-centro b {
    margin: 0 !important;
  }

  /* aqui fica o destaque do "Nublado / Pode garoar / Garoa" */
  .clima-dia-futuro-centro small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    border-radius: 999px !important;
    background: linear-gradient(135deg, #f3faef, #e8f4e4) !important;
    border: 1px solid #c8dec4 !important;
    color: #35593a !important;

    font-size: 0.76rem !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    text-align: center !important;

    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.65),
      0 4px 10px rgba(47,122,60,0.06) !important;
  }

  .clima-dia-futuro-dir {
    margin-top: auto !important;
    display: grid !important;
    gap: 8px !important;
  }

  .clima-dia-futuro-dir em,
  .clima-dia-futuro-dir small {
    width: 100% !important;
    min-height: 36px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    padding: 8px 10px !important;
    border-radius: 14px !important;

    font-size: 0.74rem !important;
    line-height: 1.05 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .clima-dia-futuro-dir em {
    background: linear-gradient(135deg, #e8f7e5, #f4fbf2) !important;
    border: 1px solid #bfe0bd !important;
    color: #2f7a3c !important;
    box-shadow: 0 5px 12px rgba(47,122,60,0.07) !important;
  }

  .clima-dia-futuro-dir small {
    background: linear-gradient(135deg, #f7fbf5, #ffffff) !important;
    border: 1px solid #d7ead4 !important;
    color: #4f5f50 !important;
    box-shadow: 0 5px 12px rgba(47,122,60,0.05) !important;
  }
}

/* =========================
   MOBILE
   mantém o que já ficou bom,
   só padroniza melhor os chips
   ========================= */
@media (max-width: 560px) {

  .clima-dia-futuro-centro small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;

    margin-top: 4px !important;
    padding: 4px 8px !important;

    border-radius: 999px !important;
    background: #f3faef !important;
    border: 1px solid #d2e6cf !important;
    color: #46674b !important;

    font-size: 0.68rem !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
  }

  .clima-dia-futuro-dir em,
  .clima-dia-futuro-dir small {
    min-height: 28px !important;
    padding: 5px 8px !important;
    border-radius: 11px !important;
    white-space: nowrap !important;
    font-size: 0.62rem !important;
  }
} /* =========================================================
   CORREÇÃO FINAL - PRÓXIMOS DIAS
   Corrige desktop cortado, mobile estourando e condição sem destaque
   ========================================================= */

/* remove qualquer folha/ícone colocado antes no selo */
.clima-dias-futuros-topo span::before {
  content: none !important;
  display: none !important;
}

/* card principal */
.clima-dias-futuros-card {
  margin-top: 24px !important;
  padding: 26px !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;

  background:
    radial-gradient(circle at 96% 0%, rgba(47,122,60,0.15), transparent 28%),
    linear-gradient(135deg, #eef9eb 0%, #fbfff8 55%, #ffffff 100%) !important;

  border: 2px solid #9fcca2 !important;
  box-shadow: 0 18px 42px rgba(47,122,60,0.13) !important;
}

.clima-dias-futuros-topo span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #1f6d32 !important;
  color: #fff !important;

  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.05em !important;

  padding: 8px 14px !important;
  border-radius: 999px !important;
  margin-bottom: 14px !important;

  box-shadow: 0 7px 16px rgba(47,122,60,0.22) !important;
}

.clima-dias-futuros-topo h3 {
  margin: 0 0 6px !important;
  color: #102111 !important;
  font-size: clamp(1.45rem, 2.5vw, 2rem) !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
}

.clima-dias-futuros-topo p {
  margin: 0 !important;
  color: #536956 !important;
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 761px) {

  .clima-dias-futuros-lista {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 24px !important;
    width: 100% !important;
  }

  .clima-dia-futuro-item {
    min-width: 0 !important;
    min-height: 220px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    padding: 15px 12px !important;
    border-radius: 24px !important;

    background: linear-gradient(180deg, #ffffff, #f6fcf3) !important;
    border: 1.5px solid #b8d8b5 !important;

    box-shadow:
      0 10px 24px rgba(47,122,60,0.09),
      inset 0 0 0 1px rgba(255,255,255,0.75) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .clima-dia-futuro-item::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #2f7a3c, #9fcca2) !important;
  }

  .clima-dia-futuro-esq {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  .clima-dia-futuro-esq strong {
    max-width: 72px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 6px 8px !important;
    border-radius: 999px !important;

    background: #f1faee !important;
    border: 1px solid #c8e2c5 !important;
    color: #244328 !important;

    font-size: 0.68rem !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  .clima-dia-futuro-icone {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;

    border-radius: 15px !important;
    background: #e8f6e5 !important;
    border: 1px solid #b7d8b5 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 1.22rem !important;
  }

  .clima-dia-futuro-centro {
    margin-top: 16px !important;
    min-width: 0 !important;
  }

  .clima-dia-futuro-centro b {
    display: block !important;

    color: #0f1f10 !important;
    font-size: 1.32rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;

    white-space: nowrap !important;
  }

  /* destaque bonito para Nublado / Pode garoar / Garoa */
  .clima-dia-futuro-centro small {
    width: 100% !important;
    max-width: 100% !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-top: 9px !important;
    padding: 7px 8px !important;
    border-radius: 999px !important;

    background: #eef8eb !important;
    border: 1px solid #c8dec4 !important;
    color: #35593a !important;

    font-size: 0.7rem !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .clima-dia-futuro-dir {
    margin-top: auto !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;

    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;

    text-align: center !important;
    overflow: visible !important;
  }

  .clima-dia-futuro-dir em,
  .clima-dia-futuro-dir small {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;

    padding: 7px 6px !important;
    border-radius: 13px !important;

    font-style: normal !important;
    font-size: 0.66rem !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .clima-dia-futuro-dir em {
    background: #e8f7e5 !important;
    border: 1px solid #bfe0bd !important;
    color: #2f7a3c !important;
  }

  .clima-dia-futuro-dir em::before {
    content: "💧";
    font-size: 0.66rem;
    flex-shrink: 0;
  }

  .clima-dia-futuro-dir small {
    background: #f7fbf5 !important;
    border: 1px solid #d7ead4 !important;
    color: #4f5f50 !important;
  }

  .clima-dia-futuro-dir small::before {
    content: "🌬️";
    font-size: 0.66rem;
    flex-shrink: 0;
  }
}

/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 560px) {

  .clima-dias-futuros-card {
    padding: 20px 14px !important;
    border-radius: 28px !important;
  }

  .clima-dias-futuros-topo span {
    font-size: 0.62rem !important;
    padding: 6px 10px !important;
    margin-bottom: 11px !important;
  }

  .clima-dias-futuros-topo h3 {
    font-size: 1.22rem !important;
    line-height: 1.16 !important;
  }

  .clima-dias-futuros-topo p {
    font-size: 0.84rem !important;
    line-height: 1.4 !important;
  }

  .clima-dias-futuros-lista {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 17px !important;
  }

  .clima-dia-futuro-item {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) 78px !important;
    grid-template-areas: "dia centro info" !important;
    align-items: center !important;
    column-gap: 10px !important;

    min-height: 92px !important;
    padding: 13px 12px !important;
    border-radius: 22px !important;

    background: linear-gradient(135deg, #ffffff, #f5fbf2) !important;
    border: 1.5px solid #c5dfc3 !important;

    box-shadow:
      0 9px 22px rgba(47,122,60,0.09),
      inset 0 0 0 1px rgba(255,255,255,0.7) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .clima-dia-futuro-esq {
    grid-area: dia !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-width: 0 !important;
  }

  .clima-dia-futuro-esq strong {
    color: #203421 !important;
    font-size: 0.66rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  .clima-dia-futuro-icone {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;

    border-radius: 14px !important;
    background: #e6f4e3 !important;
    border: 1px solid #b7d8b5 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 1.12rem !important;
  }

  .clima-dia-futuro-centro {
    grid-area: centro !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .clima-dia-futuro-centro b {
    display: block !important;

    color: #102111 !important;
    font-size: 1.12rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;

    margin: 0 0 5px !important;
    white-space: nowrap !important;
  }

  .clima-dia-futuro-centro small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    max-width: 100% !important;

    padding: 4px 7px !important;
    border-radius: 999px !important;

    background: #f3faef !important;
    border: 1px solid #d2e6cf !important;
    color: #46674b !important;

    font-size: 0.64rem !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;

    white-space: normal !important;
  }

  .clima-dia-futuro-dir {
    grid-area: info !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;

    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;

    text-align: center !important;
    overflow: visible !important;
  }

  .clima-dia-futuro-dir em,
  .clima-dia-futuro-dir small {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;

    margin: 0 !important;
    padding: 5px 4px !important;
    border-radius: 10px !important;

    font-style: normal !important;
    font-size: 0.56rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .clima-dia-futuro-dir em {
    background: #e8f7e5 !important;
    border: 1px solid #bfe0bd !important;
    color: #2f7a3c !important;
  }

  .clima-dia-futuro-dir em::before {
    content: "💧";
    font-size: 0.58rem;
    flex-shrink: 0;
  }

  .clima-dia-futuro-dir small {
    background: #f7fbf5 !important;
    border: 1px solid #d7ead4 !important;
    color: #4f5f50 !important;
  }

  .clima-dia-futuro-dir small::before {
    content: "🌬️";
    font-size: 0.58rem;
    flex-shrink: 0;
  }
} /* =========================================================
   AJUSTE FINO DESKTOP - PRÓXIMOS DIAS
   centraliza melhor a temperatura e separa condição da chuva
   ========================================================= */

@media (min-width: 761px) {

  .clima-dia-futuro-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* topo continua normal */
  .clima-dia-futuro-esq {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  /* bloco da temperatura + condição */
  .clima-dia-futuro-centro {
    margin-top: 16px !important;
    margin-bottom: 14px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    min-width: 0 !important;
  }

  .clima-dia-futuro-centro b {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;

    text-align: center !important;
    font-size: 1.38rem !important;
    line-height: 1.05 !important;
  }

  .clima-dia-futuro-centro small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;
    min-width: 88px !important;

    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding: 7px 10px !important;

    text-align: center !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
  }

  /* chuva + vento */
  .clima-dia-futuro-dir {
    margin-top: 10px !important;   /* antes estava colando */
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;
  }

  .clima-dia-futuro-dir em,
  .clima-dia-futuro-dir small {
    width: 100% !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    min-height: 34px !important;
    padding: 7px 8px !important;
    line-height: 1.08 !important;
  }
} /* =========================================================
   AJUSTE MOBILE - PRÓXIMOS DIAS
   aumenta chuva e vento no celular sem mexer no desktop
   ========================================================= */

@media (max-width: 560px) {

  .clima-dia-futuro-item {
    grid-template-columns: 54px minmax(0, 1fr) 96px !important;
    column-gap: 10px !important;
  }

  .clima-dia-futuro-dir {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    gap: 7px !important;
  }

  .clima-dia-futuro-dir em,
  .clima-dia-futuro-dir small {
    min-height: 32px !important;
    padding: 7px 7px !important;
    border-radius: 12px !important;

    font-size: 0.64rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  .clima-dia-futuro-dir em::before,
  .clima-dia-futuro-dir small::before {
    font-size: 0.66rem !important;
    margin-right: 3px !important;
  }
} /* =========================================================
   PRÓXIMAS HORAS - MESMO PADRÃO PREMIUM DOS PRÓXIMOS DIAS
   desktop + celular
   ========================================================= */

.clima-proximas-horas {
  margin-top: 24px !important;
  padding: 26px !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;

  background:
    radial-gradient(circle at 96% 0%, rgba(47,122,60,0.15), transparent 28%),
    linear-gradient(135deg, #eef9eb 0%, #fbfff8 55%, #ffffff 100%) !important;

  border: 2px solid #9fcca2 !important;
  box-shadow: 0 18px 42px rgba(47,122,60,0.13) !important;
}

.clima-proximas-horas h3 {
  margin: 0 0 6px !important;
  color: #102111 !important;
  font-size: clamp(1.45rem, 2.5vw, 2rem) !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
}

.clima-proximas-horas .clima-proximas-sub {
  margin: 0 !important;
  color: #536956 !important;
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

/* selo "PRÓXIMAS HORAS", caso exista */
.clima-proximas-horas .clima-alerta-label,
.clima-proximas-horas > span:first-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #1f6d32 !important;
  color: #fff !important;

  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.05em !important;

  padding: 8px 14px !important;
  border-radius: 999px !important;
  margin-bottom: 14px !important;

  box-shadow: 0 7px 16px rgba(47,122,60,0.22) !important;
}

/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 761px) {

  .clima-proximas-horas .clima-horas-lista {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 24px !important;
    width: 100% !important;
  }

  .clima-proximas-horas .clima-hora-card {
    min-width: 0 !important;
    min-height: 220px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    padding: 15px 12px !important;
    border-radius: 24px !important;

    background: linear-gradient(180deg, #ffffff, #f6fcf3) !important;
    border: 1.5px solid #b8d8b5 !important;

    box-shadow:
      0 10px 24px rgba(47,122,60,0.09),
      inset 0 0 0 1px rgba(255,255,255,0.75) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  .clima-proximas-horas .clima-hora-card::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #2f7a3c, #9fcca2) !important;
  }

  .clima-proximas-horas .hora-esq {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  .clima-proximas-horas .hora-esq strong {
    max-width: 72px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 6px 10px !important;
    border-radius: 999px !important;

    background: #f1faee !important;
    border: 1px solid #c8e2c5 !important;
    color: #244328 !important;

    font-size: 0.76rem !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  .clima-proximas-horas .clima-hora-icone {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;

    border-radius: 15px !important;
    background: #e8f6e5 !important;
    border: 1px solid #b7d8b5 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 1.22rem !important;
    margin: 0 !important;
  }

  .clima-proximas-horas .hora-centro {
    margin-top: 28px !important;
    margin-bottom: 14px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    min-width: 0 !important;
  }

  .clima-proximas-horas .hora-centro span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;

    color: #0f1f10 !important;
    text-align: center !important;
    font-size: 1.38rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;

    white-space: nowrap !important;
  }

  .clima-proximas-horas .hora-centro small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;
    min-width: 88px !important;

    margin-top: 10px !important;
    padding: 7px 10px !important;

    background: #eef8eb !important;
    border: 1px solid #c8dec4 !important;
    color: #35593a !important;

    border-radius: 999px !important;
    font-size: 0.7rem !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    text-align: center !important;

    white-space: normal !important;
    box-sizing: border-box !important;
  }

  .clima-proximas-horas .hora-dir {
    margin-top: auto !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    text-align: center !important;
    overflow: visible !important;
  }

  .clima-proximas-horas .hora-dir em {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;

    padding: 7px 6px !important;
    border-radius: 13px !important;

    background: #e8f7e5 !important;
    border: 1px solid #bfe0bd !important;
    color: #2f7a3c !important;

    font-style: normal !important;
    font-size: 0.66rem !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .clima-proximas-horas .hora-dir em::before {
    content: "💧";
    font-size: 0.66rem;
    flex-shrink: 0;
  }
}

/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 560px) {

  .clima-proximas-horas {
    padding: 20px 14px !important;
    border-radius: 28px !important;
  }

  .clima-proximas-horas h3 {
    font-size: 1.22rem !important;
    line-height: 1.16 !important;
  }

  .clima-proximas-horas .clima-proximas-sub {
    font-size: 0.84rem !important;
    line-height: 1.4 !important;
  }

  .clima-proximas-horas .clima-horas-lista {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 17px !important;
  }

  .clima-proximas-horas .clima-hora-card {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) 96px !important;
    grid-template-areas: "hora centro chuva" !important;
    align-items: center !important;
    column-gap: 10px !important;

    min-height: 92px !important;
    padding: 13px 12px !important;
    border-radius: 22px !important;

    background: linear-gradient(135deg, #ffffff, #f5fbf2) !important;
    border: 1.5px solid #c5dfc3 !important;

    box-shadow:
      0 9px 22px rgba(47,122,60,0.09),
      inset 0 0 0 1px rgba(255,255,255,0.7) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  .clima-proximas-horas .clima-hora-card::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 5px !important;
    background: linear-gradient(180deg, #2f7a3c, #9fcca2) !important;
  }

  .clima-proximas-horas .hora-esq {
    grid-area: hora !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .clima-proximas-horas .hora-esq strong {
    color: #203421 !important;
    font-size: 0.66rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;
    margin: 0 !important;
  }

  .clima-proximas-horas .clima-hora-icone {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;

    border-radius: 14px !important;
    background: #e6f4e3 !important;
    border: 1px solid #b7d8b5 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 1.12rem !important;
    margin: 0 !important;
  }

  .clima-proximas-horas .hora-centro {
    grid-area: centro !important;
    min-width: 0 !important;
    overflow: hidden !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    position: relative !important;
    z-index: 2 !important;
  }

  .clima-proximas-horas .hora-centro span {
    display: block !important;

    color: #102111 !important;
    font-size: 1.12rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;

    margin: 0 0 5px !important;
    white-space: nowrap !important;
  }

  .clima-proximas-horas .hora-centro small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: fit-content !important;
    max-width: 100% !important;

    padding: 4px 7px !important;
    border-radius: 999px !important;

    background: #f3faef !important;
    border: 1px solid #d2e6cf !important;
    color: #46674b !important;

    font-size: 0.64rem !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;

    white-space: normal !important;
  }

  .clima-proximas-horas .hora-dir {
    grid-area: chuva !important;

    display: grid !important;
    grid-template-columns: 1fr !important;

    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;

    text-align: center !important;
    overflow: visible !important;

    position: relative !important;
    z-index: 2 !important;
  }

  .clima-proximas-horas .hora-dir em {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 32px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;

    margin: 0 !important;
    padding: 7px 7px !important;
    border-radius: 12px !important;

    background: #e8f7e5 !important;
    border: 1px solid #bfe0bd !important;
    color: #2f7a3c !important;

    font-style: normal !important;
    font-size: 0.64rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .clima-proximas-horas .hora-dir em::before {
    content: "💧";
    font-size: 0.66rem !important;
    margin-right: 3px !important;
    flex-shrink: 0;
  } 
}/* =========================================================
   PRÓXIMAS HORAS - ADICIONA VENTO IGUAL PRÓXIMOS DIAS
   ========================================================= */

.clima-proximas-horas .hora-dir {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

.clima-proximas-horas .hora-dir em,
.clima-proximas-horas .hora-dir small {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;

  margin: 0 !important;
  padding: 7px 6px !important;
  border-radius: 13px !important;

  font-style: normal !important;
  font-size: 0.66rem !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  text-align: center !important;

  white-space: normal !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.clima-proximas-horas .hora-dir em {
  background: #e8f7e5 !important;
  border: 1px solid #bfe0bd !important;
  color: #2f7a3c !important;
}

.clima-proximas-horas .hora-dir em::before {
  content: "💧";
  font-size: 0.66rem;
  flex-shrink: 0;
}

.clima-proximas-horas .hora-dir small {
  background: #f7fbf5 !important;
  border: 1px solid #d7ead4 !important;
  color: #4f5f50 !important;
}

.clima-proximas-horas .hora-dir small::before {
  content: "🌬️";
  font-size: 0.66rem;
  flex-shrink: 0;
}

/* celular: aumenta a coluna da direita para caber chuva + vento */
@media (max-width: 560px) {

  .clima-proximas-horas .clima-hora-card {
    grid-template-columns: 54px minmax(0, 1fr) 96px !important;
  }

  .clima-proximas-horas .hora-dir {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    gap: 7px !important;
  }

  .clima-proximas-horas .hora-dir em,
  .clima-proximas-horas .hora-dir small {
    min-height: 32px !important;
    padding: 7px 7px !important;
    border-radius: 12px !important;

    font-size: 0.64rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .clima-proximas-horas .hora-dir em::before,
  .clima-proximas-horas .hora-dir small::before {
    font-size: 0.66rem !important;
    margin-right: 3px !important;
  }
} /* =========================================================
   MOBILE - PRÓXIMAS HORAS
   deixa chuva e vento maiores e com ícones alinhados iguais
   ========================================================= */

@media (max-width: 560px) {

  .clima-proximas-horas .clima-hora-card {
    grid-template-columns: 54px minmax(0, 1fr) 112px !important;
    column-gap: 10px !important;
  }

  .clima-proximas-horas .hora-dir {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .clima-proximas-horas .hora-dir em,
  .clima-proximas-horas .hora-dir small {
    width: 100% !important;
    min-height: 36px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    padding: 8px 8px !important;
    border-radius: 13px !important;

    font-size: 0.72rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    font-style: normal !important;
    text-align: center !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .clima-proximas-horas .hora-dir em::before,
  .clima-proximas-horas .hora-dir small::before {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    font-size: 0.78rem !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
  }

  .clima-proximas-horas .hora-dir em::before {
    content: "💧" !important;
  }

  .clima-proximas-horas .hora-dir small::before {
    content: "🌬️" !important;
  }

  .clima-proximas-horas .hora-dir em {
    background: #e8f7e5 !important;
    border: 1px solid #bfe0bd !important;
    color: #2f7a3c !important;
  }

  .clima-proximas-horas .hora-dir small {
    background: #f7fbf5 !important;
    border: 1px solid #d7ead4 !important;
    color: #4f5f50 !important;
  }
} /* =========================================================
   MOBILE - CHUVA E VENTO PREMIUM
   remove emoji desalinhado e cria ícones iguais por CSS
   aplica em Próximas Horas + Próximos Dias
   ========================================================= */

@media (max-width: 560px) {

  /* aumenta a coluna direita nos dois cards */
  .clima-proximas-horas .clima-hora-card {
    grid-template-columns: 56px minmax(0, 1fr) 124px !important;
    column-gap: 11px !important;
  }

  .clima-dia-futuro-item {
    grid-template-columns: 56px minmax(0, 1fr) 124px !important;
    column-gap: 11px !important;
  }

  .clima-proximas-horas .hora-dir,
  .clima-dia-futuro-dir {
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;

    align-items: center !important;
    justify-content: stretch !important;
    overflow: visible !important;
  }

  /* chips de chuva e vento */
  .clima-proximas-horas .hora-dir em,
  .clima-proximas-horas .hora-dir small,
  .clima-dia-futuro-dir em,
  .clima-dia-futuro-dir small {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 40px !important;

    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: start !important;
    column-gap: 7px !important;

    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;

    font-style: normal !important;
    font-size: 0.60rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: left !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* chuva */
  .clima-proximas-horas .hora-dir em,
  .clima-dia-futuro-dir em {
    background: #e8f7e5 !important;
    border: 1px solid #bfe0bd !important;
    color: #2f7a3c !important;
  }

  /* vento */
  .clima-proximas-horas .hora-dir small,
  .clima-dia-futuro-dir small {
    background: #f7fbf5 !important;
    border: 1px solid #d7ead4 !important;
    color: #4f5f50 !important;
  }

  /* remove emoji antigo */
  .clima-proximas-horas .hora-dir em::before,
  .clima-proximas-horas .hora-dir small::before,
  .clima-dia-futuro-dir em::before,
  .clima-dia-futuro-dir small::before {
    content: "" !important;
    display: block !important;

    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex-shrink: 0 !important;

    margin: 0 !important;
    line-height: 1 !important;
  }

  /* ícone de chuva desenhado no CSS */
  .clima-proximas-horas .hora-dir em::before,
  .clima-dia-futuro-dir em::before {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;

    justify-self: center !important;

    background: #55bcd0 !important;
    border-radius: 50% 50% 50% 0 !important;
    transform: rotate(-45deg) !important;

    box-shadow: inset -1px -1px 0 rgba(0,0,0,0.08) !important;
  }

  /* ícone de vento desenhado no CSS: não usa emoji */
  .clima-proximas-horas .hora-dir small::before,
  .clima-dia-futuro-dir small::before {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;

    justify-self: center !important;

    background:
      linear-gradient(#55bcd0, #55bcd0) 2px 4px / 13px 2px no-repeat,
      linear-gradient(#55bcd0, #55bcd0) 0 8px / 18px 2px no-repeat,
      linear-gradient(#55bcd0, #55bcd0) 5px 12px / 11px 2px no-repeat !important;

    border-radius: 999px !important;
    opacity: 1 !important;
  }

  /* dá um pouco mais de presença no texto do meio para equilibrar */
  .clima-proximas-horas .hora-centro span,
  .clima-dia-futuro-centro b {
    font-size: 1.18rem !important;
  }

  .clima-proximas-horas .hora-centro small,
  .clima-dia-futuro-centro small {
    font-size: 0.68rem !important;
  }
} /* =========================================================
   MOBILE - VOLTAR ÍCONE ORIGINAL DA CHUVA
   mantém o vento desenhado em CSS
   ========================================================= */

@media (max-width: 560px) {

  .clima-proximas-horas .hora-dir em::before,
  .clima-dia-futuro-dir em::before {
    content: "💧" !important;

    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;

    font-size: 0.9rem !important;
    line-height: 1 !important;

    justify-self: center !important;
    margin: 0 !important;
  }

  .clima-proximas-horas .hora-dir em,
  .clima-dia-futuro-dir em {
    grid-template-columns: 20px minmax(0, 1fr) !important;
    column-gap: 6px !important;
  }

  .clima-proximas-horas .hora-dir small::before,
  .clima-dia-futuro-dir small::before {
    content: "" !important;
  }
}    /* =========================================================
   TÍTULO ABA PREMIUM NO TOPO DO CARD
   Próximas Horas + Próximos Dias
   estilo tipo "etiqueta/card" encaixada na borda superior
   ========================================================= */

.clima-proximas-horas,
.clima-dias-futuros-card {
  position: relative !important;
  overflow: visible !important;
  padding-top: 56px !important;
  margin-top: 42px !important;
}

/* remove o visual antigo do título-card */
.clima-horas-titulo-premium,
.clima-dias-titulo-premium {
  position: absolute !important;
  z-index: 5 !important;

  top: -24px !important;
  left: 24px !important;

  width: auto !important;
  max-width: calc(100% - 48px) !important;

  margin: 0 !important;
  padding: 0 !important;

  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* remove detalhes antigos */
.clima-horas-titulo-premium::before,
.clima-horas-titulo-premium::after,
.clima-dias-titulo-premium::before,
.clima-dias-titulo-premium::after {
  content: none !important;
  display: none !important;
}

/* aba principal */
.clima-horas-titulo-premium h3,
.clima-dias-titulo-premium h3 {
  position: relative !important;
  z-index: 2 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 15px 24px !important;

  border-radius: 22px !important;
  border: 2px solid #9fcca2 !important;

  background:
    radial-gradient(circle at 95% 10%, rgba(255,255,255,0.35), transparent 34%),
    linear-gradient(135deg, #1f6d32 0%, #2f7a3c 58%, #69aa69 100%) !important;

  color: #ffffff !important;

  font-size: clamp(1.25rem, 2.1vw, 1.72rem) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;

  white-space: nowrap !important;

  box-shadow:
    0 14px 28px rgba(47, 122, 60, 0.26),
    inset 0 0 0 1px rgba(255,255,255,0.20) !important;
}

/* pequena base para parecer encaixado na borda */
.clima-horas-titulo-premium h3::before,
.clima-dias-titulo-premium h3::before {
  content: "" !important;
  position: absolute !important;

  left: 18px !important;
  right: 18px !important;
  bottom: -8px !important;

  height: 8px !important;
  border-radius: 0 0 999px 999px !important;

  background: rgba(31, 109, 50, 0.26) !important;
  filter: blur(2px) !important;
  pointer-events: none !important;
}

/* remove barrinha antiga se ainda existir */
.clima-horas-titulo-premium h3::after,
.clima-dias-titulo-premium h3::after {
  content: none !important;
  display: none !important;
}

/* conteúdo começa bonito abaixo da aba */
.clima-proximas-horas .clima-horas-lista,
.clima-dias-futuros-card .clima-dias-futuros-lista {
  margin-top: 4px !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 560px) {

  .clima-proximas-horas,
  .clima-dias-futuros-card {
    padding-top: 52px !important;
    margin-top: 38px !important;
  }

  .clima-horas-titulo-premium,
  .clima-dias-titulo-premium {
    top: -21px !important;
    left: 18px !important;
    max-width: calc(100% - 36px) !important;
  }

  .clima-horas-titulo-premium h3,
  .clima-dias-titulo-premium h3 {
    max-width: 100% !important;

    padding: 13px 18px !important;
    border-radius: 19px !important;

    font-size: 1.18rem !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;

    white-space: normal !important;
    text-align: left !important;
  }
} /* =========================================================
   ABA PREMIUM GRUDADA NO CANTO DO CARD
   Próximas Horas + Próximos Dias
   ========================================================= */

.clima-horas-titulo-premium,
.clima-dias-titulo-premium {
  left: -2px !important;
  top: -25px !important;
  max-width: calc(100% - 18px) !important;
}

.clima-horas-titulo-premium h3,
.clima-dias-titulo-premium h3 {
  border-radius: 28px 22px 22px 0 !important;
  padding: 15px 24px 15px 26px !important;
}

/* mobile */
@media (max-width: 560px) {

  .clima-horas-titulo-premium,
  .clima-dias-titulo-premium {
    left: -2px !important;
    top: -21px !important;
    max-width: calc(100% - 14px) !important;
  }

  .clima-horas-titulo-premium h3,
  .clima-dias-titulo-premium h3 {
    border-radius: 24px 18px 18px 0 !important;
    padding: 12px 16px 12px 20px !important;
  }
} /* =========================================================
   PRÓXIMAS HORAS - ABA PREMIUM GRUDADA NO CANTO
   igual ao card de Próximos Dias
   ========================================================= */

/* card principal */
.clima-proximas-horas {
  position: relative !important;
  overflow: visible !important;
  margin-top: 42px !important;
  padding-top: 52px !important;
}

/* mata o selo antigo "PRÓXIMAS HORAS" */
.clima-proximas-horas::before {
  content: none !important;
  display: none !important;
}

/* se ainda sobrou título antigo, esconde */
.clima-proximas-horas > .clic-cidade,
.clima-proximas-horas > .clima-proximas-sub {
  display: none !important;
}

/* aba */
.clima-horas-titulo-premium {
  position: absolute !important;
  z-index: 10 !important;

  top: -25px !important;
  left: -2px !important;

  margin: 0 !important;
  padding: 0 !important;

  width: auto !important;
  max-width: calc(100% - 18px) !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.clima-horas-titulo-premium::before,
.clima-horas-titulo-premium::after {
  content: none !important;
  display: none !important;
}

.clima-horas-titulo-premium h3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 15px 24px 15px 26px !important;

  border-radius: 28px 22px 22px 0 !important;
  border: 2px solid #9fcca2 !important;

  background:
    radial-gradient(circle at 95% 10%, rgba(255,255,255,0.32), transparent 34%),
    linear-gradient(135deg, #1f6d32 0%, #2f7a3c 58%, #69aa69 100%) !important;

  color: #ffffff !important;

  font-size: clamp(1.2rem, 2vw, 1.62rem) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;

  white-space: nowrap !important;

  box-shadow:
    0 12px 24px rgba(47, 122, 60, 0.25),
    inset 0 0 0 1px rgba(255,255,255,0.18) !important;
}

.clima-horas-titulo-premium h3::before,
.clima-horas-titulo-premium h3::after {
  content: none !important;
  display: none !important;
}

.clima-proximas-horas .clima-horas-lista {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 0 !important;
}

/* mobile */
@media (max-width: 560px) {
  .clima-proximas-horas {
    margin-top: 38px !important;
    padding-top: 48px !important;
  }

  .clima-horas-titulo-premium {
    top: -21px !important;
    left: -2px !important;
    max-width: calc(100% - 14px) !important;
  }

  .clima-horas-titulo-premium h3 {
    padding: 12px 16px 12px 20px !important;
    border-radius: 24px 18px 18px 0 !important;

    font-size: 1.12rem !important;
    line-height: 1.08 !important;

    white-space: normal !important;
    text-align: left !important;
  }
} /* =========================================================
   FASES DA LUA - ABA PREMIUM GRUDADA NO CANTO
   mesmo estilo de Próximas Horas e Próximos Dias
   ========================================================= */

.clima-lua-card {
  position: relative !important;
  overflow: visible !important;

  margin-top: 42px !important;
  padding-top: 56px !important;
}

/* esconde o selo antigo para não repetir título */
.clima-lua-selo {
  display: none !important;
}

/* aba no topo */
.clima-lua-titulo-premium {
  position: absolute !important;
  z-index: 10 !important;

  top: -25px !important;
  left: -2px !important;

  margin: 0 !important;
  padding: 0 !important;

  width: auto !important;
  max-width: calc(100% - 18px) !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.clima-lua-titulo-premium::before,
.clima-lua-titulo-premium::after {
  content: none !important;
  display: none !important;
}

.clima-lua-titulo-premium h3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 15px 24px 15px 26px !important;

  border-radius: 28px 22px 22px 0 !important;
  border: 2px solid #9fcca2 !important;

  background:
    radial-gradient(circle at 95% 10%, rgba(255,255,255,0.32), transparent 34%),
    linear-gradient(135deg, #1f6d32 0%, #2f7a3c 58%, #69aa69 100%) !important;

  color: #ffffff !important;

  font-size: clamp(1.2rem, 2vw, 1.62rem) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;

  white-space: nowrap !important;

  box-shadow:
    0 12px 24px rgba(47, 122, 60, 0.25),
    inset 0 0 0 1px rgba(255,255,255,0.18) !important;
}

.clima-lua-titulo-premium h3::before,
.clima-lua-titulo-premium h3::after {
  content: none !important;
  display: none !important;
}

/* garante que o conteúdo da lua fique abaixo da aba */
.clima-lua-card .clima-lua-topo {
  position: relative !important;
  z-index: 2 !important;
}

/* mobile */
@media (max-width: 560px) {

  .clima-lua-card {
    margin-top: 38px !important;
    padding-top: 52px !important;
  }

  .clima-lua-titulo-premium {
    top: -21px !important;
    left: -2px !important;
    max-width: calc(100% - 14px) !important;
  }

  .clima-lua-titulo-premium h3 {
    padding: 12px 16px 12px 20px !important;
    border-radius: 24px 18px 18px 0 !important;

    font-size: 1.12rem !important;
    line-height: 1.08 !important;

    white-space: normal !important;
    text-align: left !important;
  }
} /* =========================================================
   AGENDA DA PLANTA - ABA PREMIUM GRUDADA NO CANTO
   mesmo estilo de Próximas Horas, Próximos Dias e Lua
   ========================================================= */

.calendario-manutencao-card {
  position: relative !important;
  overflow: visible !important;

  margin-top: 42px !important;
  padding: 56px 24px 24px !important;
}

/* esconde o selo antigo caso ele ainda exista */
.calendario-manutencao-topo,
.calendario-manutencao-selo {
  display: none !important;
}

/* garante que o conteúdo fique acima dos fundos decorativos */
.calendario-manutencao-resumo,
.calendario-manutencao-pausadas,
.calendario-manutencao-proximas,
.calendario-manutencao-semana,
.calendario-manutencao-grid,
.calendario-manutencao-legenda {
  position: relative !important;
  z-index: 2 !important;
}

/* aba premium */
.calendario-manutencao-titulo-premium {
  position: absolute !important;
  z-index: 10 !important;

  top: -25px !important;
  left: -2px !important;

  margin: 0 !important;
  padding: 0 !important;

  width: auto !important;
  max-width: calc(100% - 18px) !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.calendario-manutencao-titulo-premium::before,
.calendario-manutencao-titulo-premium::after {
  content: none !important;
  display: none !important;
}

.calendario-manutencao-titulo-premium h3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 15px 24px 15px 26px !important;

  border-radius: 28px 22px 22px 0 !important;
  border: 2px solid #9fcca2 !important;

  background:
    radial-gradient(circle at 95% 10%, rgba(255,255,255,0.32), transparent 34%),
    linear-gradient(135deg, #1f6d32 0%, #2f7a3c 58%, #69aa69 100%) !important;

  color: #ffffff !important;

  font-size: clamp(1.2rem, 2vw, 1.62rem) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;

  white-space: nowrap !important;

  box-shadow:
    0 12px 24px rgba(47, 122, 60, 0.25),
    inset 0 0 0 1px rgba(255,255,255,0.18) !important;
}

.calendario-manutencao-titulo-premium h3::before,
.calendario-manutencao-titulo-premium h3::after {
  content: none !important;
  display: none !important;
}

/* mobile */
@media (max-width: 560px) {

  .calendario-manutencao-card {
    margin-top: 38px !important;
    padding: 52px 14px 20px !important;
  }

  .calendario-manutencao-titulo-premium {
    top: -21px !important;
    left: -2px !important;
    max-width: calc(100% - 14px) !important;
  }

  .calendario-manutencao-titulo-premium h3 {
    padding: 12px 16px 12px 20px !important;
    border-radius: 24px 18px 18px 0 !important;

    font-size: 1.12rem !important;
    line-height: 1.08 !important;

    white-space: normal !important;
    text-align: left !important;
  }
} /* =========================================================
   SELETOR DE PLANTAS - ABA PREMIUM GRUDADA NO CANTO
   mesmo estilo dos cards de clima
   ========================================================= */

.clima-planta-seletor {
  position: relative !important;
  overflow: visible !important;

  margin-top: 42px !important;
  padding: 56px 24px 24px !important;
}

/* remove selo antigo "ESCOLHA A PLANTA" */
.clima-planta-seletor::before {
  content: none !important;
  display: none !important;
}

/* remove título antigo caso ainda exista */
.clima-planta-seletor > strong {
  display: none !important;
}

/* mantém o brilho decorativo do card atrás */
.clima-planta-seletor::after {
  z-index: 0 !important;
}

/* select fica acima do fundo */
.clima-planta-select {
  position: relative !important;
  z-index: 2 !important;
}

/* aba premium */
.clima-planta-titulo-premium {
  position: absolute !important;
  z-index: 10 !important;

  top: -25px !important;
  left: -2px !important;

  margin: 0 !important;
  padding: 0 !important;

  width: auto !important;
  max-width: calc(100% - 18px) !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.clima-planta-titulo-premium::before,
.clima-planta-titulo-premium::after {
  content: none !important;
  display: none !important;
}

.clima-planta-titulo-premium h3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 15px 24px 15px 26px !important;

  border-radius: 28px 22px 22px 0 !important;
  border: 2px solid #9fcca2 !important;

  background:
    radial-gradient(circle at 95% 10%, rgba(255,255,255,0.32), transparent 34%),
    linear-gradient(135deg, #1f6d32 0%, #2f7a3c 58%, #69aa69 100%) !important;

  color: #ffffff !important;

  font-size: clamp(1.2rem, 2vw, 1.62rem) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;

  white-space: nowrap !important;

  box-shadow:
    0 12px 24px rgba(47, 122, 60, 0.25),
    inset 0 0 0 1px rgba(255,255,255,0.18) !important;
}

.clima-planta-titulo-premium h3::before,
.clima-planta-titulo-premium h3::after {
  content: none !important;
  display: none !important;
}

/* mobile */
@media (max-width: 560px) {

  .clima-planta-seletor {
    margin-top: 38px !important;
    padding: 52px 14px 20px !important;
  }

  .clima-planta-titulo-premium {
    top: -21px !important;
    left: -2px !important;
    max-width: calc(100% - 14px) !important;
  }

  .clima-planta-titulo-premium h3 {
    padding: 12px 16px 12px 20px !important;
    border-radius: 24px 18px 18px 0 !important;

    font-size: 1.12rem !important;
    line-height: 1.08 !important;

    white-space: normal !important;
    text-align: left !important;
  }
} /* =========================================================
   TOPO CLIMA ATUAL - ABA PREMIUM GRUDADA NO CANTO
   usa o texto "Clima atual para [planta]"
   ========================================================= */

.clima-container-clic {
  position: relative !important;
  overflow: visible !important;

  margin-top: 42px !important;
  padding-top: 56px !important;
}

.clima-topo-titulo-premium {
  position: absolute !important;
  z-index: 10 !important;

  top: -25px !important;
  left: -2px !important;

  margin: 0 !important;
  padding: 0 !important;

  width: auto !important;
  max-width: calc(100% - 18px) !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.clima-topo-titulo-premium::before,
.clima-topo-titulo-premium::after {
  content: none !important;
  display: none !important;
}

.clima-topo-titulo-premium h3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 15px 24px 15px 26px !important;

  border-radius: 28px 22px 22px 0 !important;
  border: 2px solid #9fcca2 !important;

  background:
    radial-gradient(circle at 95% 10%, rgba(255,255,255,0.32), transparent 34%),
    linear-gradient(135deg, #1f6d32 0%, #2f7a3c 58%, #69aa69 100%) !important;

  color: #ffffff !important;

  font-size: clamp(1.2rem, 2vw, 1.62rem) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;

  white-space: nowrap !important;

  box-shadow:
    0 12px 24px rgba(47, 122, 60, 0.25),
    inset 0 0 0 1px rgba(255,255,255,0.18) !important;
}

.clima-topo-titulo-premium h3::before,
.clima-topo-titulo-premium h3::after {
  content: none !important;
  display: none !important;
}

/* conteúdo fica abaixo da aba */
.clima-container-clic .clic-topo-linha,
.clima-container-clic .clic-hero,
.clima-container-clic .clic-detalhes {
  position: relative !important;
  z-index: 2 !important;
}

/* se o selo antigo ainda existir em algum lugar, esconde */
.clima-container-clic .clic-selo {
  display: none !important;
}

/* mobile */
@media (max-width: 560px) {

  .clima-container-clic {
    margin-top: 38px !important;
    padding-top: 52px !important;
  }

  .clima-topo-titulo-premium {
    top: -21px !important;
    left: -2px !important;
    max-width: calc(100% - 14px) !important;
  }

  .clima-topo-titulo-premium h3 {
    padding: 12px 16px 12px 20px !important;
    border-radius: 24px 18px 18px 0 !important;

    font-size: 1.12rem !important;
    line-height: 1.08 !important;

    white-space: normal !important;
    text-align: left !important;
  }
}  /* =========================================================
   SOMENTE REMOVER FUNDO/MANCHAS
   não mexe em título, posição, padding, z-index ou layout
   ========================================================= */

/* tira gradiente/mancha dos containers grandes */
.clima-container-clic,
.clima-proximas-horas,
.clima-dias-futuros-card,
.clima-planta-seletor,
.clima-lua-card,
.calendario-manutencao-card {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* tira apenas círculos decorativos de fundo */
.clima-container-clic::before,
.clima-container-clic::after,
.clima-dias-futuros-card::before,
.clima-dias-futuros-card::after,
.clima-lua-card::before,
.clima-lua-card::after,
.calendario-manutencao-card::before,
.calendario-manutencao-card::after {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* se o seletor de planta ainda tiver círculo de fundo */
.clima-planta-seletor::after {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}  /* =========================================================
   ALERTAS DE RISCO HOJE
   mesmo padrão visual dos cards premium existentes
   ========================================================= */

.alertas-risco-dia-card {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;

  background:
    radial-gradient(circle at top right, rgba(95,143,104,0.18), transparent 34%),
    linear-gradient(135deg, #eef9eb 0%, #fbfff8 55%, #ffffff 100%) !important;

  border: 2px solid #9fcca2 !important;
  border-radius: 32px !important;
  padding: 24px !important;

  box-shadow: 0 18px 42px rgba(47,122,60,0.13) !important;

  position: relative !important;
  overflow: hidden !important;
  color: #172818 !important;
  font-family: "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
}

.alertas-risco-dia-card::before {
  content: "" !important;
  position: absolute !important;
  width: 170px !important;
  height: 170px !important;
  right: -70px !important;
  top: -70px !important;
  border-radius: 999px !important;
  background: rgba(95,143,104,0.12) !important;
  pointer-events: none !important;
}

.alertas-risco-dia-card::after {
  content: "" !important;
  position: absolute !important;
  width: 130px !important;
  height: 130px !important;
  left: -55px !important;
  bottom: -55px !important;
  border-radius: 999px !important;
  background: rgba(95,143,104,0.08) !important;
  pointer-events: none !important;
}

.alertas-risco-dia-titulo-premium,
.alertas-risco-dia-resumo,
.alertas-risco-dia-metricas,
.alertas-risco-dia-lista {
  position: relative !important;
  z-index: 2 !important;
}

.alertas-risco-dia-titulo-premium {
  margin-bottom: 16px !important;
}

.alertas-risco-dia-titulo-premium::before {
  content: "ALERTAS DO DIA" !important;
  display: inline-flex !important;
  align-items: center !important;

  background: #2f7a3c !important;
  color: #ffffff !important;

  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.05em !important;

  padding: 6px 11px !important;
  border-radius: 999px !important;
  margin-bottom: 12px !important;

  box-shadow: 0 7px 16px rgba(47,122,60,0.22) !important;
}

.alertas-risco-dia-titulo-premium h3 {
  margin: 0 0 6px !important;
  color: #132414 !important;

  font-size: 1.35rem !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
}

.alertas-risco-dia-titulo-premium span {
  display: block !important;
  margin: 0 !important;

  color: #5f6f60 !important;
  font-size: 0.92rem !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.alertas-risco-dia-resumo {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;

  margin: 18px 0 14px !important;
  padding: 14px 16px !important;

  border-radius: 24px !important;
  background: rgba(255,255,255,0.78) !important;
  border: 1.5px solid #b8d4b5 !important;

  box-shadow:
    0 8px 20px rgba(47,122,60,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.35) !important;
}

.alertas-risco-dia-resumo strong {
  color: #203421 !important;
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.alertas-risco-dia-resumo span {
  color: #4f5f50 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: right !important;
}

.alertas-risco-dia-resumo.bom {
  background: rgba(255,255,255,0.78) !important;
  border-color: #b8d4b5 !important;
}

.alertas-risco-dia-resumo.alerta {
  background: linear-gradient(135deg, #fff9e8, #ffffff) !important;
  border-color: #e4c85f !important;
  box-shadow: 0 8px 20px rgba(120,84,0,0.08) !important;
}

.alertas-risco-dia-resumo.ruim {
  background: linear-gradient(135deg, #fff1f1, #ffffff) !important;
  border-color: #e29a9a !important;
  box-shadow: 0 8px 20px rgba(161,28,28,0.09) !important;
}

.alertas-risco-dia-metricas {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

.alertas-risco-dia-metricas div {
  min-width: 0 !important;

  background: rgba(255,255,255,0.88) !important;
  border: 1.5px solid #b8d4b5 !important;
  border-radius: 22px !important;

  padding: 14px 12px !important;
  text-align: center !important;

  box-shadow:
    0 8px 20px rgba(47,122,60,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.35) !important;
}

.alertas-risco-dia-metricas span {
  display: block !important;

  color: #5f8f68 !important;
  font-size: 0.7rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;

  margin-bottom: 6px !important;
}

.alertas-risco-dia-metricas strong {
  display: block !important;

  color: #102111 !important;
  font-size: 1rem !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;

  white-space: nowrap !important;
}

.alertas-risco-dia-lista {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.alertas-risco-dia-item {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;

  background: rgba(255,255,255,0.88) !important;
  border: 1.5px solid #b8d4b5 !important;
  border-radius: 24px !important;

  padding: 14px 16px !important;

  box-shadow:
    0 8px 20px rgba(47,122,60,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.35) !important;
}

.alertas-risco-dia-item.bom {
  background: rgba(255,255,255,0.88) !important;
  border-color: #b8d4b5 !important;
}

.alertas-risco-dia-item.alerta {
  background: linear-gradient(135deg, #fff9e8, #ffffff) !important;
  border-color: #e4c85f !important;
  box-shadow: 0 8px 20px rgba(120,84,0,0.08) !important;
}

.alertas-risco-dia-item.ruim {
  background: linear-gradient(135deg, #fff1f1, #ffffff) !important;
  border-color: #e29a9a !important;
  box-shadow: 0 8px 20px rgba(161,28,28,0.09) !important;
}

.alertas-risco-dia-icone {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #e6f4e3 !important;
  border: 1px solid #b7d8b5 !important;
  border-radius: 17px !important;

  font-size: 1.35rem !important;
  line-height: 1 !important;

  box-shadow: inset 0 0 0 1px rgba(47,122,60,0.06) !important;
}

.alertas-risco-dia-item.alerta .alertas-risco-dia-icone {
  background: #fff3bf !important;
  border-color: #e4c85f !important;
}

.alertas-risco-dia-item.ruim .alertas-risco-dia-icone {
  background: #ffe1e1 !important;
  border-color: #e29a9a !important;
}

.alertas-risco-dia-conteudo {
  min-width: 0 !important;
}

.alertas-risco-dia-linha {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 12px !important;

  margin-bottom: 5px !important;
}

.alertas-risco-dia-linha strong {
  display: block !important;

  color: #203421 !important;
  font-size: 0.93rem !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.alertas-risco-dia-linha span {
  flex: 0 0 auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #ffffff !important;
  border: 1px solid #c5dfc3 !important;
  color: #2f7a3c !important;

  border-radius: 999px !important;
  padding: 6px 9px !important;

  font-size: 0.7rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  box-shadow: 0 5px 12px rgba(47,122,60,0.07) !important;
}

.alertas-risco-dia-item.alerta .alertas-risco-dia-linha span {
  background: #fff3bf !important;
  border-color: #e4c85f !important;
  color: #785400 !important;
}

.alertas-risco-dia-item.ruim .alertas-risco-dia-linha span {
  background: #ffe1e1 !important;
  border-color: #e29a9a !important;
  color: #a11c1c !important;
}

.alertas-risco-dia-conteudo p {
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  color: #4f5f50 !important;
  font-size: 0.84rem !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

/* impede o CSS do texto do artigo de afetar os parágrafos internos */
.article-content .alertas-risco-dia-card p,
.entry-content .alertas-risco-dia-card p,
.single-content .alertas-risco-dia-card p,
.article-card .alertas-risco-dia-card p {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 560px) {
  .alertas-risco-dia-card {
    border-radius: 26px !important;
    padding: 20px 14px !important;
    margin-top: 22px !important;
    margin-bottom: 22px !important;
  }

  .alertas-risco-dia-titulo-premium::before {
    font-size: 0.65rem !important;
    padding: 5px 9px !important;
    margin-bottom: 10px !important;
  }

  .alertas-risco-dia-titulo-premium h3 {
    font-size: 1.18rem !important;
  }

  .alertas-risco-dia-titulo-premium span {
    font-size: 0.86rem !important;
  }

  .alertas-risco-dia-resumo {
    display: block !important;
    border-radius: 20px !important;
    padding: 13px 14px !important;
  }

  .alertas-risco-dia-resumo span {
    display: block !important;
    margin-top: 5px !important;
    text-align: left !important;
    font-size: 0.74rem !important;
  }

  .alertas-risco-dia-metricas {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
  }

  .alertas-risco-dia-metricas div {
    border-radius: 20px !important;
    padding: 12px 10px !important;
  }

  .alertas-risco-dia-metricas span {
    font-size: 0.64rem !important;
  }

  .alertas-risco-dia-metricas strong {
    font-size: 0.92rem !important;
  }

  .alertas-risco-dia-lista {
    gap: 9px !important;
  }

  .alertas-risco-dia-item {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;

    border-radius: 22px !important;
    padding: 13px 14px !important;
  }

  .alertas-risco-dia-icone {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 16px !important;
    font-size: 1.2rem !important;
  }

  .alertas-risco-dia-linha {
    display: grid !important;
    gap: 6px !important;
    margin-bottom: 6px !important;
  }

  .alertas-risco-dia-linha strong {
    font-size: 0.88rem !important;
  }

  .alertas-risco-dia-linha span {
    width: fit-content !important;
    font-size: 0.66rem !important;
    padding: 5px 8px !important;
  }

  .alertas-risco-dia-conteudo p {
    font-size: 0.78rem !important;
    line-height: 1.42 !important;
  }
}

@media (max-width: 390px) {
  .alertas-risco-dia-card {
    padding: 18px 12px !important;
  }

  .alertas-risco-dia-item {
    padding: 12px !important;
  }

  .alertas-risco-dia-metricas {
    grid-template-columns: 1fr 1fr !important;
  }
} /* =========================================================
   ALERTAS DE RISCO HOJE
   mesmo padrão: agenda / próximas horas / lua
   ========================================================= */

.alertas-risco-dia-card {
  position: relative !important;
  overflow: visible !important;

  margin-top: 42px !important;
  margin-bottom: 24px !important;

  width: 100% !important;
  box-sizing: border-box !important;

  padding: 56px 24px 24px !important;

  background: #ffffff !important;
  border: 2px solid #9fcca2 !important;
  border-radius: 32px !important;

  box-shadow: 0 18px 42px rgba(47,122,60,0.13) !important;

  color: #172818 !important;
  font-family: "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
}

/* remove manchas antigas */
.alertas-risco-dia-card::before,
.alertas-risco-dia-card::after {
  content: none !important;
  display: none !important;
}

/* aba premium no topo */
.alertas-risco-dia-titulo-premium {
  position: absolute !important;
  z-index: 10 !important;

  top: -25px !important;
  left: -2px !important;

  width: auto !important;
  max-width: calc(100% - 18px) !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.alertas-risco-dia-titulo-premium::before,
.alertas-risco-dia-titulo-premium::after {
  content: none !important;
  display: none !important;
}

.alertas-risco-dia-titulo-premium h3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 15px 24px 15px 26px !important;

  border-radius: 28px 22px 22px 0 !important;
  border: 2px solid #9fcca2 !important;

  background:
    radial-gradient(circle at 95% 10%, rgba(255,255,255,0.32), transparent 34%),
    linear-gradient(135deg, #1f6d32 0%, #2f7a3c 58%, #69aa69 100%) !important;

  color: #ffffff !important;

  font-size: clamp(1.2rem, 2vw, 1.62rem) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;

  white-space: nowrap !important;

  box-shadow:
    0 12px 24px rgba(47,122,60,0.25),
    inset 0 0 0 1px rgba(255,255,255,0.18) !important;
}

.alertas-risco-dia-titulo-premium h3::before,
.alertas-risco-dia-titulo-premium h3::after {
  content: none !important;
  display: none !important;
}

/* resumo principal */
.alertas-risco-dia-resumo {
  position: relative !important;
  z-index: 2 !important;

  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 14px !important;

  margin: 0 0 16px !important;
  padding: 16px !important;

  border-radius: 24px !important;
  background: rgba(255,255,255,0.88) !important;
  border: 1.5px solid #b8d4b5 !important;

  box-shadow:
    0 8px 20px rgba(47,122,60,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.35) !important;
}

.alertas-risco-dia-resumo > div {
  min-width: 0 !important;
}

.alertas-risco-dia-resumo strong {
  display: block !important;

  margin: 0 0 4px !important;

  color: #203421 !important;
  font-size: 1rem !important;
  line-height: 1.18 !important;
  font-weight: 950 !important;
}

.alertas-risco-dia-resumo span {
  display: block !important;

  color: #4f5f50 !important;
  font-size: 0.82rem !important;
  line-height: 1.4 !important;
  font-weight: 750 !important;
}

.alertas-risco-dia-resumo b {
  flex: 0 0 auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 86px !important;

  padding: 8px 12px !important;
  border-radius: 999px !important;

  background: #e6f4e3 !important;
  border: 1px solid #b7d8b5 !important;
  color: #2f7a3c !important;

  font-size: 0.74rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  box-shadow: 0 6px 14px rgba(47,122,60,0.08) !important;
}

.alertas-risco-dia-resumo.alerta {
  background: linear-gradient(135deg, #fff9e8, #ffffff) !important;
  border-color: #e4c85f !important;
  box-shadow: 0 8px 20px rgba(120,84,0,0.08) !important;
}

.alertas-risco-dia-resumo.alerta b {
  background: #fff3bf !important;
  border-color: #e4c85f !important;
  color: #785400 !important;
}

.alertas-risco-dia-resumo.ruim {
  background: linear-gradient(135deg, #fff1f1, #ffffff) !important;
  border-color: #e29a9a !important;
  box-shadow: 0 8px 20px rgba(161,28,28,0.09) !important;
}

.alertas-risco-dia-resumo.ruim b {
  background: #ffe1e1 !important;
  border-color: #e29a9a !important;
  color: #a11c1c !important;
}

/* remove totalmente o bloco de máximas/mínimas caso tenha ficado no HTML antigo */
.alertas-risco-dia-metricas {
  display: none !important;
}

/* lista */
.alertas-risco-dia-lista {
  position: relative !important;
  z-index: 2 !important;

  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.alertas-risco-dia-item {
  position: relative !important;

  display: block !important;

  padding: 15px 16px 15px 18px !important;

  background: rgba(255,255,255,0.88) !important;
  border: 1.5px solid #b8d4b5 !important;
  border-radius: 24px !important;

  box-shadow:
    0 8px 20px rgba(47,122,60,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.35) !important;

  overflow: hidden !important;
}

.alertas-risco-dia-item::before {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;

  width: 6px !important;

  background: #2f7a3c !important;
  border-radius: 24px 0 0 24px !important;
}

.alertas-risco-dia-item.alerta {
  background: linear-gradient(135deg, #fff9e8, #ffffff) !important;
  border-color: #e4c85f !important;
  box-shadow: 0 8px 20px rgba(120,84,0,0.08) !important;
}

.alertas-risco-dia-item.alerta::before {
  background: #e4c85f !important;
}

.alertas-risco-dia-item.ruim {
  background: linear-gradient(135deg, #fff1f1, #ffffff) !important;
  border-color: #e29a9a !important;
  box-shadow: 0 8px 20px rgba(161,28,28,0.09) !important;
}

.alertas-risco-dia-item.ruim::before {
  background: #a11c1c !important;
}

/* garante que o ícone antigo suma mesmo se sobrar no HTML */
.alertas-risco-dia-icone {
  display: none !important;
}

.alertas-risco-dia-conteudo {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
}

.alertas-risco-dia-linha {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 12px !important;

  margin: 0 0 6px !important;
}

.alertas-risco-dia-linha strong {
  display: block !important;

  color: #203421 !important;
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.alertas-risco-dia-linha span {
  flex: 0 0 auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 6px 10px !important;
  border-radius: 999px !important;

  background: #e6f4e3 !important;
  border: 1px solid #b7d8b5 !important;
  color: #2f7a3c !important;

  font-size: 0.68rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.alertas-risco-dia-item.alerta .alertas-risco-dia-linha span {
  background: #fff3bf !important;
  border-color: #e4c85f !important;
  color: #785400 !important;
}

.alertas-risco-dia-item.ruim .alertas-risco-dia-linha span {
  background: #ffe1e1 !important;
  border-color: #e29a9a !important;
  color: #a11c1c !important;
}

.alertas-risco-dia-conteudo p {
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #4f5f50 !important;
  font-size: 0.84rem !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

/* impede o CSS do texto do artigo de transformar esses p em card */
.article-content .alertas-risco-dia-card p,
.entry-content .alertas-risco-dia-card p,
.single-content .alertas-risco-dia-card p,
.article-card .alertas-risco-dia-card p {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 560px) {
  .alertas-risco-dia-card {
    margin-top: 38px !important;
    margin-bottom: 22px !important;

    padding: 52px 14px 20px !important;
    border-radius: 26px !important;
  }

  .alertas-risco-dia-titulo-premium {
    top: -21px !important;
    left: -2px !important;
    max-width: calc(100% - 14px) !important;
  }

  .alertas-risco-dia-titulo-premium h3 {
    padding: 12px 16px 12px 20px !important;
    border-radius: 24px 18px 18px 0 !important;

    font-size: 1.12rem !important;
    line-height: 1.08 !important;

    white-space: normal !important;
    text-align: left !important;
  }

  .alertas-risco-dia-resumo {
    display: block !important;
    border-radius: 20px !important;
    padding: 13px 14px !important;
  }

  .alertas-risco-dia-resumo span {
    font-size: 0.76rem !important;
  }

  .alertas-risco-dia-resumo b {
    width: fit-content !important;
    min-width: 0 !important;

    margin-top: 10px !important;

    font-size: 0.68rem !important;
    padding: 7px 10px !important;
  }

  .alertas-risco-dia-lista {
    gap: 9px !important;
  }

  .alertas-risco-dia-item {
    border-radius: 22px !important;
    padding: 13px 14px 13px 16px !important;
  }

  .alertas-risco-dia-linha {
    display: grid !important;
    gap: 7px !important;
    margin-bottom: 7px !important;
  }

  .alertas-risco-dia-linha strong {
    font-size: 0.88rem !important;
  }

  .alertas-risco-dia-linha span {
    width: fit-content !important;
    font-size: 0.64rem !important;
    padding: 5px 8px !important;
  }

  .alertas-risco-dia-conteudo p {
    font-size: 0.78rem !important;
    line-height: 1.42 !important;
  }
}

@media (max-width: 390px) {
  .alertas-risco-dia-card {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .alertas-risco-dia-item {
    padding: 12px 12px 12px 15px !important;
  }
} /* =========================================================
   ALERTAS DE RISCO HOJE - VERSÃO LIMPA FINAL
   ========================================================= */

.alertas-risco-dia-card {
  position: relative !important;
  overflow: visible !important;

  margin-top: 42px !important;
  margin-bottom: 24px !important;

  width: 100% !important;
  box-sizing: border-box !important;

  padding: 54px 24px 24px !important;

  background: #ffffff !important;
  background-image: none !important;

  border: 2px solid #9fcca2 !important;
  border-radius: 32px !important;

  box-shadow: 0 18px 42px rgba(47,122,60,0.13) !important;

  color: #172818 !important;
  font-family: "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
}

/* remove manchas e círculos */
.alertas-risco-dia-card::before,
.alertas-risco-dia-card::after {
  content: none !important;
  display: none !important;
}

/* aba verde premium */
.alertas-risco-dia-titulo-premium {
  position: absolute !important;
  z-index: 10 !important;

  top: -25px !important;
  left: -2px !important;

  margin: 0 !important;
  padding: 0 !important;

  width: auto !important;
  max-width: calc(100% - 18px) !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* esconde selo/subtítulo antigo */
.alertas-risco-dia-titulo-premium::before,
.alertas-risco-dia-titulo-premium::after,
.alertas-risco-dia-titulo-premium span {
  content: none !important;
  display: none !important;
}

.alertas-risco-dia-titulo-premium h3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 15px 24px 15px 26px !important;

  border-radius: 28px 22px 22px 0 !important;
  border: 2px solid #9fcca2 !important;

  background:
    radial-gradient(circle at 95% 10%, rgba(255,255,255,0.32), transparent 34%),
    linear-gradient(135deg, #1f6d32 0%, #2f7a3c 58%, #69aa69 100%) !important;

  color: #ffffff !important;

  font-size: clamp(1.2rem, 2vw, 1.62rem) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;

  white-space: nowrap !important;

  box-shadow:
    0 12px 24px rgba(47,122,60,0.25),
    inset 0 0 0 1px rgba(255,255,255,0.18) !important;
}

/* remove resumo duplicado */
.alertas-risco-dia-resumo,
.alertas-risco-dia-metricas,
.alertas-risco-dia-icone {
  display: none !important;
}

/* lista */
.alertas-risco-dia-lista {
  position: relative !important;
  z-index: 2 !important;

  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* item do alerta */
.alertas-risco-dia-item {
  position: relative !important;

  display: block !important;

  margin: 0 !important;
  padding: 16px 18px 16px 20px !important;

  background: linear-gradient(135deg, #f7fff4, #ffffff) !important;
  border: 1.5px solid #b8d4b5 !important;
  border-radius: 24px !important;

  box-shadow:
    0 8px 20px rgba(47,122,60,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.35) !important;

  overflow: hidden !important;
}

/* barrinha lateral */
.alertas-risco-dia-item::before {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;

  width: 6px !important;

  background: #2f7a3c !important;
  border-radius: 24px 0 0 24px !important;
}

.alertas-risco-dia-item.alerta {
  background: linear-gradient(135deg, #fff9e8, #ffffff) !important;
  border-color: #e4c85f !important;
  box-shadow: 0 8px 20px rgba(120,84,0,0.08) !important;
}

.alertas-risco-dia-item.alerta::before {
  background: #e4c85f !important;
}

.alertas-risco-dia-item.ruim {
  background: linear-gradient(135deg, #fff1f1, #ffffff) !important;
  border-color: #e29a9a !important;
  box-shadow: 0 8px 20px rgba(161,28,28,0.09) !important;
}

.alertas-risco-dia-item.ruim::before {
  background: #a11c1c !important;
}

.alertas-risco-dia-conteudo {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
}

.alertas-risco-dia-linha {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 12px !important;

  margin: 0 0 7px !important;
}

.alertas-risco-dia-linha strong {
  display: block !important;

  color: #203421 !important;
  font-size: 0.98rem !important;
  line-height: 1.18 !important;
  font-weight: 950 !important;
}

.alertas-risco-dia-linha span {
  flex: 0 0 auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 6px 10px !important;
  border-radius: 999px !important;

  background: #e6f4e3 !important;
  border: 1px solid #b7d8b5 !important;
  color: #2f7a3c !important;

  font-size: 0.68rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.alertas-risco-dia-item.alerta .alertas-risco-dia-linha span {
  background: #fff3bf !important;
  border-color: #e4c85f !important;
  color: #785400 !important;
}

.alertas-risco-dia-item.ruim .alertas-risco-dia-linha span {
  background: #ffe1e1 !important;
  border-color: #e29a9a !important;
  color: #a11c1c !important;
}

.alertas-risco-dia-conteudo p {
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #4f5f50 !important;
  font-size: 0.84rem !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

/* impede o CSS do artigo de transformar o texto interno em card */
.article-content .alertas-risco-dia-card p,
.entry-content .alertas-risco-dia-card p,
.single-content .alertas-risco-dia-card p,
.article-card .alertas-risco-dia-card p {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* MOBILE */
@media (max-width: 560px) {
  .alertas-risco-dia-card {
    margin-top: 38px !important;
    margin-bottom: 22px !important;

    padding: 50px 14px 18px !important;
    border-radius: 26px !important;
  }

  .alertas-risco-dia-titulo-premium {
    top: -21px !important;
    left: -2px !important;
    max-width: calc(100% - 14px) !important;
  }

  .alertas-risco-dia-titulo-premium h3 {
    padding: 12px 16px 12px 20px !important;
    border-radius: 24px 18px 18px 0 !important;

    font-size: 1.12rem !important;
    line-height: 1.08 !important;

    white-space: normal !important;
    text-align: left !important;
  }

  .alertas-risco-dia-lista {
    gap: 9px !important;
  }

  .alertas-risco-dia-item {
    border-radius: 22px !important;
    padding: 14px 14px 14px 17px !important;
  }

  .alertas-risco-dia-linha {
    display: grid !important;
    gap: 7px !important;
    margin-bottom: 7px !important;
  }

  .alertas-risco-dia-linha strong {
    font-size: 0.9rem !important;
  }

  .alertas-risco-dia-linha span {
    width: fit-content !important;
    font-size: 0.64rem !important;
    padding: 5px 8px !important;
  }

  .alertas-risco-dia-conteudo p {
    font-size: 0.78rem !important;
    line-height: 1.42 !important;
  }
}  /* =========================================================
   CARD GRANDE: FUNGOS, MOFO E APODRECIMENTO
   ========================================================= */

.clima-fungos-card {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: radial-gradient(circle at top right,rgba(95,143,104,0.16),transparent 34%),
              linear-gradient(135deg,#eef9eb 0%,#fbfff8 55%,#ffffff 100%) !important;
  border: 2px solid #9fcca2 !important;
  border-radius: 32px !important;
  padding: 24px !important;
  box-shadow: 0 18px 42px rgba(47,122,60,0.13) !important;
  position: relative !important;
  overflow: hidden !important;
  color: #172818 !important;
  font-family: "Inter","Roboto","Segoe UI",Arial,sans-serif !important;
}

.clima-fungos-card::before {
  content: "" !important;
  position: absolute !important;
  width: 170px !important;
  height: 170px !important;
  right: -70px !important;
  top: -70px !important;
  border-radius: 999px !important;
  background: rgba(95,143,104,0.12) !important;
  pointer-events: none !important;
}

.clima-fungos-card.ruim {
  background: radial-gradient(circle at top right,rgba(161,28,28,0.12),transparent 34%),
              linear-gradient(135deg,#fff1f1 0%,#fffafa 55%,#ffffff 100%) !important;
  border-color: #e29a9a !important;
  box-shadow: 0 18px 42px rgba(161,28,28,0.10) !important;
}

.clima-fungos-card.alerta {
  background: radial-gradient(circle at top right,rgba(228,200,95,0.18),transparent 34%),
              linear-gradient(135deg,#fff9e8 0%,#fffdf4 55%,#ffffff 100%) !important;
  border-color: #e4c85f !important;
  box-shadow: 0 18px 42px rgba(120,84,0,0.10) !important;
}

.clima-fungos-topo,
.clima-fungos-resumo,
.clima-fungos-grid,
.clima-fungos-bloco {
  position: relative !important;
  z-index: 2 !important;
}

.clima-fungos-topo {
  margin-bottom: 16px !important;
}

.clima-fungos-topo span {
  display: inline-flex !important;
  align-items: center !important;
  background: #2f7a3c !important;
  color: #ffffff !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.05em !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  margin-bottom: 12px !important;
  box-shadow: 0 7px 16px rgba(47,122,60,0.22) !important;
}

.clima-fungos-card.ruim .clima-fungos-topo span {
  background: #a11c1c !important;
  box-shadow: 0 7px 16px rgba(161,28,28,0.20) !important;
}

.clima-fungos-card.alerta .clima-fungos-topo span {
  background: #785400 !important;
  box-shadow: 0 7px 16px rgba(120,84,0,0.18) !important;
}

.clima-fungos-topo h3 {
  margin: 0 0 6px !important;
  color: #132414 !important;
  font-size: 1.35rem !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
}

.clima-fungos-topo p {
  margin: 0 !important;
  color: #5f6f60 !important;
  font-size: 0.92rem !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.clima-fungos-resumo {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 18px 0 14px !important;
  padding: 16px !important;
  background: rgba(255,255,255,0.78) !important;
  border: 1.5px solid #b8d4b5 !important;
  border-radius: 24px !important;
  box-shadow: 0 8px 20px rgba(47,122,60,0.06),
              inset 0 0 0 1px rgba(255,255,255,0.35) !important;
}

.clima-fungos-resumo.alerta {
  border-color: #e4c85f !important;
}

.clima-fungos-resumo.ruim {
  border-color: #e29a9a !important;
}

.clima-fungos-resumo div {
  min-width: 0 !important;
}

.clima-fungos-resumo strong {
  display: block !important;
  margin-bottom: 5px !important;
  color: #203421 !important;
  font-size: 1rem !important;
  line-height: 1.18 !important;
  font-weight: 950 !important;
}

.clima-fungos-resumo span {
  display: block !important;
  color: #4f5f50 !important;
  font-size: 0.82rem !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
}

.clima-fungos-resumo b {
  flex: 0 0 auto !important;
  width: 76px !important;
  height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 24px !important;
  background: #e6f4e3 !important;
  border: 1px solid #b7d8b5 !important;
  color: #2f7a3c !important;
  font-size: 1.02rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(47,122,60,0.10) !important;
}

.clima-fungos-resumo.alerta b {
  background: #fff3bf !important;
  border-color: #e4c85f !important;
  color: #785400 !important;
}

.clima-fungos-resumo.ruim b {
  background: #ffe1e1 !important;
  border-color: #e29a9a !important;
  color: #a11c1c !important;
}

.clima-fungos-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}

.clima-fungos-grid > div {
  min-width: 0 !important;
  padding: 13px 12px !important;
  background: rgba(255,255,255,0.82) !important;
  border: 1.5px solid #b8d4b5 !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 20px rgba(47,122,60,0.05),
              inset 0 0 0 1px rgba(255,255,255,0.35) !important;
}

.clima-fungos-grid > div.alerta {
  border-color: #e4c85f !important;
  background: linear-gradient(135deg,#fff9e8,#ffffff) !important;
}

.clima-fungos-grid > div.ruim {
  border-color: #e29a9a !important;
  background: linear-gradient(135deg,#fff1f1,#ffffff) !important;
}

.clima-fungos-grid span {
  display: block !important;
  color: #5f8f68 !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 5px !important;
}

.clima-fungos-grid strong {
  display: block !important;
  color: #102111 !important;
  font-size: 1rem !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

.clima-fungos-grid small {
  display: block !important;
  margin-top: 5px !important;
  color: #4f5f50 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.clima-fungos-bloco {
  margin-top: 14px !important;
  padding: 16px !important;
  background: rgba(255,255,255,0.72) !important;
  border: 1.5px solid #b8d4b5 !important;
  border-radius: 24px !important;
  box-shadow: 0 8px 20px rgba(47,122,60,0.06),
              inset 0 0 0 1px rgba(255,255,255,0.35) !important;
}

.clima-fungos-card.alerta .clima-fungos-bloco {
  border-color: rgba(228,200,95,0.65) !important;
}

.clima-fungos-card.ruim .clima-fungos-bloco {
  border-color: rgba(226,154,154,0.75) !important;
}

.clima-fungos-bloco > strong {
  display: block !important;
  margin-bottom: 10px !important;
  color: #203421 !important;
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.clima-fungos-linhas {
  display: grid !important;
  gap: 8px !important;
}

.clima-fungos-linhas div {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 11px !important;
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(197,223,195,0.85) !important;
  border-radius: 16px !important;
}

.clima-fungos-linhas span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #344035 !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.clima-fungos-linhas b {
  color: #a11c1c !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-align: right !important;
  text-transform: uppercase !important;
}

.clima-fungos-acoes {
  display: grid !important;
  gap: 8px !important;
}

.clima-fungos-acoes span {
  display: block !important;
  padding: 9px 11px !important;
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(197,223,195,0.85) !important;
  border-radius: 15px !important;
  color: #4f5f50 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

@media(max-width:560px) {
  .clima-fungos-card {
    border-radius: 26px !important;
    padding: 20px 14px !important;
    margin-top: 22px !important;
    margin-bottom: 22px !important;
  }

  .clima-fungos-topo span {
    font-size: 0.65rem !important;
    padding: 5px 9px !important;
    margin-bottom: 10px !important;
  }

  .clima-fungos-topo h3 {
    font-size: 1.18rem !important;
  }

  .clima-fungos-topo p {
    font-size: 0.86rem !important;
  }

  .clima-fungos-resumo {
    display: block !important;
    border-radius: 20px !important;
    padding: 14px !important;
  }

  .clima-fungos-resumo b {
    width: fit-content !important;
    height: auto !important;
    margin-top: 10px !important;
    padding: 8px 11px !important;
    border-radius: 999px !important;
    font-size: 0.78rem !important;
  }

  .clima-fungos-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  .clima-fungos-bloco {
    border-radius: 22px !important;
    padding: 14px !important;
  }

  .clima-fungos-linhas div {
    padding: 9px 10px !important;
  }

  .clima-fungos-linhas span {
    font-size: 0.76rem !important;
  }

  .clima-fungos-linhas b {
    font-size: 0.68rem !important;
  } 
}  /* Mantendo o card original, só melhorando visual dos horários */
.alertas-risco-dia-lista {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.alertas-risco-dia-item.bom {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.85);
  border-radius: 24px;
  padding: 12px 16px;
  flex: 1 1 180px;
  min-width: 160px;
  border: 1px solid #c5dfc3;
  box-shadow: inset 0 0 0 1px rgba(47,122,60,0.03);
}

.alertas-risco-dia-linha strong {
  font-size: 1rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  gap: 8px;
}

.alertas-risco-dia-conteudo p {
  font-size: 1.2rem;
  font-weight: 950;
  color: #102111;
  margin-top: 4px;
}