#proyectos .container{
  width: 100%;
  padding: 0 3rem;
}

.contenedor-proyectos a{
  font-size: 2rem;
  font-weight: 700;
  display: block;
  width: 100%;
  position: relative;
  z-index: 10;
}

#proyectos{
  position: relative;
}

.contenedor-proyecto-imagen{
  position: relative;
  overflow: hidden;
  width: 100%; /* Añadir un ancho al contenedor para que las imágenes no se desborden */
  height: 242px;
}

.proyecto-imagen{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 242px;
}

#proyecto-imagen-1{
  background-image: url('../images/proyectos/isuit_CRM/isuit_2.png');
  background-position: center;
}
#proyecto-imagen-2{
  background-image: url('../images/proyectos/mota_mascota/motamascota_1.png');
  background-position: center;
}

#proyecto-imagen-3{
  background-image: url('../images/proyectos/muebles_mackarena/muebles_mackarena_1.png');
  background-position: center;
}

#proyecto-imagen-4{
  background-image: url('../images/proyectos/inmobiliaria_sihoff/inmobiliaria_sihoff_1.png');
  background-position: center;
}

#proyecto-imagen-5{
  background-image: url('../images/proyectos/cif_consultores/cif_consultores_1.png');
  background-position: center;
}

#proyecto-imagen-6{
  background-image: url('../images/proyectos/informatika_minera/informatika_1.png');
  background-position: center;
}

#proyecto-imagen-7{
  background-image: url('../images/proyectos/romamane/romamane_1.png');
  background-position: center;
}

#proyecto-imagen-8{
  background-image: url('../images/proyectos/max_energy/max_energy_1.png');
  background-position: center;
}

/* efectos */
.targeta-proyectos:hover .proyecto-imagen{
  /* filter: blur(5px); */
  transform: scale(1.2);
}

.targeta-proyectos:hover p{
  color: #FC4C17;
}

/* Canvas */

#canvas-desarrollo{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

#topbar{
  padding-bottom: 13px;
}