/* V38 — prova real e catálogo com tratamento visual do hero */
.experience-v15 .xp-proof-live-media,
.experience-v15 .xp-catalog-focus-media {
  overflow: hidden;
  transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease, background .32s ease;
}

.experience-v15 .xp-proof-live-media {
  padding: 0;
  border-color: rgba(91,159,235,.24);
  background: #0c121b;
  box-shadow: 0 40px 86px rgba(0,0,0,.34), 0 0 46px rgba(43,136,255,.08);
}

.experience-v15 .xp-proof-live-media video {
  display: block;
  width: 100%;
  background: #0c121b;
}

.experience-v15 .xp-proof-live-media figcaption {
  padding: 14px 0 0;
}

.experience-v15 .xp-catalog-focus-media {
  border-color: rgba(91,159,235,.24);
  background: #0c121b;
  box-shadow: 0 40px 86px rgba(0,0,0,.34), 0 0 46px rgba(43,136,255,.08);
}

.experience-v15 .xp-proof-live-media:hover,
.experience-v15 .xp-catalog-focus-media:hover {
  transform: translateY(-4px);
  border-color: rgba(74,160,255,.46);
  box-shadow: 0 48px 104px rgba(0,0,0,.38), 0 0 58px rgba(54,103,255,.14);
}

.experience-v15 .xp-proof-live-media:hover video,
.experience-v15 .xp-catalog-focus-media:hover video {
  transform: scale(1.012);
  transition: transform .42s ease;
}

html[data-theme="light"] .experience-v15 .xp-proof-live-media,
html[data-theme="light"] .experience-v15 .xp-catalog-focus-media {
  border-color: rgba(91,159,235,.24);
  background:
    radial-gradient(circle at 78% 18%, rgba(74,194,255,.14), transparent 36%),
    radial-gradient(circle at 92% 76%, rgba(77,122,255,.12), transparent 34%),
    #0c121b;
  box-shadow: 0 40px 86px rgba(20,35,58,.18), 0 0 46px rgba(43,136,255,.08);
}

html[data-theme="light"] .experience-v15 .xp-proof-live-media figcaption,
html[data-theme="light"] .experience-v15 .xp-catalog-focus-media figcaption {
  color: #6f8399;
}

html[data-theme="light"] .experience-v15 .xp-proof-live-media:hover,
html[data-theme="light"] .experience-v15 .xp-catalog-focus-media:hover {
  border-color: rgba(74,160,255,.46);
  box-shadow: 0 48px 104px rgba(20,35,58,.22), 0 0 58px rgba(54,103,255,.14);
}

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

  .experience-v15 .xp-proof-live-media:hover video,
  .experience-v15 .xp-catalog-focus-media:hover video {
    transform: none;
  }
}