:root { color-scheme: dark; --fundo:#07111d; --fundo-secundario:#0a1726; --cartao:rgba(13,30,48,.86); --cartao-forte:rgba(16,38,58,.94); --texto:#f4f8fb; --texto-suave:#9fb0c1; --verde:#48d49a; --verde-suave:rgba(72,212,154,.12); --amarelo:#e8c766; --vermelho:#ef6f7c; --azul:#69b7e9; --borda:rgba(144,174,199,.17); --largura-maxima:1240px; }
* { box-sizing:border-box; }
html { background:var(--fundo); }
body { min-width:0; margin:0; color:var(--texto); background:radial-gradient(circle at 85% 5%,rgba(20,102,90,.2),transparent 31rem),linear-gradient(145deg,var(--fundo),var(--fundo-secundario)); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.5; }
.container { width:min(calc(100% - 40px),var(--largura-maxima)); margin-inline:auto; }
.topo { position:sticky; z-index:10; top:0; border-bottom:1px solid var(--borda); background:rgba(7,17,29,.88); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.topo-conteudo { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.marca { margin:0; font-size:1.65rem; line-height:1; letter-spacing:-.035em; }
.subtitulo { margin:4px 0 0; color:var(--texto-suave); font-size:.85rem; }
.navegacao-paginas { display:flex; align-items:center; gap:6px; padding:4px; border:1px solid var(--borda); border-radius:12px; background:rgba(7,18,31,.58); }
.navegacao-paginas a { padding:8px 11px; border-radius:8px; color:var(--texto-suave); font-size:.86rem; font-weight:600; text-decoration:none; white-space:nowrap; }
.navegacao-paginas a:hover,.navegacao-paginas a:focus-visible,.navegacao-paginas a.ativo { color:var(--texto); background:var(--verde-suave); }
.status-atualizacao { min-height:38px; display:inline-flex; align-items:center; gap:9px; padding:8px 13px; border:1px solid var(--borda); border-radius:999px; color:var(--texto-suave); font-size:.8rem; white-space:nowrap; }
.status-atualizacao::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--amarelo); }
.status-atualizacao.atualizado::before { background:var(--verde); box-shadow:0 0 0 5px var(--verde-suave); }
.status-atualizacao.erro::before { background:var(--vermelho); }
.conteudo { padding:28px 0 42px; }
.cartao { border:1px solid var(--borda); border-radius:18px; background:linear-gradient(145deg,var(--cartao-forte),var(--cartao)); box-shadow:0 16px 45px rgba(0,0,0,.15); }
.abertura { display:flex; align-items:center; gap:20px; padding:26px 28px; border-left:4px solid var(--verde); }
.icone-abertura { display:grid; flex:0 0 auto; width:58px; height:58px; place-items:center; border-radius:16px; background:var(--verde-suave); font-size:1.8rem; }
.rotulo { margin:0 0 5px; color:var(--verde); font-size:.72rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
h2,h3,p { overflow-wrap:anywhere; }
h2 { margin:0; font-size:clamp(1.2rem,2vw,1.65rem); line-height:1.25; }
.abertura p:last-child { margin:8px 0 0; color:var(--texto-suave); }
.grade-inteligencia { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:20px; }
.secao { min-width:0; padding:24px; border-top:3px solid var(--cor-secao); }
.secao-aprendizados { --cor-secao:var(--verde); } .secao-incertezas { --cor-secao:var(--amarelo); } .secao-atencao { --cor-secao:var(--vermelho); } .secao-experimento { --cor-secao:var(--azul); padding:30px; border-color:rgba(105,183,233,.38); background:radial-gradient(circle at 100% 0,rgba(105,183,233,.14),transparent 18rem),linear-gradient(145deg,rgba(18,47,70,.98),var(--cartao)); box-shadow:0 20px 55px rgba(21,105,157,.13); }
.titulo-secao { display:flex; align-items:center; gap:13px; margin-bottom:18px; }
.icone-secao { display:grid; flex:0 0 auto; width:38px; height:38px; place-items:center; border:1px solid var(--cor-secao); border-radius:11px; color:var(--cor-secao); background:rgba(144,174,199,.06); font-size:1.1rem; font-weight:900; }
.titulo-secao .rotulo { color:var(--cor-secao); }
.lista-insights { display:grid; gap:10px; }
.insight { min-width:0; padding:14px 15px; border:1px solid var(--borda); border-radius:12px; background:rgba(5,16,28,.42); }
.insight h3 { margin:0; font-size:.94rem; line-height:1.4; }
.insight p { margin:6px 0 0; color:var(--texto-suave); font-size:.82rem; }
.metadado { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }
.etiqueta { padding:3px 8px; border-radius:999px; color:var(--texto-suave); background:rgba(144,174,199,.09); font-size:.68rem; font-weight:700; }
.secao-experimento .titulo-secao { margin-bottom:24px; }
.secao-experimento .titulo-secao h2 { font-size:clamp(1.35rem,2.2vw,1.85rem); }
.secao-experimento .icone-secao { width:46px; height:46px; font-size:1.45rem; background:rgba(105,183,233,.12); }
.experimento { padding:24px; border:1px solid rgba(105,183,233,.4); border-radius:16px; background:rgba(105,183,233,.1); }
.experimento h3 { margin:0; color:#79c8f7; font-size:clamp(1.08rem,1.8vw,1.3rem); line-height:1.4; }
.experimento p { margin:9px 0 0; color:var(--texto-suave); }
.dados-experimento { display:flex; flex-wrap:wrap; gap:9px; margin:18px 0 0; }
.dado-experimento { min-width:105px; padding:10px 12px; border:1px solid rgba(105,183,233,.22); border-radius:11px; background:rgba(5,16,28,.3); }
.dado-experimento dt { color:var(--texto-suave); font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.dado-experimento dd { margin:3px 0 0; color:var(--texto); font-size:.95rem; font-weight:800; }
.base-sugestao { padding-top:14px; border-top:1px solid rgba(105,183,233,.22); font-size:.77rem; }
.botao-alternar { display:block; width:100%; margin-top:14px; padding:10px 14px; border:1px solid rgba(72,212,154,.3); border-radius:11px; color:var(--verde); background:var(--verde-suave); font:inherit; font-size:.82rem; font-weight:800; cursor:pointer; }
.botao-alternar:hover,.botao-alternar:focus-visible { border-color:var(--verde); background:rgba(72,212,154,.18); }
.estado-vazio { margin:0; color:var(--texto-suave); font-size:.85rem; }
.aviso-dados { margin:20px 0 0; color:var(--texto-suave); font-size:.8rem; text-align:center; }
@media (max-width:980px) { .topo-conteudo { flex-wrap:wrap; padding:10px 0; } .navegacao-paginas { order:3; width:100%; } .navegacao-paginas a { flex:1; min-width:0; text-align:center; white-space:normal; } }
@media (max-width:700px) { .container { width:min(calc(100% - 22px),var(--largura-maxima)); } .subtitulo { display:none; } .status-atualizacao { max-width:48vw; overflow:hidden; text-overflow:ellipsis; } .conteudo { padding-top:18px; } .abertura { align-items:flex-start; padding:20px; } .icone-abertura { width:46px; height:46px; border-radius:13px; font-size:1.35rem; } .grade-inteligencia { grid-template-columns:1fr; gap:14px; margin-top:14px; } .secao,.secao-experimento { padding:19px; } .experimento { padding:19px; } }
@media (max-width:390px) { .marca { font-size:1.45rem; } .navegacao-paginas a { padding-inline:4px; font-size:.7rem; line-height:1.25; } .status-atualizacao { font-size:.72rem; } .abertura { gap:12px; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }