body {
    background-color: #ffffff;
    color: #fff;
    margin: 0;
}

.hero-lancamentos {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), 
                url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwoHBwcHBw4PBwcHBwoHBwcHDQ8ICQcKFR0XFiARHxMYHSggGCYlGxMfITEhJSkrLi4uFx8zODMsNygtLisBCgoKDQ0NGg0NFSsZFR0xKysrKys3KysrKysrNysrKysrKys3KysrKysrKysrKysrKysrKysrKysrKysrKysrK//AABEIAKEBOQMBIgACEQEDEQH/xAAaAAEBAQEBAQEAAAAAAAAAAAAABQQBAwIH/8QALhABAQACAQMDAgUCBwAAAAAAABMRFBIDBAUBArJ0dSQlNXKxIqEhI2FjZHFz/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD9toUY/Xq/4+v/AG5UG2hRiqVBsoUY6lQbaOUY6lQbKO0YqlQbKO0YqlQbaFGKpUG2hRiqVBto5RjqVBtoUYqlQbaFGKpUG2jlGOpUG2hRiqVBtoUYqlQbaFGKpUG2jlGOpUG2hRiqVBtoUYqlQbKFGOpUG2hRiqVBi93V/q937vV81Yep1v6/f+71fNlFCpVPsWBQqVT7FgUKlU+xYFCpVPsWBQqVT7FgUKlU+xYFCpVPsWBQqVT7FgUauVT7FgUKlU+xYFCpVPsWBQq7VOsWBQqVT7FgUKlU+xYFCpVPsWBQqVT7FgUKlU+xYFCpVPsWBQqV/wBU+xYGDq9f/M6n7/c+bpnW7jHW6v8A6+/+XxsgrXLpOybIitcuk7JsgrXLpOybIqtcuk7JsgrXLpOybIitdy6VsubIqvcuk7JsiK1y6TsmyCtcuk7Jsiq1y6TsmyIrXLpOybIqtcuk7JsiK1y6TsmyCtcuk7JsgrXLpOybIK1y6TsmyKrXLpOybIK1y6TsmyIrXLpOy5sipvc9xjr9f0/3vf8Az6vPYTu76/4nufqOp/Pq8tgRW2DYSdg2AVtg2EnYNgFbYNhJ2DYBW2DYSdg2AVtg2EnYNgFbYNhJ2DYBW2DYSdg2AVtg2EnYNgFbYNhJ2DYBW2DYSdg2AVtg2EnYNgFbYNhJ2DYBW2DYSdg2AVtg2EnYNgFbYNhJ2DYBW2DYSdg2AVtg2EnYNgFbYNhJ2DYBW2DYSdg2AYu96/4vuvT/AJPV9P7+rwuy9/1fxnefV9b5erwsoo3dum2LApXcunWLAo3dum2LAo3Lp1iwKNy6dYsCjcunWLAo3Lp1iwKNy6dYsCjcunWLAo3Lp1iwKV3Lp1iwKV3Lp1iwKNy6dYsCjcunWLApXLptiwKNy6dYsCjd26bYsCldy6dYsCjcunWLA8fI9T8d3v1nX+Xqz0fHkup+P7/67uPl6s9Aa6FGShQGuhRkoUBroUZKFAa6FGShQGupRkoUBroUZKFAa6FGShQGuhRkoUBroUZKFAa6FGShQGupRkoUBroUZKFAa6lGShQGuhRkoUBroUZKFAa6FWShQGuhRkoUBroVZKFAa6FGShQDyfv/ADDyH1/c/L3M3N9+T9fzHyP3Huvn7mbkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD25nN48jkD28p6/mXkvuPdfP3MuWjy3r+ZeS+4918vcyZB95MvjJkH3ky+MmQfeTL4yZB95MvjJkH3ky+MmQfeTL4yZB95MvjJkH3ky+MmQfeTL4yZB95MvjJkH3ky+MmQfeTL4yZB95MvjJkH3ky+MmQfeTL4yZB95MvjJkH3ky+MmQfeTL4yZB95MvjJkGny36n5L7j3Xy9zK1eX/U/Jfce6+XuZAdHAHRwB0cAdHAHRwB0cAdHAHRwB0cAdHAHRwB0cAdHAHRwB0cAdHAHRwB0cAdHAGvy/6n5L7j3Xy9zI1+X/AFPyX3Huvl7mQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGvy/6n5L7j3Xy9zIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/2Q==') center/cover;
    height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: 3px solid #ff6600;
}

.hero-content h1 {
    font-size: 3.5rem;
    color: #ff6600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.hero-content p {
    font-size: 1.2rem;
    max-width: 600px;
    margin: 0 auto;
}

.container-lancamentos {
    max-width: 1400px;
    margin: 50px auto;
    padding: 0 40px;
}

.lancamentos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 40px;
}

.game-card-v2 {
    background-color: #111;
    border: 1px solid #333;
    border-radius: 15px;
    overflow: hidden;
    transition: transform 0.3s, border-color 0.3s;
    display: flex;
    flex-direction: column;
}

.game-card-v2:hover {
    transform: translateY(-10px);
    border-color: #ff6600;
}

.card-img-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.card-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background-color: #000;
}

.status-tag {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #ff6600;
    color: #000;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 2;
}

.card-info-v2 {
    padding: 20px;
    flex-grow: 1;
}

.card-info-v2 h3 {
    color: #ff6600;
    font-size: 1.4rem;
    margin-bottom: 10px;
}

.card-info-v2 p {
    margin-bottom: 15px;
}

.card-info-v2 p a {
    color: #ff6600;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.95rem;
    transition: 0.3s;
}

.card-info-v2 p a:hover {
    color: #fff;
    text-decoration: underline;
}

.meta-info {
    border-top: 1px solid #222;
    padding-top: 10px;
    font-size: 0.85rem;
    color: #888;
}

@media (max-width: 1024px) {
    .lancamentos-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .lancamentos-grid {
        grid-template-columns: 1fr;
    }
}