﻿/* Estilo general del skeleton */
.skeleton{
	background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
	background-size: 200% 100%;
	animation: shimmer 1.5s infinite;
	border-radius: 5px;
}
.skeleton2{
	background: linear-gradient(90deg, #777 25%, #939393 50%, #777 75%);
	background-size: 200% 100%;
	animation: shimmer 1.5s infinite;
	border-radius: 5px;
}
.skeleton-text{
	margin-bottom: .25em;
}
/* Canales Misods */
	.GaleriaDeArticulosNombreProducto.skeleton{
		width: 60%;
	}
	.GaleriaDeArticulosPrecioCifra.skeleton{
		height: 2em;
		width: 60%;
	}
	.GaleriaDeArticulosBotonACesta.skeleton{
		border-radius: 1em;
	}
/* Canales Apolo */
	.skeleton .ContenedorDamesuerte_Navconcausa{
		background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
		background-size: 200% 100%;
		animation: shimmer 1.5s infinite;
		border-radius: 5px;
	}
	.ContenedoSuperior_Navconcausa .skeleton-image{
		position: absolute;
		width: 3.975em;
		transform: skew(-3deg, -3deg) rotateZ(-5deg) rotatey(7.5deg);
		height: 2.4em;
		right: 72%;
		top: .4em;
	}
	.ContenedorIntermedio_Navconcausa_Linea1 .skeleton-text{
		margin-left: 30%;
		width: 60%;
	}
	.ItemSkeleton_Navconcausa_decimo_imagen.skeleton{
		height: 16em;
		width: 26.5em;
		margin: auto;
	}
	.ItemUnico_Navconcausa_Titulo.skeleton2{
		margin-left: auto;
		margin-right: auto;
		width: 50%;
		max-width: 400px;
	}
	.ItemUnico_Navconcausa_txt .skeleton{
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		max-width: 800px;
	}

/* Animación de brillo para el efecto de carga */
	@keyframes shimmer{
		0% {
			background-position: -200% 0;
		}

		100% {
			background-position: 200% 0;
		}
	}
