body {
  background-image: url('../images/background.png');
  background-size: cover;
  margin: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.content-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-center;
  align-items: center;
  flex-grow: 1;
}

/* Estilos para las cards de subcategorías */
.subcategory-card {
    transition: all 0.2s ease;
}

.subcategory-card.selected {
    border: 2px solid #3b82f6;
    background-color: #eff6ff;
    transform: scale(1.02);
}

.subcategory-card:hover:not(.selected) {
    border-color: #93c5fd;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}