/*
 * Sólo lo que no se puede poner desde el dibujo. Nada de `gap`, `grid`,
 * `aspect-ratio`, `inset` ni variables: esta hoja la lee un Chromium de 2014.
 */

@font-face {
    font-family: Inter;
    src: url("fuentes/Inter-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: Inter;
    src: url("fuentes/Inter-Bold.ttf") format("truetype");
    font-weight: 700;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    color: #fff;
    font-family: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

#video {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    background: #000;
    display: none;
}

#escena {
    position: absolute;
    left: 0;
    top: 0;
    width: 1280px;
    height: 720px;
    overflow: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

#escena div {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sin-script {
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    text-align: center;
    font-size: 24px;
    color: #999;
}

/* Con el control de la tele no se ve el puntero. */
.con-mando, .con-mando #escena div {
    cursor: none !important;
}