#grafico{ width: 100%;
		  padding: 150px 20px 50px 20px}


/*mascotaaaaaaaaaaaaaaaaa*/
.grafico-img{ width: 50%;
				 float: left;
				 text-align: center;}

.grafico-img img{ width: 100%;
					 max-width: 300px}









/*infooooooooooooooooooo*/
.grafico-info{ width: 50%;
				  float: left; }

.grafico-info h1{ font-family: Raleway;
					 font-weight: 300;
					 font-size: 60px;
					 color: #0074ff;
					 margin: 0 }

.grafico-info h2{ font-family: Raleway;
					 font-weight: 700;
					 font-size: 20px;
					 background:#0074ff;
					 color: #fff;
					 margin: 0;
					 display: inline-block;
					 border-radius: 50px;
					 padding: 5px 10px 5px 10px}

.grafico-info p{  font-family: Raleway;
					 font-weight: 300;
					 font-size: 15px;
					 color: #222;
					 margin: 10px 0px 0px 0px;
					 text-align: justify;}

/*btnnnnnnnnnnnnnnn*/
.grafico-info-btn{ width: 150px;
                      padding: 10px;
                      text-align: center;
                      border:2px solid#0060ff;
                      margin: 10px 0px 0px 0px;
                      border-radius: 10px;
                      cursor: pointer;}

.grafico-info-btn h3{ font-family: Raleway;
                         font-weight: 300;
                         font-size: 14px;
                         color: #0060ff;
                         margin: 0;}

.grafico-info-btn:hover{border:2px solid#6a00b5;}

.grafico-info-btn:hover h3{  color:#6a00b5;}










/* trabajosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */
#trabajos{ width: 100%;
		   padding: 0px 0px 100px 0px}

.trabajos{ width: 100%;
		   display: grid;
		   grid-gap: 20px;
		   grid-template-columns: repeat(3,1fr)}

.trabajos-caja{ text-align: center;
				position: relative;
                overflow: hidden;
                margin: 0px 0px 40px 0px}

.trabajos-caja img{ width: 100%;
					max-width: 180px }

.barra{  width: 20px;
		 height: 110%;
		 background-color: #fff;
		 position: absolute;
		 top: -10px;
		 left: 0;
		 animation: shine 2s infinite;
		 filter: blur(5px);
		 opacity: 0.4;
		 transform: rotate(140deg);}

@keyframes shine{ 

0%{left: 0%}

100%{left: 100%}

 }