.story-embed{margin:32px 0;padding:24px;border:1px solid var(--line);background:var(--paper);text-align:center}.story-embed button{background:var(--blue);color:white;border:0;padding:12px 18px;border-radius:6px;cursor:pointer;font:600 14px var(--sans)}.story-embed p,.story-embed a{font:12px/1.6 var(--sans)}.story-embed a{text-decoration:underline}.story-embed iframe{display:block;width:100%;border:0;background:white}.story-youtube{aspect-ratio:16/9}.story-x{height:650px;max-width:550px;margin:auto}.story-image{margin:32px 0}.story-image img{width:100%;height:auto}.story-image figcaption{font:12px/1.6 var(--sans);color:var(--muted);padding-top:10px}.article-body blockquote{margin:30px 0;padding:12px 24px;border-left:4px solid var(--blue);font:700 25px/1.5 var(--display);color:var(--ink)}.story-tags{display:flex;gap:8px;flex-wrap:wrap}.story-tags span{background:var(--box);border-radius:20px;padding:6px 12px;font:12px var(--sans)}.live-entry{border-top:1px solid var(--line);padding-top:20px}.live-entry time{font:600 13px var(--sans);color:var(--blue)}

.article-format-column>.article-media{max-width:160px;margin:0 auto 24px}.article-format-column>.article-media img{width:130px;height:130px;border-radius:50%;object-fit:cover;object-position:center 25%;margin:auto}.article-format-column>.article-media figcaption{text-align:center;padding:8px 0}.article-format-column .article-header{text-align:center}.article-format-column .article-header .lead{margin-left:auto;margin-right:auto}

/* Journalist profiles share the site's typography, without an extra navigation layer. */
.author-page{max-width:1120px;margin:0 auto;padding-top:32px;padding-bottom:64px}
.author-back{font-size:13px;color:var(--blue,#0d47c0)}
.author-header{padding:38px 0 30px;border-bottom:3px solid #142236}
.author-header h1{font-family:Saira,sans-serif;font-size:clamp(36px,6vw,64px);line-height:1.1;margin:8px 0 14px}
.author-role{font-size:18px;color:#526171;margin:0}
.author-bio{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;padding:32px 0 40px;border-bottom:1px solid #dce2e9}
.author-bio h2,.author-stories>h2{font-family:Saira,sans-serif;font-size:24px;margin:0}
.author-bio p{font-size:16px;line-height:1.85;margin:0 0 18px}
.author-bio p:last-child{margin-bottom:0}
.author-stories{padding-top:32px}
.author-empty{color:#526171;padding:24px 0}
.author-story{padding:26px 0;border-bottom:1px solid #dce2e9;max-width:820px}
.author-story h3{font-family:Saira,sans-serif;font-size:27px;line-height:1.2;margin:8px 0 12px}
.author-story>p:not(.meta):not(.eyebrow){line-height:1.65}
.author-pagination{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}
.meta a[rel=author]{text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.author-page{padding-top:24px}.author-header{padding-top:26px}.author-bio{grid-template-columns:1fr;gap:16px;padding:24px 0}.author-bio p{font-size:15px}.author-stories>h2{font-size:22px}}

.author-header-with-photo{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:32px}
.author-portrait{display:block;width:180px;height:auto;aspect-ratio:1103/1426;object-fit:contain;border-radius:4px}
.author-bio strong{font-weight:700;color:var(--ink,#142236)}
@media(max-width:640px){.author-header-with-photo{grid-template-columns:1fr;gap:22px}.author-portrait{width:140px}}

.story-instagram{display:block;width:100%;max-width:540px;height:760px;border:0;margin:0 auto;background:#fff}

img.image-focus{object-position:var(--focus-x,50%) var(--focus-y,50%)!important}
.focus-x-0{--focus-x:0%}.focus-y-0{--focus-y:0%}
.focus-x-5{--focus-x:5%}.focus-y-5{--focus-y:5%}
.focus-x-10{--focus-x:10%}.focus-y-10{--focus-y:10%}
.focus-x-15{--focus-x:15%}.focus-y-15{--focus-y:15%}
.focus-x-20{--focus-x:20%}.focus-y-20{--focus-y:20%}
.focus-x-25{--focus-x:25%}.focus-y-25{--focus-y:25%}
.focus-x-30{--focus-x:30%}.focus-y-30{--focus-y:30%}
.focus-x-35{--focus-x:35%}.focus-y-35{--focus-y:35%}
.focus-x-40{--focus-x:40%}.focus-y-40{--focus-y:40%}
.focus-x-45{--focus-x:45%}.focus-y-45{--focus-y:45%}
.focus-x-50{--focus-x:50%}.focus-y-50{--focus-y:50%}
.focus-x-55{--focus-x:55%}.focus-y-55{--focus-y:55%}
.focus-x-60{--focus-x:60%}.focus-y-60{--focus-y:60%}
.focus-x-65{--focus-x:65%}.focus-y-65{--focus-y:65%}
.focus-x-70{--focus-x:70%}.focus-y-70{--focus-y:70%}
.focus-x-75{--focus-x:75%}.focus-y-75{--focus-y:75%}
.focus-x-80{--focus-x:80%}.focus-y-80{--focus-y:80%}
.focus-x-85{--focus-x:85%}.focus-y-85{--focus-y:85%}
.focus-x-90{--focus-x:90%}.focus-y-90{--focus-y:90%}
.focus-x-95{--focus-x:95%}.focus-y-95{--focus-y:95%}
.focus-x-100{--focus-x:100%}.focus-y-100{--focus-y:100%}

/* Inline editorial links share their appearance in previews and published articles. */
.article-body a{color:var(--blue);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;overflow-wrap:anywhere}
.article-body a:hover{color:var(--blue-dark);text-decoration-thickness:2px}
.article-body a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}

/* Perfil editorial: identidad y biografía juntas, archivo visual debajo. */
.author-header{padding:28px 0 36px;border-bottom:1px solid var(--line)}
.author-header-with-photo{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:36px}
.author-portrait{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px;object-position:50% 40%}
.author-header h1{font-size:clamp(32px,4vw,48px)}
.author-role{color:var(--blue);font-size:14px;font-weight:700}
.author-biography{margin-top:20px;font-size:15px;line-height:1.8;color:#526171}
.author-biography p{margin:0 0 14px}.author-biography p:last-child{margin-bottom:0}
.author-story{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;max-width:none}
.author-story-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px}
.author-story-copy>.eyebrow{margin-top:0}.author-story-copy>p:not(.meta):not(.eyebrow){line-height:1.65;color:#526171}
.author-story:not(:has(.author-story-image)) .author-story-copy{grid-column:1/-1}
@media(max-width:640px){.author-header-with-photo{grid-template-columns:1fr;gap:20px}.author-portrait{width:180px}.author-story{grid-template-columns:100px minmax(0,1fr);gap:16px}.author-story h3{font-size:21px}.author-story-image img{aspect-ratio:1}.author-story-copy>p:not(.meta):not(.eyebrow){display:none}.author-story .meta{font-size:11px}.author-story .eyebrow{font-size:10px}}
.author-portrait[src*="/authors/eloy-collazos.jpg"]{object-position:28% center}
