.abertura {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 32px;
  background: radial-gradient(ellipse at 50% 35%, #f0444c, #e5262f 55%, #bb1d28);
  color: #fff;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  transition: opacity 320ms ease, visibility 320ms ease;
}
.abertura-saindo { opacity: 0; visibility: hidden; }
.abertura-conteudo { width: min(100%, 280px); text-align: center; }
.abertura-marca { animation: abertura-entrada 700ms ease-out both; }
.abertura-marca img { display: block; width: 100%; height: 110px; object-fit: contain; }
.abertura-titulo { margin: 24px 0 40px; font-size: 22px; font-weight: 750; letter-spacing: 5px; }
.abertura-titulo span { font-size: 12px; font-weight: 500; letter-spacing: 3px; }
.abertura-barra { height: 3px; overflow: hidden; border-radius: 99px; background: #ffffff30; }
.abertura-barra span {
  display: block;
  width: 45%;
  height: 100%;
  border-radius: inherit;
  background: #fff;
  animation: abertura-carregando 1.35s ease-in-out infinite;
}
.abertura-legenda { margin: 18px 0 0; font-size: 13px; color: #ffffffe0; }
@keyframes abertura-entrada {
  from { opacity: 0; transform: translateY(12px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes abertura-carregando {
  from { transform: translateX(-110%); }
  to { transform: translateX(330%); }
}
@media (prefers-reduced-motion: reduce) {
  .abertura { transition: none; }
  .abertura-marca, .abertura-barra span { animation: none; }
  .abertura-barra span { width: 100%; opacity: .7; }
}