/* Fundo vídeo / foto — partilhado (dashboard, auth, landing) */

:root {
  --text-shadow-dark: 0 1px 2px rgba(0, 0, 0, 0.95), 0 2px 10px rgba(0, 0, 0, 0.85), 0 0 20px rgba(0, 0, 0, 0.55);
  --text-shadow-video: var(--text-shadow-dark);
}

body,
body.lp {
  text-shadow: var(--text-shadow-dark);
}

.bg-video {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: #dfe6ee;
  contain: paint;
}

.bg-video--static,
html.casa-bg-static .bg-video {
  background:
    radial-gradient(ellipse 90% 60% at 50% -10%, #e8eef4 0%, transparent 55%),
    linear-gradient(165deg, #c5d2de 0%, #a8b8c8 42%, #8fa3b5 100%);
}

.bg-video--photo,
html.casa-bg-photo .bg-video {
  background-color: #1a222c;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.bg-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(8, 12, 18, 0.28), rgba(8, 12, 18, 0.18) 45%, rgba(8, 12, 18, 0.34)),
    radial-gradient(ellipse 80% 55% at 50% 0%, rgba(255, 255, 255, 0.12), transparent 65%);
}

@media (prefers-reduced-motion: reduce) {
  .bg-video video {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .bg-video video {
    display: none !important;
  }
}