/* General */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #1a1a1d;
    color: #ffffff; 
    margin: 0;
    padding: 0;
}

/* Encabezado */
header {
    background-color: #0d0d0d;
    color: #d1c40e;
    padding: 1.5rem;
    text-align: center;
    border-bottom: 2px solid #e94560;
}

header h1 {
    margin: 0;
    font-size: 2.5rem;
}

/* Navegación */
nav a {
    text-decoration: none;
    color: #ffffff;
    font-size: 1.25rem;
    margin: 0 1rem;
}

nav .btn-info {
    background-color: #17a2b8; 
}

nav .btn-info:hover {
    background-color: #138496;
}


main {
    padding: 1rem;
}

/* Categorías y Artículos */
.categories a {
    text-decoration: none;
    color: #ffffff;
    font-size: 1.25rem;
    display: block;
    text-align: center;
    margin-bottom: 1rem;
}

.categories img {
    width: 100%;
    height: auto;
    max-width: 250px; 
    display: block;
    margin: 0 auto 0.5rem;
    border-radius: 8px; 
}

/* Estilo para la lista de juegos */
.game-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1rem;
}

/* Elemento individual del juego */
.game-item {
    background-color: #333333;
    border: 2px solid #e94560; 
    border-radius: 10px;
    margin: 1rem;
    padding: 1rem;
    text-align: center;
    position: relative;
}

/* Imagen del juego */
.game-item img {
    max-width: 100%;
    height: auto;
    border-bottom: 2px solid #e94560;
    margin-bottom: 1rem;
}

/* Título del juego */
.game-item h3 {
    margin: 0.5rem 0;
    font-size: 1.5rem;
}

/* Descripción del juego */
.game-item p {
    margin: 0.5rem 0;
    font-size: 1rem;
}

/* Precio del juego */
.price {
    font-weight: bold;
    color: #e94560;
    border-top: 2px solid #d1c40e; 
    padding-top: 0.5rem;
}