/* Blog – usa las variables y tipografías de styles.css */
.blog-hero{padding:90px 0 40px;text-align:center}
.blog-hero p.lead{color:var(--muted);font-size:19px;max-width:620px;margin:22px auto 0}
.blog-list-sec{padding:30px 0 110px}
.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 54px}
.filters button{font:inherit;font-size:13px;cursor:pointer;background:transparent;color:var(--blue);border:1px solid rgba(9,49,141,.4);padding:6px 16px;border-radius:999px;transition:.3s}
.filters button:hover,.filters button.on{background:var(--blue);color:var(--white)}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.card{display:flex;flex-direction:column;background:var(--pink-soft);padding:34px 32px;border-top:1px solid var(--blue);transition:.3s}
.card:hover{background:var(--pink);transform:translateY(-3px)}
.card .meta,.post-meta{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.card h3{margin:14px 0 12px}
.card p{color:var(--muted);font-size:16px;flex:1}
.card .more{margin-top:20px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.empty{text-align:center;color:var(--muted);grid-column:1/-1}

.post-sec{padding:80px 0 110px}
.post{max-width:720px;margin:0 auto}
.post .back{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);display:inline-block;margin-bottom:40px}
.post h1{font-size:clamp(38px,5.5vw,62px);margin:16px 0 34px}
.post-body p,.post-body ul{margin-bottom:22px;font-size:18px}
.post-body ul{padding-left:22px}
.post-body li{margin-bottom:8px}
.post-body h2{font-size:34px;margin:44px 0 16px}
.post-body blockquote{font-family:var(--serif);font-style:italic;color:var(--blue);font-size:28px;line-height:1.3;border-left:2px solid var(--pink);padding:6px 0 6px 26px;margin:38px 0}
.callout{background:var(--pink-soft);border-top:1px solid var(--blue);padding:34px 36px;margin:50px 0 10px}
.callout h3{margin-bottom:12px}
.callout p{margin-bottom:18px;font-size:17px}
.callout p:last-child{margin-bottom:0}
.post-cta{margin-top:60px;padding-top:36px;border-top:1px solid rgba(9,49,141,.15);text-align:center}
.post-cta p{color:var(--muted);margin-bottom:22px}
.logo-img{height:74px;width:auto;display:block}
@media(max-width:820px){nav ul{display:none}.blog-hero{padding:60px 0 30px}}