/* ===== HOME — Contacto ===== */
.cj-contact-wrap{
  max-width:1200px; margin:28px auto; padding:0;
}
.cj-contact-head h2{
  margin:0;
  color:#002041; font-weight:900; text-transform:uppercase; letter-spacing:.6px;
  font-size:clamp(22px, 5vw, 32px); line-height:1.1;
}
.cj-contact-head .cj-contact-lead{
  margin:6px 0 16px 0; color:#44576f; font-size:14px;
}

/* Grid de 2 cards */
.cj-contact-grid{
  display:grid; gap:12px;
  grid-template-columns: 1fr;
}
@media (min-width:640px){
  .cj-contact-grid{ grid-template-columns: repeat(2, 1fr); }
}

.cj-contact-card{
  display:flex; gap:12px; align-items:center;
  background:#F5F7FA; border-radius:14px; padding:14px 16px;
}
.cj-contact-card .cj-cicon{
  width:46px; height:46px; flex:0 0 46px;
  border-radius:12px; background:#E9EFF6;
  display:flex; align-items:center; justify-content:center;
}
.cj-contact-card .cj-cinfo h3{
  margin:0; color:#0F2D4C; font-weight:800; font-size:16px;
}
.cj-contact-card .cj-cinfo p{
  margin:2px 0 8px 0; color:#44576f; font-size:14px;
}
.cj-cbtn{
    display: inline-flex;
    padding: 7px 14px;
    justify-content: center;
    padding: 4px 14px;
    border-radius: 10px;
    text-decoration: none;
    background: #54c958 !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 14px;
    transition: transform .12s 
ease, background .15s 
ease;
}
.cj-cbtn:hover{ transform: translateY(-1px); }
.cj-cbtn--wa{ background:#0B4D9A; } /* sigue tu paleta (002041 variantes) */

/* Meta (bullets ligeros) */
.cj-contact-meta{
  margin:12px 0 0 0; padding:0; list-style:none;
  display:flex; flex-wrap:wrap; gap:10px; color:#6B7280; font-size:13px;
}
.cj-contact-meta li{ background:#F5F7FA; padding:6px 10px; border-radius:10px; }