body {
  font-family: 'Roboto', sans-serif;
}
.wrapper {
  width: 100%;
  margin: auto;
  border: 1px solid #333;
}

.horizontal-scroll {
  background-color: #ddd;
  overflow: hidden;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 2px 0 0 0;
}
.item {
  border: 4px solid #FF8200;
  display: inline-block;
  background-color: white;
  text-align: center;
  font-size: 20px;
  margin: 0 2px
}

.recuadro{
  background-color: #FF8200;
  height: 40px;
  width: 100%;
  color: white;
  font-size: 13px;
  padding: 10px;
}
.texto{
  font-size: 9px;
   padding: 10px;
}