/* V13 — Blog / Inteligencia estratégica */
.blog-page{min-height:100vh;background:var(--background);color:var(--foreground)}
.blog-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--background) 90%,transparent);backdrop-filter:blur(16px)}
.blog-nav{max-width:72rem;margin:0 auto;height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.blog-nav-logo{width:154px;height:auto}.blog-nav-links{display:flex;align-items:center;gap:20px}.blog-nav-links a{font-size:.76rem;color:var(--muted-foreground);transition:.2s}.blog-nav-links a:hover{color:var(--primary)}.blog-nav-cta{display:inline-flex!important;align-items:center;gap:7px;padding:10px 16px;border-radius:999px;background:var(--primary);color:var(--primary-foreground)!important;font-weight:800}
.blog-main{max-width:72rem;margin:0 auto;padding:72px 20px 90px}.blog-kicker{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-weight:900}.blog-index-hero{position:relative;overflow:hidden;padding:58px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,color-mix(in oklab,var(--surface) 76%,transparent),color-mix(in oklab,var(--background) 96%,transparent))}.blog-index-hero:after{content:'';position:absolute;width:420px;height:420px;right:-150px;top:-180px;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--primary) 20%,transparent),transparent 70%);pointer-events:none}.blog-index-hero h1{position:relative;z-index:1;margin-top:16px;max-width:930px;font-family:var(--font-display);font-size:clamp(3rem,7vw,6.5rem);line-height:.94;letter-spacing:-.025em}.blog-index-hero h1 span{color:var(--gold)}.blog-index-hero .blog-hero-copy{position:relative;z-index:1;max-width:760px;margin-top:24px;color:var(--muted-foreground);font-size:1rem;line-height:1.8}.blog-thesis{position:relative;z-index:1;margin-top:28px;max-width:840px;padding:18px 20px;border-left:3px solid var(--primary);border-radius:0 14px 14px 0;background:color-mix(in oklab,var(--primary) 7%,transparent);font-size:.86rem;line-height:1.7}.blog-category-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.blog-cat{padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted-foreground);font-size:.68rem;font-weight:800;letter-spacing:.05em;background:transparent;cursor:pointer}.blog-cat:hover,.blog-cat.is-active{border-color:var(--primary);color:var(--primary);background:color-mix(in oklab,var(--primary) 7%,transparent)}
.blog-featured{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-top:26px}.blog-featured-card,.blog-card{border:1px solid var(--border);border-radius:22px;background:color-mix(in oklab,var(--surface) 52%,transparent);overflow:hidden}.blog-featured-card{padding:34px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,color-mix(in oklab,var(--surface) 82%,transparent),color-mix(in oklab,var(--primary) 5%,var(--background)))}.blog-featured-card h2{margin-top:14px;max-width:760px;font-family:var(--font-display);font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.02}.blog-featured-card p{margin-top:16px;color:var(--muted-foreground);line-height:1.75}.blog-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--muted-foreground);font-size:.68rem}.blog-meta strong{color:var(--primary);text-transform:uppercase;letter-spacing:.12em}.blog-read-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:var(--primary);font-weight:900;font-size:.78rem}.blog-side-stack{display:grid;gap:18px}.blog-mini{display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid var(--border);border-radius:20px;background:color-mix(in oklab,var(--surface) 52%,transparent)}.blog-mini h3{margin-top:10px;font-family:var(--font-display);font-size:1.65rem;line-height:1.08}.blog-mini p{margin-top:10px;color:var(--muted-foreground);font-size:.76rem;line-height:1.65}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.blog-card{display:flex;flex-direction:column;padding:25px;min-height:330px}.blog-card .blog-card-num{font-family:var(--font-display);font-size:3rem;line-height:1;color:color-mix(in oklab,var(--gold) 75%,transparent)}.blog-card h3{margin-top:22px;font-family:var(--font-display);font-size:1.75rem;line-height:1.08}.blog-card p{margin-top:12px;color:var(--muted-foreground);font-size:.77rem;line-height:1.68;flex:1}.blog-index-cta{margin-top:54px;padding:38px;border:1px solid var(--border);border-radius:24px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:linear-gradient(135deg,color-mix(in oklab,var(--surface) 70%,transparent),color-mix(in oklab,var(--primary) 6%,transparent))}.blog-index-cta h2{font-family:var(--font-display);font-size:2.3rem;line-height:1.05}.blog-index-cta p{margin-top:10px;color:var(--muted-foreground);font-size:.8rem;line-height:1.6}.blog-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-size:.76rem;font-weight:900;white-space:nowrap}.blog-button.secondary{background:transparent;color:var(--foreground);border:1px solid var(--border)}
.blog-article-main{max-width:74rem;margin:0 auto;padding:48px 20px 100px}.blog-breadcrumb{font-size:.68rem;color:var(--muted-foreground)}.blog-breadcrumb a{color:var(--primary)}.blog-article-hero{max-width:930px;margin:42px auto 0;text-align:left}.blog-article-hero h1{margin-top:14px;font-family:var(--font-display);font-size:clamp(3.1rem,7vw,6.2rem);line-height:.96;letter-spacing:-.03em}.blog-article-deck{margin-top:22px;max-width:790px;color:var(--muted-foreground);font-size:1rem;line-height:1.8}.blog-author-row{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.blog-author-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in oklab,var(--gold) 45%,var(--border));font-family:var(--font-display);font-size:1.3rem;color:var(--gold);background:var(--surface)}.blog-author-row strong{display:block;font-size:.78rem}.blog-author-row span{display:block;margin-top:2px;font-size:.68rem;color:var(--muted-foreground)}.blog-reading-progress{position:fixed;top:70px;left:0;z-index:49;height:2px;width:0;background:linear-gradient(90deg,var(--primary),var(--gold));transition:width .08s linear}.blog-article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:56px;justify-content:center;margin-top:54px;align-items:start}.blog-toc{position:sticky;top:105px}.blog-toc strong{display:block;color:var(--gold);font-size:.67rem;letter-spacing:.15em;text-transform:uppercase}.blog-toc ol{display:grid;gap:10px;margin-top:14px;padding:0}.blog-toc li{list-style:none}.blog-toc a{font-size:.68rem;line-height:1.45;color:var(--muted-foreground)}.blog-toc a:hover{color:var(--primary)}.blog-toc-actions{display:grid;gap:8px;margin-top:22px}.blog-toc-actions a{font-size:.68rem}.blog-article{font-size:1.03rem;line-height:1.88;color:color-mix(in oklab,var(--foreground) 90%,var(--muted-foreground))}.blog-article p{margin:1.1rem 0}.blog-article h2{scroll-margin-top:100px;margin:3.6rem 0 1.15rem;font-family:var(--font-display);font-size:2.55rem;line-height:1.05;color:var(--foreground)}.blog-article h2:first-of-type{margin-top:0}.blog-answer{margin:0 0 2.2rem;padding:22px 24px;border:1px solid color-mix(in oklab,var(--primary) 40%,var(--border));border-radius:18px;background:color-mix(in oklab,var(--primary) 6%,transparent)}.blog-answer strong{display:block;margin-bottom:8px;color:var(--primary);font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}.blog-takeaways{margin:2rem 0 2.5rem;padding:24px;border:1px solid var(--border);border-radius:18px;background:color-mix(in oklab,var(--surface) 62%,transparent)}.blog-takeaways strong{font-family:var(--font-display);font-size:1.4rem}.blog-takeaways ul{display:grid;gap:10px;margin-top:14px;padding:0}.blog-takeaways li{list-style:none;position:relative;padding-left:20px;color:var(--muted-foreground);font-size:.88rem;line-height:1.6}.blog-takeaways li:before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:900}.blog-quote{margin:2.2rem 0;padding:20px 22px;border-left:3px solid var(--gold);border-radius:0 14px 14px 0;background:color-mix(in oklab,var(--gold) 7%,transparent);font-family:var(--font-display);font-size:1.45rem;line-height:1.35;color:var(--foreground)}.blog-sources{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.blog-sources h2{margin:0 0 1rem;font-size:1.8rem}.blog-sources ul{display:grid;gap:10px;padding-left:18px}.blog-sources li{color:var(--muted-foreground);font-size:.72rem;line-height:1.55}.blog-sources a{color:var(--primary);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--primary) 35%,transparent);text-underline-offset:3px}.blog-next{margin-top:3rem;padding:28px;border:1px solid var(--border);border-radius:20px;background:color-mix(in oklab,var(--surface) 58%,transparent)}.blog-next span{font-size:.65rem;letter-spacing:.14em;color:var(--primary);text-transform:uppercase;font-weight:900}.blog-next h3{margin-top:8px;font-family:var(--font-display);font-size:1.9rem;line-height:1.08}.blog-next p{margin-top:8px;color:var(--muted-foreground);font-size:.75rem;line-height:1.6}.blog-article-cta{margin-top:3rem;padding:30px;border:1px solid color-mix(in oklab,var(--primary) 35%,var(--border));border-radius:22px;background:linear-gradient(145deg,color-mix(in oklab,var(--surface) 70%,transparent),color-mix(in oklab,var(--primary) 7%,transparent))}.blog-article-cta h3{font-family:var(--font-display);font-size:2rem;line-height:1.05}.blog-article-cta p{font-size:.78rem;color:var(--muted-foreground);line-height:1.65}.blog-article-cta .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.blog-footer{border-top:1px solid var(--border)}.blog-footer-inner{max-width:72rem;margin:0 auto;padding:32px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:center}.blog-footer p{font-size:.68rem;color:var(--muted-foreground)}.blog-footer-links{display:flex;flex-wrap:wrap;gap:14px}.blog-footer-links a{font-size:.68rem;color:var(--muted-foreground)}.blog-footer-links a:hover{color:var(--primary)}
@media(max-width:980px){.blog-featured{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr 1fr}.blog-article-layout{grid-template-columns:1fr;gap:28px}.blog-toc{position:static;display:none}.blog-index-cta{grid-template-columns:1fr}.blog-nav-links a:not(.blog-nav-cta){display:none}}
@media(max-width:680px){.blog-main{padding-top:30px}.blog-index-hero{padding:34px 22px}.blog-index-hero h1{font-size:3.2rem}.blog-grid{grid-template-columns:1fr}.blog-featured-card{padding:26px}.blog-article-main{padding-top:28px}.blog-article-hero{margin-top:28px}.blog-article-hero h1{font-size:3.15rem}.blog-article{font-size:.98rem;line-height:1.82}.blog-article h2{font-size:2.05rem}.blog-nav-logo{width:132px}.blog-nav{height:64px}.blog-reading-progress{top:64px}}

