/* public/css/splash.css */

/* Pantalla de carga */
.splash-screen .full-height-container {
    background: linear-gradient(180deg, rgb(12, 35, 64) 10%, #0072ce 95%);
}
.splash-screen {
    background: #0c2340;
    height: 100vh;
    color: white;
    position: relative;
}
.splash-screen .loader {
    width: 7.9375rem;
    height: 7.9375rem;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 27vh;
    left: calc(50% - 3.96875rem);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: url("../images/loader.svg");
}
.splash-screen p {
    font-size: 1.5rem;
    text-align: center;
    position: absolute;
    top: calc(27vh + 11.25rem);
    width: 100%;
    color: #fff;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.splash-screen img {
    width: 6.25rem;
    position: absolute;
    bottom: 10vh;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}