/* ===== Página de Experiência ===== */
.exp-topo{min-height:620px}
.exp-topo .chamada{margin-bottom:14px}
.exp-topo h1{margin-top:0}
.exp-topo .linha-fina{max-width:76ch;font-size:clamp(16px,1.3vw,19px);line-height:1.75}

/* Grade de indicadores: 7 indicadores + 1 foto */
.indicadores-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cinza-claro);border:1px solid var(--cinza-claro)}
.indicador{background:var(--branco);padding:38px 30px 34px;display:flex;flex-direction:column;transition:background .25s}
.indicador:hover{background:#FBFBFB}
.indicador .icone{width:40px;height:40px;color:var(--destaque)}
.indicador strong{display:block;font-weight:600;line-height:1;margin:26px 0 14px;letter-spacing:-0.01em}
.indicador .num{display:block;font-size:clamp(40px,4vw,56px)}
.indicador .unid{display:block;font-size:20px;margin-top:6px}
.indicador p{font-size:15px;line-height:1.6;color:var(--cinza-escuro)}
.indicador-destaque{background:var(--destaque)}
.indicador-destaque:hover{background:var(--destaque)}
.indicador-destaque .icone{color:var(--preto)}
.indicador-destaque p{color:var(--preto)}
.indicador-foto{min-height:280px}

/* O que esses números demonstram */
.demonstram-grade{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.14)}
.demonstram-grade .competencia{padding:44px 40px}
.demonstram-grade .icone{width:40px;height:40px;color:var(--destaque)}
.demonstram-grade h3{margin:24px 0 12px}
.demonstram-grade p{font-size:16px}

@media (max-width:1024px){
  .indicadores-grade{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .exp-topo{min-height:0}
  .indicadores-grade,.demonstram-grade{grid-template-columns:1fr}
  .demonstram-grade .competencia{padding:34px 26px}
}