.seccion1-safari {
  padding-top: 200px;
  padding-bottom: 100px;
}
.seccion1-safari .container .cuadro-cafe {
  width: 62%;
  margin: auto;
  padding: 65px 0;
  border-radius: 5px;
  background-color: var(--cafe);
}
.seccion1-safari .container .cuadro-cafe .txt1 {
  text-align: center;
}
.seccion1-safari .container .cuadro-cafe .txt2 {
  text-align: center;
  margin-bottom: 0;
}
.seccion1-safari .container .row {
  margin-top: 80px;
}
.seccion1-safari .container .row .content-img .img {
  width: 490px;
  margin: auto;
  height: 530px;
  background-size: cover;
  background-position: center;
  border-radius: 0 5px 5px 0;
}
.seccion1-safari .container .row .content-text {
  padding: 0;
  position: relative;
  left: -18px;
}
.seccion1-safari .container .row .content-text .txt1 {
  text-align: left;
}
.seccion1-safari .container .row .content-text .txt2 {
  text-align: left;
}
.seccion1-safari .container .row .content-text .btn-outline-cafe {
  width: 290px;
  margin-top: 60px;
}
.seccion2-safari {
  height: 940px;
  background-position: center;
  background-size: cover;
  background-image: url('../../assets/images/safari-experiences/fondo1.jpg');
  position: relative;
}
.seccion2-safari:before {
  content: '';
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 350px;
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}
.seccion3-safari {
  padding-top: 10px;
  padding-bottom: 80px;
}
.seccion3-safari .container-fluid .content-carrusel {
  margin-bottom: 25px;
}
/* ====================================================================================================================================================
   RESPONSIVE DESIGN
   ==================================================================================================================================================== */
@media all and (max-width: 1024px) {
  .seccion1-safari .container .cuadro-cafe {
    width: 100%;
  }
  .seccion1-safari .container .row .content-img {
    padding: 0;
  }
  .seccion1-safari .container .row .content-img .img {
    width: 100%;
  }
  .seccion1-safari .container .row .content-text {
    left: 0;
    margin-top: 30px;
  }
}
@media all and (max-width: 639px) {
  .portada-gral {
    overflow: hidden;
  }
  br {
    display: none;
  }
  .seccion1-safari {
    padding-top: 50px;
  }
  .seccion1-safari .container .row .content-img .img {
    height: 400px;
  }
  .seccion1-safari .container .row .content-text {
    padding: 0 15px;
  }
  .seccion1-safari .container .row .content-text br {
    display: none;
  }
  .seccion2-safari {
    height: 300px;
  }
  .seccion2-safari:before {
    height: 150px;
  }
  .seccion3-safari {
    position: relative;
    overflow: hidden;
  }
  .seccion10 .container-fluid .content-carrusel .carrusel-galeria .slick-slide .item {
    width: 100%;
    height: 300px;
  }
}