<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">h3.heading-page-one {
  font-weight: 900;
  text-align: center;
}

p.p-page-one {
  text-align: center;
}

.card-page-one img {
  max-width: 100%; /* Faz a imagem caber dentro do card */
  height: auto; /* MantÃ©m a proporÃ§Ã£o da imagem */
}

.card-page-one:hover {
  transform: scale(1.05); /* Efeito de zoom ao passar o mouse */
}

.row.centered-text {
  text-align: center;
}

.disabled {
  opacity: 0.6; /* Opacidade reduzida para indicar que o card estÃ¡ desativado */
  cursor: not-allowed; /* Cursor indicando que o card estÃ¡ desativado */
}

.container.heading-welcome {
  margin-top: 100px;
  margin-bottom: 15px;
}

.container-page-one {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* EspaÃ§amento entre os cards */
}

h3.cards-title-center {
  text-align: center;
  margin-top: 10px;
}

h6.your-plan-text {
  margin-top: 30px;
}

/* Ajusta o tamanho dos cards no desktop */
.card-page-one {
  flex: 1 1 calc(25% - 20px); 
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  border: 1px solid #dddddd4d;
  background-color: var(--cards-background);
  border-radius: 8px;
  padding: 20px;
  transition: transform 0.2s;
}

.mobile-message {
  display: none;
  text-align: center;
  margin-top: 20px;
  font-size: 1.2em;
  font-weight: bold;
}

h1.ready-for-game {
  font-weight: 800;
  text-align: left;
  margin-left: 15px;
}

@media (max-width: 768px) {
  .container-page-one {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 colunas em telas pequenas */
    gap: 10px; /* EspaÃ§amento entre os cards */
  }

  .card-page-one {
    flex: 1 1 auto; /* Flex ajustÃ¡vel em telas pequenas */
    box-sizing: border-box;
  }

  .mobile-message {
    display: block;
  }
}

@media (max-width: 576px) {
  .container-page-one {
    grid-template-columns: repeat(2, 1fr); /* MantÃ©m 2 colunas em telas muito pequenas */
  }
}

@media (min-width: 600px) {
  .card-page-one img {
    max-width: 100%; /* Garantir que a imagem ocupe todo o espaÃ§o disponÃ­vel no card */
    height: auto;
    margin-bottom: 10px;
  }
}
</pre></body></html>