.card-header, .card-footer, .card { 
    border:0px;
}
.card-header, .card-footer { 
    padding: 10px 16px;
}
/* Sombreamento para o cabeçalho */
.card-header {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra inferior */
    background-color: #f8f9fa; /* Ajuste de cor de fundo, se necessário */
}

/* Sombreamento para o rodapé */
.card-footer {
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); /* Sombra superior */
    background-color: #f8f9fa; /* Ajuste de cor de fundo, se necessário */
}
.live-indicator { 
    height: 10px; 
    width: 10px; 
    background-color: red; 
    border-radius: 50%; 
    display: inline-block; 
    margin-right: 5px; 
}
.chat-message { 
    background-color: #f8f8f8; 
    border-left: 3px solid #007bff; 
    padding: 5px 10px; 
    margin-bottom: 5px; 
}
.chat-suporte { 
    background-color: #ffdf00; 
    border-left: 3px solid #f87d18; 
    padding: 5px 10px; 
    margin-bottom: 5px; 
}
.chat-oferta { 
    background-color: #90ee90; 
    border-left: 3px solid #006400; 
    padding: 5px 10px; 
    margin-bottom: 5px; 
}
#fakeProgressBar { 
    height: 5px; 
    background-color: red; 
}
#videoControls { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
}
#playButton { 
    font-size: 48px; 
    cursor: pointer; 
    width: 150px; 
}
#videoOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 1;
}
#Oferta {
    z-index: 3;
}
#Oferta, #videoOverlay, #playButton{
    display: none; 
}
.video-container {
    position: inherit;
    width: 100%; 
    padding-top: 56.25%; 
    overflow: hidden; 
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%; 
}

.ofertas-container {
    position: inherit;
    bottom: 10px;
    right: 10px; 
    z-index: 100; 
}

#videoOverlayButton {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center; /* Centraliza verticalmente */
    z-index: 1;
    cursor: pointer;
}