/* DEVARTIVA HOME PRODUCTOS DESTACADOS FASE1 */

#productos{
  padding-top:72px!important;
  padding-bottom:54px!important;
}

#productos .section-head{
  max-width:860px;
  margin-bottom:28px;
}

#productos .section-head h2{
  font-size:clamp(34px,4vw,52px);
  line-height:1.06;
  letter-spacing:-.035em;
  margin:8px 0 12px;
}

#productos .section-head p{
  color:#667085;
  line-height:1.6;
  max-width:760px;
}

#productos .grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:20px!important;
  max-width:1080px;
}

#productos .dev-product-card-link{
  display:block;
  text-decoration:none;
  color:#10213e;
}

#productos .dev-product-card-link article{
  display:grid!important;
  grid-template-columns:340px minmax(0,1fr)!important;
  gap:32px!important;
  align-items:center!important;
  padding:28px!important;
  border:1px solid #d7e2ed!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#ffffff,#f6f9fd)!important;
  min-height:270px!important;
  box-shadow:0 18px 45px rgba(16,33,62,.06)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}

#productos .dev-product-card-link:hover article{
  transform:translateY(-2px);
  border-color:#b9cfe5!important;
  box-shadow:0 24px 55px rgba(16,33,62,.10)!important;
}

#productos .dev-product-image-firmativa{
  width:100%!important;
  height:210px!important;
  margin:0!important;
  object-fit:contain!important;
  padding:28px!important;
  border:1px solid #dce5ef!important;
  border-radius:16px!important;
  background:#fff!important;
}

#productos .tag{
  display:inline-block;
  width:max-content;
  margin-bottom:10px;
  color:#2b6cd3;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}

#productos h3{
  font-size:clamp(28px,3vw,40px)!important;
  line-height:1.05!important;
  margin:0 0 12px!important;
  letter-spacing:-.03em!important;
}

#productos article p{
  color:#667085!important;
  font-size:16px!important;
  line-height:1.65!important;
  margin:0 0 18px!important;
  max-width:670px!important;
}

#productos .text-link{
  display:inline-flex!important;
  width:max-content!important;
  padding:11px 16px!important;
  border-radius:8px!important;
  background:#1687f8!important;
  color:#fff!important;
  font-weight:850!important;
}

/* Orientación comercial: secundaria y compacta */
.dev-home-guidance{
  margin-top:34px!important;
  margin-bottom:0!important;
  padding:20px 24px!important;
  min-height:auto!important;
  border-radius:16px!important;
  grid-template-columns:1fr auto!important;
  gap:22px!important;
  align-items:center!important;
  background:#0d2745!important;
}

.dev-home-guidance .eyebrow{
  font-size:10px!important;
  margin:0 0 5px!important;
}

.dev-home-guidance h2{
  font-size:clamp(21px,2.2vw,29px)!important;
  line-height:1.12!important;
  margin:0 0 6px!important;
  letter-spacing:-.025em!important;
}

.dev-home-guidance p{
  font-size:13px!important;
  line-height:1.5!important;
  max-width:780px!important;
}

.dev-home-guidance a{
  min-height:40px!important;
  padding:0 15px!important;
  font-size:13px!important;
  border-radius:7px!important;
}

@media(max-width:900px){
  #productos .dev-product-card-link article{
    grid-template-columns:1fr!important;
  }

  #productos .dev-product-image-firmativa{
    height:180px!important;
  }

  .dev-home-guidance{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:600px){
  #productos .dev-product-card-link article{
    padding:20px!important;
  }

  #productos .dev-product-image-firmativa{
    height:150px!important;
    padding:18px!important;
  }

  .dev-home-guidance{
    padding:18px!important;
  }
}