/* === CONTENT === */
.content {
  margin: 40px auto;
  padding: 0;
  background: transparent;
  border: none;
  max-width: 1100px;
  width: 100%;
  box-sizing: border-box;
}

/* CONTENT WRAPPER - FLEXBOX PARA ALINHAMENTO PRECISO */
.content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch; /* ✅ antes era flex-start */
  gap: 20px;
  width: 100%;
}

/* COLUNA ESQUERDA - ALINHADA À ESQUERDA */
.left-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1; /* garante que estique junto */
}

.video-box {
  width: 600px;
  margin: 0;
}

/* IFrame dentro do vídeo */
.video-box iframe {
  width: 100%;
  aspect-ratio: 16/7.2;
  border-radius: 8px;
  border: 2px solid #b8860b;
  display: block;
}

/* NEWS BOX - só layout */
.news-box {
  width: 600px;
  margin: 40px 0 0 0;
  min-height: 920px; /* ✅ altura mínima para alinhar com boss-box */
  flex: 1; /* estica junto com a coluna da direita */
}

/* COLUNA DIREITA - ALINHADA À DIREITA */
.side-panel {
  width: 450px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  flex: 1; /* ✅ garante que alinhe verticalmente */
}

/* Garante que as caixas internas da direita usem toda a largura */
.side-panel > div {
  width: 100%;
  height: auto;
}
.claim-btn.claimed {
  background-color: #555 !important;
  color: #bbb !important;
  cursor: not-allowed !important;
  opacity: 0.7;
  border: 1px solid #666 !important;
  text-shadow: none !important;
}
.claim-btn.claimed:hover {
  transform: none !important;
  filter: none !important;
}