body {
 /* background: #e8eeff;*/
}

#app {
  padding: 50px 0;
}

.timeline {
  margin: 50px 0;
  list-style-type: none;
  display: flex;
  padding: 0;
  text-align: center;
}

.timeline li {
  transition: all 200ms ease-in;
}

.timestamp {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 100;
	color:#2A2957;
}

.status {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  /*border-top: 4px solid #3e70ff;*/
  border-top:4px solid #3ABEB0;
  position: relative;
  transition: all 200ms ease-in;
  color:#2A2957;
}

.status span {
  font-weight: bold;
  padding-top: 40px;
}

.status span:before {
  content: '';
  width: 65px;
  height: 65px;
/*  background-color: #e8eeff;*/
  border-radius: 25px;
/*  border: 4px solid #3e70ff;*/
  position: absolute;
color:#2A2957;
  top: -30px;
  left: calc(50% - 30px);
  transition: all 200ms ease-in;
  background-image: url(completo.png);
  background-repeat:no-repeat;
}

.swiper-control {
  text-align: right;
}

.swiper-container {
  width: 100%;
  /*height: 250px;*//*EL ALTO QUE CORTA EL CONTENIDO LARGO*/
  margin: 50px 0;
  overflow: hidden;
  padding: 0 20px 30px 20px;
}

.swiper-slide {
  width: 200px;
  text-align: center;
  font-size: 14px;
}

.swiper-slide:nth-child(2n) {
  width: 40%;
}

.swiper-slide:nth-child(3n) {
  width: 20%;
}

.vinetas {
  background-image: url(vineta.png);
  background-repeat:no-repeat;
  padding-left:20px;
  font-size:13px;
}

p.vinetas {
padding-top:10px;
width:130px;
text-align:center;
/*margin-left:50px;*/
}

.subcontenido{
	font-size:13px;
}

.date{
color: #3ABEB0;
font-weight:bold;
font-size:18px;
}