47 lines
1.2 KiB
Plaintext
47 lines
1.2 KiB
Plaintext
|
/* Contenedor Principal responsivo */
|
||
|
|
.loading-container {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
flex-grow: 1;
|
||
|
|
background-color: #000000;
|
||
|
|
align-items: flex-end;
|
||
|
|
justify-content: flex-end;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Texto de Carga */
|
||
|
|
.loading-text {
|
||
|
|
font-size: 50px;
|
||
|
|
color: #ffffff;
|
||
|
|
-unity-font-style: bold;
|
||
|
|
margin-right: 40px;
|
||
|
|
margin-bottom: 40px;
|
||
|
|
|
||
|
|
/* 1. Hacemos la caja más ancha para que quepa "CARGANDO..." con la fuente Komika */
|
||
|
|
width: 350px;
|
||
|
|
|
||
|
|
/* 2. Anclamos el texto a la izquierda de la caja */
|
||
|
|
-unity-text-align: middle-left;
|
||
|
|
|
||
|
|
/* 3. Evitamos estrictamente que el texto salte a la siguiente línea */
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Contenedor de la Nave */
|
||
|
|
.spaceship-icon {
|
||
|
|
/* 1. Quitamos position: absolute para que respete el flujo y baje a la esquina */
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
/* 2. Tamaño ajustado */
|
||
|
|
width: 250px;
|
||
|
|
height: 250px;
|
||
|
|
|
||
|
|
/* 3. Márgenes para alinearla con el texto (mismo margin-left que el texto) */
|
||
|
|
margin-left: 40px;
|
||
|
|
|
||
|
|
/* 4. Un pequeño margen abajo para que no pegue con las letras */
|
||
|
|
margin-bottom: -20px;
|
||
|
|
|
||
|
|
/* Ajuste de imagen */
|
||
|
|
-unity-background-scale-mode: scale-to-fit;
|
||
|
|
}
|