/* ===== celular: blocos aparecem ao rolar + dica de "tem mais" ===== */
@media (max-width:1099px){
  .js-rv .rv{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
  .js-rv .rv.in{opacity:1;transform:none}
  .js-rv .monitor .reel{opacity:0;transform:translateY(16px) scale(.97);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
  .js-rv .monitor.in .reel{opacity:1;transform:none}
  .mais{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:15;transform:translateX(-50%);display:flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;background:rgba(10,27,77,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 8px 24px rgba(10,27,77,.3);transition:opacity .35s,transform .35s}
  .mais svg{width:16px;height:16px;animation:quica 1.3s ease-in-out infinite}
  .mais.some{opacity:0;transform:translate(-50%,20px);pointer-events:none}
  .fade-pe{position:fixed;left:0;right:0;bottom:0;height:90px;z-index:14;pointer-events:none;background:linear-gradient(180deg,rgba(230,239,255,0),rgba(230,239,255,.95));transition:opacity .35s}
  .fade-pe.some{opacity:0}
  @keyframes quica{50%{transform:translateY(3px)}}
}
@media (min-width:1100px){.mais,.fade-pe{display:none}}
@media (prefers-reduced-motion:reduce){.js-rv .rv,.js-rv .monitor .reel{opacity:1!important;transform:none!important;transition:none!important}.mais svg{animation:none}}

/* pirâmide invertida: largura proporcional ao número de cada nível */
.piram{margin-top:16px;position:relative}
.piram svg{display:block;width:100%;overflow:visible}
.piram .nv{opacity:0;transform:translateY(-8px);transition:opacity .5s ease,transform .5s ease}
.piram.in .nv{opacity:1;transform:none}

/* legenda da pirâmide em blocos */
.p-leg{font-size:11.5px;color:var(--sec);margin-top:8px;line-height:1.7}
.p-leg b{color:var(--navy);margin-right:4px}
.p-leg span{display:inline-flex;align-items:center;gap:4px;margin-right:10px;white-space:nowrap}
.p-leg i{width:9px;height:9px;border-radius:2px;display:block}