/* mod_clima: a 7-day list, one row per day (own CSS). */
.mod-clima{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:#333;border:1px solid #e7e8e6;border-radius:12px;padding:14px;background:#fff}
.mod-clima .clima-title{margin:0 0 10px;font-size:17px;font-weight:700;color:#1a33d6}
.mod-clima .clima-days{list-style:none;margin:0;padding:0}
.mod-clima .clima-day{display:grid;grid-template-columns:92px 32px 1fr auto;grid-template-areas:"when sym label temp" "when sym extra extra";gap:0 10px;align-items:center;padding:8px 0;border-top:1px solid #eee}
.mod-clima .clima-day:first-child{border-top:0}
.mod-clima .clima-when{grid-area:when;line-height:1.2}
.mod-clima .clima-when small{display:block;color:#777}
.mod-clima .clima-sym{grid-area:sym;font-size:26px;line-height:1;text-align:center}
.mod-clima .clima-label{grid-area:label}
.mod-clima .clima-temp{grid-area:temp;text-align:right;white-space:nowrap;color:#555}
.mod-clima .clima-temp b{color:#c0392b}
.mod-clima .clima-extra{grid-area:extra;font-size:12px;color:#777}
.mod-clima .clima-updated{margin:8px 0 0;font-size:11px;color:#888}
.mod-clima .clima-error{margin:0;padding:14px;border-radius:8px;background:#f7f7f7;color:#777}
.mod-clima .clima-credit{margin:10px 0 0;font-size:11px;color:#777}
.mod-clima .clima-credit a{color:#1a33d6}
@media (max-width:480px){.mod-clima .clima-day{grid-template-columns:78px 30px 1fr auto}}