/* V41 — hero mais enxuto e todos os vídeos com o mesmo tratamento visual do hero, respeitando o formato nativo. */

/* Hero sem CTA secundário, sem item de 7 dias na linha de confiança e sem cue de explorar. */
.experience-v15 .hero-actions { display: flex; }
.experience-v15 .hero-actions .button:only-child { min-width: 0; }
.experience-v15 .hero-trust-row { gap: 18px; }
.experience-v15 .hero-scroll-cue { display: none !important; }

/* Todos os vídeos principais usam o mesmo clima visual do hero,
   mas sem forçar fundo, sem padding e respeitando o formato real do vídeo/poster. */
.experience-v15 .xp-proof-live-media.hero-demo,
.experience-v15 .xp-catalog-focus-media.hero-demo {
  position: relative;
  overflow: visible;
  background: transparent !important;
  border: 0;
  box-shadow: none;
  aspect-ratio: auto;
  line-height: 0;
}

.experience-v15 .xp-proof-live-media.hero-demo::before,
.experience-v15 .xp-catalog-focus-media.hero-demo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--xp-accent);
  z-index: 4;
  pointer-events: none;
}

.experience-v15 .xp-proof-live-media.hero-demo > .hero-demo-video,
.experience-v15 .xp-catalog-focus-media.hero-demo > .hero-demo-video {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto !important;
  aspect-ratio: auto !important;
  background: transparent !important;
  object-fit: contain !important;
  box-shadow:
    0 34px 80px rgba(2, 6, 14, .42),
    0 12px 28px rgba(2, 6, 14, .26),
    0 0 55px rgba(61, 78, 255, .12) !important;
  transition: transform .42s ease;
}

.experience-v15 .xp-proof-live-media.hero-demo:hover > .hero-demo-video,
.experience-v15 .xp-catalog-focus-media.hero-demo:hover > .hero-demo-video {
  transform: scale(1.012);
}

.experience-v15 .xp-proof-live-media.hero-demo .hero-demo-sheen,
.experience-v15 .xp-catalog-focus-media.hero-demo .hero-demo-sheen {
  position: absolute;
  z-index: 3;
  inset: 0;
  border-radius: 2px;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255,255,255,.08), transparent 23%),
    radial-gradient(circle at var(--card-x, 70%) var(--card-y, 28%), rgba(83, 165, 255, .11), transparent 29%);
  mix-blend-mode: screen;
}

html[data-theme="light"] .experience-v15 .xp-proof-live-media.hero-demo,
html[data-theme="light"] .experience-v15 .xp-catalog-focus-media.hero-demo {
  background: transparent !important;
  border-color: transparent;
  box-shadow: none;
}

@media (max-width: 900px) {
  .experience-v15 .xp-proof-live-media.hero-demo:hover > .hero-demo-video,
  .experience-v15 .xp-catalog-focus-media.hero-demo:hover > .hero-demo-video {
    transform: none;
  }
}