.nearby-hero--article > img { height: clamp(300px, 36vw, 550px); }
.nearby-article-page--scrolled .desktop-nav { top: 43px; }
.life-article { --article-width: 1211px; overflow: hidden; background: var(--paper); color: var(--navy); }
/* La franja termina antes de la foto; el título permanece dentro del azul. */
.life-article__intro { position: relative; isolation: isolate; padding: 58px 24px 0; }
.life-article__intro::before { content: ""; position: absolute; z-index: -1; inset: 0 0 auto; height: 418px; background: var(--navy); }
.life-article__intro::after { content: ""; position: absolute; top: 244px; right: -25px; width: 234px; height: 174px; background: url('/assets/figma/desktop-elemento-grafico-correccion2.png') center / contain no-repeat; opacity: .35; pointer-events: none; }
.life-article__intro-inner, .life-article__layout { display: grid; grid-template-columns: minmax(0, 717fr) minmax(0, 469fr); gap: 25px; width: min(100%, var(--article-width)); margin: auto; }
.life-article__intro-copy { grid-column: 2; grid-row: 1; min-width: 0; }
.life-article__intro h1 { display: flex; align-items: end; min-height: 360px; margin: 0; padding: 0 0 30px; color: #fff; font-size: max(13px, calc(50px * var(--content-text-scale, 1))); font-style: italic; font-weight: 400; line-height: 1.2; }
.life-article__intro h1 strong { font-weight: 700; }
.life-article__lead { max-width: 34ch; margin-top: 10px; color: #1e1e1e; font-size: max(13px, calc(22px * var(--content-text-scale, 1))); line-height: 1.2; }
.life-article__byline { margin-top: 14px; font-size: max(13px, calc(22px * var(--content-text-scale, 1))); font-style: italic; line-height: 1.2; }
.life-article__intro-image { grid-column: 1; grid-row: 1; display: block; width: 100%; height: 584px; object-fit: cover; }
.life-article--city .life-article__intro-image { object-position: center 66%; }
.life-article--culture .life-article__intro-image { object-position: center 45%; }
.life-article--pet .life-article__intro-image { object-position: center 46%; }
.life-article__layout { align-items: start; padding: 47px 0 35px; width: min(calc(100% - 48px), var(--article-width)); }
.life-article__body, .life-article__aside { min-width: 0; }
.life-article__prose p { color: #1e1e1e; font-size: max(13px, calc(22px * var(--content-text-scale, 1))); font-style: italic; line-height: 1.2; }
.life-article__prose p + p { margin-top: 0; }
.life-article__prose h2 { margin: 30px 0 26px; color: var(--navy); font-size: max(13px, calc(30px * var(--content-text-scale, 1))); font-style: italic; font-weight: 400; line-height: 1.2; }
.life-article__prose h2 strong { font-weight: 700; }
.life-article__prose > strong { display: block; margin-top: 26px; font-size: max(13px, calc(30px * var(--content-text-scale, 1))); font-style: italic; line-height: 1.2; }
.life-article__photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; margin: 36px 0; }
.life-article__photos img { display: block; width: 100%; height: 308px; object-fit: cover; }
.life-article__photos img:last-child { object-position: center 58%; }
.life-article__photos .life-article__photo--mobile { display: none; }
.life-article__related { display: grid; gap: 63px; }
.life-article__recommendation { display: grid; grid-template-columns: minmax(0, 222fr) minmax(0, 222fr); gap: 25px; align-items: center; }
.life-article__recommendation-image { overflow: hidden; }
.life-article__recommendation:first-child img { transform: scale(1.6); transform-origin: 65% 42%; }
.life-article__recommendation img { width: 100%; height: 270px; object-fit: cover; }
.life-article__recommendation h3 { font-size: max(13px, calc(30px * var(--content-text-scale, 1))); font-style: italic; font-weight: 400; line-height: 1.28; }
.life-article__recommendation a { display: inline-block; margin-top: 30px; font-size: max(13px, calc(30px * var(--content-text-scale, 1))); font-style: italic; line-height: 1.2; }
.life-article__recommendation a:hover { text-decoration: underline; text-underline-offset: 5px; }
.life-article__featured { display: block; width: 100%; height: 608px; margin-top: 26px; object-fit: cover; }
.life-article__return { display: none; }
@media (min-width: 801px) and (max-width: 1250px) {
  .life-article__intro h1 { font-size: max(13px, calc(clamp(34px, 3.7vw, 46px) * var(--content-text-scale, 1))); }
  .life-article__prose p, .life-article__lead, .life-article__byline { font-size: max(13px, calc(clamp(17px, 1.7vw, 21px) * var(--content-text-scale, 1))); }
  .life-article__recommendation h3, .life-article__recommendation a { font-size: max(13px, calc(clamp(20px, 2.3vw, 28px) * var(--content-text-scale, 1))); }
  .life-article__recommendation { gap: 18px; }
  .life-article__intro::after { right: -90px; }
}
@media (max-width: 800px) {
  .nearby-hero--article > img { height: 140px; }
  .nearby-article-page .site-header { position: relative; }
  .life-article__intro { padding: 0 20px; }
  .life-article__intro::before, .life-article__intro::after { display: none; }
  .life-article__intro-inner { display: flex; flex-direction: column; gap: 24px; }
  .life-article__intro-copy { display: contents; }
  .life-article__intro h1 { order: -2; align-self: stretch; min-height: 0; margin: 0 -20px; padding: 28px 20px; background: var(--navy); font-size: max(13px, calc(clamp(28px, 7.7vw, 38px) * var(--content-text-scale, 1))); }
  .life-article__intro-image { order: -1; height: 240px; border-radius: 12px; }
  .life-article__lead { max-width: none; margin-top: 0; font-size: max(13px, calc(17px * var(--content-text-scale, 1))); line-height: 1.45; }
  .life-article__byline { align-self: stretch; margin-top: -12px; font-size: max(13px, calc(16px * var(--content-text-scale, 1))); }
  .life-article__layout { grid-template-columns: 1fr; width: calc(100% - 40px); gap: 42px; padding: 32px 0 40px; }
  .life-article__prose p { font-size: max(13px, calc(16px * var(--content-text-scale, 1))); font-style: normal; line-height: 1.65; }
  .life-article__prose p + p { margin-top: 14px; }
  .life-article__prose h2 { margin: 32px 0 18px; font-size: max(13px, calc(27px * var(--content-text-scale, 1))); }
  .life-article__prose > strong { font-size: max(13px, calc(27px * var(--content-text-scale, 1))); }
  /* Una fila manual conserva las fotos sin apilarlas ni añadir animaciones. */
  .life-article__photos { display: flex; gap: 12px; overflow-x: auto; margin: 30px -20px; padding: 0 20px 12px; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; }
  .life-article__photos img, .life-article__photos .life-article__photo--mobile { display: block; flex: 0 0 86%; width: 86%; height: 220px; border-radius: 10px; scroll-snap-align: start; }
  .life-article__photos:focus-visible { outline: 2px solid var(--navy); outline-offset: -2px; }
  .life-article__featured { display: none; }
  .life-article__related { gap: 20px; padding-top: 24px; border-top: 1px solid #d1cfcf; }
  .life-article__recommendation { grid-template-columns: 82px minmax(0, 1fr); gap: 18px; }
  .life-article__recommendation img { width: 82px; height: 96px; border-radius: 8px; }
  .life-article__recommendation h3 { font-size: max(13px, calc(21px * var(--content-text-scale, 1))); line-height: 1.25; }
  .life-article__recommendation a { margin-top: 12px; font-size: max(13px, calc(20px * var(--content-text-scale, 1))); }
  .life-article__return { display: block; width: fit-content; margin-top: 30px; text-decoration: underline; text-underline-offset: 4px; }
}