/* MIX_HERO_VIDEO_CLEAN_V3D_START */

/*
  Hero com vídeo premium limpo:
  - Remove excesso hi-tech
  - Mantém vídeo como textura visual sutil
  - Preserva leitura, CTA e imagem
  - Mobile sem vídeo
*/

.mix-hero-image-v1 {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 16% 18%, rgba(36,198,205,0.12), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(255,126,44,0.10), transparent 28%),
    linear-gradient(135deg, #040b15 0%, #061524 48%, #092036 100%) !important;
}

.mix-hero-video-bg-v3 {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: 0.26;
  background: #040b15;
}

.mix-hero-video-bg-v3 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.035);
  filter: saturate(1.08) contrast(1.04) brightness(0.70);
}

/* Overlay premium para leitura */
.mix-hero-video-bg-v3::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4,11,21,0.82), rgba(4,11,21,0.46) 46%, rgba(4,11,21,0.68)),
    radial-gradient(circle at 18% 22%, rgba(36,198,205,0.10), transparent 34%),
    radial-gradient(circle at 78% 24%, rgba(255,126,44,0.08), transparent 30%);
}

/* Conteúdo acima do vídeo */
.mix-hero-image-v1 > *:not(.mix-hero-video-bg-v3) {
  position: relative;
  z-index: 2;
}

.mix-hero-image-v1 .mix-hero-shell,
.mix-hero-image-v1 .hero-shell,
.mix-hero-image-v1 .hero-content,
.mix-hero-image-v1 .hero-copy,
.mix-hero-image-v1 .hero-text,
.mix-hero-image-v1 .hero-visual,
.mix-hero-image-v1 .hero-visual-image,
.mix-hero-image-v1 .hero-visual-figure,
.mix-hero-image-v1 picture,
.mix-hero-image-v1 figure {
  position: relative;
  z-index: 2;
}

/* Mobile: sem vídeo, mantendo fundo leve */
@media (max-width: 768px) {
  .mix-hero-video-bg-v3 {
    display: none;
  }

  .mix-hero-image-v1 {
    background:
      radial-gradient(circle at 18% 10%, rgba(36,198,205,0.14), transparent 32%),
      radial-gradient(circle at 88% 16%, rgba(255,126,44,0.11), transparent 28%),
      linear-gradient(135deg, #040b15 0%, #061524 48%, #092036 100%) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mix-hero-video-bg-v3 {
    display: none;
  }
}

/* MIX_HERO_VIDEO_CLEAN_V3D_END */