/* PORTA FECHADA */
.porta.fechada .porta-inner {
    background-image: url("../assets/images/porta-fechada.png");
    background-size: cover;
    background-position: center;
}

/* PORTA ESCOLHIDA */
.porta.escolhida {
    transform: scale(2);
    transform-origin: top center;
    position: relative;
    top: 50px;
    margin: 0 30px;
}

/* PORTA SEGURA */
.porta.segura .porta-inner {
    background-image: url("../assets/images/porta-aberta.png");
    background-size: cover;
    background-position: center;
}

/* MONSTRO (JS define a imagem) */
.porta.monstro .porta-inner {
    background-size: cover;
    background-position: center;
}