/* LanzaNote · meteo, vento e spiagge */
.wic{width:26px;height:26px;stroke:var(--ink);fill:none;stroke-width:1.1;flex:none}
.wic.big{width:54px;height:54px}
.wic.huge{width:92px;height:92px;stroke-width:.8}
.warrow{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;display:inline-block;vertical-align:-2px;margin-right:4px}

/* home widget */
.wxh{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--ink);text-decoration:none}
.wxh>div{padding:22px 0;border-bottom:1px solid var(--line)}
.wxh-now{grid-column:1/-1;display:flex;align-items:center;gap:18px}
.wxh .tbig{display:block;font-family:var(--serif);font-weight:400;font-size:64px;line-height:1}
.wxh-cell b{display:block;font-family:var(--serif);font-weight:400;font-size:26px;margin-top:6px;line-height:1.15}
.wxh-cell small{font-family:var(--sans);font-size:12px;color:var(--muted)}
.wxh-cell.best{grid-column:1/-1}
.wxh-cell.best b{font-style:italic;font-size:30px}
.wxh-cell.best small.cap{color:var(--accent);margin-top:6px;display:block}
@media(min-width:800px){.wxh{grid-template-columns:1.4fr 1fr 1fr 1.4fr}.wxh-now,.wxh-cell.best{grid-column:auto}.wxh>div{padding:26px 20px 26px 0}}

/* now */
.wx-now{display:grid;gap:30px;border-top:1px solid var(--ink);padding-top:30px}
@media(min-width:900px){.wx-now{grid-template-columns:1fr 1fr;align-items:center}}
.wx-main{display:flex;align-items:center;gap:22px}
.tmega{font-family:var(--serif);font-size:clamp(110px,22vw,190px);line-height:.85;letter-spacing:-.04em}
.tmega span{font-size:.5em;vertical-align:top;margin-left:4px}
.wx-cond{font-family:var(--serif);font-style:italic;font-size:26px;margin:10px 0 6px}
.wx-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.wx-grid>div{padding:16px 0;border-bottom:1px solid var(--line)}
.wx-grid b{display:block;font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.1;margin-top:6px}
.wx-grid b small{font-family:var(--sans);font-size:12px;color:var(--muted);margin-left:3px}

/* hours */
.hours{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hours::-webkit-scrollbar{display:none}
.hr{flex:none;width:76px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0;border-right:1px solid var(--line)}
.hr b{font-family:var(--serif);font-weight:400;font-size:22px}
.hr small{font-size:11px;color:var(--muted)}
.hr small.rain{color:var(--musica)}

/* beaches */
.wx-mode{display:flex;gap:16px}
.wx-mode button{font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-bottom:3px;border-bottom:1px solid transparent}
.wx-mode button.on{color:var(--ink);border-color:var(--ink)}
@media(max-width:700px){.sec-title:has(.wx-mode){flex-direction:column;align-items:flex-start;gap:14px}}
.best-beach{display:block;text-decoration:none;background:color-mix(in srgb,var(--natura) 22%,var(--paper));padding:30px 24px;margin-bottom:10px}
.best-beach h3{font-size:clamp(40px,7vw,72px);font-style:italic;margin:14px 0 8px}
.best-beach p{color:var(--soft);font-family:var(--serif);font-size:19px}
.bb-row{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:20px;font-size:14px;color:var(--soft)}
.bb-row b{font-weight:500;color:var(--ink)}
.beaches{border-top:1px solid var(--ink)}
.beach{display:grid;grid-template-columns:34px 1fr auto;gap:4px 12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.beach .no{font-family:var(--serif);font-style:italic;color:var(--muted)}
.beach h4{font-size:21px;line-height:1.15;margin-bottom:4px}
.beach .bmeta{grid-column:2;display:flex;gap:16px;font-size:14px}
.beach .bmeta small{color:var(--muted)}
.beach .tag{grid-column:3;grid-row:1;justify-self:end;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:5px 9px;border:1px solid currentColor}
.tag-ideal{color:#5E7A55}.tag-good{color:#8A7A5C}.tag-windy{color:var(--muted)}.tag-rough{color:var(--vino)}.tag-surf{color:#6A5FA8}
.beach .bar{grid-column:2/4;height:2px;background:var(--line);margin-top:6px}
.beach .bar i{display:block;height:100%;background:var(--ink)}
@media(min-width:800px){.beach{grid-template-columns:40px 1.3fr 1fr 110px 160px}.beach .bmeta{grid-column:3}.beach .tag{grid-column:4;grid-row:auto;justify-self:start}.beach .bar{grid-column:5;margin:0}}

/* days */
.days{border-top:1px solid var(--ink)}
.day{display:grid;grid-template-columns:90px 30px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.day .dtxt{font-family:var(--serif);font-style:italic;font-size:17px}
.day .dwind{display:none;font-size:13px;color:var(--muted)}
.day .dt{font-size:15px;white-space:nowrap}
.day .dt b{font-family:var(--serif);font-weight:400;font-size:22px}
.day .dt small{color:var(--muted)}
@media(min-width:700px){.day{grid-template-columns:120px 34px 1fr 140px 90px}.day .dwind{display:block}}

/* zones */
.zones{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
@media(min-width:800px){.zones{grid-template-columns:repeat(4,1fr)}}
.zone{padding:20px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.zone b{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1}
.zone small{font-size:12px;color:var(--muted)}