.focus-research-article {
  --fr-navy: #08142c;
  --fr-blue: #0b5cff;
  --fr-pink: #ff0a68;
  --fr-violet: #a911c4;
  --fr-ink-soft: #53617d;
  --fr-line: #dbe2f0;
  --fr-paper: #f7f8fc;
  margin: 0;
  background: #fff;
  color: var(--fr-navy);
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.focus-research-article .article-site-header { background: rgba(255,255,255,.92); border-bottom: 1px solid rgba(8,20,44,.08); backdrop-filter: blur(18px); }
.focus-research-article .article-page { overflow: hidden; }
.focus-research-article .article-hero { position: relative; padding: clamp(6.5rem, 10vw, 10rem) 0 clamp(3.5rem, 7vw, 7rem); background: #fff; }
.focus-research-article .article-hero-bg { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 84% 18%, rgba(255,10,104,.1), transparent 28%), linear-gradient(120deg, transparent 50%, rgba(11,92,255,.04)); }
.focus-research-article .article-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.02fr) minmax(320px,.98fr); gap: clamp(3rem,7vw,8rem); align-items: end; }
.focus-research-article .article-heading { max-width: 760px; }
.focus-research-article .article-back { display: inline-flex; gap: .55rem; align-items: center; margin-bottom: 2.1rem; color: var(--fr-pink); font-size: .78rem; font-weight: 700; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; }
.focus-research-article .article-meta { display: flex; flex-wrap: wrap; gap: .75rem 1.35rem; margin-bottom: 1.35rem; color: #66728b; font-size: .75rem; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.focus-research-article .article-meta span:first-child { color: var(--fr-pink); }
.focus-research-article .article-heading h1 { max-width: 850px; margin: 0; font-size: clamp(3rem,5.4vw,6.2rem); font-weight: 680; letter-spacing: -.067em; line-height: .96; text-wrap: balance; }
.focus-research-article .article-deck { max-width: 720px; margin: 1.65rem 0 0; color: var(--fr-ink-soft); font-size: clamp(1.05rem,1.45vw,1.35rem); line-height: 1.5; }
.focus-research-article .article-cover { position: relative; margin: 0; overflow: hidden; border-radius: 2px; aspect-ratio: 4/3; background: #eef1f8; }
.focus-research-article .article-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.focus-research-article .article-cover:hover img { transform: scale(1.035); }
.focus-research-article .article-cover figcaption { position: absolute; right: 0; bottom: 0; padding: .75rem 1rem; background: rgba(8,20,44,.88); color: white; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }

.focus-research-article .article-layout { display: grid; grid-template-columns: minmax(130px,.42fr) minmax(0,1.42fr) minmax(220px,.58fr); gap: clamp(2rem,5vw,5.5rem); padding-top: clamp(4rem,7vw,7rem); padding-bottom: clamp(5rem,9vw,9rem); align-items: start; }
.focus-research-article .article-rail, .focus-research-article .article-summary { position: sticky; top: 7.5rem; font-size: .82rem; line-height: 1.55; }
.focus-research-article .article-rail { display: grid; gap: .45rem; color: #69748a; }
.focus-research-article .article-rail strong { color: var(--fr-navy); }
.focus-research-article .article-rail a { color: var(--fr-pink); text-decoration: none; font-weight: 650; }
.focus-research-article .rail-label { text-transform: uppercase; letter-spacing: .1em; font-size: .68rem; }
.focus-research-article .rail-rule { width: 1px; height: 74px; margin: .65rem 0; background: linear-gradient(var(--fr-pink), var(--fr-blue)); }
.focus-research-article .article-summary { padding: 1.4rem 0 1.4rem 1.4rem; border-left: 1px solid var(--fr-line); color: var(--fr-ink-soft); }
.focus-research-article .article-summary .eyebrow { margin: 0 0 .7rem; color: var(--fr-pink); }
.focus-research-article .article-summary p { margin: 0 0 1.1rem; }

.focus-research-article .article-body { min-width: 0; color: #263654; font-size: clamp(1.06rem,1.25vw,1.2rem); line-height: 1.78; }
.focus-research-article .article-body > p:first-of-type { color: var(--fr-navy); font-size: clamp(1.25rem,1.75vw,1.6rem); line-height: 1.55; }
.focus-research-article .article-body h2 { margin: 3.5rem 0 1.1rem; color: var(--fr-navy); font-size: clamp(2rem,3vw,3.25rem); line-height: 1.05; letter-spacing: -.045em; }
.focus-research-article .article-body h3 { margin: 2.6rem 0 1rem; font-size: 1.55rem; letter-spacing: -.02em; }
.focus-research-article .article-body a { color: var(--fr-pink); }
.focus-research-article .article-body img { max-width: 100%; height: auto; border-radius: 2px; }
.focus-research-article .article-body blockquote { margin: 3rem 0; padding: .5rem 0 .5rem 2rem; border-left: 4px solid var(--fr-pink); color: var(--fr-navy); font-size: 1.45rem; line-height: 1.45; }
.focus-research-article .article-body iframe { display: block; width: 100%; aspect-ratio: 16/9; height: auto; border: 0; }
.focus-research-article .avia-iframe-wrap { margin: 2.5rem 0; }

.focus-research-article .article-end { background: var(--fr-paper); border-top: 1px solid var(--fr-line); border-bottom: 1px solid var(--fr-line); }
.focus-research-article .article-end-inner { display: flex; justify-content: space-between; gap: 3rem; align-items: end; padding-top: clamp(3.5rem,6vw,6rem); padding-bottom: clamp(3.5rem,6vw,6rem); }
.focus-research-article .article-end h2 { margin: .7rem 0 0; font-size: clamp(2.2rem,4vw,4.6rem); letter-spacing: -.06em; line-height: .98; }
.focus-research-article .article-end h2 span { color: var(--fr-pink); }
.focus-research-article .related-stories { padding: clamp(5rem,8vw,8rem) 0; }
.focus-research-article .related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; }
.focus-research-article .related-card { overflow: hidden; border-top: 1px solid var(--fr-line); }
.focus-research-article .related-image { display: block; aspect-ratio: 16/10; overflow: hidden; background: #eef1f8; }
.focus-research-article .related-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.focus-research-article .related-card:hover .related-image img { transform: scale(1.045); }
.focus-research-article .related-card > div { padding: 1.25rem 0; }
.focus-research-article .related-card > div > span { color: var(--fr-pink); font-size: .72rem; font-weight: 700; }
.focus-research-article .related-card h3 { margin: .55rem 0 1rem; font-size: 1.2rem; line-height: 1.2; }
.focus-research-article .related-card h3 a { color: inherit; text-decoration: none; }

/* Alternativa 1: editorial limpio */
.fr-blog-v1 .article-hero-grid { grid-template-columns: 1fr; }
.fr-blog-v1 .article-heading { max-width: 1050px; }
.fr-blog-v1 .article-cover { aspect-ratio: 16/7; margin-top: 1rem; }
.fr-blog-v1 .article-cover img { object-position: center 35%; }

/* Alternativa 2: portada de revista */
.fr-blog-v2 .article-hero { min-height: 820px; display: flex; align-items: center; background: linear-gradient(135deg,#fff 0 61%,#f1f5ff 61%); }
.fr-blog-v2 .article-heading h1 { font-size: clamp(3.4rem,5.5vw,6.8rem); }
.fr-blog-v2 .article-cover { aspect-ratio: 3/4; box-shadow: 28px 28px 0 rgba(255,10,104,.08); }
.fr-blog-v2 .article-layout { grid-template-columns: minmax(0,1fr) minmax(0,2.2fr); max-width: 1120px; }
.fr-blog-v2 .article-summary { display: none; }
.fr-blog-v2 .article-rail { padding-top: .5rem; }

/* Alternativa 3: dossier de investigación */
.fr-blog-v3 .article-hero { min-height: 780px; background: var(--fr-navy); color: white; }
.fr-blog-v3 .article-hero-bg { background: radial-gradient(circle at 72% 24%, rgba(255,10,104,.24), transparent 26%), linear-gradient(100deg, transparent, rgba(11,92,255,.14)); }
.fr-blog-v3 .article-back, .fr-blog-v3 .article-meta span:first-child { color: #ff4f91; }
.fr-blog-v3 .article-meta, .fr-blog-v3 .article-deck { color: #c7d0e2; }
.fr-blog-v3 .article-cover { aspect-ratio: 16/11; transform: translateY(5.5rem); box-shadow: 0 35px 75px rgba(0,0,0,.3); }
.fr-blog-v3 .article-cover figcaption { background: var(--fr-pink); }
.fr-blog-v3 .article-layout { padding-top: 10rem; grid-template-columns: minmax(160px,.48fr) minmax(0,1.55fr); max-width: 1160px; }
.fr-blog-v3 .article-summary { display: none; }
.fr-blog-v3 .article-rail { padding: 1.4rem; background: var(--fr-paper); border-top: 4px solid var(--fr-pink); }

.design-preview-switcher { position: fixed; z-index: 10000; right: 22px; bottom: 22px; width: 220px; padding: 14px; border: 1px solid rgba(255,255,255,.35); border-radius: 15px; background: rgba(8,20,44,.92); color: white; box-shadow: 0 18px 55px rgba(8,20,44,.24); backdrop-filter: blur(16px); font-family: Geist, sans-serif; }
.design-preview-switcher > span { display: block; margin-bottom: 9px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.design-preview-switcher > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }
.design-preview-switcher button { height: 34px; border: 1px solid rgba(255,255,255,.28); border-radius: 8px; background: transparent; color: white; font: inherit; cursor: pointer; }
.design-preview-switcher button[aria-pressed="true"] { border-color: var(--fr-pink,#ff0a68); background: var(--fr-pink,#ff0a68); }
.design-preview-switcher small { display: block; margin-top: 8px; color: #c7d0e2; font-size: 11px; }

@media (max-width: 980px) {
  .focus-research-article .article-hero-grid, .fr-blog-v2 .article-hero-grid, .fr-blog-v3 .article-hero-grid { grid-template-columns: 1fr; }
  .fr-blog-v2 .article-hero { min-height: auto; background: #fff; }
  .fr-blog-v2 .article-cover, .fr-blog-v3 .article-cover { aspect-ratio: 16/10; transform: none; box-shadow: none; }
  .focus-research-article .article-layout, .fr-blog-v2 .article-layout, .fr-blog-v3 .article-layout { grid-template-columns: 1fr; padding-top: 4rem; }
  .focus-research-article .article-rail { position: static; grid-template-columns: auto auto 1fr auto; align-items: center; }
  .focus-research-article .rail-rule { width: auto; height: 1px; margin: 0; }
  .focus-research-article .article-summary { display: none; }
  .focus-research-article .related-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .focus-research-article .article-hero { padding-top: 7rem; }
  .focus-research-article .article-heading h1 { font-size: clamp(2.6rem,13vw,4.2rem); }
  .focus-research-article .article-cover, .fr-blog-v1 .article-cover { aspect-ratio: 4/3; }
  .focus-research-article .article-rail { grid-template-columns: 1fr auto; }
  .focus-research-article .rail-rule { display: none; }
  .focus-research-article .article-end-inner { display: grid; }
  .focus-research-article .related-grid { grid-template-columns: 1fr; }
  .design-preview-switcher { right: 10px; bottom: 10px; width: 190px; }
}