@charset "utf-8";
/* CSS Document */

/*html, body { overflow: hidden; }*/

.proceso{
  z-index: -99 !important;
}

.background {
  /*background-size: cover;*/
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 130vh;
  position: fixed;
  width: 100%;
  -webkit-transform: translateY(20vh);
  -ms-transform: translateY(20vh);
  transform: translateY(20vh);
  -webkit-transition: all 1.4s cubic-bezier(0.22, 0.44, 0, 1);
  transition: all 1.4s cubic-bezier(0.22, 0.44, 0, 1);
  z-index: -1 !important;
  
  
  
}


.background:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.0);
}

.background:first-child {
  background-image: url("../../imagenes/proceso-descarga.jpg");
  -webkit-transform: translateY(-10vh);
  -ms-transform: translateY(-10vh);
  transform: translateY(-10vh);
}

.background:first-child .content-wrapper {
  -webkit-transform: translateY(10vh);
  -ms-transform: translateY(10vh);
  transform: translateY(10vh);
}
  

/* Set stacking context of slides*/
.background:nth-child(2) { background-image: url("../../imagenes/proceso-carga-del-horno.jpg"); }
.background:nth-child(3) { background-image: url("../../imagenes/proceso-cocimiento.jpg"); }
.background:nth-child(4) { background-image: url("../../imagenes/proceso-molienda.jpg"); }
.background:nth-child(5) { background-image: url("../../imagenes/proceso-fermentacion.jpg"); }
.background:nth-child(6) { background-image: url("../../imagenes/proceso-destilacion.jpg"); }
.background:nth-child(7) { background-image: url("../../imagenes/proceso-reposo.jpg"); }

.background:nth-child(1) { z-index: -1 !important; }
.background:nth-child(2) { z-index: -2 !important; }
.background:nth-child(3) { z-index: -3 !important; }
.background:nth-child(4) { z-index: -4 !important; }
.background:nth-child(5) { z-index: -5 !important; }
.background:nth-child(6) { z-index: -6 !important; }
.background:nth-child(7) { z-index: -7 !important; }
.background:nth-child(8) { z-index: -8 !important; }


.content-wrapper {


}

/* ----- Procesos ----- */
.proceso{
  
}
.content-wrapper{
  

  position: absolute;
  bottom: 30%;
  left: 0;
}

.proceso .textbox{
  background: rgba(0,0,0,0.9);
  padding: 40px;
  border: 2px solid #B5A265;
  
}


.proceso h1{
  font-family: 'Cinzel', serif;
  font-size: 2.3em;
  text-align: center;
}

.proceso h2{
  font-family: 'Cinzel', serif;
  font-size: 1.8em;
   text-align: center;
  color: #FFFFFF !important;
}

.proceso p{
  text-align: center;
  font-size: 1em;
  color: #FFFFFF !important;
    
}

.proceso .proceso-icon{
  width: 200px;
  height: auto;
  padding: 30px 0px;
  margin: 0 auto;
  display: table;
}

.proceso hr{
  width: 50%;
  border-bottom: thin solid #DBD2B4;
  border-top: none;
  padding-top: 20px;

}

.proceso .proceso-photo{
  width: 100%;
  height: auto;
  padding: 20px;
}

.proceso .black-block{
  clip-path: polygon(0 0, 100% 10%, 100% 85%, 0% 100%);
  background-color: #000000;
  padding: 80px 40px;
}

.proceso .white-block{
  padding: 20px 40px;
}

.proceso .black-block p, .proceso .black-block h2{
  color: #FFFFFF !important;
    
}


.proceso .text-block{
  padding: 60px;
}


.proceso .separador-gold{
  width: 60%;
  height: auto;
  margin: 0 auto;
  display: table;
  padding-top: 20px;
  padding-bottom: 40px;
}



/*
.content-wrapper {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-transform: translateY(40vh);
  -ms-transform: translateY(40vh);
  transform: translateY(40vh);
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 1.9s cubic-bezier(0.22, 0.44, 0, 1);
  transition: all 1.9s cubic-bezier(0.22, 0.44, 0, 1);
}
*/