/* =================== CONTENIDO =================== */
.content{
  padding:25px 30px;
}
.section-title{
  text-align:center;
  font-size:22px;
  font-weight:700;
  margin-bottom:26px;
}

/* =================== PRODUCTOS =================== */
.products-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px 22px;
}
@media(max-width:1100px){
  .products-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:680px){
  .products-grid{grid-template-columns:1fr;}
}

.product{
  background:#fff;
  border:2px solid var(--panel-br);
  border-radius:6px;
  padding:14px;
  display:grid;
  grid-template-columns:100px 1fr;
  gap:14px;
  align-items:center;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.product:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 10px rgba(0,0,0,.15);
  transition:.2s ease;
}

.product__img{
  width:100px;height:80px;
  border:1px solid #d0d0d0;
  background:#e8e8e8;
  border-radius:6px;
  overflow:hidden;
  display:grid;place-items:center;
}
.product__img img{
  width:100%;height:100%;object-fit:cover;
}

.product__text{
  list-style:none;margin:0;padding:0;
}
.product__text li{
  font-size:14px;
  line-height:1.3;
  padding:5px 0;  
}
.product__text li:last-child{border-bottom:none;}
.product__text .price{
  font-weight:700;
  color:#333;
}

/* =================== RESPONSIVO =================== */
@media(max-width:520px){
  .title{font-size:24px;}
  .nav__wrap{gap:20px;}
}