@import url("general.css");

.galerias {
  background-color: var(--color-blanco);
}

/* tamaño imagenes */
img {
  max-width: 100%;
}

.galerias-proy {
  padding: 30px 0px;
}
.galerias-proy a {
  margin: 15px 0px;
  position: relative;
  display: block;
}

.galerias-proy button{
  margin-top: 50px;
}

/* barandales */
.banner-barandales {
  background-image: url(../img/proyectos/barandales/banner-barandales.png);
  width: 100%;
  height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  /* -webkit-animation: slidein 10s;
  animation: slidein 10s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; */
  padding-top: 200px;
}

.banner-barandales p {
  margin-top: 20px;
}

/* canceleria */
.banner-canceleria {
  background-image: url(../img/proyectos/canceleria/banner-canceleria.png);
  width: 100%;
  height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  /* -webkit-animation: slidein 10s;
  animation: slidein 10s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; */
  padding-top: 200px;
}

.banner-canceleria p {
  margin-top: 20px;
}


/* puertas */
.banner-puertas {
  background-image: url(../img/proyectos/puertas/banner-puertas.png);
  width: 100%;
  height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  /* -webkit-animation: slidein 10s;
  animation: slidein 10s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; */
  padding-top: 200px;
}

.banner-puertas p {
  margin-top: 20px;
}


/* pergolas */
.banner-pergolas {
  background-image: url(../img/proyectos/pergola/banner-pergolas.png);
  width: 100%;
  height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  /* -webkit-animation: slidein 10s;
  animation: slidein 10s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; */
  padding-top: 200px;
}

.banner-pergolas p {
  margin-top: 20px;
}

/* tragaluz */
.banner-tragaluz {
  background-image: url(../img/proyectos/tragaluz/banner-tragaluz.png);
  width: 100%;
  height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  /* -webkit-animation: slidein 10s;
  animation: slidein 10s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; */
  padding-top: 200px;
}

.banner-tragaluz p {
  margin-top: 20px;
}

/* ventanales */
.banner-ventanales {
  background-image: url(../img/proyectos/ventanales/banner-ventanales.png);
  width: 100%;
  height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  /* -webkit-animation: slidein 10s;
  animation: slidein 10s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; */
  padding-top: 200px;
}

.banner-ventanales p {
  margin-top: 20px;
}


/* ventana */
.banner-ventana {
  background-image: url(../img/proyectos/ventana/banner-ventana.png);
  width: 100%;
  height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  /* -webkit-animation: slidein 10s;
  animation: slidein 10s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; */
  padding-top: 200px;
}

.banner-ventana p {
  margin-top: 20px;
}



@media (max-width: 768px) {
}