/* 22/10/2026 · Para empresas, o bloco da NR-1 com o quadro dos Inner Development Goals.
   A Cinara pediu o quadro "mais harmônico com a página, destacando o bloco do Ser" (21/10,
   19h34) e depois "ao lado do tema NR1" (22/10, 11h38). Em vez da imagem que deslizava,
   o quadro é feito de texto, nas cores do site: o Ser inteiro em cima, como alicerce, e
   os outros quatro pilares em duas colunas, sem nada para deslizar no celular. */
/* o quadro não é foto: cresce com o próprio texto, e não é cortado na altura do texto ao lado */
.sm-bloco-foto.idg-bloco > .foto-lado.idg-quadro{align-self:start;position:static;overflow:visible;min-height:0;aspect-ratio:auto}
@media (min-width:821px){.sm-bloco-foto.idg-bloco{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}}
.idg-quadro{margin:0;background:var(--marfim);border:1px solid var(--linho);padding:clamp(16px,2.2vw,24px)}
#pagina .idg-quadro:hover,.idg-quadro:hover{box-shadow:none;filter:none}
.idg-legenda{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rotulo);margin:0 0 14px;text-wrap:balance}
.idg-legenda em{font-style:italic;text-transform:none;letter-spacing:.02em}
/* 12h41 · "experimente usar como faixa simplificada com esses itens": a Cinara mandou a
   faixa original dos cinco pilares, só com o símbolo, o nome e a linha de cada um. A faixa
   segue o desenho dela, nos tons da casa, e o Ser vem aceso no amarelo-luz. */
.idg-faixa{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.idg-faixa-item{display:flex;flex-direction:column;padding:16px 9px 14px;min-width:0;min-height:236px}
.idg-icone{display:block;width:72%;max-width:86px;aspect-ratio:1;margin:4px auto 18px;fill:var(--marfim)}
.idg-nome{margin:auto 0 0;padding-top:10px;border-top:1px solid currentColor;font-weight:600;font-size:.84rem;line-height:1.2;white-space:nowrap}
.idg-nome .idgf-n{display:block;margin-bottom:2px}
.idgf-n{font-size:.72rem;font-weight:600;opacity:.75}
.idg-sub{margin:4px 0 0;font-size:.7rem;line-height:1.3;min-height:3.9em;text-wrap:pretty;opacity:.92}
.idg-f1{background:var(--luz);color:var(--marrom)}
.idg-f1 .idg-icone{fill:var(--branco)}
.idg-f2{background:var(--linho);color:var(--marrom)}
.idg-f3{background:var(--areia);color:var(--marrom)}
.idg-f4{background:var(--terra);color:var(--branco)}
.idg-f5{background:var(--cafe);color:var(--branco)}
@media (max-width:820px){
  .sm-bloco-foto.idg-bloco > .foto-lado.idg-quadro{margin-top:22px;aspect-ratio:auto}
  .idg-quadro{padding:14px}
  /* no celular a faixa vira uma coluna de cinco linhas: símbolo à esquerda, nome e linha ao lado */
  .idg-faixa{grid-template-columns:1fr}
  .idg-faixa-item{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:center;min-height:0;padding:12px 14px}
  .idg-icone{width:40px;margin:0;grid-row:1 / span 2}
  .idg-nome{margin:0;padding:0;border:0;font-size:.98rem;align-self:end}
  .idg-nome .idgf-n{display:inline;margin:0 6px 0 0}
  .idg-sub{margin:0;font-size:.82rem;min-height:0;align-self:start}
}

/* 22/10/2026 · O traço que acompanhava o mouse. A Cinara, 11h32: "tem um traço de cursor
   acompanhando o mouse... na periferia da luz do mouse. É mesmo necessário?". Era o halo
   que segue o mouse com atraso pela página inteira (luz.js). Sai no computador; a luz da
   abertura continua, e no celular nada muda. */
@media (hover:hover) and (pointer:fine){.rasc-halo{display:none!important}}