/* Partiu Futuro — design system ilustrado (opt-in, não altera páginas existentes).
 * Nenhum elemento fica invisível quando JavaScript está desabilitado. */
:root {
  --pfds-roxo:#683df1;
  --pfds-amarelo:#ffcb2f;
  --pfds-azul:#75b8f4;
  --pfds-coral:#ff897d;
  --pfds-menta:#73dbbd;
  --pfds-tinta:#07112f;
  --pfds-ease:cubic-bezier(.16,1,.3,1);
  --pfds-reveal-duration:800ms;
}
.pf-doodle {
  display:inline-block;
  flex:none;
  width:var(--pf-doodle-size,64px);
  height:var(--pf-doodle-size,64px);
  color:var(--pf-doodle-color,var(--pfds-roxo));
  pointer-events:none;
  user-select:none;
  vertical-align:middle;
}
.pf-doodle svg {display:block;width:100%;height:100%;overflow:visible;color:inherit}
.pf-doodle--roxo{--pf-doodle-color:var(--pfds-roxo)}
.pf-doodle--amarelo{--pf-doodle-color:var(--pfds-amarelo)}
.pf-doodle--azul{--pf-doodle-color:var(--pfds-azul)}
.pf-doodle--coral{--pf-doodle-color:var(--pfds-coral)}
.pf-doodle--menta{--pf-doodle-color:var(--pfds-menta)}
.pf-doodle--s{--pf-doodle-size:32px}
.pf-doodle--m{--pf-doodle-size:64px}
.pf-doodle--l{--pf-doodle-size:96px}
.pf-doodle--decorative{position:absolute;z-index:0;opacity:var(--pf-doodle-opacity,.66)}
.pf-doodle--decorative,.pf-doodle--decorative *{pointer-events:none}
.pf-doodle--float{animation:pfds-bob 5s ease-in-out infinite}
@keyframes pfds-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}

/* Paga na Data: translateY(28px), 800ms, easing(.16,1,.3,1).
 * Só ativar se JS detectar IntersectionObserver e movimento não reduzido. */
.pf-reveal{opacity:1;transform:none}
.pf-motion-ready .pf-reveal:not(.is-visible){
  opacity:0;
  transform:translate3d(0,28px,0);
}
.pf-motion-ready .pf-reveal{
  transition:opacity var(--pfds-reveal-duration) var(--pfds-ease),
             transform var(--pfds-reveal-duration) var(--pfds-ease);
  transition-delay:var(--pf-reveal-delay,0ms);
}
.pf-motion-ready .pf-reveal[data-pf-from="left"]:not(.is-visible){transform:translate3d(-24px,0,0)}
.pf-motion-ready .pf-reveal[data-pf-from="right"]:not(.is-visible){transform:translate3d(24px,0,0)}
.pf-motion-ready .pf-reveal[data-pf-from="scale"]:not(.is-visible){transform:translate3d(0,20px,0) scale(.985)}
.pf-motion-ready .pf-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .pf-motion-ready .pf-reveal,.pf-motion-ready .pf-reveal:not(.is-visible){
    opacity:1!important;transform:none!important;transition:none!important
  }
  .pf-doodle--float{animation:none!important;translate:0 0!important}
}


/* Exportar/imprimir nunca esconde elementos que ainda não entraram na rolagem. */
@media print{
 .pf-motion-ready .pf-reveal,
 .pf-motion-ready .pf-reveal:not(.is-visible){
  opacity:1!important;transform:none!important;transition:none!important;
 }
}