body {
    font-family: 'Inter', sans-serif;
    background-color: #0d0d0d; /* Fondo base oscuro */
    color: #f3f4f6; /* Texto principal claro */
}
/* Definición del color de acento Neon Cyan */
.neon-accent {
    color: #00FFFF; /* Color de texto neón */
    /* Efecto GLOW para el texto */
    text-shadow: 0 0 5px rgba(0, 255, 255, 0.6), 0 0 10px rgba(0, 255, 255, 0.4);
}
.bg-neon-accent {
    background-color: #00FFFF; /* Fondo de botón neón */
}
.btn-neon {
    /* Estilo base para los botones principales */
    @apply px-10 py-4 rounded-xl font-bold transition duration-300 ease-in-out uppercase tracking-widest;
    background-color: #00FFFF;
    color: #111827; /* Texto oscuro para el botón neón */
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.7);
}
.btn-neon:hover {
    background-color: #4CFFFF;
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.9);
    transform: translateY(-2px);
}

/* --- Estilos para Tarjetas de Colección --- */

/* Estilo para la colección NEON (Neo-Tokyo, Distrito 09) */
.collection-neon {
    border-color: rgba(0, 255, 255, 0.5); /* Borde cian sutil */
    background-color: #1a1a1a;
    border-radius: 1.5rem;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.1); /* Sombra sutil inicial */
    transition: all 0.5s ease-in-out;
}
.collection-neon:hover {
    /* Efecto GLOW cian intenso al pasar el ratón */
    border-color: #00FFFF;
    box-shadow: 0 0 30px rgba(0, 255, 255, 0.8);
    transform: translateY(-5px); /* Pequeño levantamiento para el efecto */
}

/* Estilo ESPECIAL para la colección de caridad "Guerreros de Esperanza" (DORADO) */
.golden-color {
    color: #FFD700; /* Dorado para el lazo y el texto */
}
.collection-esperanza {
    border-color: #FFD700; /* Borde dorado */
    background-color: #1f1a1a;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.4); /* Sombra inicial dorada */
    border-radius: 1.5rem;
    transition: all 0.5s ease-in-out;
}
.collection-esperanza:hover {
    /* Efecto GLOW dorado intenso al pasar el ratón */
    border-color: #FFA500;
    box-shadow: 0 0 25px rgba(255, 165, 0, 0.9);
    transform: translateY(-2px);
}
.text-esperanza {
    color: #FFD700; /* Color de texto dorado */
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.7);
}
.btn-esperanza {
    /* Mismo tamaño que .btn-neon pero con colores dorados */
    @apply px-10 py-4 rounded-xl font-bold transition duration-300 ease-in-out uppercase tracking-widest;
    background-color: #FFD700; /* Botón dorado */
    color: #111827;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.7);
}
.btn-esperanza:hover {
    background-color: #FFA500;
    box-shadow: 0 0 25px rgba(255, 165, 0, 0.9);
    transform: translateY(-2px);
}

/* --- Estilos para Productos --- */
.product-card {
    /* Textura sutil: Un borde que simula un spray */
    border: 2px solid rgba(0, 255, 255, 0.3);
    background-color: #1a1a1a;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}
.product-card:hover {
    border-color: #00FFFF;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.4);
    transform: scale(1.02);
    z-index: 10;
}
.hero-bg {
    /* Simula una textura urbana/mural oscuro con un toque de acento */
    background-image: url('../images/Hero-Tema.png'); /* RUTA ACTUALIZADA */
    background-size: cover;
    background-position: center;
    position: relative;
}
.hero-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6); /* Oscurece la imagen para que el texto resalte */
}
/* Estilo para el botón de 'Añadir' en tarjetas de producto */
.btn-add {
    /* Icono en color Neon Cyan (el mismo que en el header) */
    @apply text-neon-cyan w-12 h-12 flex items-center justify-center p-0 rounded-lg transition-colors border border-gray-700;
    background-color: #1a1a1a; /* Mismo color que la tarjeta para que se mezcle */

    /* Hover: Invertir el color para crear un efecto de brillo */
    &:hover {
        background-color: #00FFFF;
        color: #0d0d0d; /* Icono oscuro sobre fondo neón */
        box-shadow: 0 0 8px rgba(0, 255, 255, 0.5);
        border-color: #00FFFF;
    }
}