@media (max-height: 500px) and (orientation: landscape) {
  .container,
  .container-lg,
  .container-xl {
    padding-right: 20px;
  }
}

.bg-sidebar{
    background-color:#283E2D;

}

.bg-sidebar div aside{
    color: white;
}

.sidebar .sidebar-block a img:hover{
    opacity: 0.7;
}

.sidebar {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .sidebar-block {
    background: #26272C;
    border-radius: 0 12px 0 0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  }

  .sidebar-block .sidebar-title, .sidebar-block h2{
    margin-bottom: 7px;
    font-size: 1rem;
    color: #C3DFE0;
    border-bottom: solid 3px #2C3E50;
    padding-bottom: 5px;
  }

  .sidebar-list li {
    margin-bottom: 8px;
  }

  .sidebar-list li a {
    color: #BBBBBB;
    text-decoration: none;
  }

  .sidebar-list li a:hover {
    text-decoration: underline;
  }

  .ad-top-sidebar img {
    width: 100%;

  }
 .ad-top-sidebar {
  position: relative;
  overflow: hidden;
}

.ad-top-sidebar::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4); /* força da sombra */
  pointer-events: none;
 /* igual ao da imagem */
}

  /* Responsivo (caso sua sidebar vire linha no mobile) */
  @media (max-width: 768px) {
    .sidebar {
      flex-direction: row;
      flex-wrap: wrap;
      gap: 15px;
    }
    .sidebar-block {
      flex: 1 1 calc(50% - 10px);
    }
  }

  @media (max-width: 500px) {
    .sidebar-block {
      flex: 1 1 100%;
    }
  }