.description-product{
    /* padding-top:149.217px; */
    display: grid;
    grid-template-areas: "it1 it2" "it1 it3";
    grid-template-columns: 25% 75%;
    grid-template-rows: auto auto;
    overflow-x: hidden;
    font-size:1.3rem;
  
}

/* grid areas */
.it1{
    grid-area: it1;
    background-image: url(../images/pinoclean/fondochevere.png);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    
    align-items: center;

}
.it2{grid-area: it2;}
.it3{
    background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("../images/pinoclean/backgroundlogo.jpg") 50% 12% ,
    linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("../images/pinoclean/marcaaqp.png") 50% 60%;
    background-repeat: no-repeat;
  
}
/* maquetado */
.it1 img{
    padding: 3rem 0;
    width: 45%;
}
.it1 p {
	padding: 1rem 5rem;
	font-style: italic;
	color: white;
}

.it2,.it3,.wrapper{
    margin: 3rem 6rem 0;
    max-width: 60rem;
}
.it2 h3,.it3 h3{
    font-weight: bold;
}
.it2 ul,.it3 ul{
    list-style: initial;
    padding-left: 1rem;
    
}
.description-product .it2 ul li,
.description-product .it3 ul li{
    padding: .5rem 0;
}
.it2 ul li:nth-child(even),.it3 ul li:nth-child(even){
background-color: rgba(236, 236, 236, .5);
}
.wrapper-section{
    margin:3rem 0 3rem;
}
.it2 .categoria , .it2 h1 ,.it2 .categoria a span,.it2 .categoria a{
    color:#0082CA;
    font-size: 1.4rem;
}
.it2 > *{
    margin: 1rem 0 1rem;
}
.it2 h1{
    font-size: 4rem;
    font-weight: bold;
}
.it3 .caracteristicas h3{
    margin: 0 0 1rem;
}
.share{
    display: flex;
}
.share img{
    width: 20px;
    margin-left: 10px;
}
.caracteristicas{
    display: flex;
    /* width: 80rem; */
    /* justify-content: space-between; */
}
.caracteristicas div{
        width: calc(100% / 3);
    
}
.caracteristicas div:nth-child(2n){
    margin: 0 1rem;
}
.usos{
    display: flex;
    text-align: center;
    justify-content: space-between;
    
}

.usos .uso-img{
    width: 100%;
    height: 72%;
}
.uso
{
    width: 20%;
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.usos div p{
    padding-top: 1rem;
}
.usos img{
    width: calc(100% - 10px);
     height :calc(100% - 10px);
    object-fit: cover;
    border: 5px solid #707070;
}
.usos h3{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}
.precauciones h3,
.fundamento   h3,
.ingredientes h3{
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}
.precauciones    h3::before,
.fundamento      h3::before,
.ingredientes    h3::before
{
    content: "";
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: .7rem;
}
.precauciones    h3::before{
    background-image: url(../images/precauciones.png);
}
.fundamento      h3::before{
    background-image: url(../images/fundamento.png);
}
.ingredientes    h3::before{
    background-image: url(../images/ingredientes.png);
}
.nstro-prod img{
    width: 2rem;
    margin-left: 0.8rem;
}
.nstro-prod .orgullo-aqp{
    margin-top: 1rem;
    display: flex;
    align-items: center;
}
.comprar{
    background-color: #0082CA;
    display: inline-block;
    border: 0 solid #0082CA;
    border-radius: 40px 40px 40px 40px;
    margin: 0 0 3rem 0;
    
}
.comprar a 
{
    display: flex;
    color :white;
    text-decoration: none;
    padding: 1rem;
}
.buttonme {
  display: inline-block;
  color: white;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.buttonme:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0082CA;
  border-radius: 10rem;
  z-index: -2;
}
.buttonme:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #79CCFA69;
  transition: all .3s;
  border-radius: 10rem;
  z-index: -1;
}
.buttonme:hover {
  color: #fff;
}
.buttonme:hover:before {
  width: 100%;
}
.comprar img{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
@media all and (min-width:2000px){
.description-product{
    max-width: 1440px;
    margin: 0 auto;
}
}
@media all and (max-width: 920px) {
    .it3{
        background-size: 100%,100%,100%,auto;
    }
    .it2, .it3, .wrapper {
        margin: 3rem 4.5rem 0 4.5rem;
        
    }
    .description-product .share{
        justify-content: center;
    }
    .caracteristicas{
        display: flex;
        /* width: 80rem; */
        /* justify-content: space-between; 
        
        */
        margin: 0 auto;
        justify-content: space-between;
    }
    .description-product #product{
        text-align: center;
    }
    .description-product{
        
        grid-template-areas: "it2" "it1" "it3";
        grid-template-columns: 100%;
    }
    .it1{
        flex-direction: row;
        padding-left: 4rem;
        justify-content: center;
    }.it1 img{
        width: 15%;
        margin-right: 2rem;
    }
    .it1 p{
        width: 50%;
        font-size: 1.3rem;
    }
  }
  @media all and (max-width: 800px) {
    
    }

  @media all and (max-width: 640px) {
    .it2, .it3, .wrapper {
        margin: 3rem 3rem 0 3rem;
    }
      .usos h3{
          padding: 0;
      }
    .it1{
        flex-direction: column;
        padding: 2rem 0;
    }
    .it1 img{
        width: 30%;
        margin: 0;
    }
    .it1 p{
        width: 80%;
    }
    .it3 .caracteristicas{
        flex-direction: column;
    }
    .it3 .caracteristicas div{
        width: 100%;

    } 
    .caracteristicas div:nth-child(2n) {
        margin: 0;
    }
    .it3 .caracteristicas h3 {
        text-align: center;
    }
    
    .caracteristicas .cat2 h3,.caracteristicas .cat3 h3{
        
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .link-fb,.what{
        width:50%;
        text-align:center;
        padding:.5rem;
    }
    .link-fb{
        background-color:#157DC3;
        margin-right: 5px;
    }
    .what{
        background-color:#25D366;
        margin-left: 5px;
        
    }
    .share img{
        margin: 0;
    }
    .share  .share-text{
        display:none;
    }
    .comprar{
        display: flex;
        justify-content: center;
    }
  }
  @media all and (min-width:501px){
    .title-usos{
        display: none;
    }
  }
  @media all and (max-width: 500px) {
    .it2, .it3, .wrapper {
        margin: 3rem 1rem 0 1rem;
    }
    .it3{
        background-size: 100%,100%,100%,100%;
    }

      .it2 .categoria, .it2 h1, .it2 .categoria a span, .it2 .categoria a {
    
    font-size: 1.2rem;
}
    .it2 h1{
        font-size:3rem;
    }
   .title-usos{
       text-align: center;
       margin: 3rem 0 1rem;
   }
    .usos{
        
        margin: 0 0 3rem ;
    }
    .usos div{
        margin: 0;
    }
    .usos h3 {
        display: none;
    }
    .usos div p{
        padding: 1rem 0;
    }
    .precauciones h3,
    .fundamento   h3,
    .ingredientes h3{
    justify-content: center;
    }
    
  }