a:focus,
a:hover {
  text-decoration: none;
}

section#trabajos {
  background-color: #fff;
  border-radius: 0.5em;
  margin: 0 auto;
  max-width: 100%;
  /* padding: 10em; */
  text-align: center;
}

.esconder {
  display: none;
}

.portafolio {
  margin: 1em auto;
}

.portafolio article {
  display: inline;
  padding: 1em;
}

.portafolio2 {
  display: none;
}

@media screen and (min-width: 1080px) {
  section#trabajos {
    max-width: 90%;
  }

  .portafolio article {
    padding: 0.5em;
  }
}

@media (min-width: 600px) and (max-width: 800px) {
  section#trabajos {
    max-width: 95%;
    padding: 2em;
  }
}

@media screen and (max-width: 600px) {
  div.portafolio article {
    display: block;
    margin: 0.5em;
  }
}


a {
  outline-width: 50px;
  position: relative;
}


a img.last {
  margin-right: 10px;
}

ul {
  margin-bottom: 24px;
  padding-left: 200px;
}


.image_con {
  display: inline-flex;
  max-width: 100%;
  padding-bottom: 9rem;
  margin-left: 4rem;
}

.img-carrusel2 {
  width: 40vw;
}


a:focus,
a:hover {
  text-decoration: none;
}

em {
  font-weight: 700;
  font-size: 140%;
  color: #f3d350;
  font-style: normal;
}

#portafolio-section {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  /*.product-item*/
}

.product-name {
  color: #00384f;

  font-size: 80%;
  text-align: left;
  filter: brightness(0.8);
  width: 100%;
  margin-left: -18rem;
  margin-right: 24rem;
}

.image_con:focus .product-name,
.image_con:hover .product-name {
  display: block;
}

.image_con:focus .product-name,
.image_con:hover .product-name {
  display: block;
  -webkit-animation: a 1s;
  animation: a 1s;
  color: #585858 !important;
}

.portafolio {
  display: inline;
}

.redonda {
  width: 40vw;
}

.capa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transform: scale(0);
  transition: .3s ease;
}

@media (min-width: 200px) and (max-width: 600px) {

  .redonda {
    width: 100vw;
    margin-left: -4.5rem;
  }

  .text_footer_movil {
    display: block;
  }

  .product-name {

    margin-left: -23rem;
    margin-right: 33rem;
  }

  .icon-social {
    margin-left: 1rem !important;
    margin-right: -17rem !important;
  }

  .btn-enviar {

    margin-right: -1rem !important;
  }

  .logo-footer {
    width: 36rem;
    max-width: 203%;
    float: inherit;
    margin-left: 6rem;
  }

  #myBtnGoTop {

    right: 69px !important;

  }
  .navbar-toggle {
    float: inherit;
    right: -11rem !important;
  }
  .capa {
    height: 73% !important;
    right: 0rem;
    width: 33rem;
    left: -4.5rem;
  }
  .body-movil{
position: inherit!important;
  }
}


@media (min-width: 580px) and (max-width: 622px) {

  .capa {
    height: 82% !important;
    right: 0rem;
    width: 60rem;
    left: -7.5rem;
  }
}


@media (min-width: 622px) and (max-width: 770px) {

  .capa {
    height: 85% !important;
    right: 0rem;
    width: 77rem;
    left: -7.5rem;
}
}


  @media (min-width: 770px) and (max-width: 820px) {

    .capa {
      height: 85% !important;
      right: 0rem;
      width: 75rem;
      left: -8rem;
    }
  }

  @media (min-width: 300px) and (max-width: 820px) {

    .redonda {
      width: 100vw;
      margin-left: -7.5rem;
    }
  }

  @media (min-width: 820px) and (max-width: 1000px) {
    .capa {
      height: 72% !important;
    }
  }


  @media (min-width: 1000px) and (max-width: 1146px) {
    .capa {
      height: 75% !important;
    }
  }


  @media (min-width: 1146px) and (max-width: 1200px) {
    .capa {
      height: 78% !important;
    }
  }

  @media (min-width: 1200px) and (max-width: 1400px) {
    .capa {
      height: 80% !important;
    }
  }

  @media (min-width: 1400px) and (max-width: 1600px) {
    .capa {
      height: 82% !important;
    }
  }

  @media (min-width: 1600px) and (max-width: 1772px) {
    .capa {
      height: 84% !important;
    }
  }

  @media (min-width: 1772px) and (max-width: 1900px) {
    .capa {
      height: 84% !important;
    }
  }

  @media (min-width: 1900px) and (max-width: 2600px) {
    .capa {
      height: 85% !important;
    }
  }

  .box:hover .capa {
    transform: scale(1);
  }

  .fa-search-plus {
    font-size: 5rem;
    ;
  }

  .text-bootom {
    color: #00384f;
  }

  .product-name span {
    font-weight: 800;
  }

  .icon-social {

    font-size: 2rem;
    margin-top: -4rem;
    margin-left: -6rem;
  }

  .icon-social .fab {
    margin-right: 1rem;
    color: #008AD0;
  }

  .text_footer_movil {
    display: none;
  }