/* Shell overrides: site header + NVIDIA page body */
html:has(body.dgx-clone),
body.dgx-clone.nv-page-body {
  background: #000 !important;
}

body.dgx-clone {
  padding-top: var(--site-header-height);
  margin: 0;
}

.dgx-clone-main {
  min-height: 60vh;
  background: #000;
  overflow-x: clip;
  max-width: 100%;
}

.dgx-clone-main .root.responsivegrid {
  margin-top: 0;
}

.dgx-shell-footer {
  margin-top: 0;
  background: #1a1a1a;
  color: #ccc;
  padding: 24px;
  text-align: center;
  font-size: 0.9rem;
}

.dgx-shell-footer a {
  color: #76b900;
}

.dgx-clone-main picture img[src^="https://"],
.dgx-clone-main .cmp-image__image {
  opacity: 1;
}

.dgx-clone-main .nv-img-as-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hero inicial (#container-ae6f63b3d8): en móvil apilar texto + imagen + video sin solapar */
@media (max-width: 639px) {
  .dgx-clone-main #container-ae6f63b3d8.with-image-as-bg {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 16px !important;
  }

  .dgx-clone-main #container-ae6f63b3d8 .general-container {
    position: relative !important;
    z-index: 2;
    order: 1;
    flex-shrink: 0;
    width: 100%;
    padding-inline: 16px;
    box-sizing: border-box;
  }

  .dgx-clone-main #container-ae6f63b3d8 .nv-img-as-bg {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    order: 2;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 8px;
    pointer-events: none;
  }

  .dgx-clone-main #container-ae6f63b3d8 .nv-img-as-bg picture {
    position: relative !important;
    display: block;
    width: 100%;
    height: auto !important;
  }

  .dgx-clone-main #container-ae6f63b3d8 .nv-img-as-bg picture img {
    position: relative !important;
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
  }

  .dgx-hero-video {
    position: relative;
    z-index: 1;
    margin-top: 0;
    padding: 24px 16px 40px;
    clear: both;
  }
}

.dgx-hero-video {
  background: #000;
  padding: 0 24px 56px;
}

.dgx-hero-video__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.dgx-hero-video__player {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  background: #000;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

/* Bottom CTA — fuera de .dgx-clone-main para evitar tipografía NVIDIA */
body.dgx-clone .vendor-bottom-cta h2,
body.dgx-clone .vendor-bottom-cta p {
  color: #fff !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body.dgx-clone .vendor-bottom-cta p {
  color: rgba(255, 255, 255, 0.82) !important;
}

body.dgx-clone .vendor-bottom-cta .vendor-cta {
  color: #fff !important;
  background: #76b900 !important;
  -webkit-text-fill-color: #fff !important;
}

body.dgx-clone .vendor-bottom-cta .vendor-cta:hover {
  color: #fff !important;
  background: #5a9200 !important;
}

/* Font Awesome icons used in NVIDIA buttons */
@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/css/all.min.css");