/* Capa del Salvapantallas (Cubre todo) */
#contenedor-salvapantallas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(140,180,150,0.65);
    backdrop-filter: blur(5px);
    z-index: 9999;
    opacity: 0;
    justify-items: center;
    display: grid;
    touch-action: none;
    pointer-events: none; /* Permite que los clics atraviesen la capa */
    /*transition: opacity 0.5s ease;*/
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: opacity;
}

/* Cuando se activa por inactividad, aparece suavemente */
#contenedor-salvapantallas.activo {
    opacity: 1;
    /*pointer-events: auto;*/
}

/* El contenedor móvil del logo */
#logo-contenedor {
    position: absolute;
    /*width: 600px; */  /* Ajusta el ancho de tu logo aquí */
    /*height: 560px;*/ /* Ajusta el alto de tu logo aquí */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: none;  /* Oculta el puntero del ratón */
}

/* La imagen del logotipo que rebotará */
.logo-imagen {
    width: 100%;
    /*height: 100%;*/
	/*width:auto;*/
	height:100vh;
    object-fit: contain; /* Mantiene la proporción de tu logo sin deformarlo */
    user-select: none;
    -webkit-user-drag: none;
}