.archive-content{width:min(100% - 8.4vw,1600px);margin:0 auto;padding:20px 0 80px;font-family:var(--font-sans)}
.archive-intro{max-width:720px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.8)}
.archive-networks{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 36px;color:#fff}
.archive-networks button{padding:12px 17px;border:1px solid rgba(255,255,255,.35);background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.archive-networks [aria-pressed=true]{background:#eeeae1;color:#051e3c;border-color:#eeeae1;font-weight:700}
.archive-entry-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;color:#fff}
.archive-toolbar h2{margin:0;font-size:32px;letter-spacing:-.03em}
.archive-toolbar label{display:flex;gap:12px;align-items:center;font-size:14px}
.archive-toolbar select{padding:12px;max-width:100%;border:1px solid #ccc;background:#eeeae1;color:#051e3c;font:inherit}
#archive-status{color:rgba(255,255,255,.75);font-size:14px;line-height:1.6}
.archive-posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:28px 0}
.archive-post{width:100%;display:flex;flex-direction:column;min-width:0;aspect-ratio:4/5;padding:20px;background:#eeeae1;color:#181714;align-self:stretch;overflow-wrap:anywhere}
.archive-post h3{margin:15px 0;font-size:21px;line-height:1.4;letter-spacing:-.02em}
.archive-date{margin:0;font-size:12px;line-height:1.5;text-align:left}
.archive-post a{color:#8f2327;text-decoration:underline;text-underline-offset:3px}
.archive-media{margin:4px 0 14px}
.archive-media img{display:block;width:100%;height:150px;object-fit:contain}
.archive-media iframe{width:100%;aspect-ratio:16/9;border:0}
.archive-post details{margin:0 0 10px;font-size:14px;line-height:1.6}
.archive-post summary{cursor:pointer;font-weight:700}
.archive-description{white-space:pre-wrap;max-height:105px;overflow:auto;margin:10px 0 0;padding-right:6px}
.archive-media button,#archive-more{padding:13px 20px;border:1px solid currentColor;color:#051e3c;background:#fff;font:inherit;cursor:pointer}
#archive-more{display:block;margin:30px auto;background:#eeeae1}
#archive-more[hidden],.archive-media button[hidden]{display:none}
.archive-content :focus-visible{outline:3px solid #dc655c;outline-offset:4px}
.archive-note{margin-top:36px;color:rgba(255,255,255,.7);font-size:13px;line-height:1.6}
body[data-section=ahora] .archive-page .social-profile-links{grid-template-columns:repeat(5,minmax(0,1fr));flex-basis:550px}
body[data-section=ahora] .archive-page .article-header.social-lab-hero{align-items:center;gap:40px;padding-bottom:38px}
body[data-section=ahora] .archive-page .social-lab-identity h1{font-size:clamp(32px,3.5vw,56px);line-height:1.08;text-transform:none;max-width:720px}
.archive-post>a:last-child{margin-top:auto;padding-top:16px;font-size:14px}
@media(max-width:1100px){.archive-posts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.archive-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.archive-content{width:calc(100% - 36px);padding-top:0}.archive-posts{grid-template-columns:1fr;gap:18px}.archive-post{padding:20px;aspect-ratio:auto}.archive-media img{height:180px}.archive-toolbar{align-items:flex-start;gap:18px}.archive-toolbar label{align-items:flex-start;flex-direction:column}.archive-networks{gap:8px;margin:22px 0 30px}.archive-networks button{padding:10px 12px;font-size:13px}body[data-section=ahora] .archive-page .social-profile-links{width:100%;flex-basis:auto}.archive-intro{font-size:16px}}

/* Image and description share a row; the source link stays below the image. */
.archive-post{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(205px,1fr) auto;column-gap:14px;align-content:start}
.archive-date{grid-column:1/-1;grid-row:1}
.archive-post h3{grid-column:1/-1;grid-row:2}
.archive-media{grid-column:1;grid-row:3;min-width:0;margin:0}
.archive-media img{height:205px;object-position:left top}
.archive-media iframe{height:205px;aspect-ratio:auto}
.archive-media button{font-size:12px;padding:10px;max-width:100%}
.archive-post details{grid-column:2;grid-row:3;min-width:0;margin:0;align-self:start}
.archive-post summary{font-size:12px}
.archive-description{max-height:180px;margin-top:8px;font-size:13px;line-height:1.55}
.archive-post:not(:has(.archive-media)) details{grid-column:1/-1}
.archive-post>a:last-child{grid-column:1;grid-row:4;margin-top:0;padding-top:16px;font-size:12px;align-self:end}
@media(max-width:580px){.archive-post{grid-template-rows:auto auto minmax(205px,1fr) auto}.archive-media img{height:205px}}

/* Natural card heights; the link follows the image rather than the text column. */
.archive-post{aspect-ratio:auto;align-self:start;grid-template-rows:auto auto auto auto}
.archive-media{align-self:start}
.archive-media img{width:auto;max-width:100%;height:auto;max-height:205px}
.archive-media>a{display:block;margin-top:6px;font-size:12px;line-height:1.5}
.archive-post>a:last-child{padding-top:6px;align-self:start}
.archive-media .archive-video-preview{position:relative;display:block;width:100%;padding:0;border:0;background:#051e3c}
.archive-video-preview img{width:100%;height:auto;display:block}
.archive-video-play{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:30px;text-shadow:0 1px 7px #000;background:rgba(0,0,0,.12)}
@media(max-width:580px){.archive-post{grid-template-rows:auto auto auto auto}.archive-media img{height:auto;max-height:205px}}