/* ===== Blog público ChipNConnect (scoped bajo .cncb-*) ===== */
.cncb-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1080px;margin:0 auto;padding:16px 18px;border-bottom:1px solid #e2e8f0;font-family:Inter,system-ui,sans-serif;flex-wrap:wrap}
.cncb-header .cncb-h-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#0f172a;font-size:17px}
.cncb-header .cncb-h-brand img{width:28px;height:28px;border-radius:7px}
.cncb-h-nav{display:flex;gap:6px;flex-wrap:wrap}
.cncb-h-nav a{text-decoration:none;color:#64748b;font-weight:600;font-size:14px;padding:7px 14px;border-radius:999px}
.cncb-h-nav a:hover{background:#f1f5f9;color:#0f172a}
.cncb-h-nav a.active{background:#2563EB;color:#fff}
.cncb-footer{max-width:1080px;margin:28px auto 0;padding:24px 18px 40px;border-top:1px solid #e2e8f0;font-family:Inter,system-ui,sans-serif;color:#64748b;text-align:center}
.cncb-footer p{font-size:13.5px;margin:0 0 12px}
.cncb-footer a{color:#2563EB;text-decoration:none}
.cncb-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:12px;font-size:13px}
.cncb-footer small{font-size:12px;color:#94a3b8}
.cncb-foot-cta{text-align:center;margin-top:24px}
.cncb-back-app{display:inline-block;background:#2563EB;color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:11px 22px;border-radius:999px}

.cncb-wrap,.cncb-single{--cncb-blue:#2563EB;--cncb-teal:#14B8A6;--cncb-purple:#7C3AED;--cncb-ink:#0f172a;--cncb-muted:#64748b;--cncb-line:#e2e8f0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--cncb-ink);max-width:1080px;margin:0 auto;padding:24px 18px;box-sizing:border-box}
.cncb-wrap *,.cncb-single *{box-sizing:border-box}
.cncb-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cncb-blue)}
.cncb-head h1{font-size:34px;line-height:1.1;margin:8px 0 8px;font-weight:800}
.cncb-head p{color:var(--cncb-muted);font-size:16px;margin:0 0 18px;max-width:640px}
.cncb-tabs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-bottom:1px solid var(--cncb-line);padding-bottom:16px;margin-bottom:24px}
.cncb-tab{font-size:14px;font-weight:700;padding:8px 16px;border-radius:999px;text-decoration:none;color:var(--cncb-ink);border:1px solid var(--cncb-line)}
.cncb-tab.active{background:var(--cncb-blue);color:#fff;border-color:var(--cncb-blue)}
.cncb-cta{margin-left:auto;font-size:14px;font-weight:700;color:var(--cncb-blue);text-decoration:none}
.cncb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.cncb-card{background:#fff;border:1px solid var(--cncb-line);border-radius:16px;overflow:hidden;transition:transform .12s,box-shadow .12s}
.cncb-card:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(15,23,42,.1)}
.cncb-card-link{text-decoration:none;color:inherit;display:block}
.cncb-thumb{height:170px;background-size:cover;background-position:center}
.cncb-thumb-plain{background:linear-gradient(130deg,var(--cncb-blue),var(--cncb-purple))}
.cncb-card-body{padding:18px}
.cncb-card-body h2{font-size:19px;line-height:1.25;margin:0 0 8px;font-weight:700}
.cncb-card-body p{color:var(--cncb-muted);font-size:14px;line-height:1.55;margin:0 0 14px}
.cncb-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#94a3b8}
.cncb-likes{color:var(--cncb-blue);font-weight:700}
.cncb-empty{text-align:center;padding:60px 20px;color:var(--cncb-muted);background:#f8fafc;border-radius:16px}
.cncb-foot{margin-top:40px;padding-top:20px;border-top:1px solid var(--cncb-line);color:var(--cncb-muted);font-size:13px}
.cncb-foot a{color:var(--cncb-blue)}

/* Entrada individual */
.cncb-single{max-width:760px}
.cncb-back{display:inline-block;color:var(--cncb-blue);text-decoration:none;font-weight:600;font-size:14px;margin-bottom:18px}
.cncb-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.cncb-topbar .cncb-back{margin-bottom:0}
.cncb-blog-link{color:var(--cncb-muted);text-decoration:none;font-size:13px;font-weight:600}
.cncb-blog-link:hover{color:var(--cncb-blue)}
.cncb-byline{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--cncb-line)}
.cncb-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--cncb-blue),var(--cncb-teal));color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;flex:none}
.cncb-byline b{display:block;font-size:15px}
.cncb-byline small{color:var(--cncb-muted);font-size:12.5px}
.cncb-date{margin-left:auto;color:#94a3b8;font-size:13px}
.cncb-article-body{font-size:17px;line-height:1.8;color:#1e293b}
.cncb-article-body p{margin:0 0 18px}
.cncb-article-body h2{font-size:24px;margin:30px 0 12px;font-weight:800}
.cncb-article-body h3{font-size:20px;margin:24px 0 10px;font-weight:700}
.cncb-article-body img{max-width:100%;height:auto;border-radius:12px;margin:14px 0}
.cncb-article-body blockquote{border-left:4px solid var(--cncb-blue);margin:20px 0;padding:8px 18px;color:var(--cncb-muted);font-style:italic;background:#f8fafc;border-radius:0 8px 8px 0}
.cncb-article-body ul,.cncb-article-body ol{padding-left:26px;margin:12px 0}
.cncb-article-body li{margin:6px 0}
.cncb-article-body a{color:var(--cncb-blue)}
.cncb-likebar{margin:26px 0 16px;font-weight:700;color:var(--cncb-blue)}
.cncb-likebar a{color:var(--cncb-blue)}
.cncb-disclaimer{font-size:13px;color:var(--cncb-muted);background:#f8fafc;border:1px solid var(--cncb-line);border-radius:12px;padding:14px 16px;line-height:1.55}
.cncb-join{display:inline-block;margin-top:8px;font-weight:700;color:var(--cncb-blue);text-decoration:none}
@media (max-width:560px){ .cncb-head h1{font-size:26px} .cncb-cta{margin-left:0;width:100%} .cncb-article-body{font-size:16px} }

/* ===== ✦ REFINAMIENTO VISUAL DEL BLOG PÚBLICO ===== */
.cncb-header{
  background:rgba(255,255,255,.75);
  backdrop-filter:saturate(180%) blur(16px);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  position:sticky;top:0;z-index:40;
}
.cncb-h-nav a{transition:all .2s cubic-bezier(.22,1,.36,1)}
.cncb-h-nav a:hover{transform:translateY(-1px)}
.cncb-h-nav a.active{box-shadow:0 4px 14px rgba(37,99,235,.25)}
.cncb-head h1{letter-spacing:-.035em;line-height:1.08}
.cncb-card{
  border-radius:18px;
  box-shadow:0 1px 2px rgba(15,23,42,.04), 0 2px 6px rgba(15,23,42,.04);
  transition:box-shadow .28s cubic-bezier(.22,1,.36,1), transform .28s cubic-bezier(.22,1,.36,1);
  border:1px solid rgba(226,232,240,.9);
}
.cncb-card:hover{
  box-shadow:0 4px 8px rgba(15,23,42,.04), 0 14px 34px rgba(15,23,42,.1);
  transform:translateY(-3px);
}
.cncb-thumb{border-radius:12px}
.cncb-cta{
  border-radius:999px;
  background:linear-gradient(135deg,#2563EB,#1d4ed8);
  color:#fff !important;padding:9px 18px;font-weight:700;
  box-shadow:0 4px 14px rgba(37,99,235,.24);
  transition:all .22s cubic-bezier(.22,1,.36,1);
}
.cncb-cta:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(37,99,235,.32)}
.cncb-tab{border-radius:999px;transition:all .2s ease}
.cncb-tab:hover{background:#f1f5f9}
.cncb-article-body{font-size:16.5px;line-height:1.75;color:#1f2937}
.cncb-article-body h2{margin:28px 0 12px;letter-spacing:-.02em}
.cncb-article-body h3{margin:22px 0 10px}
.cncb-article-body p{margin:0 0 16px}
.cncb-article-body img{border-radius:14px;margin:18px 0}
.cncb-article-body blockquote{
  border-left:3px solid #2563EB;padding:4px 0 4px 18px;margin:20px 0;
  color:#475569;font-style:italic;
}
.cncb-byline{padding:14px 0;border-bottom:1px solid #e2e8f0;margin-bottom:22px}
.cncb-avatar{
  background:linear-gradient(135deg,#2563EB,#14B8A6);color:#fff;
  box-shadow:0 3px 10px rgba(37,99,235,.24);
}
.cncb-back-app{
  box-shadow:0 4px 14px rgba(37,99,235,.24);
  transition:all .22s cubic-bezier(.22,1,.36,1);
}
.cncb-back-app:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(37,99,235,.32)}
.cncb-footer{margin-top:40px}
@media (max-width:560px){
  .cncb-card{border-radius:14px}
  .cncb-article-body{font-size:15.5px}
  .cncb-header{padding:12px 14px}
}