/* Estilos adicionales solo para blog y páginas de texto (no afectan a las páginas de eventos) */
.blog, .blog-post { padding-top: clamp(130px, 16vw, 180px); }
.blog-cats { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: -10px 0 40px; }
.blog-cats a { padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(138,168,245,.3); font-weight: 700; font-size: 14px; }
.blog-cats a.is-active, .blog-cats a:hover { background: var(--blue-2, #8AA8F5); color: #000928; }
.blog-card__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.blog-card__media img { width: 100%; height: 100%; object-fit: cover; }
.blog-date { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .7; margin: 0 0 8px; }
.card__title a { color: inherit; }
.blog-empty { text-align: center; opacity: .8; }
.blog-pages { display: flex; justify-content: center; gap: 24px; margin-top: 46px; font-weight: 700; }
.blog-pages span { opacity: .5; }
.blog-post__inner { max-width: 820px; }
.blog-back { display: inline-block; margin-bottom: 24px; font-weight: 700; opacity: .8; }
.blog-post__image { margin: 30px 0; border-radius: 22px; overflow: hidden; }
.blog-post__image img { width: 100%; height: auto; display: block; }
.blog-post .prose img { max-width: 100%; height: auto; border-radius: 14px; }
.page-content { padding-top: clamp(130px, 16vw, 180px); }
.page-content .prose h2 { margin: 1.6em 0 .5em; }