/* V76 — one continuous field for the collection, with captions in open space.
   Collection-only surface changes. Feature/Digital scroll ranges, sticky offsets,
   product stages, artwork masks, motion variables and zoom sources stay owned by
   their approved styles and controllers. Load after the existing collection CSS. */
@media screen {
  #main #aplicacoes.v61-collection {
    --v61-fg: #f4efe6;
    --v61-muted: #c4d3e6;
    --v61-word-color: #36c9ff;
    color: var(--v61-fg);
    background:
      radial-gradient(ellipse 100% 18% at 106% 28%, #36c9ff55 0%, #244cff80 38%, #244cff00 80%),
      radial-gradient(ellipse 112% 18% at -18% 46%, #244cffb8 0%, #244cff00 78%),
      radial-gradient(ellipse 100% 15% at 108% 68%, #36c9ff33 0%, #36c9ff00 78%),
      radial-gradient(ellipse 105% 12% at -12% 88%, #244cff66 0%, #244cff00 78%),
      linear-gradient(180deg, #06142c 0%, #102c82 25%, #193db8 46%, #0b2250 68%, #0a1e43 90%, #06142c 100%);
  }

  /* The same light foreground serves every former blue/navy/ivory scene. The
     ambient field belongs to the collection, so no panel can restart it. */
  #main #aplicacoes.v61-collection :is(.v61-theme-blue, .v61-theme-navy, .v61-theme-ivory) {
    --v61-fg: #f4efe6;
    --v61-muted: #c4d3e6;
    --v61-word-color: #36c9ff;
    color: var(--v61-fg);
    background: transparent;
  }

  #main #aplicacoes.v61-collection #v61-digital.inv74-scene {
    background: transparent;
  }

  /* Only unpinned material loses its page-sized minimum. The stage sizes and
     the top space used by native gallery navigation remain unchanged. */
  #main #aplicacoes.v61-collection #v66-applications-intro.v61-collection-intro {
    min-height: 0;
    grid-template-rows: auto auto;
    background: transparent;
  }

  #main #aplicacoes.v61-collection .v61-basic:not(#v61-digital) {
    min-height: 0 !important;
  }

  #main #aplicacoes.v61-collection .v61-collection-index {
    min-height: 0;
    padding-block: clamp(90px, 10vw, 150px);
    background: transparent;
  }

  #main #aplicacoes.v61-collection .v61-collection-nav {
    border-color: transparent;
    background: #06142ce8;
    box-shadow: none;
  }

  #main #aplicacoes.v61-collection .v61-tags {
    gap: 12px 24px;
  }

  #main #aplicacoes.v61-collection .v61-tags li {
    padding: 0;
    border: 0;
    border-radius: 0;
  }

  /* Existing index buttons become image-and-caption links. Images keep contain
     fitting, and the original hover/focus motion and jump handlers remain. */
  #main #aplicacoes.v61-collection .v61-index-grid {
    gap: 44px clamp(20px, 2.6vw, 44px);
    align-items: start;
  }

  #main #aplicacoes.v61-collection .v61-index-card {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 20px;
    grid-template-rows: auto auto;
    align-items: baseline;
    gap: 16px 10px;
    aspect-ratio: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
  }

  #main #aplicacoes.v61-collection .v61-index-card::before {
    display: none;
  }

  #main #aplicacoes.v61-collection .v61-index-card > img {
    position: relative;
    inset: auto;
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    padding: 0;
    object-fit: contain;
  }

  #main #aplicacoes.v61-collection :is(.v61-index-number, .v61-index-name, .v61-index-arrow) {
    position: static;
    inset: auto;
    grid-row: 2;
    min-width: 0;
  }

  #main #aplicacoes.v61-collection .v61-index-number {
    grid-column: 1;
    color: var(--v61-muted);
  }

  #main #aplicacoes.v61-collection .v61-index-name {
    grid-column: 2;
    color: var(--v61-fg);
    font-size: clamp(17px, 1.45vw, 24px);
    line-height: 1.25;
  }

  #main #aplicacoes.v61-collection .v61-index-arrow {
    grid-column: 3;
    justify-self: end;
    color: #36c9ff;
  }

  #main #aplicacoes.v61-collection .v61-index-card:focus-visible {
    outline: 2px solid #36c9ff;
    outline-offset: 8px;
  }
}

@media screen and (max-width: 600px) {
  #main #aplicacoes.v61-collection .v61-index-grid {
    gap: 34px 18px;
  }

  #main #aplicacoes.v61-collection .v61-index-card {
    grid-template-columns: minmax(0, 1fr) 20px;
    grid-template-rows: auto auto auto;
    gap: 10px;
  }

  #main #aplicacoes.v61-collection .v61-index-name {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  #main #aplicacoes.v61-collection .v61-index-arrow {
    grid-column: 2;
  }
}