/* Aprô em contexto. Artes originais compartilhadas, sem substituir a marca ou os troféus. */
.apro-ilustracao{display:block;object-fit:contain;width:148px;height:184px;flex:none;margin:0 auto 8px}
.apro-ilustracao--compacta{width:80px;height:100px;margin:0}
.apro-ilustracao--pequena{width:58px;height:72px;margin:0}
.apro-orientacao{position:relative;display:flex;align-items:center;gap:20px;padding:20px 24px;margin:0 0 24px}
.apro-orientacao__texto{min-width:0;flex:1}
.apro-orientacao__texto strong{display:block;font-size:18px;font-weight:600;line-height:1.3;margin-bottom:6px}
.apro-orientacao__texto p{font-size:14px;color:var(--apr-tinta-2);line-height:1.5}
.apro-orientacao__fechar{align-self:flex-start;border:0;background:transparent;color:var(--apr-tinta-2);font-size:23px;cursor:pointer;width:44px;height:44px;flex:none}
.apro-modal-cab{display:flex;align-items:center;gap:20px;margin-bottom:18px}
.apro-modal-cab .apro-ilustracao{width:98px;height:122px;margin:0}
.apro-dialogo .dialogo__caixa{padding:28px}
.apro-dialogo{max-width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}
.apro-dialogo .dialogo__acoes{flex-wrap:wrap}
.apro-jornada-linha{display:flex;align-items:center;gap:12px;margin:18px 0}
.apro-jornada-linha p{margin:0}
.apro-erro{align-items:center;text-align:center;max-width:560px}
.apro-erro .linha{justify-content:center;flex-wrap:wrap}
.apro-erro .apro-ilustracao{width:164px;height:204px;margin:0}
.apro-notificacao{margin-bottom:12px;width:104px;height:129px}
.apro-instalacao{display:flex;align-items:center;gap:18px;margin:14px 0 24px}
.apro-instalacao .apro-ilustracao{width:88px;height:109px;margin:0}
.jornada-aviso.apro-conquista{left:24px;right:auto;grid-template-columns:86px minmax(0,1fr) 44px;max-width:min(456px,calc(100vw - 32px))}
.apro-conquista__imagens{position:relative;min-height:94px}
.apro-conquista__imagens .apro-ilustracao{width:76px;height:94px;margin:0;background:none;border-radius:0}
.apro-conquista__trofeu{position:absolute;right:-6px;bottom:0;width:38px!important;height:38px!important;background:none!important}
.apro-conquista button{width:44px;height:44px}
.jornada-aviso--aguarda{visibility:hidden}
body:has(.jornada-aviso) .instalar-convite{display:none}
.apr-preloader__longa{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px}
.apr-preloader__longa .apro-ilustracao{width:172px;height:213px;margin:0 0 6px}
.apr-preloader__longa strong{font-size:18px;font-weight:600}
.apr-preloader__longa p{font-size:14px;color:var(--apr-tinta-2);margin:0}
.apr-preloader[data-espera-longa]>.apr-logo-motion,.apr-preloader[data-espera-longa]>.apr-preloader__texto{display:none}
.apro-espera__pontos{display:flex;gap:6px;margin:10px 0}
.apro-espera__pontos i{width:6px;height:6px;border-radius:50%;background:var(--apr-verde-texto);animation:apro-ponto 1.2s infinite}
.apro-espera__pontos i:nth-child(2){animation-delay:.15s}.apro-espera__pontos i:nth-child(3){animation-delay:.3s}
@keyframes apro-ponto{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(max-width:960px){.jornada-aviso.apro-conquista{left:16px;right:16px;bottom:calc(182px + env(safe-area-inset-bottom));width:auto;max-width:440px}}
@media(max-width:600px){
  .apro-ilustracao{width:126px;height:156px}
  .apro-erro .apro-ilustracao{width:144px;height:179px}
  .apro-orientacao{padding:18px;gap:14px}
  .apro-orientacao .apro-ilustracao{width:66px;height:82px}
  .apro-orientacao__texto strong{font-size:16px}
  .apro-orientacao__texto p{font-size:13px}
  .apro-orientacao__fechar{position:absolute;right:10px;top:6px}
  .apro-orientacao__texto{padding-right:22px}
  .apro-dialogo .dialogo__caixa{padding:24px}
  .apro-modal-cab{gap:14px;margin-bottom:16px}
  .apro-modal-cab .apro-ilustracao{width:76px;height:94px}
  .apro-dialogo .dialogo__titulo{font-size:23px}
  .apro-dialogo .dialogo__acoes>*{flex:1 0 auto;justify-content:center}
  .apro-jornada-linha .apro-ilustracao{width:58px;height:72px}
  .jornada-aviso.apro-conquista{gap:10px;padding:16px;grid-template-columns:70px minmax(0,1fr) 44px}
  .apro-notificacao{width:94px;height:117px}
}
@media(prefers-reduced-motion:reduce){.apro-espera__pontos i{animation:none}}