@layer sections {
  #programacao {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
      radial-gradient(circle at 18% 18%, rgba(255, 232, 171, 0.2), transparent 34%),
      repeating-linear-gradient(
        -28deg,
        rgba(255, 255, 255, 0.08) 0 2px,
        transparent 2px 24px
      ),
      linear-gradient(150deg, #73311a 0%, #a24721 52%, #4a1f10 100%);
  }

  #programacao .programacao-content {
    align-items: flex-start;
    gap: 20px;
  }

  #programacao .programacao-figura img {
    max-height: 360px;
  }

  #programacao::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
      radial-gradient(
        circle at 14% 22%,
        rgba(255, 214, 120, 0.28) 0 18%,
        transparent 19% 100%
      ),
      radial-gradient(
        circle at 84% 76%,
        rgba(255, 214, 120, 0.16) 0 16%,
        transparent 17% 100%
      );
    opacity: 0.7;
  }

  #programacao > * {
    position: relative;
    z-index: 1;
  }
}