body{
    margin:0;
    overflow:hidden;

    cursor: url("../imagenes/flechas/fle-diagonal.png") 0 0, pointer;
}

.lobby1{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    object-fit:cover;

    cursor: url("../imagenes/flechas/fle-diagonal.png") 0 0, pointer;

    z-index: 0; 
}

.boton-regresar{
    position:fixed;
    top:5px;
    right:20px;

    width:150px; 
    cursor:pointer;

    cursor: url("../imagenes/flechas/fle-derecha.PNG") 0 0, pointer;
}


.contenedor {
    position:fixed;
    top:115px;
    right:60px;

    width: 255px;
    height: 470px;
    background-image: url('../imagenes/lobby1-puertas.png');
    background-size: cover;
    background-position: center;
    display: flex;

    z-index: 10;
}

.zona {
    flex: 1;
}

.zona1 {
    cursor: url('../imagenes/flechas/fle-izquierda.PNG'), pointer;
}

.zona2 {
    cursor: url('../imagenes/flechas/fle-arriba.PNG'), pointer;
}

.zona3 {
    cursor: url('../imagenes/flechas/fle-derecha.PNG'), pointer;
}

.perchero {
    position: fixed;
    top:0px; 

    width: 1370px;
    z-index: 20;

    pointer-events: none; 
}

.fuego {
    position: fixed; /* o absolute */
    top: 485px;
    left: 250px;

    width: 300px; /* ajusta tamaño */

    cursor: url('../imagenes/flechas/fle-sonido.PNG'), pointer;
    z-index: 15;
}


.click-lobbyzoom{
    position:absolute;
    width:150px;
    height:270px;

    left:20%;
    top:3%;

    cursor: url("../imagenes/flechas/fle-buscar.PNG") 0 0, pointer;
}


.click-lobby2{
    position:absolute;
    width:300px;
    height:270px;

    left:50%;
    top:3%;

    cursor: url("../imagenes/flechas/fle-arriba.PNG") 0 0, pointer;
}

.reloj{
    position:absolute;

    width:120px;
    height:800px;

    left:0%;
    top:15%;

    cursor:pointer;

    cursor: url("../imagenes/flechas/fle-sonido.PNG") 0 0, pointer;
}


.musica{
    position:absolute;

    width:70px;
    height:200px;

    left:48%;
    top:40%;

    cursor:pointer;

    cursor: url("../imagenes/flechas/fle-musica.PNG") 0 0, pointer;
}

.telefono{
    position:absolute;

    width:70px;
    height:55px;

    left:60%;
    top:45%;

    cursor:pointer;

    cursor: url("../imagenes/flechas/fle-sonido.PNG") 0 0, pointer;
}