/* Estilos para a página de Games */

.sectionOne {
    background-color: #3a41e9; /* Azul do fundo */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 100px; /* Espaço para a navbar */
}

.games-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    padding: 50px;
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

.game-card {
    background-color: #3a41e9; /* Alterado para azul */
    /* height: 300px; */ /* Removido para ajustar à imagem */
    border-radius: 10px;
    overflow: hidden; /* Garante que a imagem não saia do card */
}

.game-card:hover img {
    transform: scale(0.9); /* Diminui a imagem ao passar o mouse */
}

.game-card img {
    width: 100%;
    height: auto; /* Ajusta a altura proporcionalmente */
    object-fit: cover; /* Faz a imagem cobrir o espaço sem distorcer */
    display: block; /* Remove espaço extra abaixo da imagem */
    transition: transform 0.3s ease; /* Adiciona transição suave */
    border-radius: 10px; /* Adicionado */
}

.ideas-banner {
    background-color: #e63946; /* Vermelho do banner */
    color: white;
    text-align: center;
    padding: 80px 0; /* Altura dobrada */
    width: 100%;
    font-size: 8rem; /* Fonte dobrada */
    font-weight: bold;
    overflow: hidden; /* Esconde o texto que sai da tela */
    white-space: nowrap; /* Impede a quebra de linha */
}

.slider-container {
    display: inline-block;
    animation: slide-infinite 80s linear infinite; /* Diminuí mais a velocidade */
}

@keyframes slide-infinite {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%); /* Move o texto para a esquerda */
    }
}

.partners-section {
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    gap: 50px;
    width: 100%;
}

.partners-section img {
    height: 90px; /* Tamanho diminuído em 50% */
    width: auto; /* Largura se ajusta para manter a proporção */
    transition: transform 0.3s ease;
}

.partners-section img:hover {
    transform: scale(1.1);
}

.floruit-gold-logo {
  height: 50px; /* Tamanho diminuído em 50% */
}

/* Telas Médias (Tablets) */
@media (max-width: 1024px) {
  .games-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 40px;
  }
}

/* Telas Pequenas (Mobile) */
@media (max-width: 768px) {
  .games-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 30px;
  }
}

/* Telas Extra Pequenas (Mobile Pequeno) */
@media (max-width: 480px) {
  .games-grid {
    grid-template-columns: 1fr;
    padding: 20px;
  }
}