/* Entradas de la guía (inc/articulo.php). Solo se carga en entradas que no son guías de ciudad. */
.juky-editorial .juky-article { padding-top: clamp(1.75rem, 4vw, 3.5rem); }

/* ---------- Cabecera: texto a la izquierda, foto a la derecha ---------- */
.juky-editorial .juky-article__header {
  column-gap: clamp(2rem, 5vw, 4.5rem); display: grid; grid-template-columns: minmax(0, 1fr);
  margin-bottom: clamp(2rem, 5vw, 3.5rem); max-width: 52rem !important; padding-bottom: 0; text-align: left;
}
.juky-editorial .juky-article__header > * { grid-column: 1; margin-block: 0; margin-inline: 0 !important; max-width: none !important; }
.juky-editorial .juky-article__header:has(.ja-hero) { align-items: center; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); max-width: 1160px !important; }
.juky-editorial .juky-article__header .juky-kicker { justify-content: flex-start; margin-bottom: 1.1rem; }
.juky-editorial .juky-article__header .juky-kicker a {
  background: #dcebf3; border-radius: 99px; color: var(--juky-atlantic); display: inline-block; font-size: .72rem;
  font-weight: 800; letter-spacing: .08em; padding: .4rem .85rem; text-decoration: none;
}
.juky-editorial .juky-article__header .juky-kicker a:hover { background: var(--juky-atlantic); color: #fff; }
.juky-editorial .juky-article__header > .wp-block-post-title {
  font-size: clamp(2.1rem, 4.3vw, 3.6rem); letter-spacing: -.045em; line-height: 1.04; text-wrap: balance;
}
.juky-editorial .ja-standfirst { order: 1; }
.juky-editorial .juky-article__meta { order: 2; }
.juky-editorial .ja-standfirst { color: var(--juky-muted); font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.55; margin-top: 1.25rem; max-width: 46ch !important; }
.juky-editorial .juky-article__meta { color: var(--juky-muted); font-size: .78rem; font-weight: 700; justify-content: flex-start; letter-spacing: .04em; margin-top: 1.5rem; }

.juky-editorial .ja-hero { grid-column: 2; grid-row: 1 / span 5; margin: 0; position: relative; }
.juky-editorial .ja-hero::before {
  aspect-ratio: 4 / 3; background: var(--juky-yellow); border-radius: 1.6rem; content: ""; left: 0; position: absolute; top: 0; width: 100%;
  transform: rotate(-3deg) translate(-.6rem, .5rem); z-index: 0;
}
.juky-editorial .ja-hero::after {
  background: var(--juky-red); border-radius: 55% 45% 62% 38%; content: ""; height: 2.6rem; position: absolute;
  right: -1rem; top: -1rem; transform: rotate(-12deg); width: 7rem; z-index: 2;
}
.juky-editorial .ja-hero img { aspect-ratio: 4 / 3; border-radius: 1.4rem; display: block; height: auto; object-fit: cover; position: relative; width: 100%; z-index: 1; }
.juky-editorial .ja-hero figcaption { color: var(--juky-muted); font-size: .82rem; line-height: 1.45; margin-top: 1.1rem; position: relative; z-index: 1; }
.juky-editorial .ja-hero figcaption a { color: var(--juky-atlantic); font-weight: 800; }

/* ---------- Cuerpo ---------- */
.juky-editorial .juky-article__body { padding-top: 0; }
.juky-editorial .juky-article__body > .entry-content { color: #26322d; font-size: 1.125rem; line-height: 1.75; margin-inline: auto !important; max-width: 44rem !important; }
.juky-editorial .entry-content > * { margin-block: 0 1.25em; }
.juky-editorial .entry-content > p.has-large-font-size {
  border: 0; color: var(--juky-ink); font-size: clamp(1.25rem, 2.2vw, 1.5rem) !important; font-weight: 650;
  letter-spacing: -.015em; line-height: 1.45; margin-bottom: 1.5em; padding: 0;
}
.juky-editorial .entry-content h2 {
  font-size: clamp(1.55rem, 2.7vw, 2.1rem); letter-spacing: -.035em; line-height: 1.12; margin: 2.6em 0 .7em; scroll-margin-top: 6.5rem; text-wrap: balance;
}
.juky-editorial .entry-content h2::before {
  background: var(--juky-red); border-radius: 99px; content: ""; display: block; height: .32rem; margin-bottom: .9rem;
  transform: rotate(-2deg); transform-origin: left; width: 2.6rem;
}
.juky-editorial .entry-content h3 {
  background: linear-gradient(transparent 62%, #f1ec86 0); color: var(--juky-ink); font-size: 1.28rem; letter-spacing: -.02em;
  line-height: 1.3; margin: 2em 0 .5em; padding-inline: .15rem; width: fit-content;
}
.juky-editorial .entry-content a { color: var(--juky-ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--juky-red); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.juky-editorial .entry-content a:hover { color: var(--juky-red-action); }
.juky-editorial .entry-content > ul { list-style: none; padding: 0; }
.juky-editorial .entry-content > ul > li { margin-bottom: .8em; padding-left: 1.5rem; position: relative; }
.juky-editorial .entry-content > ul > li::before { background: var(--juky-red); border-radius: 50%; content: ""; height: .5rem; left: .15rem; position: absolute; top: .68em; width: .5rem; }
.juky-editorial .entry-content > ul > li > strong:first-child { color: var(--juky-ink); }
.juky-editorial .entry-content figure.wp-block-image { margin-block: 2.25em; }
.juky-editorial .entry-content figure.wp-block-image img { border-radius: 1.25rem; display: block; height: auto; width: 100%; }
.juky-editorial .entry-content figure.wp-block-image figcaption { border-left: 3px solid var(--juky-yellow); color: var(--juky-muted); font-size: .85rem; line-height: 1.45; margin: .9rem 0 0; padding-left: .8rem; text-align: left; }

/* Índice */
.juky-editorial .ja-toc { background: #fff; border: 1px solid var(--juky-line); border-radius: 1.1rem; margin-block: 0 2.5em; padding: 1.15rem 1.35rem 1.25rem; }
.juky-editorial .ja-toc strong { color: var(--juky-atlantic); display: block; font-size: .72rem; letter-spacing: .1em; margin-bottom: .7rem; text-transform: uppercase; }
.juky-editorial .ja-toc ol { column-gap: 2rem; columns: 2; counter-reset: toc; list-style: none; margin: 0; padding: 0; }
.juky-editorial .ja-toc li { break-inside: avoid; counter-increment: toc; font-size: .95rem; line-height: 1.35; margin: 0; padding: .32rem 0 .32rem 1.7rem; position: relative; }
.juky-editorial .ja-toc li::before { color: var(--juky-red-action); content: counter(toc); font-size: .8rem; font-weight: 800; left: 0; position: absolute; top: .42rem; }
.juky-editorial .ja-toc a { font-weight: 650; text-decoration: none; }
.juky-editorial .ja-toc a:hover { text-decoration: underline; text-decoration-color: var(--juky-red); }

/* Productos dentro del texto y fuentes */
.juky-editorial .entry-content .juky-escaparate { margin-block: 2.5em; }
.juky-editorial .entry-content .juky-escaparate a { text-decoration: none; }
.juky-editorial .entry-content .juky-escaparate__more a { color: var(--juky-atlantic); font-weight: 800; }
.juky-editorial .entry-content .juky-fuentes { background: var(--juky-ivory); border-radius: .9rem; color: var(--juky-muted); font-size: .84rem; line-height: 1.7; margin-top: 3.5em; padding: 1rem 1.2rem; }
.juky-editorial .entry-content .juky-fuentes a { color: var(--juky-muted); font-weight: 600; text-decoration-color: var(--juky-line); text-decoration-thickness: 1px; }
.juky-editorial .entry-content .juky-fuentes strong { color: var(--juky-ink); }

/* ---------- Seguí leyendo ---------- */
.ja-related { border-top: 1px solid var(--juky-line); margin: clamp(3rem, 7vw, 5rem) auto 0; max-width: 1160px; padding-top: clamp(2rem, 4vw, 3rem); }
.ja-related__head { align-items: baseline; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; justify-content: space-between; margin-bottom: 1.5rem; }
.ja-related__head h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); letter-spacing: -.04em; line-height: 1.1; margin: 0; }
.ja-related__head a { color: var(--juky-atlantic); font-size: .92rem; font-weight: 800; }
.ja-related__grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ja-related__item { background: #fff; border: 1px solid var(--juky-line); border-radius: 1.1rem; color: var(--juky-ink); display: flex; flex-direction: column; gap: .45rem; overflow: hidden; padding-bottom: 1.1rem; text-decoration: none; transition: transform .15s, box-shadow .15s; }
.ja-related__item:hover { box-shadow: 0 12px 28px rgba(23, 33, 29, .12); color: var(--juky-ink); transform: translateY(-3px); }
.ja-related__item:focus-visible { outline: 3px solid var(--juky-atlantic); outline-offset: 3px; }
.ja-related__media { align-items: center; aspect-ratio: 3 / 2; background: #dcebf3; display: grid; font-size: 2.5rem; justify-items: center; margin-bottom: .5rem; overflow: hidden; }
.ja-related__media img { height: 100%; object-fit: cover; width: 100%; }
.ja-related__cat { color: var(--juky-atlantic); font-size: .7rem; font-weight: 800; letter-spacing: .08em; padding-inline: 1.1rem; text-transform: uppercase; }
.ja-related__item strong { font-size: 1.12rem; letter-spacing: -.02em; line-height: 1.25; padding-inline: 1.1rem; }
.ja-related__more { color: var(--juky-red-action); font-size: .86rem; font-weight: 800; margin-top: auto; padding: .4rem 1.1rem 0; }

@media (min-width: 1000px) {
  /* Fotos y productos respiran más que el texto. */
  .juky-editorial .entry-content > figure.wp-block-image,
  .juky-editorial .entry-content > .juky-escaparate { margin-inline: -5rem; }
}
@media (max-width: 860px) {
  .juky-editorial .juky-article__header:has(.ja-hero) { grid-template-columns: minmax(0, 1fr); }
  .juky-editorial .ja-hero { grid-column: 1; grid-row: auto; margin: 2rem .5rem 0 .6rem; order: 3; }
  .juky-editorial .ja-hero::after { height: 2rem; right: -.6rem; width: 5rem; }
  .ja-related__grid { grid-template-columns: 1fr; }
  .ja-related__item { display: grid; gap: .2rem .9rem; grid-template-columns: 7rem minmax(0, 1fr); padding: 0; }
  .ja-related__media { aspect-ratio: 1; grid-row: 1 / span 3; margin: 0; }
  .ja-related__cat, .ja-related__item strong, .ja-related__more { padding-inline: 0 1rem; }
  .ja-related__cat { padding-top: .9rem; }
  .ja-related__item strong { font-size: 1rem; }
  .ja-related__more { margin: 0; padding-bottom: .9rem; }
}
@media (max-width: 600px) {
  .juky-editorial .juky-article__body > .entry-content { font-size: 1.06rem; line-height: 1.7; }
  .juky-editorial .ja-toc ol { columns: 1; }
}
@media (prefers-reduced-motion: reduce) { .ja-related__item { transition: none; } }