/**{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  display: flex;
  min-height: 100vh;
  background: #efc076;
}*/
#cont-slider{
  margin:100 auto;
  width: %;

  max-width: 900px;
  position: relative;
  overflow: hidden;

}
#slider{
  display: -webkit-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -o-flex;
  display: flex;

  /*height: 230px;*/
}
#slider section{
  display: flex;
  float: left;
  width: 100%;
  height: 260px;
  justify-content: center;
  align-items: center;
}

#slider img{
  display: block;
  width: 100%;
  /*height: 100%;*/
}
#btn-prev, #btn-next{
  width: 20px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;

}
#btn-prev span,
#btn-next span {
  display: block;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;

}
#btn-prev span{
  border-right: 30px solid #d2bd00;
}
#btn-next span{
  border-left: 30px solid #d2bd00;
}

#btn-prev{
  left: 10px;
}
#btn-next{
  right: 20px;
}
/********************************/
/********** estilo caracol ******/
/********************************/
#caracol{
  position: relative;
  margin-top: 10px;
}
#caracol section{
  display: flex;
  height: 100px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#caracol section:first-child{
  width: 70%;
  float: left;
}
#caracol section:last-child{
  width: 28%;
  float: right;

}
#caracol section img{
  display: block;
  width: 120%;

}