/* ===== Inteligência Turística (portal de dados) ===== */

/* Topo das páginas */
.dados-topo{position:relative;color:#fff;padding:5rem 0 4.6rem;background:linear-gradient(160deg,var(--cafe-escuro) 0%,var(--lago) 100%);isolation:isolate;overflow:hidden}
.dados-topo::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--foto) center/cover no-repeat;opacity:.28}
.dados-topo::before{content:"";position:absolute;top:0;left:0;right:0;height:14px;background:var(--ouro);-webkit-mask:radial-gradient(60% 14px at 50% 0,#000 98%,transparent);mask:radial-gradient(60% 14px at 50% 0,#000 98%,transparent)}
.dados-topo .sobre{font:700 clamp(.95rem,1.8vw,1.15rem) "Oswald",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--amarelo)}
.dados-topo .sobre a{text-decoration:none}
.dados-topo .sobre a:hover{text-decoration:underline}
.dados-topo h1{font-size:clamp(2.6rem,7.5vw,5.4rem);text-transform:uppercase;margin:.15em 0 .15em}
.dados-topo .manuscrito{font-family:"Yellowtail","Brush Script MT",cursive;font-weight:400;text-transform:none;color:var(--amarelo);font-size:1.1em;display:inline-block;transform:rotate(-3deg)}
.dados-topo .lead{max-width:60ch;font-size:clamp(1rem,1.9vw,1.2rem);opacity:.95}
.dados-topo .atualizado{margin-top:1.2rem;font-size:.85rem;opacity:.8}

/* Navegação entre ambientes */
.dados-nav{background:#fff;border-bottom:1px solid #eadfcb;position:sticky;top:0;z-index:15}
.dados-nav ul{list-style:none;display:flex;gap:.4rem;overflow-x:auto;padding:.7rem 0;scrollbar-width:thin}
.dados-nav a{display:block;white-space:nowrap;text-decoration:none;font:600 .9rem "Open Sans";color:var(--cafe);padding:.45rem .95rem;border-radius:999px;border:1px solid #eadfcb;background:var(--areia)}
.dados-nav a:hover{border-color:var(--ouro)}
.dados-nav a[aria-current]{background:var(--cafe);border-color:var(--cafe);color:#fff}
/* o menu principal do site esconde "nav ul" no celular; a barra de ambientes continua visível e rola de lado */
nav.dados-nav ul{display:flex;position:static;flex-direction:row;box-shadow:none;background:none}
nav.dados-nav li a{padding:.45rem .95rem;border-top:1px solid #eadfcb}
@media (min-width:861px){.dados-nav{top:var(--altura-cab,0px)}}

/* Lista de indicadores (destaques) */
.ind-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem 2.2rem}
.ind{border-left:4px solid var(--ouro);padding:.2rem 0 .2rem 1.1rem;display:flex;flex-direction:column;gap:.25rem}
.ind h3{font:500 1.15rem/1.25 "Oswald",sans-serif;color:var(--cafe)}
.ind .valor{font:700 clamp(2.2rem,4.5vw,2.9rem)/1 "Oswald",sans-serif;color:var(--texto);margin-top:.3rem}
.ind .valor small{font:600 .9rem "Open Sans";color:var(--texto-suave);margin-left:.4rem}
.ind .var{font-size:.85rem;font-weight:600}
.ind .var.sobe{color:#2e7d32}
.ind .var.desce{color:#b23b1e}
.ind .meta{font-size:.82rem;color:var(--texto-suave)}
.ind .meta a{color:var(--cafe)}
.ind.aguarda{border-left-color:#e3d6bd}
.ind.aguarda .valor{font-size:1.05rem;font-family:"Open Sans",sans-serif;font-weight:600;color:var(--texto-suave)}
.ind .fase{align-self:flex-start;font-size:.72rem;font-weight:700;color:var(--cafe);background:var(--areia);border:1px solid #eadfcb;padding:.1rem .55rem;border-radius:999px;margin-top:.3rem}

/* Gráficos */
.graficos{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:1.6rem}
.grafico{background:#fff;border:1px solid #eadfcb;padding:1.2rem 1.2rem .6rem}
.grafico h3{font:500 1.1rem "Oswald",sans-serif;color:var(--cafe)}
.grafico p{font-size:.8rem;color:var(--texto-suave)}
.grafico .area{height:290px;margin-top:.4rem}
.sem-graficos{background:var(--areia);padding:1.4rem 1.6rem;max-width:70ch}
.sem-graficos strong{color:var(--cafe)}

/* Chamadas para contribuir */
.chamada-dados{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;background:var(--cafe);color:#fff;padding:2.4rem 2.6rem}
.chamada-dados h2{font-size:clamp(1.6rem,3.4vw,2.3rem);text-transform:uppercase}
.chamada-dados p{opacity:.92;margin-top:.5rem;max-width:56ch}
.chamada-dados .botoes{margin-top:0;justify-content:flex-end}
.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}

/* Publicações */
.pub-lista{list-style:none;border-top:1px solid #eadfcb}
.pub-lista li{display:grid;grid-template-columns:9rem 1fr auto;gap:1.4rem;align-items:baseline;padding:1.2rem 0;border-bottom:1px solid #eadfcb}
.pub-lista time{font:500 1rem "Oswald",sans-serif;color:var(--cafe)}
.pub-lista h3{font:500 1.2rem/1.3 "Oswald",sans-serif;color:var(--texto)}
.pub-lista .tipo{font-size:.8rem;font-weight:700;color:var(--ouro)}
.pub-lista p{font-size:.92rem;color:var(--texto-suave);margin-top:.2rem}
.pub-lista a.baixar{font-weight:700;color:var(--cafe);white-space:nowrap}
.vazio-dados{background:var(--areia);padding:1.4rem 1.6rem;color:var(--texto-suave)}
.vazio-dados strong{color:var(--cafe)}

/* Metodologia: fichas técnicas */
.fichas{max-width:900px}
.fichas details{border-bottom:1px solid #e6dac4;padding:1rem 0}
.fichas summary{cursor:pointer;font-weight:700;color:var(--cafe);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.fichas summary::-webkit-details-marker{display:none}
.fichas summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--ouro)}
.fichas details[open] summary::after{content:"–"}
.fichas dl{display:grid;grid-template-columns:10rem 1fr;gap:.4rem 1.2rem;margin-top:.8rem;font-size:.92rem}
.fichas dt{font-weight:700;color:var(--texto-suave)}
.fichas h3{font-size:1.4rem;color:var(--cafe);text-transform:uppercase;margin:2.4rem 0 .6rem}
.texto-dados{max-width:72ch}
.texto-dados h2{margin-top:2.4rem}
.texto-dados p,.texto-dados ul{margin-top:.8rem}
.texto-dados ul{padding-left:1.2rem}
.texto-dados li{margin:.35rem 0}

/* Mapa */
.mapa-dados{height:480px;border:1px solid #eadfcb;background:var(--areia)}
.mapa-legenda{font-size:.85rem;color:var(--texto-suave);margin-top:.6rem}

/* Painel interativo */
.painel{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}
.painel-lista{border:1px solid #eadfcb;background:#fff;max-height:640px;overflow:auto}
.painel-lista h3{font:500 .95rem "Oswald",sans-serif;color:var(--cafe);background:var(--areia);padding:.55rem 1rem;letter-spacing:.04em;text-transform:uppercase;position:sticky;top:0}
.painel-lista button{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid #f2ead9;padding:.65rem 1rem;font:400 .9rem "Open Sans";color:var(--texto);cursor:pointer}
.painel-lista button:hover{background:var(--areia)}
.painel-lista button[aria-pressed="true"]{background:var(--cafe);color:#fff}
.painel-lista button .sem{display:block;font-size:.75rem;opacity:.7}
.painel-palco{background:#fff;border:1px solid #eadfcb;padding:1.4rem 1.6rem;min-height:520px}
.painel-palco h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--cafe);text-transform:uppercase}
.painel-palco .area{height:360px;margin:1rem 0}
.painel-palco .ficha{font-size:.85rem;color:var(--texto-suave)}
.painel-palco .ficha b{color:var(--texto)}
.tabela-dados{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:1rem}
.tabela-dados th,.tabela-dados td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid #eadfcb}
.tabela-dados th{color:var(--cafe);font-weight:700}
.tabela-dados .num{text-align:right;font-variant-numeric:tabular-nums}
.rolagem{overflow-x:auto}
.painel-acoes{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.btn-claro{background:var(--areia);border:1px solid #eadfcb;color:var(--cafe);font:600 .88rem "Open Sans";padding:.5rem 1rem;border-radius:999px;cursor:pointer;text-decoration:none}
.btn-claro:hover{border-color:var(--ouro)}

@media (max-width:860px){
.dados-nav{position:static}
.graficos{grid-template-columns:1fr}
.chamada-dados{grid-template-columns:1fr;padding:2rem 1.4rem}
.chamada-dados .botoes{justify-content:flex-start}
.pub-lista li{grid-template-columns:1fr;gap:.3rem}
.fichas dl{grid-template-columns:1fr}
.painel{grid-template-columns:1fr}
.painel-lista{max-height:280px}
.mapa-dados{height:360px}
}

/* Alto contraste */
html.alto-contraste .dados-topo::after{display:none}
html.alto-contraste .dados-nav,html.alto-contraste .grafico,html.alto-contraste .painel-lista,html.alto-contraste .painel-palco,html.alto-contraste .chamada-dados{background:#000!important;border:2px solid #fff;color:#fff}
html.alto-contraste .dados-nav a,html.alto-contraste .painel-lista button,html.alto-contraste .btn-claro{background:#000!important;color:#FFE600!important;border:1px solid #FFE600}
html.alto-contraste .dados-nav a[aria-current],html.alto-contraste .painel-lista button[aria-pressed="true"]{background:#FFE600!important;color:#000!important}
html.alto-contraste .ind .valor,html.alto-contraste .ind h3,html.alto-contraste .pub-lista h3{color:#fff}
html.alto-contraste .sem-graficos,html.alto-contraste .vazio-dados,html.alto-contraste .painel-lista h3{background:#000;color:#fff;border:1px solid #fff}
.mapa-dados{position:relative;z-index:0}
