#acreditaciones {

	background-color: #00ab42;

  border: none;

  border-radius: 5px;

}

.slider {

	position: relative;

	width: 100%;

	height: 400px;

	overflow: hidden;

}

.slide {

	display: flex;

	align-items: center;

	justify-content: center;

	position: absolute;

	width: 100%;

	height: 100%;

	transition: transform 0.5s ease;

}

.arrow {

	position: absolute;

	top: 50%;

	font-size: 2rem;

	cursor: pointer;

	color: #F5FFFA;

	z-index: 1;

	transition: .2s ease-in-out 0s;

}

.arrow:hover {

	transform: scale(1.4);

}

.left {

	left: 5%;

}

.right {

	right: 5%;

}

.ema {

  display: flex;

  flex-direction: column;

  align-items: center;

  row-gap: 20px;

}

.ema h3 {

  font-size: 2rem;

  letter-spacing: 2px;

  color: #F5FFFA;

}

.ema img {

	width: 500px;

	height: 200px;

	border-radius: 2px;

	box-shadow: 0px 0px 7px #333333;

}

.ver-acreditacion {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 500px;

	height: 270px;

}

.ver-acreditacion a {

	padding: 10px;

	width: 250px;

	font-size: 1.2rem;

	font-weight: 500;

	color: #00ab42;

	text-decoration: none;

	border-width: 2px;

	border-radius: 50px;

	border-style: solid;

	border-color: #F5FFFA;

	background-color: #F5FFFA;

  cursor: pointer;

	transition: .2s ease-in-out 0s;

	box-shadow: 0px 0px 7px #333333;

}

.ver-acreditacion a:hover {

	color: #F5FFFA;

	background-color: #00ab42;

	transform: scale(1.2);

}





.flip-container-acreditacion {

  perspective: 1000px;

  width: 500px;

  height: 270px;

}

.flip-container-acreditacion:hover .flipper {

  transform: rotateX(180deg);

}





#acreditacion-movil {

	display: none;

}





@media (max-width: 800px) {

  body {
    background-color: #f3fcff;
  }

	#acreditaciones {

		display: none;

	}

	#acreditacion-movil {

    display: flex;

    align-items: center;

    justify-content: space-around;

    flex-wrap: wrap;

    row-gap: 20px;

    margin-bottom: 70px;		

	}

	.ema, .ver-acreditacion {

		width: 100%;

		height: 200px;

	}

	.ema h3 {

		font-size: 1.3rem;

		color: #00ab42;

	}

	.ema img {

		width: 320px;

		height: 130px;

	}



	.ver-acreditacion a {

		width: 200px;

		font-size: 1rem;

		color: #F5FFFA;

		background-color: #00ab42;

		box-shadow: 0px 0px 7px #333333;

	}

	.ver-acreditacion a:hover {
		color: #F5FFFA;
	}



	.flip-container-acreditacion {

		width: 350px;

		height: 190px;

	}

}