/* Composición exclusiva de Blog. Tipografía, botones, geometrías y layout base: CSS global. */
.blog-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
.blog-editorial .blog-eyebrow,.blog-consult .blog-eyebrow{color:var(--aqua)}
.blog-hero .hero-copy h1{max-width:690px}
.blog-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.blog-intro p{max-width:550px;font-size:15px}
.blog-intro p+p{margin-top:16px}
.blog-editorial .story-copy p{max-width:480px}
.blog-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 34px}
.blog-filters a{display:inline-flex;align-items:center;min-height:38px;padding:9px 16px;border:1px solid #d9dfeb;border-radius:50px;font-size:12px;font-weight:700;transition:background .2s,color .2s}
.blog-filters a:hover,.blog-filters a[aria-current="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.blog-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blog-article{display:flex;flex-direction:column;min-height:305px;padding:30px 26px;border:1px solid #dfe4ed;border-radius:18px;background:#f7f9fd}
.blog-article:nth-child(3n+2){background:#eef4ff}
.blog-article:nth-child(3n){background:#effaff}
.blog-article-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:36px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.1em}
.blog-article h3{font-size:clamp(19px,1.8vw,26px);line-height:1.2;margin-bottom:15px}
.blog-article p{font-size:13px;margin-bottom:22px}
.blog-planned{margin-top:auto;font-size:11px;color:#637087;font-weight:700}
.blog-disclaimer{margin-top:20px;font-size:12px;color:#637087}
.blog-perspective .process-copy h2{max-width:540px}
@media(max-width:900px){.blog-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article{min-height:270px}}
@media(max-width:640px){.blog-intro{grid-template-columns:1fr;gap:16px}.blog-article-grid{grid-template-columns:1fr}.blog-article{min-height:240px;padding:24px}.blog-article-top{margin-bottom:24px}.blog-filters{gap:7px}.blog-filters a{font-size:11px;padding:8px 12px}.blog-hero .hero-copy h1{font-size:clamp(21px,5vw,35px)}}