/* ===== Blog (índice + artículo) ===== */

.crumbs{font-size:.85rem;color:#9b8fa6;margin:22px 0 18px}
.crumbs a{color:#c9bdd4;text-decoration:none}
.crumbs a:hover{color:#fff}
.crumbs span{color:#7e7388}

/* ---- Índice: grid de tarjetas ---- */
.blog-grid{
  display:grid;gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}
.blog-card{
  display:flex;flex-direction:column;gap:10px;
  background:#15101a;border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:22px;text-decoration:none;color:#fff;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.blog-card:hover{transform:translateY(-4px);border-color:rgba(217,178,90,.45);box-shadow:0 18px 40px -22px rgba(0,0,0,.8)}
.blog-card-tag{
  display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
  font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;
  color:#d9b25a;border:1px solid rgba(217,178,90,.35);
  padding:4px 10px;border-radius:999px;
}
.blog-card h2,.blog-card h3{font-size:1.18rem;line-height:1.3;margin:2px 0 0}
.blog-card p{color:#c2b6cd;font-size:.94rem;line-height:1.55;margin:0}
.blog-card-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:auto;padding-top:10px;font-size:.82rem;color:#9b8fa6;
}
.blog-card-link{display:inline-flex;align-items:center;gap:5px;color:#ff2d87;font-weight:600}
.blog-card-link svg{width:15px;height:15px}

/* ---- Artículo ---- */
.article{padding:8px 0 10px}
.article .wrap{max-width:760px}
.article-kicker{
  display:inline-flex;align-items:center;gap:7px;
  font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#d9b25a;
}
.article-head{margin:6px 0 26px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.article-head h1{font-size:clamp(1.7rem,4.5vw,2.5rem);line-height:1.14;margin:12px 0 12px}
.article-sub{font-size:1.08rem;color:#cfc6d8;line-height:1.5;margin:0 0 14px}
.article-meta{font-size:.86rem;color:#9b8fa6;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.article-meta svg{width:16px;height:16px;color:#d9b25a}

.article-body{font-size:1.05rem;line-height:1.8;color:#d7cfe0}
.article-body h2{
  font-size:1.4rem;line-height:1.25;color:#fff;margin:34px 0 12px;
}
.article-body p{margin:0 0 16px}
.article-body ul{margin:0 0 18px;padding-left:0;list-style:none}
.article-body li{position:relative;padding-left:26px;margin:0 0 11px}
.article-body li::before{content:"";position:absolute;left:6px;top:.62em;width:7px;height:7px;border-radius:50%;background:#d9b25a}
.article-body strong{color:#fff}
.article-body a{color:#ff5fa2;text-decoration:none;border-bottom:1px solid rgba(255,95,162,.4)}
.article-body a:hover{color:#ff2d87;border-color:#ff2d87}

.article .lp-faq{margin-top:10px}

.blog-more{margin-top:46px;padding-top:8px}
.blog-more h2{font-size:1.4rem;margin:0 0 16px}