/* Sequence copied from the founder-approved Anteprima_Apertura_DietroCasa.html.
   Only selectors and the fullscreen host differ; the original PNG is unchanged. */
html.dc-startup-active { overflow: hidden; }
html.dc-startup-pending::before {
  content: ""; position: fixed; inset: 0; z-index: 2147483646; background: #fff;
}
#dcStartupSplash {
  position: fixed; inset: 0; z-index: 2147483647; background: #fff;
  display: flex; align-items: center; justify-content: center;
  margin: 0; padding: 0; border: 0; outline: 0;
  font-family: system-ui, -apple-system, Arial; line-height: normal;
  touch-action: none; overscroll-behavior: none;
}
#dcStartupSplash .dc-startup-stage {
  width: min(374px, 100%); display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 9px;
}
#dcStartupSplash .dc-startup-logo {
  display: block; width: 58%; height: auto; object-fit: contain;
  transform-origin: center; transform: scale(.005); opacity: 1;
}
#dcStartupSplash .dc-startup-claim {
  max-width: 94%; font-size: clamp(14px, 3.3vw, 19px); font-weight: 700;
  color: #12326d; text-align: center; letter-spacing: -.02em; opacity: 0;
}
#dcStartupSplash[data-running] {
  animation: dcStartupHide 4.65s both;
  animation-delay: var(--dc-startup-delay, 0ms);
}
#dcStartupSplash[data-running] .dc-startup-logo {
  animation: dcStartupLogo 4.65s ease-out both;
  animation-delay: var(--dc-startup-delay, 0ms);
}
#dcStartupSplash[data-running] .dc-startup-claim {
  animation: dcStartupClaim 4.65s linear both;
  animation-delay: var(--dc-startup-delay, 0ms);
}
@keyframes dcStartupLogo {
  0% { transform: scale(.005); opacity: 1; }
  24% { transform: scale(1); opacity: 1; }
  95% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1); opacity: 0; }
}
@keyframes dcStartupClaim {
  0%, 34% { opacity: 0; }
  47%, 95% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes dcStartupHide {
  0%, 94% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}