.marcas{
  padding:4rem 0;
  background-color: var(--verde-claro);
  overflow: hidden;
}
#exampleSlider-marcas {
  position: relative;
}
#exampleSlider-marcas .MS-content {
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
#exampleSlider-marcas .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 100%;
  white-space: normal;
  padding: 0rem 1rem;
}
#exampleSlider-marcas .MS-content .item .contenedor{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid white;
  padding: 2rem;
}
#exampleSlider-marcas .MS-content .item .contenedor .cont-text{
  display: flex;
  justify-content: center;
  align-items: end;
  text-align: end;
  width: 100%;
  height: 100%;
  padding-left: 3rem;
}
#exampleSlider-marcas .MS-content .item .contenedor .cont-text p{
  color:var(--verde-oscuro);
  font-size: 1.2rem;
}
#exampleSlider-marcas .MS-content .item i {
  font-size: 3rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10% 0 !important;
}
#exampleSlider-marcas .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 4rem;
}
#exampleSlider-marcas .MS-controls button:hover {
  cursor: pointer;
}
#exampleSlider-marcas .MS-controls .MS-left {
  left: 0% !important;
}
#exampleSlider-marcas .MS-controls .MS-right {
  right: 0% !important;
}
#exampleSlider-marcas .MS-controls .MS-left i,
#exampleSlider-marcas .MS-controls .MS-right i{
  color: white;
}

/* BLOG */
#exampleSlider-historias {
  position: relative;
}
#exampleSlider-historias .MS-content {
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
#exampleSlider-historias .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 33.33%;
  white-space: normal;
  padding: 0rem 1rem;
}
#exampleSlider-historias .MS-content .item .contenedor{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid var(--verde-oscuro);
  padding: 2rem;
  flex-direction: column;
}
#exampleSlider-historias .MS-content .item .contenedor .cont-text{
  display: flex;
  justify-content: center;
  align-items: start;
  text-align: start;
  width: 100%;
  height: 100%;
  /*padding-right: 3rem;*/
  flex-direction: column;
  margin-top:2rem;
}
#exampleSlider-historias .MS-content .item .contenedor .cont-text h5{
  color:var(--verde-oscuro);
  font-size: 1.5rem;
  font-family: fuente-bold;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
#exampleSlider-historias .MS-content .item .contenedor .cont-text h5 span{
  font-family: fuente-media;
  text-align: center;
  font-size: 1.3rem;
}
#exampleSlider-historias .MS-content .item .contenedor .cont-text p{
  color:black;
  font-size: 1.2rem;
  margin-top: 1rem !important;
  font-family: fuente-principal;
  text-align: justify;
}
#exampleSlider-historias .MS-content .item .contenedor .cont-text p span{
  font-family: fuente-media;
}
#exampleSlider-historias .MS-content .item i {
  font-size: 3rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10% 0 !important;
}
#exampleSlider-historias .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 40%;
}
#exampleSlider-historias .MS-controls button:hover {
  cursor: pointer;
}
#exampleSlider-historias .MS-controls .MS-left {
  left: 0% !important;
}
#exampleSlider-historias .MS-controls .MS-right {
  right: 0% !important;
}
#exampleSlider-historias .MS-controls .MS-left i,
#exampleSlider-historias .MS-controls .MS-right i{
  color: var(--verde-oscuro)
}
/* BLOG */

@media (max-width: 420px){
  #exampleSlider-historias .MS-content .item .contenedor .cont-text h5 span,
  #exampleSlider-historias .MS-content .item .contenedor .cont-text h5{
    font-size: 1.1rem;
    text-align: justify;
  }
  #exampleSlider-historias .MS-content .item .contenedor .cont-text p{
    font-size: 1rem;
  }
  
}