/* Pranchas vivas dos segmentos: anatomia e processo, não ícones de catálogo. */
.por-segmento .seg-index,.segmentos .seg-index{margin-top:clamp(52px,8vw,94px)}
.por-segmento .seg-row,.segmentos .seg-row{position:relative;grid-template-columns:clamp(105px,13vw,190px) minmax(180px,1fr) minmax(220px,2fr) auto auto;grid-template-areas:"specimen name meta count arrow";gap:clamp(16px,3vw,48px);min-height:clamp(122px,11vw,172px);padding-block:18px;overflow:hidden}
.por-segmento .seg-row .seg-name,.segmentos .seg-row .seg-name{grid-area:name}.por-segmento .seg-row .seg-meta,.segmentos .seg-row .seg-meta{grid-area:meta}.por-segmento .seg-row .seg-count,.segmentos .seg-row .seg-count{grid-area:count}.por-segmento .seg-row .seg-arrow,.segmentos .seg-row .seg-arrow{grid-area:arrow}
.segment-specimen{grid-area:specimen;align-self:stretch;display:grid;place-items:center;min-width:0;color:#173a3b;opacity:0;transform:translate3d(-16px,0,0) scale(.9);transition:opacity .55s ease var(--specimen-delay,0ms),transform .85s cubic-bezier(.16,1,.3,1) var(--specimen-delay,0ms)}
.segment-specimen svg{width:100%;max-width:158px;height:clamp(84px,9vw,126px);overflow:visible}
.segment-specimen .outline,.segment-specimen .detail,.segment-specimen .measure{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.segment-specimen .outline{stroke-width:1.85;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.16,1,.3,1) calc(var(--specimen-delay,0ms) + 90ms)}
.segment-specimen .detail{stroke-width:.9;stroke-dasharray:1;stroke-dashoffset:1;opacity:.72;transition:stroke-dashoffset 1.05s cubic-bezier(.16,1,.3,1) calc(var(--specimen-delay,0ms) + 360ms)}
.segment-specimen .measure{stroke-width:.65;stroke-dasharray:2 5;opacity:.42}
.segment-specimen .node{fill:var(--verde);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.1);transition:opacity .3s ease calc(var(--specimen-delay,0ms) + 590ms),transform .55s cubic-bezier(.16,1,.3,1) calc(var(--specimen-delay,0ms) + 590ms)}
.seg-row.is-specimen-live .segment-specimen{opacity:1;transform:none}.seg-row.is-specimen-live .outline,.seg-row.is-specimen-live .detail{stroke-dashoffset:0}.seg-row.is-specimen-live .node{opacity:1;transform:scale(1)}
.seg-row:hover .segment-specimen,.seg-row:focus-visible .segment-specimen{color:var(--verde);transform:translateX(8px) scale(1.04)}
.seg-row:hover .segment-specimen .node,.seg-row:focus-visible .segment-specimen .node{animation:specimen-node 1.2s ease-in-out infinite}
.seg-row:hover .segment-specimen .measure,.seg-row:focus-visible .segment-specimen .measure{opacity:.85}
.seg-row--destaque .segment-specimen{color:#dce7e9}.seg-row--destaque:hover .segment-specimen,.seg-row--destaque:focus-visible .segment-specimen{color:var(--verde)}
@keyframes specimen-node{50%{transform:scale(1.65);opacity:.35}}

@media(max-width:899px){
  .por-segmento .seg-row,.segmentos .seg-row{grid-template-columns:minmax(0,1fr) 80px auto;grid-template-areas:"name specimen arrow" "meta specimen count";gap:5px 14px;min-height:116px;padding-right:14px}
  .segment-specimen{align-self:center;opacity:.52!important;transform:none!important}.segment-specimen svg{width:86px;height:72px}
  .por-segmento .seg-row .seg-count,.segmentos .seg-row .seg-count{align-self:end}.por-segmento .seg-row .seg-arrow,.segmentos .seg-row .seg-arrow{align-self:center}
}
@media(prefers-reduced-motion:reduce){
  .segment-specimen,.segment-specimen .outline,.segment-specimen .detail,.segment-specimen .node{transition:none!important;animation:none!important}
  .segment-specimen{opacity:1;transform:none}.segment-specimen .outline,.segment-specimen .detail{stroke-dashoffset:0}.segment-specimen .node{opacity:1;transform:scale(1)}
}