@charset "utf-8";

.cuerpo > article >div {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 4em;
}

.cuerpo > article >p {
	text-align: center;
	text-align: justify;
	margin: 2em 10em 2em 10em;
}
.contadorContenedor {
	display: flex;
	justify-content: center ;
	align-items: center;
	position: fixed;
	bottom:65px;
	left: 15px;
	width: 220px;
	height: 15px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0. 0.5);
	color: black;
	box-shadow: 0 5px 10px rgba(0, 0, 0. 0.5);
}
.contadorEstilo{

	display: inline-block;  
	background-color: #b2ebf2;    
	color: blue ; 
	font-family: "Lato", sans-serif; 
	font-size: 12px;     
	font-weight: bold;
	padding: 18px, 56px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* adaptcion para tablets */
@media screen and (max-width: 850px){
		
		
		.cuerpo > article >div {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			padding: 1em;
		}
		.cuerpo > article >p {
			text-align: center;
			text-align: justify;
			margin: 2em  ;
		}
		
	}
	
	
	/* adaptcion para moviles */
	@media screen and (max-width: 500px){		
		.cuerpo > article >div {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			padding: 2em;
		}
		.cuerpo > article >p {
			text-align: center;
			text-align: justify;
			margin: 2em ;
		}
	}

	@media screen and (max-width: 375px){
		
	}