/* V14 — FIX: CTA primario dentro del índice lateral del artículo.
   .blog-toc a tenía más especificidad que .blog-button y heredaba
   el color muted, por eso "Agendar diagnóstico" se veía lavado. */
.blog-toc .blog-button,
.blog-toc .blog-button:visited {
  color: var(--primary-foreground) !important;
  background: var(--primary);
  border: 1px solid var(--primary);
  text-decoration: none;
}
.blog-toc .blog-button:hover,
.blog-toc .blog-button:focus-visible {
  color: var(--primary-foreground) !important;
  background: var(--primary);
  filter: brightness(1.04);
}
.blog-toc .blog-button.secondary,
.blog-toc .blog-button.secondary:visited {
  color: var(--foreground) !important;
  background: transparent;
  border-color: var(--border);
}
.blog-toc .blog-button.secondary:hover,
.blog-toc .blog-button.secondary:focus-visible {
  color: var(--primary) !important;
  border-color: var(--primary);
}


/* ===== V23 · Archivo estratégico 2023—2026 ===== */
.blog-library-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:24px;
  max-width:720px;
}
.blog-library-stats div{
  padding:14px 16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:color-mix(in oklab,var(--background) 55%,transparent);
}
.blog-library-stats strong{
  display:block;
  font-family:var(--font-display);
  font-size:1.5rem;
  color:var(--gold);
}
.blog-library-stats span{
  display:block;
  margin-top:3px;
  color:var(--muted-foreground);
  font-size:.62rem;
  line-height:1.35;
}
.blog-archive-section{
  margin-top:68px;
  padding-top:46px;
  border-top:1px solid var(--border);
}
.blog-archive-heading{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:34px;
  align-items:end;
}
.blog-archive-heading h2{
  margin-top:10px;
  font-family:var(--font-display);
  font-size:clamp(2.5rem,5vw,4.6rem);
  line-height:.98;
}
.blog-archive-heading h2 span{color:var(--gold)}
.blog-archive-heading>p{
  color:var(--muted-foreground);
  font-size:.78rem;
  line-height:1.72;
}
.blog-archive-grid{margin-top:24px}
.blog-archive-card{
  border-color:color-mix(in oklab,var(--gold) 18%,var(--border));
}
.blog-archive-origin{
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid var(--border);
  color:var(--muted-foreground);
  font-size:.62rem;
  line-height:1.45;
}
.blog-topic-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:18px;
}
.blog-topic-tag{
  display:inline-flex;
  padding:6px 9px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--muted-foreground);
  font-size:.58rem;
  font-weight:800;
  letter-spacing:.04em;
}
.blog-editorial-note{
  margin-bottom:22px;
  padding:18px 20px;
  border:1px solid color-mix(in oklab,var(--gold) 28%,var(--border));
  border-radius:16px;
  background:color-mix(in oklab,var(--gold) 5%,transparent);
}
.blog-editorial-note strong{
  display:block;
  color:var(--gold);
  font-size:.65rem;
  letter-spacing:.13em;
}
.blog-editorial-note p{
  margin:.6rem 0 0;
  color:var(--muted-foreground);
  font-size:.77rem;
  line-height:1.65;
}
.blog-faq-list{
  display:grid;
  gap:11px;
  margin-top:18px;
}
.blog-faq-item{
  padding:18px 20px;
  border:1px solid var(--border);
  border-radius:15px;
  background:color-mix(in oklab,var(--surface) 46%,transparent);
}
.blog-faq-item h3{
  color:var(--foreground);
  font-size:.92rem;
  line-height:1.45;
}
.blog-faq-item p{
  margin:.45rem 0 0;
  color:var(--muted-foreground);
  font-size:.82rem;
  line-height:1.65;
}
.blog-current-section[hidden],
.blog-archive-section[hidden]{display:none!important}

