/* V30 — clima de Criciúma, substitui o antigo cartão de promoções. */
.lower-links>.weather-card{grid-column:1;grid-row:1;min-width:0;margin:0;padding:24px;box-shadow:var(--shadow);background:linear-gradient(165deg,#fffdfa 0%,#fff 52%,#fff9f5 100%);border:1px solid #f3e8e3;border-radius:22px;display:flex;flex-direction:column;gap:0;align-self:stretch;overflow:hidden;position:relative}
.weather-card:before{content:"";position:absolute;right:-100px;top:-100px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,218,161,.29),transparent 70%);pointer-events:none}
.weather-card>*{position:relative}
.weather-topline{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.weather-overline{color:#bb001e;font-size:11px;font-weight:850;letter-spacing:.13em}
.weather-location-mark{color:#67748a;font-size:12px;font-weight:700}
.weather-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}
.weather-card .weather-heading h2{font-size:clamp(22px,2.05vw,28px);line-height:1.17;letter-spacing:-.035em;margin:0;color:#102141}
.weather-card .weather-heading p{font-size:13px;line-height:1.45;color:#718096;margin:7px 0 0}
.weather-symbol{font-size:49px;line-height:1;filter:drop-shadow(0 4px 7px rgba(102,93,93,.13));user-select:none;flex:none}
.weather-primary{display:flex;align-items:center;gap:18px;min-width:0;border-radius:17px;background:linear-gradient(125deg,#fff4e8,#fff6f1 68%,#fcefed);border:1px solid #f4dfd8;padding:20px 18px;margin-bottom:21px;min-height:135px}
.weather-primary-temp{display:flex;flex-direction:column;flex:0 0 auto;align-items:flex-start}
.weather-now-label{font-size:11px;letter-spacing:.13em;font-weight:850;color:#bc001e}
.weather-primary-temp strong{font-size:58px;line-height:1;font-weight:850;letter-spacing:-.08em;color:#102141;margin:5px 0 3px}
.weather-max-label{font-size:11px;color:#7e7782;white-space:nowrap}
.weather-primary-detail{display:flex;flex-direction:column;gap:8px;min-width:0;border-left:1px solid #e7d2cc;padding-left:18px}
.weather-primary-detail strong{font-size:15px;line-height:1.32;color:#102141;overflow-wrap:anywhere}
.weather-primary-detail>span{font-size:12px;color:#5c6476;line-height:1.3}
.weather-humidity:empty{display:none}
.weather-next-title{font-size:13px;font-weight:850;color:#152644;margin:0 0 10px}
.weather-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:116px}
.weather-day{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:11px 5px;border:1px solid #efe8e5;background:#fff;border-radius:13px;text-align:center}
.weather-day-name{font-size:12px;font-weight:800;color:#24334b;text-transform:capitalize}
.weather-day-icon{font-size:24px;line-height:1.2}
.weather-day-temp{font-size:12px;color:#525f72;white-space:nowrap}
.weather-day-temp strong{color:#cb0025}
.weather-day-info{font-size:10px;line-height:1.15;color:#768096;max-width:100%;overflow-wrap:break-word}
.weather-loading,.weather-error{grid-column:1/-1;align-self:center;text-align:center;color:#6d778c;font-size:13px;line-height:1.5;margin:12px auto}
.weather-error{color:#a33440}
.weather-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:15px;color:#7a8494;font-size:10px}
.weather-refresh{appearance:none;border:1px solid #efdad9;border-radius:9px;background:#fff;color:#bb0022;padding:7px 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.weather-refresh:hover{background:#fff1f1}
.weather-refresh:focus-visible{outline:3px solid #d3082a;outline-offset:3px}
.weather-source{display:block;align-self:flex-start;font-size:10px;color:#68768b;margin-top:9px;text-decoration:none}
.weather-source:hover{text-decoration:underline;color:#ac001b}
@media(max-width:800px){.lower-links>.weather-card{grid-column:1;grid-row:auto}.weather-primary-temp strong{font-size:60px}}
@media(max-width:540px){.lower-links>.weather-card{padding:20px 17px}.weather-primary{padding:15px 13px;gap:12px;margin-bottom:17px}.weather-primary-temp strong{font-size:51px}.weather-primary-detail{padding-left:12px}.weather-primary-detail strong{font-size:13px}.weather-day{padding:9px 3px}.weather-card .weather-heading h2{font-size:23px}}
@media(max-width:360px){.weather-location-mark{font-size:10px}.weather-symbol{font-size:39px}.weather-primary{gap:9px}.weather-primary-detail{padding-left:9px}.weather-primary-temp strong{font-size:43px}.weather-day-info{font-size:9px}}
