/* Abertura animada do PWA (só no app instalado, só ao iniciar). Tudo local: SVG e CSS, sem requisições.
   Cores: verde profundo (fundo = background_color do manifesto), marfim (nome), champagne (detalhes). */
.splash{
  position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;
  background:#0a1e18;color:#efe9dc;overflow:hidden;
  padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);
}
@media (display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui){
  .splash{display:flex}
  html,body{background:#0a1e18}
}
.splash.on{display:flex} /* reserva para navegadores que não informam display-mode (ex.: iOS antigo) */
.splash.out{opacity:0;pointer-events:none;transition:opacity .42s ease}
.splash-inner{display:flex;flex-direction:column;align-items:center;text-align:center}

.splash-mono{display:block;width:min(34vw,30vh,190px);height:auto;overflow:visible;margin-bottom:min(7vw,4.5vh,36px)}
.splash-mono .sp-p{
  fill:url(#sp-g);fill-opacity:0;stroke:#cbb084;stroke-width:6;stroke-linejoin:round;stroke-linecap:round;
  stroke-dasharray:1;stroke-dashoffset:1;
  animation:sp-draw .56s cubic-bezier(.45,0,.2,1) .05s both,sp-fill .4s ease .42s both;
}
.splash-mono .sp-p2{animation-delay:.17s,.5s}
@keyframes sp-draw{to{stroke-dashoffset:0}}
@keyframes sp-fill{from{fill-opacity:0;stroke-opacity:1}to{fill-opacity:1;stroke-opacity:0}}

.splash-name{
  margin:0;font-family:var(--serif2);font-weight:400;font-size:min(10.5vw,6.4vh,58px);line-height:1.02;letter-spacing:.005em;color:#efe9dc;
}
.splash-name span{display:block;animation:sp-up .5s cubic-bezier(.2,.7,.2,1) .3s both}
.splash-name span+span{animation-delay:.38s}
.splash-rule{
  display:block;width:min(46vw,36vh,240px);height:1px;margin:min(3.4vw,2.2vh,18px) 0 min(3.2vw,2vh,16px);
  background:linear-gradient(90deg,transparent,#cbb084 22%,#cbb084 78%,transparent);
  transform-origin:center;animation:sp-rule .5s cubic-bezier(.2,.7,.2,1) .5s both;
}
.splash-role{
  margin:0;padding-left:.42em;font-family:var(--serif2);font-weight:400;font-size:min(2.8vw,1.9vh,13px);letter-spacing:.42em;color:rgba(239,233,220,.66);
  animation:sp-fade .45s ease .56s both;
}
@keyframes sp-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sp-rule{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:none}}
@keyframes sp-fade{from{opacity:0}to{opacity:1}}

/* Movimento reduzido: sem traçado nem deslocamento; apenas aparece com suavidade e rapidez. */
@media (prefers-reduced-motion:reduce){
  .splash-mono .sp-p{stroke-dashoffset:0;stroke-opacity:0;fill-opacity:1;animation:sp-fade .35s ease both}
  .splash-mono .sp-p2{animation-delay:0s}
  .splash-name span{animation:sp-fade .4s ease .1s both}
  .splash-name span+span{animation-delay:.1s}
  .splash-rule{animation:sp-fade .4s ease .2s both}
  .splash-role{animation:sp-fade .4s ease .2s both}
  .splash.out{transition-duration:.25s}
}