.blog-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:30px 0}
.blog-count{color:var(--muted);font-size:14px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#22233a,#151729);display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s}
.blog-card:hover{transform:translateY(-4px);border-color:rgba(0,240,160,.55)}
.blog-card-image{width:100%;aspect-ratio:16/9;object-fit:cover;background:#202137}
.blog-card-body{padding:22px;display:flex;flex-direction:column;flex:1}
.blog-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;margin-bottom:13px}
.blog-category{color:var(--green)}
.blog-card h2{font-size:20px;line-height:1.35;margin:0 0 12px}
.blog-excerpt{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-read{color:var(--green);font-weight:650;font-size:14px;margin-top:auto}
.blog-state{padding:35px 24px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--muted);text-align:center;line-height:1.7}
.blog-state.error{border-color:rgba(255,100,100,.4)}
.blog-article{max-width:900px;margin:auto}
.blog-back{display:inline-block;color:var(--green);margin-bottom:30px;font-size:14px}
.blog-article h1{font-size:clamp(32px,5vw,52px);line-height:1.12;letter-spacing:-1.5px;margin:12px 0 20px;overflow-wrap:anywhere}
.blog-article-image{width:100%;max-height:490px;object-fit:cover;border-radius:18px;margin:18px 0 28px}
.blog-article-content{color:var(--muted);font-size:16px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr}.blog-card-body{padding:19px}.blog-article-image{border-radius:12px}.blog-article-content{font-size:15px}}

/* Integración visual: mismas reglas de las páginas de Servicios */
.page-content{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:76px 0 86px;
  min-height:58vh;
}
.page-content .page-container{width:100%;margin:0 auto}
.page-hero{
  position:relative;
  overflow:hidden;
  padding:42px 0 52px;
  border-bottom:1px solid var(--line);
}
.page-hero:after{
  content:"";
  position:absolute;
  right:-8%;
  top:5%;
  width:42%;
  height:240px;
  background:radial-gradient(ellipse,rgba(0,240,160,.15),transparent 68%),radial-gradient(ellipse at 70% 45%,rgba(180,92,255,.2),transparent 65%);
  filter:blur(20px);
  pointer-events:none;
}
.page-eyebrow{
  color:var(--green);
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
}
.page-title{
  color:var(--white);
  font-size:clamp(38px,5vw,58px);
  line-height:1.08;
  letter-spacing:-2px;
  margin:16px 0;
  max-width:850px;
}
.page-title span{color:var(--green)}
.content-section{padding:48px 0 10px}
@media(max-width:800px){
  .page-content{width:calc(100% - 36px)}
}
@media(max-width:560px){
  .page-content{width:calc(100% - 32px);padding:48px 0 60px}
  .page-title{letter-spacing:-1.4px}
}