/* 1. El fondo negro detrás de todo (la mesa) */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #000 !important; /* !important asegura que el fondo de la ventana sea negro */
    overflow: hidden; /* Sin barras de scroll */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 2. La configuración de tu hoja de papel (el lienzo) */
#contenedor {
    /* Medidas fijas obligatorias */
    width: 1920px;
    height: 876px;
    
    /* Centrado y escalado */
    transform-origin: center center;
    position: relative; /* Para que lo de adentro se acomode bien */
    overflow: hidden;
    /* NO pongas 'background-image' aquí, así usará el de tus otros CSS */
    background-color: #fff; /* Color base por si falla la imagen, opcional */
    box-shadow: 0 0 50px rgba(0,0,0,0.5); /* Sombra estética */
}