/* Composición fija: fondo, logo, personajes y botón escalan juntos. */
#portada{background:#09030a}
.portada-escena{position:absolute;left:50%;top:50%;width:min(100vw,143.69vh);height:min(100vh,69.55vw);aspect-ratio:1503/1046;transform:translate(-50%,-50%);overflow:hidden}
.portada-escena .portada-fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.portada-escena .portada-logo{position:absolute;z-index:2;left:2.4%;top:4%;width:45%;height:50%;max-height:none;object-fit:contain}
.portada-escena .portada-personajes{position:absolute;z-index:1;right:-5%;bottom:-1%;width:72%;height:100%;max-height:none;object-fit:contain;object-position:right bottom}
.portada-escena #jugar{position:absolute;z-index:3;left:5.5%;top:58%;width:31%;height:13%;aspect-ratio:762/195}
.portada-escena #jugar img{width:100%;height:100%;object-fit:contain}
.portada-fondo{object-fit:contain;object-position:center center}
.portada-logo{width:min(35vw,540px);height:min(39vh,430px);max-height:none;left:clamp(18px,3vw,48px);top:clamp(24px,7vh,72px);object-fit:contain}
.portada-personajes{width:min(64vw,930px);height:min(91vh,760px);max-height:none;right:clamp(-55px,-3vw,-18px);bottom:clamp(-95px,-8vh,-28px);object-fit:contain}
#jugar{width:min(25vw,350px);height:min(13vh,100px);aspect-ratio:762/195;left:clamp(22px,6vw,95px);top:clamp(360px,57vh,500px)}
#jugar img{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.portada-logo{left:2%;top:8%;width:50vw;height:29vh;max-height:none}.portada-personajes{right:-18%;bottom:-1%;width:78vw;height:73vh;max-height:none}#jugar{left:4%;top:49%;width:38vw;height:9vh}}