@media(max-width:780px){
  .blog-library-stats{grid-template-columns:1fr}
  .blog-archive-heading{grid-template-columns:1fr}
  .blog-archive-heading>p{max-width:620px}
}


.blog-related-links{
  margin-top:3rem;
  padding:24px;
  border:1px solid var(--border);
  border-radius:18px;
  background:color-mix(in oklab,var(--surface) 52%,transparent);
}
.blog-related-links h2{
  margin:0;
  font-size:1.75rem;
}
.blog-related-links p{
  color:var(--muted-foreground);
  font-size:.78rem;
  line-height:1.65;
}
.blog-related-links ul{
  display:grid;
  gap:9px;
  margin-top:14px;
  padding:0;
}
.blog-related-links li{list-style:none}
.blog-related-links a{
  color:var(--primary);
  font-size:.78rem;
  font-weight:850;
}


/* ===== V24 · Comunidad profesional: reacciones + comentarios ===== */
.blog-community{
  margin-top:4rem;
  padding-top:3rem;
  border-top:1px solid var(--border);
}
.blog-community-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:end;
}
.blog-community-head h2,
.blog-comments-heading h2{
  margin:.5rem 0 0;
  font-family:var(--font-display);
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.04;
}
.blog-community-head>div>p:last-child{
  margin-top:.8rem;
  max-width:680px;
  color:var(--muted-foreground);
  font-size:.78rem;
  line-height:1.65;
}
.blog-community-live{
  min-width:190px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 8px;
  padding:14px 16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:color-mix(in oklab,var(--surface) 48%,transparent);
}
.blog-community-live strong{
  color:var(--gold);
  font-family:var(--font-display);
  font-size:1.3rem;
  line-height:1;
}
.blog-community-live span{
  align-self:center;
  color:var(--muted-foreground);
  font-size:.62rem;
}

