.article-header__title,
.article-header__details,
.article-content { width: min(calc(100% - 2rem), var(--article-width)); margin-inline: auto; }
.article-header__title { margin-bottom: 2rem; }
.article-header__title .category-label { margin-bottom: 1rem; }
.article-header h1 { max-width: 980px; margin: .85rem 0 1.25rem; color: var(--color-heading); font-family: var(--font-heading); font-size: clamp(calc(2.7rem * var(--heading-scale)), calc(6vw * var(--heading-scale)), calc(5.4rem * var(--heading-scale))); letter-spacing: -.045em; line-height: .98; }
.article-header__media { width: min(calc(100% - 2rem), var(--content-width)); margin: 0 auto; overflow: hidden; border-radius: calc(var(--image-radius) * .75); background: #e5e7eb; }
.article-header__media img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.article-header__details { padding-top: 2rem; }
.article-lead { margin: 0; color: var(--color-heading); font-family: var(--font-heading); font-size: clamp(1.25rem, 2.2vw, 1.6rem); line-height: 1.45; }
.article-content { padding-top: var(--space-lg); font-family: var(--font-body); font-size: calc(var(--font-body-size) * 1.1); }
.article-content h2, .article-content h3 { line-height: 1.2; }
.article-content blockquote { margin-inline: 0; padding-left: 1.5rem; border-left: 4px solid var(--color-primary); color: var(--color-heading); font-family: var(--font-heading); font-size: 1.3em; }
.article-content figcaption { color: var(--color-muted); font-size: .8rem; }
.article--wide .article-header__title,
.article--wide .article-header__details,
.article--wide .article-content { width: min(calc(100% - 2rem), var(--article-wide-width)); }
.article--wide .article-header__media { width: min(calc(100% - 2rem), 1360px); }
.article--wide .article-content { font-size: calc(var(--font-body-size) * 1.15); }
.article-header--page .article-header__title { margin-bottom: 2.5rem; }
.article-header--page + .article-content { padding-top: 0; }
.article-advertisement { width: min(calc(100% - 2rem), var(--content-width)); margin: var(--space-lg) auto 0; }
.continuous-article + .continuous-advertisement,
.continuous-advertisement + .continuous-article { margin-top: 5rem; }
.continuous-article:not(:first-child) { padding-top: 5rem; border-top: 1px solid #e4e7ec; }
.continuous-sentinel { width: min(calc(100% - 2rem), var(--article-width)); min-height: 10rem; display: grid; place-items: center; margin: 3rem auto; color: var(--color-muted); }
.continuous-sentinel.is-loading span::before { content: ""; display: inline-block; width: .8rem; height: .8rem; margin-right: .6rem; border: 2px solid #d0d5dd; border-top-color: var(--color-primary); border-radius: 50%; animation: periodico-spin .8s linear infinite; }
.continue-reading-button { padding: .8rem 1.2rem; border: 1px solid var(--color-primary); border-radius: .4rem; background: var(--color-primary); color: #fff; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
@keyframes periodico-spin { to { transform: rotate(360deg); } }
