/* Integración con WordPress: el resto del diseño se conserva en site.css. */
.media-content { display: flex; min-width: 0; overflow: hidden; background: #24113d; }
.media-content:not(.hero-frame) { position: relative; }
.slot-image, .slot-video { display: block; width: 100%; height: 100%; min-width: 0; }
.media-content > .slot-image, .media-content > .slot-video { position: absolute; inset: 0; }
.slot-image { object-fit: cover; }
.slot-video { object-fit: contain; background: #17110d; }
.media-content.short-frame { padding: 0; }
.media-content.hero-frame { padding: 0; }
.media-content.gallery-frame { padding: 0; border: 0; }
.story-thumbnail { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.story-image-link { display: block; }
.story-content .story-link { margin-top: auto; }
.article-shell { width: min(840px, 88%); margin: 0 auto; padding: 70px 0 90px; min-height: 60vh; }
.article-content h1, .article-shell > h1 { font-family: var(--display); font-size: clamp(34px, 6vw, 66px); letter-spacing: -1.5px; line-height: 1.1; overflow-wrap: anywhere; }
.article-date { margin-top: 32px; }
.article-cover { display: block; width: 100%; height: auto; margin: 28px 0; }
.entry-content { font-size: 18px; line-height: 1.8; overflow-wrap: anywhere; }
.entry-content > * { max-width: 100%; }
.entry-content img, .entry-content video, .entry-content iframe { max-width: 100%; }
.entry-content img, .entry-content video { height: auto; }
.entry-content a { text-decoration: underline; text-underline-offset: 3px; }
.entry-content figure { margin-right: 0; margin-left: 0; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content td, .entry-content th { padding: 10px; border: 1px solid var(--line); }
.navigation.pagination { margin-top: 35px; }
.page-numbers { display: inline-block; padding: 10px; }
.page-numbers.current { background: var(--purple); color: #fff; }
body.admin-bar .skip-link:focus { top: 44px; }
video:focus-visible { outline: 3px solid var(--paper); outline-offset: -5px; }