.sv-reactions{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin-top:22px;
}
.sv-reaction-button{
  position:relative;
  min-height:86px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:10px 7px;
  border:1px solid var(--border);
  border-radius:14px;
  background:color-mix(in oklab,var(--surface) 44%,transparent);
  color:var(--muted-foreground);
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.sv-reaction-button:hover{
  transform:translateY(-2px);
  border-color:color-mix(in oklab,var(--primary) 45%,var(--border));
  color:var(--foreground);
}
.sv-reaction-button.is-selected{
  border-color:color-mix(in oklab,var(--primary) 65%,var(--border));
  background:color-mix(in oklab,var(--primary) 9%,var(--surface));
  color:var(--primary);
  box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 7%,transparent);
}
.sv-reaction-button.is-loading{opacity:.58}
.sv-reaction-button:disabled{cursor:wait}
.sv-reaction-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
}
.sv-reaction-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sv-reaction-label{
  font-size:.62rem;
  font-weight:800;
  line-height:1.1;
  text-align:center;
}
.sv-reaction-button strong{
  color:var(--gold);
  font-size:.68rem;
}
.sv-reaction-note{
  margin:.7rem 0 0;
  color:var(--muted-foreground);
  font-size:.66rem;
  text-align:right;
}

.blog-comments-block{
  margin-top:34px;
  padding:28px;
  border:1px solid var(--border);
  border-radius:20px;
  background:color-mix(in oklab,var(--surface) 38%,transparent);
}
.blog-comments-heading{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:24px;
  align-items:end;
}
.blog-comments-heading>p{
  color:var(--muted-foreground);
  font-size:.7rem;
  line-height:1.6;
}
.blog-comment-list{
  display:grid;
  gap:12px;
  margin-top:24px;
}
.blog-comment-empty{
  padding:20px;
  border:1px dashed var(--border);
  border-radius:14px;
  color:var(--muted-foreground);
  font-size:.76rem;
  text-align:center;
}
.blog-reader-comment{
  padding:20px;
  border:1px solid var(--border);
  border-radius:16px;
  background:color-mix(in oklab,var(--background) 58%,transparent);
}
.blog-reader-comment-head{
  display:flex;
  align-items:center;
  gap:10px;
}
.blog-reader-avatar{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:none;
  border:1px solid color-mix(in oklab,var(--primary) 34%,var(--border));
  border-radius:999px;
  color:var(--primary);
  font-family:var(--font-display);
  font-size:.9rem;
  background:color-mix(in oklab,var(--primary) 7%,transparent);
}
.blog-reader-comment-head strong{
  display:block;
  color:var(--foreground);
  font-size:.76rem;
}
.blog-reader-comment-head span{
  display:block;
  margin-top:2px;
  color:var(--muted-foreground);
  font-size:.6rem;
}
.blog-reader-comment>p{
  margin:14px 0 0;
  color:var(--muted-foreground);
  font-size:.82rem;
  line-height:1.72;
}
.blog-author-reply{
  margin:16px 0 0 22px;
  padding:16px 17px;
  border-left:2px solid var(--gold);
  border-radius:0 13px 13px 0;
  background:color-mix(in oklab,var(--gold) 5%,transparent);
}
.blog-author-reply-head{
  display:flex;
  align-items:center;
  gap:9px;
}
.blog-author-reply-mark{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--gold);
  color:#101006;
  font-family:var(--font-display);
  font-size:.67rem;
}
.blog-author-reply-head strong{
  display:block;
  color:var(--foreground);
  font-size:.72rem;
}
.blog-author-reply-head small{
  display:block;
  margin-top:1px;
  color:var(--gold);
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.12em;
}
.blog-author-reply p{
  margin:.7rem 0 0;
  color:var(--muted-foreground);
  font-size:.78rem;
  line-height:1.67;
}

