
/* Codewise card: nombres neutros para evitar bloqueadores de anuncios */
.codewise-card{
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  width:min(980px,100%)!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:24px 28px!important;
  border:1px solid #dfe6ef!important;
  border-radius:22px!important;
  background:linear-gradient(110deg,#fff 0%,#fff 66%,#f1f6ff 100%)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.05)!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.codewise-card .codewise-final-logo-box{
  width:104px!important;
  height:104px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #e5eaf2!important;
  border-radius:20px!important;
  background:#fff!important;
}
.codewise-card .codewise-final-logo-box img{
  width:72px!important;
  max-width:72px!important;
  height:auto!important;
  display:block!important;
}
.codewise-card .codewise-final-copy{min-width:0!important;}
.codewise-card .codewise-final-copy .mini{
  margin:0 0 6px!important;
  color:#1769e8!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
.codewise-card .codewise-final-copy h3{
  margin:0 0 8px!important;
  color:#0f172a!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.codewise-card .codewise-final-copy p{
  margin:0!important;
  color:#667085!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.codewise-card .codewise-final-action{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.codewise-card .codewise-final-action .btn{
  min-width:140px!important;
  justify-content:center!important;
}
@media(max-width:760px){
  .codewise-card{
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:16px!important;
    width:100%!important;
    padding:20px!important;
  }
  .codewise-card .codewise-final-logo-box{
    width:78px!important;height:78px!important;border-radius:16px!important;
  }
  .codewise-card .codewise-final-logo-box img{
    width:58px!important;max-width:58px!important;
  }
  .codewise-card .codewise-final-copy h3{font-size:19px!important;}
  .codewise-card .codewise-final-copy p{font-size:14px!important;}
  .codewise-card .codewise-final-action{grid-column:1/-1!important;}
  .codewise-card .codewise-final-action .btn{width:100%!important;}
}
