:root{--surface-0:oklch(98% 0.005 250);--surface-1:oklch(100% 0 0);--surface-2:oklch(96% 0.005 250);--surface-raised:oklch(99% 0.003 250);--text-1:oklch(20% 0.02 250);--text-2:oklch(45% 0.01 250);--text-3:oklch(48% 0.008 250);--text-on-accent:oklch(100% 0 0);--accent:oklch(50% 0.2 250);--accent-soft:oklch(92% 0.05 250);--accent-hover:oklch(48% 0.22 250);--status-ok:oklch(45% 0.18 145);--status-ok-bg:oklch(95% 0.04 145);--status-warn:oklch(52% 0.2 70);--status-warn-bg:oklch(95% 0.06 70);--status-danger:oklch(48% 0.22 25);--status-danger-bg:oklch(94% 0.06 25);--border:oklch(90% 0.005 250);--border-strong:oklch(82% 0.01 250);--font:'Inter','Inter Fallback',system-ui,-apple-system,sans-serif;--text-xs:clamp(0.7rem,0.65rem + 0.25vw,0.75rem);--text-sm:clamp(0.8rem,0.75rem + 0.25vw,0.875rem);--text-base:clamp(0.9rem,0.85rem + 0.25vw,1rem);--text-lg:clamp(1rem,0.9rem + 0.5vw,1.125rem);--text-xl:clamp(1.1rem,1rem + 0.5vw,1.25rem);--text-2xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--text-hero:clamp(2.5rem,2rem + 2.5vw,4rem);--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px oklch(0% 0 0 / 0.04);--shadow-sm:0 1px 3px oklch(0% 0 0 / 0.06),0 1px 2px oklch(0% 0 0 / 0.04);--shadow-md:0 4px 6px -1px oklch(0% 0 0 / 0.07),0 2px 4px -2px oklch(0% 0 0 / 0.05);--shadow-lg:0 10px 15px -3px oklch(0% 0 0 / 0.08),0 4px 6px -4px oklch(0% 0 0 / 0.04);--max-w:56rem;--z-sticky:50;--z-dropdown:100;--z-modal:200;--z-toast:300;--ease-out:cubic-bezier(0.16,1,0.3,1)}@media (prefers-color-scheme:dark){:root{--surface-0:oklch(15% 0.01 250);--surface-1:oklch(20% 0.015 250);--surface-2:oklch(25% 0.015 250);--surface-raised:oklch(22% 0.012 250);--text-1:oklch(93% 0.005 250);--text-2:oklch(72% 0.008 250);--text-3:oklch(65% 0.005 250);--accent:oklch(65% 0.18 250);--accent-soft:oklch(25% 0.06 250);--accent-hover:oklch(75% 0.16 250);--status-ok:oklch(55% 0.18 145);--status-ok-bg:oklch(22% 0.06 145);--status-warn:oklch(62% 0.2 70);--status-warn-bg:oklch(22% 0.08 70);--status-danger:oklch(65% 0.22 25);--status-danger-bg:oklch(22% 0.08 25);--border:oklch(28% 0.01 250);--border-strong:oklch(35% 0.015 250);--shadow-xs:0 1px 2px oklch(0% 0 0 / 0.2);--shadow-sm:0 1px 3px oklch(0% 0 0 / 0.25);--shadow-md:0 4px 6px oklch(0% 0 0 / 0.3);--shadow-lg:0 10px 15px oklch(0% 0 0 / 0.3)}}[data-theme="dark"]{--surface-0:oklch(15% 0.01 250);--surface-1:oklch(20% 0.015 250);--surface-2:oklch(25% 0.015 250);--surface-raised:oklch(22% 0.012 250);--text-1:oklch(93% 0.005 250);--text-2:oklch(72% 0.008 250);--text-3:oklch(65% 0.005 250);--accent:oklch(65% 0.18 250);--accent-soft:oklch(25% 0.06 250);--accent-hover:oklch(75% 0.16 250);--status-ok:oklch(55% 0.18 145);--status-ok-bg:oklch(22% 0.06 145);--status-warn:oklch(62% 0.2 70);--status-warn-bg:oklch(22% 0.08 70);--status-danger:oklch(65% 0.22 25);--status-danger-bg:oklch(22% 0.08 25);--border:oklch(28% 0.01 250);--border-strong:oklch(35% 0.015 250);--shadow-xs:0 1px 2px oklch(0% 0 0 / 0.2);--shadow-sm:0 1px 3px oklch(0% 0 0 / 0.25);--shadow-md:0 4px 6px oklch(0% 0 0 / 0.3);--shadow-lg:0 10px 15px oklch(0% 0 0 / 0.3)}[data-theme="light"]{--surface-0:oklch(98% 0.005 250);--surface-1:oklch(100% 0 0);--surface-2:oklch(96% 0.005 250);--surface-raised:oklch(99% 0.003 250);--text-1:oklch(20% 0.02 250);--text-2:oklch(45% 0.01 250);--text-3:oklch(48% 0.008 250);--accent:oklch(50% 0.2 250);--accent-soft:oklch(92% 0.05 250);--accent-hover:oklch(48% 0.22 250);--status-ok-bg:oklch(95% 0.04 145);--status-warn-bg:oklch(95% 0.06 70);--status-danger-bg:oklch(94% 0.06 25);--border:oklch(90% 0.005 250);--border-strong:oklch(82% 0.01 250);--shadow-xs:0 1px 2px oklch(0% 0 0 / 0.04);--shadow-sm:0 1px 3px oklch(0% 0 0 / 0.06),0 1px 2px oklch(0% 0 0 / 0.04);--shadow-md:0 4px 6px -1px oklch(0% 0 0 / 0.07),0 2px 4px -2px oklch(0% 0 0 / 0.05);--shadow-lg:0 10px 15px -3px oklch(0% 0 0 / 0.08),0 4px 6px -4px oklch(0% 0 0 / 0.04)}*,::before,::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);line-height:1.6;-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:light dark}body{background:var(--surface-0);color:var(--text-1);font-size:var(--text-base);max-width:var(--max-w);margin:0 auto;padding:var(--sp-4);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.skip-link{position:absolute;top:-100%;left:var(--sp-4);background:var(--accent);color:var(--text-on-accent);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);z-index:var(--z-toast);font-weight:600;transition:top 0.2s;&:focus{top:var(--sp-2)}}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:color-mix(in oklch,var(--surface-0) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--sp-3) 0;margin:calc(-1 * var(--sp-4)) calc(-1 * var(--sp-4)) var(--sp-6);padding-inline:var(--sp-4);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.site-header__brand{font-size:var(--text-sm);font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:-0.01em;display:flex;align-items:center;gap:var(--sp-1);&:hover{text-decoration:none}}.site-header__level{font-feature-settings:"tnum" 1;font-weight:800;color:var(--text-1);margin-left:var(--sp-1);padding:1px var(--sp-2);background:var(--accent-soft);border-radius:var(--radius-sm);font-size:var(--text-xs)}.site-header__actions{display:flex;gap:var(--sp-2);align-items:center}.icon-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:var(--text-2);transition:background 0.2s var(--ease-out);&:hover{background:var(--accent-soft)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}& svg{width:18px;height:18px}}.hero{container-type:inline-size;container-name:hero;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-6);text-align:center;margin-bottom:var(--sp-6);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:background 0.3s,border-color 0.3s}.hero::before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.hero[data-status="normal"]::before{background:var(--status-ok)}.hero[data-status="alerta"]{background:var(--status-warn-bg);border-color:var(--status-warn)}.hero[data-status="alerta"]::before{background:var(--status-warn);height:5px}.hero[data-status="alagado"]{background:var(--status-danger-bg);border-color:var(--status-danger)}.hero[data-status="alagado"]::before{background:var(--status-danger);height:6px}.hero__title{font-size:clamp(1.5rem, 1.3rem + 1vw, 1.875rem);font-weight:800;color:var(--text-1);letter-spacing:-0.02em;margin-bottom:var(--sp-1)}.hero__subtitle{font-size:var(--text-sm);color:var(--text-3);margin-bottom:var(--sp-1)}.hero__station{font-size:var(--text-xs);color:var(--text-3);margin-bottom:var(--sp-6)}.hero__level{font-size:var(--text-hero);font-weight:800;font-feature-settings:"tnum" 1;letter-spacing:-0.03em;line-height:1;margin-bottom:var(--sp-2)}.hero__level[data-status="normal"]{color:var(--accent)}.hero__level[data-status="alerta"]{color:var(--status-warn)}.hero__level[data-status="alagado"]{color:var(--status-danger)}.hero__unit{font-size:var(--text-2xl);font-weight:400;opacity:0.6;margin-left:var(--sp-1)}.hero__timestamp{font-size:var(--text-sm);color:var(--text-3);margin-bottom:var(--sp-4)}.status-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.status-badge[data-status="normal"]{background:var(--status-ok-bg);color:var(--status-ok)}.status-badge[data-status="alerta"]{background:var(--status-warn-bg);color:var(--status-warn)}.status-badge[data-status="alagado"]{background:var(--status-danger-bg);color:var(--status-danger)}.status-badge__icon{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--border)}.hero[data-status="alerta"] .hero__stats{border-top-color:color-mix(in oklch,var(--status-warn) 30%,transparent)}.hero[data-status="alagado"] .hero__stats{border-top-color:color-mix(in oklch,var(--status-danger) 30%,transparent)}@container hero (max-width:400px){.hero__stats{grid-template-columns:1fr;gap:var(--sp-2)}}.stat{text-align:center;& dt{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--sp-1)}& dd{font-size:var(--text-lg);font-weight:700;color:var(--text-1);font-feature-settings:"tnum" 1}}.hero__projection{margin-top:var(--sp-3);font-size:var(--text-xs);color:var(--text-2)}.city-nav-wrapper{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-6);box-shadow:var(--shadow-xs)}.city-nav-wrapper__label{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:0.06em;font-weight:600;margin-bottom:var(--sp-2);text-align:center}.city-nav{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}.city-nav__link{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;text-decoration:none;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-2);transition:all 0.15s var(--ease-out);display:inline-flex;align-items:center;gap:var(--sp-1);min-height:40px;&:hover{background:var(--surface-2);text-decoration:none;border-color:var(--border-strong)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.city-nav__link[aria-current="page"]{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);font-weight:600;box-shadow:0 0 0 2px color-mix(in oklch,var(--accent) 25%,transparent)}.city-nav__link[data-status="alerta"]{border-color:var(--status-warn);background:var(--status-warn-bg);color:var(--text-1)}.city-nav__link[data-status="alerta"]::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--status-warn);flex-shrink:0}.city-nav__link[data-status="alerta"][aria-current="page"]{background:var(--status-warn);color:var(--text-on-accent)}.city-nav__link[data-status="alagado"]{border-color:var(--status-danger);background:var(--status-danger-bg);color:var(--text-1)}.city-nav__link[data-status="alagado"]::before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--status-danger);flex-shrink:0}.city-nav__link[data-status="alagado"][aria-current="page"]{background:var(--status-danger);color:var(--text-on-accent)}.period-controls{display:flex;gap:var(--sp-1);justify-content:center;margin-bottom:var(--sp-4);flex-wrap:wrap}.period-controls__btn{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-2);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all 0.15s var(--ease-out);min-height:44px;font-family:inherit;&:hover{background:var(--surface-2);border-color:var(--border-strong)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}&[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);margin-bottom:var(--sp-5);box-shadow:var(--shadow-sm);container-type:inline-size}.card__title{font-size:var(--text-xl);font-weight:700;color:var(--text-1);margin-bottom:var(--sp-4);letter-spacing:-0.01em}.card__caption{font-size:var(--text-xs);color:var(--text-3);margin-top:var(--sp-3);line-height:1.5}.chart-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;min-height:200px}.chart-wrapper canvas{width:100% !important;height:100% !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wind-scroll{display:flex;gap:var(--sp-2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:var(--sp-2);-webkit-overflow-scrolling:touch}.wind-card{flex:0 0 clamp(90px,18%,110px);scroll-snap-align:start;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-2);text-align:center}.wind-card__arrow{font-size:1.5rem;line-height:1;display:inline-block;color:var(--accent);margin-bottom:var(--sp-1);transition:transform 0.3s}.wind-card__name{font-size:var(--text-xs);font-weight:600;color:var(--text-1);margin-bottom:var(--sp-1);white-space:nowrap}.wind-card__speed{font-size:var(--text-sm);font-weight:700;color:var(--text-1)}.wind-card__speed-unit{font-size:var(--text-xs);font-weight:400;color:var(--text-3)}.wind-card__gust{font-size:var(--text-xs);color:var(--text-3);margin-top:2px}.wind-card__time{font-size:var(--text-xs);color:var(--text-3);margin-top:var(--sp-1);border-top:1px solid var(--border);padding-top:var(--sp-1)}.wind-card--warn{border-color:var(--status-warn);background:var(--status-warn-bg)}.wind-card--warn .wind-card__arrow{color:var(--status-warn)}.wind-card__gust--strong{color:var(--status-danger);font-weight:600}.alert-banner{background:var(--status-warn-bg);border:1px solid var(--status-warn);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);font-size:var(--text-sm);color:var(--text-1);display:flex;align-items:flex-start;gap:var(--sp-2);& strong{color:var(--status-warn)}}.alert-banner--danger{background:var(--status-danger-bg);border-color:var(--status-danger);& strong{color:var(--status-danger)}}.alert-banner__icon{flex-shrink:0;margin-top:2px}.satellite-img{border-radius:var(--radius-md);width:100%;background:var(--surface-2)}.rain-map-tabs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-3)}.rain-map-tabs__btn{flex:1;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-2);font-size:var(--text-sm);font-weight:500;cursor:pointer;font-family:inherit;transition:all 0.15s;&[aria-selected="true"]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.rain-map__img{border-radius:var(--radius-md);width:100%;background:var(--surface-2);min-height:200px}.weather-scroll{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-2)}@media (max-width:600px){.weather-scroll{grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-1)}}.weather-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-1);text-align:center;min-width:0;& .wc__day{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:0.02em;white-space:nowrap}& .wc__icon{font-size:1.5rem;margin:var(--sp-1) 0}& .wc__temp{font-size:var(--text-sm);font-weight:700;color:var(--text-1)}& .wc__temp-min{font-weight:400;font-size:var(--text-xs);color:var(--text-3)}& .wc__rain{font-size:var(--text-xs);color:var(--accent);margin-top:var(--sp-1)}}.basin-promo{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-5)}@media (max-width:500px){.basin-promo{grid-template-columns:1fr}}.basin-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);text-align:center;transition:border-color 0.2s;&:hover{border-color:var(--border-strong)}& .basin-card__icon{font-size:1.5rem;margin-bottom:var(--sp-2)}& .basin-card__name{font-size:var(--text-base);font-weight:700;color:var(--text-1)}& .basin-card__desc{font-size:var(--text-xs);color:var(--text-3);margin:var(--sp-1) 0 var(--sp-3)}}.basin-card__cta{display:inline-block;padding:var(--sp-2) var(--sp-4);background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-decoration:none;transition:background 0.15s;&:hover{background:var(--accent-hover);text-decoration:none}}.basin-card__current{display:inline-block;padding:var(--sp-1) var(--sp-3);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.faq{& details{border-bottom:1px solid var(--border);padding:var(--sp-3) 0;&:last-child{border-bottom:none}}& summary{cursor:pointer;font-weight:600;color:var(--text-1);font-size:var(--text-base);list-style:none;display:flex;justify-content:space-between;align-items:center;padding:var(--sp-1) 0;min-height:44px;&::after{content:"+";font-size:var(--text-xl);color:var(--text-3);transition:transform 0.2s}&::-webkit-details-marker{display:none}}& details[open] summary::after{content:"\2212"}& .faq__answer{padding:var(--sp-2) 0 var(--sp-1);color:var(--text-2);font-size:var(--text-sm);line-height:1.7}}.site-footer{margin-top:var(--sp-10);padding:var(--sp-6) 0 var(--sp-4);border-top:1px solid var(--border);text-align:center}.footer__sources{display:flex;justify-content:center;gap:var(--sp-8);align-items:center;margin-bottom:var(--sp-4);flex-wrap:wrap}.footer__source-label{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:0.05em}#rodape-container{font-size:var(--text-xs);color:var(--text-3);line-height:1.7;max-width:40rem;margin:0 auto var(--sp-4)}#rodape-container a{color:var(--accent)}.rodape__texto-inicial{margin-bottom:var(--sp-4)}.rodape__creditos{display:flex;justify-content:center;gap:var(--sp-8);align-items:center;margin:var(--sp-4) 0;flex-wrap:wrap}.rodape__coluna{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.rodape__label{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:0.05em;font-weight:600}.footer__text{font-size:var(--text-xs);color:var(--text-3);line-height:1.7;max-width:40rem;margin:0 auto var(--sp-4)}.footer__copyright{font-size:var(--text-xs);color:var(--text-3)}.breadcrumb{font-size:var(--text-xs);color:var(--text-3);margin-bottom:var(--sp-4)}.breadcrumb a{color:var(--text-3);&:hover{color:var(--accent)}}.breadcrumb__sep{margin:0 var(--sp-1);opacity:0.5}.live-dot{display:inline-block;width:8px;height:8px;background:var(--status-ok);border-radius:50%;margin-right:var(--sp-1);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}#vento-container-dynamic{min-height:80px}#weather-html-container{min-height:100px}.placeholder-carregamento{color:var(--text-3);text-align:center;padding:var(--sp-8) 0;font-style:italic}#pp-container{min-height:50px}.ad-slot{margin:var(--sp-4) 0;text-align:center;overflow:hidden;line-height:0}.ad-slot:not(:has(iframe)){margin:0;height:0;overflow:hidden}.ad-slot ins{margin:0 !important;padding:0 !important}.ad-slot br,.ad-slot::after{display:none}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}[data-theme="dark"] .theme-toggle .icon-sun{display:block}[data-theme="dark"] .theme-toggle .icon-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-toggle .icon-sun{display:block}:root:not([data-theme="light"]) .theme-toggle .icon-moon{display:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media print{.site-header,.icon-btn,.city-nav,.period-controls,.basin-promo,.ad-slot{display:none}.card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}.site-header__level--alerta{background:var(--status-warn-bg);color:var(--status-warn);border:1px solid var(--status-warn)}.site-header__level--alagado{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger)}