/* Importação da fonte Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

/* Regras básicas do corpo para Tailwind e fonte */
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #1a202c; /* bg-gray-900 */
    color: #e2e8f0; /* text-white */
}

/* Container do vídeo para centralização e sombras */
.video-container {
    width: 100%;
    max-width: 960px; /* max-w-4xl */
    border-radius: 0.5rem; /* rounded-lg */
    overflow: hidden;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3); /* shadow-2xl */
}

/* Ajustes para o elemento video.js */
.video-js {
    width: 100%;
    height: auto;
    display: block; /* Garante que o vídeo se ajuste corretamente */
    background-color: #000; /* Fundo padrão do player */
}

/* Estilo para a caixa de mensagem */
.message-box {
    padding: 1rem 1rem; /* px-4 py-2 */
    text-align: center;
    border-bottom-left-radius: 0.5rem; /* rounded-b-lg */
    border-bottom-right-radius: 0.5rem; /* rounded-b-lg */
    font-weight: bold;
}

.message-box.hidden {
    display: none;
}