/* Adicione este CSS ao arquivo curso.css ou funcionalidades.css */

/* Container para posicionamento relativo da faixa */
.comparison-grid {
  position: relative;
}

/* Faixa de inscrições encerradas */
.inscricoes-encerradas {
  position: absolute;
  top: 0;
  left: 50%; /* Posiciona sobre a segunda coluna */
  height: 100%;
  pointer-events: none; /* Permite cliques através da faixa */
  z-index: 10;
  overflow: hidden;
}

.inscricoes-encerradas::before {
  content: "INSCRIÇÕES ENCERRADAS";
  font-family: "Montserrat", sans-serif;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  background-color: #dc2626; /* Vermelho */
  color: white;
  padding: 12px 120px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* Desabilitar o botão da primeira opção */
.comparison-grid .grid-price:first-of-type .primary-button {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}

.disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}

/* Ajustes responsivos */
@media (max-width: 768px) {
  .inscricoes-encerradas {
    left: 48%;
    width: 100%;
  }
}

@media (max-width: 720px) {
  .inscricoes-encerradas {
    left: 45%;
  }
}

@media (max-width: 640px) {
  .inscricoes-encerradas {
    left: 40%;
  }
}

@media (max-width: 600px) {
  .inscricoes-encerradas {
    display: none;
  }
}