body { background-color: #f4f7f6; font-family: 'Segoe UI', sans-serif; }
.header-bg { background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 100%); color: #e0e1dd; padding: 2rem 0; border-bottom: 4px solid #ffd700; }
.card-custom { border: none; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); background: white; }
.btn-gold { background-color: #ffd700; color: #0d1b2a; font-weight: bold; border: none; }
.btn-gold:hover { background-color: #ffea00; }
.ad-space { background: #f8f9fa; border: 1px solid #dee2e6; padding: 20px; margin: 20px 0; min-height: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 10px; }
.ad-space-bottom { background: #f8f9fa; border: 1px solid #dee2e6; min-height: 90px; }
.ad-premium { background: #fff9e6; border: 2px solid #ffd700 !important; min-height: 250px; }
.result-box { margin-top: 20px; padding: 20px; border-radius: 10px; display: none; }

/* ADs Laterais */
.ad-sidebar-left, .ad-sidebar-right { 
    min-height: 600px; 
    background: #f8f9fa; 
    border: 1px solid #dee2e6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
    border-radius: 10px;
    position: sticky;
    top: 20px;
}

/* Oculta anúncios laterais em telas menores que 1200px */
@media (max-width: 1200px) {
    .ad-sidebar-left, .ad-sidebar-right { display: none; }
}