.blog-comment-form{
  position:relative;
  display:grid;
  gap:14px;
  margin-top:26px;
  padding-top:25px;
  border-top:1px solid var(--border);
}
.blog-comment-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.blog-comment-form label{
  display:grid;
  gap:7px;
  color:var(--foreground);
  font-size:.68rem;
  font-weight:800;
}
.blog-comment-form label small{
  color:var(--muted-foreground);
  font-weight:500;
}
.blog-comment-form input[type="text"],
.blog-comment-form input[type="email"],
.blog-comment-form textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:11px;
  background:color-mix(in oklab,var(--background) 68%,transparent);
  color:var(--foreground);
  padding:12px 13px;
  outline:none;
}
.blog-comment-form textarea{
  min-height:130px;
  resize:vertical;
  line-height:1.6;
}
.blog-comment-form input:focus,
.blog-comment-form textarea:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 7%,transparent);
}
.blog-comment-privacy{
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:row;
  align-items:flex-start;
  gap:9px!important;
  color:var(--muted-foreground)!important;
  font-weight:500!important;
  line-height:1.55;
}
.blog-comment-privacy input{
  width:17px;
  min-width:17px;
  height:17px;
  margin:2px 0 0;
  accent-color:var(--primary);
}
.blog-comment-privacy a{color:var(--primary)}
.blog-comment-form-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.blog-comment-form-actions button{
  border:0;
  border-radius:999px;
  background:var(--primary);
  color:var(--primary-foreground);
  padding:11px 17px;
  font-size:.7rem;
  font-weight:900;
  cursor:pointer;
}
.blog-comment-form-actions button:disabled{opacity:.45;cursor:wait}
.blog-comment-form-actions span{
  color:var(--muted-foreground);
  font-size:.68rem;
}
.blog-comment-form-actions span.is-success{color:var(--primary)}
.blog-comment-form-actions span.is-error{color:#ff8f8f}
.sv-community-honeypot{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
}

/* ===== V24 · Panel privado de moderación ===== */
.sv-community-admin-page{
  min-height:100vh;
  background:var(--background);
}
.sv-admin-login-wrap{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
}
.sv-admin-login{
  width:min(480px,100%);
  padding:30px;
  border:1px solid var(--border);
  border-radius:22px;
  background:color-mix(in oklab,var(--surface) 62%,transparent);
}
.sv-admin-login h1,
.sv-admin-header h1{
  margin:.55rem 0 0;
  font-family:var(--font-display);
  font-size:2.5rem;
}
.sv-admin-login>p:not(.blog-kicker){
  color:var(--muted-foreground);
  font-size:.76rem;
  line-height:1.6;
}
.sv-admin-login label{
  display:grid;
  gap:7px;
  margin-top:20px;
  font-size:.7rem;
  font-weight:800;
}
.sv-admin-login input,
.sv-admin-reply textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--background);
  color:var(--foreground);
  padding:12px;
}
.sv-admin-login button,
.sv-admin-actions button,
.sv-admin-reply button{
  border:0;
  border-radius:999px;
  background:var(--primary);
  color:var(--primary-foreground);
  padding:10px 14px;
  font-size:.68rem;
  font-weight:900;
  cursor:pointer;
}
.sv-admin-login>button{margin-top:14px;width:100%}
.sv-admin-header{
  max-width:1180px;
  margin:0 auto;
  padding:34px 22px 18px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
}
.sv-admin-header-actions{
  display:flex;
  gap:8px;
}
.sv-admin-header-actions a{
  border:1px solid var(--border);
  border-radius:999px;
  padding:8px 12px;
  color:var(--muted-foreground);
  font-size:.67rem;
  text-decoration:none;
}
.sv-admin-main{
  max-width:1180px;
  margin:0 auto;
  padding:10px 22px 70px;
}
.sv-admin-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.sv-admin-stats a{
  padding:14px;
  border:1px solid var(--border);
  border-radius:14px;
  text-decoration:none;
  background:color-mix(in oklab,var(--surface) 44%,transparent);
}
.sv-admin-stats a.is-active{border-color:var(--primary)}
.sv-admin-stats strong{display:block;color:var(--gold);font-family:var(--font-display);font-size:1.5rem}
.sv-admin-stats span{display:block;color:var(--muted-foreground);font-size:.62rem}
.sv-admin-list{display:grid;gap:14px;margin-top:18px}
.sv-admin-comment{
  padding:20px;
  border:1px solid var(--border);
  border-radius:17px;
  background:color-mix(in oklab,var(--surface) 40%,transparent);
}
.sv-admin-comment-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
}
.sv-admin-comment-head strong{display:block;font-size:.82rem}
.sv-admin-comment-head span:not(.sv-admin-status){display:block;margin-top:2px;color:var(--muted-foreground);font-size:.62rem}
.sv-admin-status{
  align-self:flex-start;
  border:1px solid var(--border);
  border-radius:999px;
  padding:5px 8px;
  font-size:.56rem;
  font-weight:900;
  text-transform:uppercase;
}
.sv-admin-status.pending{color:var(--gold)}
.sv-admin-status.approved{color:var(--primary)}
.sv-admin-status.rejected{color:#ff8f8f}
.sv-admin-slug{margin:.6rem 0 0}
.sv-admin-slug a{color:var(--primary);font-size:.62rem}
.sv-admin-comment-body{
  margin-top:14px;
  padding:15px;
  border-radius:12px;
  background:var(--background);
  color:var(--muted-foreground);
  font-size:.76rem;
  line-height:1.65;
}
.sv-admin-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:13px;
}
.sv-admin-actions form{margin:0}
.sv-admin-actions button.secondary,
.sv-admin-reply button.secondary{background:transparent;color:var(--foreground);border:1px solid var(--border)}
.sv-admin-actions button.danger{background:#5c2222;color:#fff}
.sv-admin-reply{
  display:grid;
  gap:8px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--border);
}
.sv-admin-reply label{display:grid;gap:7px;color:var(--muted-foreground);font-size:.66rem;font-weight:800}
.sv-admin-reply textarea{min-height:90px;resize:vertical}
.sv-admin-reply>div{display:flex;gap:7px}
.sv-admin-alert{
  margin-top:14px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:11px;
  font-size:.7rem;
}
.sv-admin-alert.success{color:var(--primary);border-color:color-mix(in oklab,var(--primary) 35%,var(--border))}
.sv-admin-alert.error{color:#ff9a9a;border-color:#6a3232}
.sv-admin-empty{
  padding:24px;
  border:1px dashed var(--border);
  border-radius:14px;
  color:var(--muted-foreground);
  text-align:center;
  font-size:.72rem;
}

@media(max-width:920px){
  .sv-reactions{grid-template-columns:repeat(3,1fr)}
  .blog-community-head,
  .blog-comments-heading{grid-template-columns:1fr}
  .blog-community-live{width:max-content}
}
@media(max-width:640px){
  .sv-reactions{grid-template-columns:repeat(2,1fr)}
  .blog-comments-block{padding:20px}
  .blog-comment-form-grid{grid-template-columns:1fr}
  .sv-admin-stats{grid-template-columns:repeat(2,1fr)}
  .sv-admin-header{align-items:flex-start;flex-direction:column}
}


/* ===== V25 · Language switch in editorial navigation ===== */
.blog-nav>.sv-lang-switch{margin-left:auto}
@media(max-width:760px){
  .blog-nav>.sv-lang-switch{display:inline-flex!important}
  .blog-nav-links{gap:.72rem}
}