@charset "utf-8";
/* CSS Document */

/*
nombre: style-preloader
versión: V.01-22
fecha: 10-08-2022
*/

*{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	box-sizing: border-box;
}

.contenedor_loader {
/*	background-color: #f2f2f2;*/
	background-color: rgba(28,0,52,1.00);
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	transition: all 1.5s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loader, .loader:before, .loader:after {
	border-radius: 50%;
}

.logo-preloader {
	width: 6.75rem;
	height: 6.75rem;
/*	fill: rgba(25,98,171,1.00);*/ /*azul PSA*/
	fill: rgba(255,255,255,1.00);
	position: absolute;	
	animation: giraLogo 3s infinite ease;	
}

.loader {
	color: white;
	font-size: 0.7rem;
	position: relative;
	width: 10em;
	height: 10em;
	box-shadow: inset 0 0 0 0.35rem;
}

.loader:before, .loader:after {
	position: absolute;
	content: '';
}

.loader:before {
	width: 5.2em;
	height: 10.2em;
	background-color: rgba(28,0,52,1.0);
	border-radius: 10.2em 0 0 10.2em;
	top: -0.1em;
	left: -0.1em;
	transform-origin: 5.1em 5.1em;
	animation: girar-bordes 1s infinite ease;
	animation-delay: .8s;
}

.loader:after {
	width: 5.2em;
	height: 10.2em;
	background-color: rgba(28,0,52,0.80);
	border-radius: 0 10.2em 10.2em 0;
	top: -0.1em;
	left: 4.9em;
	transform-origin: 0.1em 5.1em;
	animation: girar-bordes 0.8s infinite ease;
}

@keyframes girar-bordes {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes giraLogo {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}