/* INMET — leitura atual, acompanhamento mensal e referência climática. */
.view-inmet { width: 100%; max-width: none; margin-inline: 0; }
.view-inmet .hz-inmet-hero {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px;
    padding: 14px 18px; margin-bottom: 20px; background: #fff; border: 1px solid var(--hz-hairline);
    border-radius: 14px;
}
.view-inmet .hz-inmet-station {
    display: flex; align-items: center; gap: 14px; flex-shrink: 0;
    padding: 0;
}
.view-inmet .hz-inmet-station-code {
    padding: 12px; border: 1px solid #d6e5f3; border-radius: 12px;
    background: #f1f7fc; color: #16437e; font: 600 18px var(--hz-font-mono);
}
.view-inmet .hz-inmet-station strong { display: block; color: #0b1f38; font-size: 13px; }
.view-inmet .hz-inmet-station div > span { display: block; color: #64748b; font-size: 11px; margin-top: 4px; }
.view-inmet .hz-inmet-jumpnav { display: flex; gap: 4px; }
.view-inmet .hz-inmet-jumpnav a {
    padding: 9px 16px; border-radius: 10px; color: #16437e;
    font-size: 12px; font-weight: 600; text-decoration: none;
}
.view-inmet .hz-inmet-jumpnav a:hover { background: #e5eef8; }
.view-inmet .hz-inmet-context-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; color: #64748b; font-size: 11px; }
.view-inmet .hz-inmet-section { margin-bottom: 32px; scroll-margin-top: 100px; }
.view-inmet .hz-inmet-section-heading { margin-bottom: 14px; }
.view-inmet .hz-inmet-section-heading h2 {
    margin: 0 0 4px; font: 600 19px/1.3 var(--hz-font-display); color: #0b1f38; letter-spacing: -.02em;
}
.view-inmet .hz-inmet-section-heading p { margin: 0; font-size: 12px; color: #64748b; line-height: 1.5; }
.view-inmet .hz-inmet-reading-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
    gap: 10px; margin-bottom: 12px; font-size: 12px;
}
.view-inmet .hz-inmet-reading-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.view-inmet .hz-inmet-reading-time, .view-inmet .hz-inmet-reading-age {
    color: #52647a; font: 11px/1.4 var(--hz-font-mono);
}
.view-inmet .hz-inmet-freshness { display: inline-flex; align-items: center; padding: 5px 9px;
    border: 1px solid transparent; border-radius: 999px; font-size: 10px; font-weight: 700; }
.view-inmet .hz-inmet-freshness--ok { color: #15803d; background: #f0fdf4; border-color: #bbf7d0; }
.view-inmet .hz-inmet-freshness--warn { color: #b45309; background: #fffbeb; border-color: #fde68a; }
.view-inmet .hz-inmet-freshness--danger { color: #b91c1c; background: #fef2f2; border-color: #fecaca; }
.view-inmet .hz-inmet-coverage-note { display: flex; align-items: center; gap: 4px;
    margin-bottom: 14px; color: #92400e; font-size: 11px; line-height: 1.5; }
.view-inmet .hz-inmet-current-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.view-inmet .hz-card.hz-kpi { border-radius: 14px; box-shadow: 0 2px 8px rgba(11,31,56,.035); }
.view-inmet .hz-card.hz-kpi:hover { transform: none; }
.view-inmet .hz-inmet-current-grid .hz-kpi { padding: 20px; gap: 14px; }
.view-inmet .hz-inmet-current-grid .hz-kpi-value { font-size: 36px; letter-spacing: -.045em; }
.view-inmet .hz-kpi-label { letter-spacing: .045em; line-height: 1.5; color: #52647a; }
.view-inmet .hz-kpi-sub { color: #64748b; line-height: 1.5; }
.view-inmet .hz-kpi-delta { white-space: normal; line-height: 1.5; }
.view-inmet .hz-inmet-secondary-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin-top: 14px;
    background: #fff; border: 1px solid var(--hz-hairline); border-radius: 14px; overflow: hidden;
}
.view-inmet .hz-inmet-secondary-grid .hz-kpi {
    background: transparent; border: 0; border-radius: 0; box-shadow: none;
    padding: 16px 18px; border-right: 1px solid var(--hz-hairline); gap: 8px;
}
.view-inmet .hz-inmet-secondary-grid .hz-kpi:last-child { border-right: 0; }
.view-inmet .hz-inmet-secondary-grid .hz-kpi-value { font-size: 23px; }
.view-inmet .hz-inmet-secondary-grid .hz-kpi-iconbox { display: none; }
.view-inmet .hz-inmet-more { margin-top: 12px; border: 1px solid var(--hz-hairline); border-radius: 12px; background: #fff; }
.view-inmet .hz-inmet-more > summary { padding: 12px 16px; cursor: pointer; color: #173b67; font-size: 13px; font-weight: 600; }
.view-inmet .hz-inmet-more .hz-inmet-secondary-grid { margin-top: 0; border: 0; border-top: 1px solid var(--hz-hairline); border-radius: 0 0 12px 12px; }
.view-inmet .hz-inmet-secondary-grid .hz-kpi-delta { padding: 0; background: transparent; font-size: 9px; }
.view-inmet .hz-inmet-month-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.view-inmet .hz-inmet-month-notes { padding: 8px 14px; margin-bottom: 16px;
    background: #f4f8fc; border-left: 3px solid #a6c5e4; border-radius: 0 10px 10px 0; }
.view-inmet .hz-inmet-month-notes:has(.hz-note-obs) { background: #fffdf7; border-color: #d9a441; }
.view-inmet .hz-inmet-month-notes .hz-note { margin: 0; padding: 5px 0; border: 0; background: transparent; line-height: 1.5; }
.view-inmet .hz-inmet-progress-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin-top: 14px; }
.view-inmet .hz-inmet-progress { padding: 14px 16px; background: #fff; border: 1px solid var(--hz-hairline); border-radius: 12px; }
.view-inmet .hz-inmet-progress-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #52647a; font-size: 12px; }
.view-inmet .hz-inmet-progress-head strong { color: #0b1f38; font: 600 12px var(--hz-font-mono); }
.view-inmet .hz-inmet-progress-track { height: 5px; margin-top: 10px; overflow: hidden; background: #eef2f7; border-radius: 999px; }
.view-inmet .hz-inmet-progress-fill { height: 100%; border-radius: inherit; }
.view-inmet .hz-inmet-progress-detail { margin-top: 8px; color: #64748b; font: 10.5px/1.4 var(--hz-font-mono); }
.view-inmet .hz-inmet-analysis-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.view-inmet .hz-inmet-analysis-grid > section { min-width: 0; }
.view-inmet #inmet-climograma, .view-inmet #inmet-ano-a-ano { padding-top: 10px; overflow: hidden; }
.view-inmet .hz-inmet-extremes-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.view-inmet .hz-inmet-hourly { overflow: hidden; }
.view-inmet .hz-inmet-day-summary { padding: 18px 20px 14px; border-bottom: 1px solid #e6edf5; }
.view-inmet .hz-inmet-day-heading { display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 6px 18px; margin-bottom: 16px; }
.view-inmet .hz-inmet-day-heading strong { font: 600 13px var(--hz-font-display); color: #0b1f38; }
.view-inmet .hz-inmet-day-heading > span { color: #64748b; font-size: 11px; }
.view-inmet .hz-inmet-day-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.view-inmet .hz-inmet-day-stat { min-width: 0; border-left: 1px solid #e6edf5; padding-left: 20px; }
.view-inmet .hz-inmet-day-stat:first-child { border-left: 0; padding-left: 0; }
.view-inmet .hz-inmet-day-label { font-size: 11px; color: #52647a; }
.view-inmet .hz-inmet-day-value { margin: 5px 0; font-family: var(--hz-font-mono); }
.view-inmet .hz-inmet-day-value strong { font-size: 26px; letter-spacing: -.04em; }
.view-inmet .hz-inmet-day-value > span { font-size: 12px; }
.view-inmet .hz-inmet-day-stat small { display: block; color: #64748b; font-size: 11px; line-height: 1.5; }
.view-inmet .hz-inmet-day-caption { margin: 14px 0 0; font-size: 10.5px; line-height: 1.6; color: #64748b; }
.view-inmet #inmet-resumo-dia > .hz-note { margin: 14px 18px; }
@media (max-width: 767px) {
    .view-inmet .hz-inmet-day-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
    .view-inmet .hz-inmet-day-stat { padding-left: 12px; }
    .view-inmet .hz-inmet-day-stat:nth-child(odd) { padding-left: 0; border-left: 0; }
    .view-inmet .hz-inmet-day-summary { padding: 16px 14px; }
}
.view-inmet .hz-inmet-hourly-toolbar { display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 10px; padding: 16px 18px 10px; min-height: 68px; border-bottom: 1px solid #f0f3f7; }
.view-inmet .hz-inmet-metricas { flex-wrap: wrap; border-radius: 12px; }
.view-inmet .hz-seg-option { min-height: 34px; padding: 7px 12px; border-radius: 9px; }
.view-inmet .hz-inmet-period { min-width: 180px; margin-left: auto; }
.view-inmet .hz-inmet-month-header { display: flex; align-items: flex-end;
    justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 18px; }
.view-inmet .hz-inmet-month-header .hz-inmet-section-heading { margin: 0; }
.view-inmet .hz-inmet-month-header .hz-inmet-period { min-width: 260px; }
.view-inmet .hz-inmet-month-header label { display: block; margin-bottom: 6px;
    font-size: 11px; font-weight: 600; color: #52647a; }
.view-inmet .hz-inmet-chart-hint { font-size: 11px; color: #64748b; }
.view-inmet .hz-inmet-month-header .hz-monthly-month-select { max-width: none; }
.view-inmet .hz-inmet-daily { overflow: visible; position: relative; z-index: 2; }
.view-inmet .hz-inmet-daily .hz-monthly-month-select { min-width: 0; }
.view-inmet .hz-inmet-methodology { margin: 0 0 28px; padding: 16px 20px;
    background: #fff; border: 1px solid var(--hz-hairline); border-radius: 12px; color: #52647a; }
.view-inmet .hz-inmet-methodology summary { cursor: pointer; font-size: 12px; font-weight: 600; color: #16437e; }
.view-inmet .hz-inmet-methodology p { max-width: 920px; font-size: 12px; line-height: 1.7; margin: 12px 0 0; }
.view-inmet a:focus-visible, .view-inmet summary:focus-visible,
.view-inmet .hz-seg-option:has(input:focus-visible) { outline: 2px solid #2563eb; outline-offset: 3px; }
@media (max-width: 1199px) {
    .view-inmet .hz-inmet-analysis-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .view-inmet .hz-inmet-hero { align-items: flex-start; padding: 14px; gap: 12px; }
    .view-inmet .hz-inmet-station { padding: 0; border: 0; }
    .view-inmet .hz-inmet-current-grid, .view-inmet .hz-inmet-month-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .view-inmet .hz-inmet-secondary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .view-inmet .hz-inmet-secondary-grid .hz-kpi { border-bottom: 1px solid var(--hz-hairline); }
    .view-inmet .hz-inmet-secondary-grid .hz-kpi:nth-child(even) { border-right: 0; }
    .view-inmet .hz-inmet-secondary-grid .hz-kpi:last-child { border-bottom: 0; }
    .view-inmet .hz-inmet-secondary-grid .hz-kpi:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .view-inmet .hz-inmet-extremes-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .view-inmet .hz-inmet-hero { border-radius: 14px; }
    .view-inmet .hz-inmet-context-meta { font-size: 10px; gap: 6px 12px; }
    .view-inmet .hz-inmet-section { margin-bottom: 26px; }
    .view-inmet .hz-inmet-current-grid, .view-inmet .hz-inmet-month-grid { gap: 10px; }
    .view-inmet .hz-inmet-current-grid .hz-kpi, .view-inmet .hz-inmet-month-grid .hz-kpi { padding: 14px 12px; }
    .view-inmet .hz-inmet-current-grid .hz-kpi-value { font-size: 28px; }
    .view-inmet .hz-kpi-label { font-size: 9px; }
    .view-inmet .hz-kpi-iconbox { width: 26px; height: 26px; }
    .view-inmet .hz-inmet-current-grid .hz-kpi-unit { font-size: 12px; }
    .view-inmet .hz-inmet-reading-meta { gap: 7px; }
    .view-inmet .hz-inmet-hourly-toolbar { padding: 12px; }
    .view-inmet .hz-seg-option { min-height: 40px; padding: 8px 10px; }
    .view-inmet .hz-inmet-period { margin-left: 0; width: 100%; }
}