.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4205 .elementor-element.elementor-element-8e774d5{--grid-columns:3;}@media(max-width:1024px){.elementor-4205 .elementor-element.elementor-element-8e774d5{--grid-columns:2;}}@media(max-width:767px){.elementor-4205 .elementor-element.elementor-element-8e774d5{--grid-columns:1;}}/* Start custom CSS *//* ============ Ficha de Inspiración — calcada del mockup ============
   https://literary-escapes-map.lovable.app/inspiracion/ciudades-turismo-literario
   Hero 76svh · introducción a dos columnas con índice en caja · un bloque por
   elemento de la lista, con la imagen alternando lado · caja de cierre y
   «Sigue leyendo». Medido a 1440. */
[id^="in-"] { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[id^="in-"] * { border-radius: 0; }

/* ---------- Hero: 76svh, min 500 ---------- */
#in-hero {
  position: relative; display: flex; align-items: flex-end;
  height: 76svh; min-height: 500px;
  padding: 0 !important; margin: 0;
  background-color: var(--color-ink); overflow: hidden;
}
#in-foto { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; }
#in-foto .elementor-widget-container, #in-foto figure, #in-foto a { height: 100%; }
#in-foto img { width: 100%; height: 100%; object-fit: cover; display: block;
               filter: saturate(1.03) contrast(1.02); }
#in-hero::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to right,
    color-mix(in srgb, var(--color-ink) 82%, transparent) 0%,
    color-mix(in srgb, var(--color-ink) 55%, transparent) 45%,
    color-mix(in srgb, var(--color-ink) 15%, transparent) 100%);
}
#in-hero-txt {
  position: relative; z-index: 1;
  flex-direction: column !important; align-items: flex-start !important;
  justify-content: flex-end !important; gap: 0 !important;
  width: 100%; max-width: 1400px; margin: 0 auto;
  padding: 0 40px 64px !important;
}
#in-hero-txt > * { flex: 0 0 auto; }
#in-migas p.elementor-heading-title {
  margin: 0; font-family: var(--font-body); font-size: 0.7rem; font-weight: 400;
  letter-spacing: 0.22em; text-transform: uppercase; line-height: 1.5;
  color: var(--color-gold);
}
#in-titulo { margin-top: 16px; }
#in-titulo h1.elementor-heading-title {
  margin: 0; max-width: 24ch; font-family: var(--font-display); font-weight: 400;
  font-size: clamp(2.4rem, 6vw, 5rem); line-height: 0.98; letter-spacing: -0.015em;
  color: var(--color-ink-foreground);
}
#in-meta { margin-top: 24px; }
#in-meta p.elementor-heading-title {
  margin: 0; font-family: var(--font-body); font-size: 0.82rem; font-weight: 400;
  letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.5;
  color: color-mix(in srgb, var(--color-ink-foreground) 75%, transparent);
}

/* ---------- Introducción: 96/40, 1.05fr / 0.95fr, gap 56 ---------- */
#in-intro { padding: 96px 0 !important; background-color: var(--color-background); }
#in-intro-in {
  display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px;
  align-items: start; width: 100%; max-width: 1400px; margin: 0 auto;
  padding: 0 40px !important;
}
#in-intro-txt {
  flex-direction: column !important; align-items: stretch !important;
  gap: 0 !important; padding: 0 !important; min-width: 0;
}
#in-intro-txt > * { flex: 0 0 auto; }
/* La entradilla: filete dorado de 48x1 encima, como el `rule-gold` del mockup */
#in-entradilla p {
  margin: 0; font-family: var(--font-display); font-weight: 400;
  font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.3;
  color: var(--color-text);
}
#in-entradilla p::before {
  content: ""; display: block; width: 48px; height: 1px;
  margin-bottom: 20px; background-color: var(--color-gold);
}
#in-intro-cuerpo { margin-top: 32px; }
#in-intro-cuerpo p {
  margin: 0 0 20px; font-family: var(--font-body); font-size: 1.02rem;
  line-height: 1.75; color: var(--color-text-muted);
}
#in-intro-cuerpo p:last-child { margin-bottom: 0; }
#in-intro-cuerpo strong { font-weight: 500; color: var(--color-text); }
#in-intro-cuerpo a, #in-b01-cuerpo a, #in-b02-cuerpo a, #in-b03-cuerpo a,
#in-b04-cuerpo a, #in-b05-cuerpo a, #in-cta-p a {
  color: var(--color-gold-deep); text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--color-gold) 50%, transparent);
  text-underline-offset: 3px; transition: text-decoration-color .25s ease;
}
#in-intro-cuerpo a:hover, #in-b01-cuerpo a:hover, #in-b02-cuerpo a:hover,
#in-b03-cuerpo a:hover, #in-b04-cuerpo a:hover, #in-b05-cuerpo a:hover {
  text-decoration-color: var(--color-gold);
}

/* --- La caja del índice --- */
#in-indice-caja {
  flex-direction: column !important; align-items: stretch !important;
  gap: 0 !important; padding: 32px !important; margin-top: 16px;
  align-self: start; min-width: 0;
  border: 1px solid var(--color-border);
  background-color: var(--color-surface);
}
#in-indice-caja > * { flex: 0 0 auto; }
#in-eb-indice p.elementor-heading-title {
  margin: 0; font-family: var(--font-body); font-size: 0.6875rem; font-weight: 400;
  letter-spacing: 0.22em; text-transform: uppercase; line-height: 1.5;
  color: var(--color-gold-deep);
}
#in-indice { margin-top: 24px; }
#in-indice ol { list-style: none; margin: 0; padding: 0; }
#in-indice li {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 12px; margin-bottom: 12px;
}
#in-indice li:last-child { margin-bottom: 0; }
/* El índice del mockup no es navegable; aquí sí lo es, que para eso está */
#in-indice a {
  display: flex; gap: 16px; font-family: var(--font-body); font-size: 0.95rem;
  line-height: 1.5; color: var(--color-text); text-decoration: none;
  transition: color .25s ease;
}
#in-indice a:hover { color: var(--color-gold-deep); }
#in-indice .in-num {
  flex: 0 0 auto; font-family: var(--font-display);
  font-size: 1.25rem; line-height: 1.4; color: var(--color-gold-deep);
}
#in-indice .in-idx-s {
  display: block; margin-top: 2px; font-size: 0.8rem; line-height: 1.5;
  color: var(--color-text-muted);
}

/* ---------- Un bloque por elemento de la lista ---------- */
#in-b01, #in-b02, #in-b03, #in-b04, #in-b05 { padding: 80px 0 !important; }
#in-b01, #in-b03, #in-b05 {
  background-color: var(--color-sand);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
#in-b02, #in-b04 { background-color: var(--color-background); }
#in-b01-in, #in-b02-in, #in-b03-in, #in-b04-in, #in-b05-in {
  display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 48px;
  align-items: start; width: 100%; max-width: 1400px; margin: 0 auto;
  padding: 0 40px !important;
}
#in-b01-fig, #in-b02-fig, #in-b03-fig, #in-b04-fig, #in-b05-fig {
  flex-direction: column !important; align-items: stretch !important;
  gap: 0 !important; padding: 0 !important; margin: 0; min-width: 0;
}
#in-b01-fig > *, #in-b02-fig > *, #in-b03-fig > *, #in-b04-fig > *, #in-b05-fig > * { flex: 0 0 auto; }
#in-b01-img, #in-b02-img, #in-b03-img, #in-b04-img, #in-b05-img { margin: 0; }
#in-b01-img img, #in-b02-img img, #in-b03-img img, #in-b04-img img, #in-b05-img img {
  display: block; width: 100%; height: 380px; object-fit: cover;
  filter: saturate(1.03) contrast(1.02);
}
#in-b01-pie, #in-b02-pie, #in-b03-pie, #in-b04-pie, #in-b05-pie { margin-top: 12px; }
#in-b01-pie p, #in-b02-pie p, #in-b03-pie p, #in-b04-pie p, #in-b05-pie p {
  margin: 0; font-family: var(--font-body); font-size: 0.78rem;
  line-height: 1.625; color: var(--color-text-muted);
}
#in-b01-pie em, #in-b02-pie em, #in-b03-pie em, #in-b04-pie em, #in-b05-pie em { font-style: normal; }
#in-b01-txt, #in-b02-txt, #in-b03-txt, #in-b04-txt, #in-b05-txt {
  flex-direction: column !important; align-items: stretch !important;
  gap: 0 !important; padding: 0 !important; min-width: 0;
}
#in-b01-txt > *, #in-b02-txt > *, #in-b03-txt > *, #in-b04-txt > *, #in-b05-txt > * { flex: 0 0 auto; }
#in-b01-eb p.elementor-heading-title, #in-b02-eb p.elementor-heading-title,
#in-b03-eb p.elementor-heading-title, #in-b04-eb p.elementor-heading-title,
#in-b05-eb p.elementor-heading-title {
  margin: 0; font-family: var(--font-body); font-size: 0.6875rem; font-weight: 400;
  letter-spacing: 0.22em; text-transform: uppercase; line-height: 1.5;
  color: var(--color-gold-deep);
}
[id^="bloque-"] { margin-top: 16px; scroll-margin-top: 100px; }
[id^="bloque-"] h2.elementor-heading-title {
  margin: 0; max-width: 26ch; font-family: var(--font-display); font-weight: 400;
  font-size: clamp(1.7rem, 3vw, 2.6rem); line-height: 1.08; letter-spacing: -0.015em;
  color: var(--color-text);
}
#in-b01-cuerpo, #in-b02-cuerpo, #in-b03-cuerpo, #in-b04-cuerpo, #in-b05-cuerpo { margin-top: 24px; }
#in-b01-cuerpo p, #in-b02-cuerpo p, #in-b03-cuerpo p,
#in-b04-cuerpo p, #in-b05-cuerpo p {
  margin: 0 0 20px; font-family: var(--font-body); font-size: 0.98rem;
  line-height: 1.75; color: var(--color-text-muted);
}
#in-b01-cuerpo p:last-child, #in-b02-cuerpo p:last-child, #in-b03-cuerpo p:last-child,
#in-b04-cuerpo p:last-child, #in-b05-cuerpo p:last-child { margin-bottom: 0; }
#in-b01-cuerpo strong, #in-b02-cuerpo strong, #in-b03-cuerpo strong,
#in-b04-cuerpo strong, #in-b05-cuerpo strong { font-weight: 500; color: var(--color-text); }
/* Las etiquetas de autores y obras */
#in-b01-tags, #in-b02-tags, #in-b03-tags, #in-b04-tags, #in-b05-tags { margin-top: 28px; }
ul.in-tags { display: flex; flex-wrap: wrap; column-gap: 12px; row-gap: 8px;
             list-style: none; margin: 0; padding: 0; }
ul.in-tags li {
  padding: 6px 12px; border: 1px solid var(--color-border);
  font-family: var(--font-body); font-size: 0.72rem; letter-spacing: 0.12em;
  line-height: 1.5; color: var(--color-text);
}

/* ---------- La caja de cierre ---------- */
/* La sección va a sangre para que su fondo llegue a los bordes; la que topa
   en 1320 es la caja, como en el mockup (1400 menos los 40 de aire). */
#in-cta { padding: 96px 40px !important; background-color: var(--color-background); }
#in-cta-caja {
  flex-direction: column !important; align-items: flex-start !important;
  gap: 0 !important; padding: 56px !important;
  width: 100%; max-width: 1320px; margin: 0 auto;
  border: 1px solid var(--color-border); background-color: var(--color-surface);
}
#in-cta-caja > * { flex: 0 0 auto; }
#in-cta-eb p.elementor-heading-title {
  margin: 0; font-family: var(--font-body); font-size: 0.6875rem; font-weight: 400;
  letter-spacing: 0.22em; text-transform: uppercase; line-height: 1.5;
  color: var(--color-gold-deep);
}
#in-cta-h2 { margin-top: 16px; }
#in-cta-h2 h2.elementor-heading-title {
  margin: 0; max-width: 28ch; font-family: var(--font-display); font-weight: 400;
  font-size: clamp(1.7rem, 3vw, 2.6rem); line-height: 1.08; letter-spacing: -0.015em;
  color: var(--color-text);
}
#in-cta-p { margin-top: 24px; }
#in-cta-p p {
  margin: 0; max-width: 672px; font-family: var(--font-body); font-size: 0.98rem;
  line-height: 1.75; color: var(--color-text-muted);
}
#in-cta-p strong { font-weight: 500; color: var(--color-text); }
#in-cta-bts {
  flex-direction: row !important; flex-wrap: wrap; align-items: center !important;
  gap: 16px; margin-top: 32px; padding: 0 !important;
  width: 100% !important;
}
#in-cta-b1, #in-cta-b2 {
  flex: 0 0 auto !important; width: fit-content !important;
  flex-direction: row !important; align-items: center !important; gap: 12px;
  padding: 15px 28px !important; text-decoration: none;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}
#in-cta-b1 { background-color: var(--color-gold); color: var(--color-text-on-gold); }
#in-cta-b1:hover { background-color: var(--color-gold-deep); color: var(--color-ink-foreground); }
#in-cta-b2 { border: 1px solid var(--color-border); color: var(--color-text); }
#in-cta-b2:hover { border-color: var(--color-gold); color: var(--color-gold-deep); }
#in-cta-b1 p.elementor-heading-title, #in-cta-b2 p.elementor-heading-title {
  margin: 0; font-family: var(--font-body); font-size: 0.875rem; font-weight: 400;
  letter-spacing: 0.08em; line-height: 1.4; color: inherit;
}
#in-cta-b1 p.elementor-heading-title::after, #in-cta-b2 p.elementor-heading-title::after {
  content: ""; display: inline-block; width: 16px; height: 16px;
  margin-left: 12px; vertical-align: -3px; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- «Sigue leyendo» ---------- */
#in-fin { padding: 96px 0 !important; background-color: var(--color-sand); }
#in-fin-in {
  flex-direction: column !important; align-items: stretch !important; gap: 0 !important;
  width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 40px !important;
}
#in-fin-in > * { flex: 0 0 auto; }
#in-fin-head {
  flex-direction: row !important; flex-wrap: wrap; align-items: flex-end !important;
  justify-content: space-between; gap: 24px; padding: 0 !important;
}
#in-fin-head-txt {
  flex: 0 1 auto !important; width: auto !important; max-width: 576px;
  flex-direction: column !important; align-items: flex-start !important;
  gap: 0 !important; padding: 0 !important;
}
#in-fin-head-txt > * { flex: 0 0 auto; }
#in-fin-eb p.elementor-heading-title {
  margin: 0; font-family: var(--font-body); font-size: 0.6875rem; font-weight: 400;
  letter-spacing: 0.22em; text-transform: uppercase; line-height: 1.5;
  color: var(--color-gold-deep);
}
#in-fin-h2 h2.elementor-heading-title {
  margin: 16px 0 0; font-family: var(--font-display); font-weight: 400;
  font-size: clamp(1.9rem, 3.4vw, 3rem); line-height: 1.06; letter-spacing: -0.015em;
  color: var(--color-text);
}
#in-fin-link {
  flex: 0 0 auto !important; width: fit-content !important;
  flex-direction: row !important; align-items: center !important; gap: 8px;
  padding: 0 0 6px !important; color: var(--color-gold-deep);
  text-decoration: none; transition: color .25s ease, gap .25s ease;
}
#in-fin-link:hover { color: var(--color-text); gap: 12px; }
#in-fin-link p.elementor-heading-title {
  margin: 0; font-family: var(--font-body); font-size: 0.875rem; font-weight: 400;
  letter-spacing: 0.06em; line-height: 1.4; color: inherit;
}
#in-fin-link p.elementor-heading-title::after {
  content: ""; display: inline-block; width: 16px; height: 16px;
  margin-left: 8px; vertical-align: -3px; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}
#in-fin-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px; margin-top: 48px; padding: 0 !important;
}
#in-t1, #in-t2, #in-t3 {
  flex-direction: column !important; align-items: stretch !important;
  gap: 0 !important; padding: 0 !important;
  border: 1px solid var(--color-border); background-color: var(--color-surface);
  text-decoration: none; overflow: hidden; transition: border-color .25s ease;
}
#in-t1 > *, #in-t2 > *, #in-t3 > * { flex: 0 0 auto; }
#in-t1:hover, #in-t2:hover, #in-t3:hover { border-color: var(--color-gold); }
#in-t1-img, #in-t2-img, #in-t3-img { margin: 0; overflow: hidden; }
#in-t1-img img, #in-t2-img img, #in-t3-img img {
  display: block; width: 100%; height: 224px; object-fit: cover;
  filter: saturate(1.03) contrast(1.02);
  transition: transform .7s cubic-bezier(.2,.6,.2,1);
}
#in-t1:hover #in-t1-img img, #in-t2:hover #in-t2-img img,
#in-t3:hover #in-t3-img img { transform: scale(1.04); }
#in-t1-cuerpo, #in-t2-cuerpo, #in-t3-cuerpo {
  flex-direction: column !important; align-items: flex-start !important;
  gap: 0 !important; padding: 24px !important;
}
#in-t1-cuerpo > *, #in-t2-cuerpo > *, #in-t3-cuerpo > * { flex: 0 0 auto; }
#in-t1-k p.elementor-heading-title, #in-t2-k p.elementor-heading-title,
#in-t3-k p.elementor-heading-title {
  margin: 0; font-family: var(--font-body); font-size: 0.68rem; font-weight: 400;
  letter-spacing: 0.2em; text-transform: uppercase; line-height: 1.5;
  color: var(--color-gold-deep);
}
#in-t1-h, #in-t2-h, #in-t3-h { margin-top: 12px; }
#in-t1-h h3.elementor-heading-title, #in-t2-h h3.elementor-heading-title,
#in-t3-h h3.elementor-heading-title {
  margin: 0; font-family: var(--font-display); font-weight: 400;
  font-size: 1.5rem; line-height: 1.375; letter-spacing: -0.015em;
  color: var(--color-text);
}
#in-t1-d, #in-t2-d, #in-t3-d { margin-top: 12px; }
#in-t1-d p.elementor-heading-title, #in-t2-d p.elementor-heading-title,
#in-t3-d p.elementor-heading-title {
  margin: 0; font-family: var(--font-body); font-size: 0.875rem; font-weight: 400;
  line-height: 1.625; color: var(--color-text-muted);
}

/* ---------- Cortes ---------- */
@media (max-width: 1024px) {
  #in-hero { height: 76svh; min-height: 460px; }
  #in-hero-txt { padding: 0 24px 56px !important; }
  #in-intro { padding: 80px 0 !important; }
  #in-intro-in { grid-template-columns: 1fr; gap: 48px; padding: 0 24px !important; }
  #in-indice-caja { margin-top: 0; }
  #in-b01, #in-b02, #in-b03, #in-b04, #in-b05 { padding: 64px 0 !important; }
  #in-b01-in, #in-b02-in, #in-b03-in, #in-b04-in, #in-b05-in {
    grid-template-columns: 1fr; gap: 32px; padding: 0 24px !important;
  }
  /* En una columna la imagen va siempre arriba, también en los pares */
  #in-b02-in > [id$="-fig"], #in-b04-in > [id$="-fig"] { order: -1; }
  #in-cta { padding: 80px 24px !important; }
  #in-cta-caja { padding: 40px !important; }
  #in-fin { padding: 80px 0 !important; }
  #in-fin-in { padding: 0 24px !important; }
  #in-fin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  #in-hero { height: auto; min-height: 440px; }
  #in-hero-txt { padding: 0 20px 48px !important; }
  #in-intro { padding: 56px 0 !important; }
  #in-intro-in { padding: 0 20px !important; }
  #in-indice-caja { padding: 24px !important; }
  #in-b01, #in-b02, #in-b03, #in-b04, #in-b05 { padding: 48px 0 !important; }
  #in-b01-in, #in-b02-in, #in-b03-in, #in-b04-in, #in-b05-in { padding: 0 20px !important; }
  #in-b01-img img, #in-b02-img img, #in-b03-img img,
  #in-b04-img img, #in-b05-img img { height: 260px; }
  #in-cta { padding: 56px 20px !important; }
  #in-cta-caja { padding: 28px !important; }
  #in-cta-bts { gap: 12px; }
  #in-cta-b1, #in-cta-b2 { width: 100% !important; justify-content: center; }
  #in-fin { padding: 56px 0 !important; }
  #in-fin-in { padding: 0 20px !important; }
  #in-fin-head { align-items: flex-start !important; }
  #in-fin-grid { grid-template-columns: 1fr; margin-top: 32px; }
}

/* ===================================================================
   Piezas que solo aparecen en algunas de las seis entradas
   =================================================================== */

/* Un bloque sin imagen ocupa una sola columna, con el ancho de lectura */
#in-b01-in:not(:has(img)), #in-b02-in:not(:has(img)),
#in-b03-in:not(:has(img)), #in-b04-in:not(:has(img)),
#in-b05-in:not(:has(img)), #in-b06-in:not(:has(img)),
#in-b07-in:not(:has(img)) { grid-template-columns: minmax(0, 820px); }

/* Las bandas sexta y séptima siguen alternando el fondo */
#in-b06, #in-b07 { padding: 80px 0 !important; }
#in-b07 {
  background-color: var(--color-sand);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
#in-b06 { background-color: var(--color-background); }
#in-b06-in, #in-b07-in {
  display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 48px;
  align-items: start; width: 100%; max-width: 1400px; margin: 0 auto;
  padding: 0 40px !important;
}
#in-b06-fig, #in-b07-fig, #in-b06-txt, #in-b07-txt {
  flex-direction: column !important; align-items: stretch !important;
  gap: 0 !important; padding: 0 !important; margin: 0; min-width: 0;
}
#in-b06-fig > *, #in-b07-fig > *, #in-b06-txt > *, #in-b07-txt > * { flex: 0 0 auto; }
#in-b06-img, #in-b07-img { margin: 0; }
#in-b06-img img, #in-b07-img img {
  display: block; width: 100%; height: 380px; object-fit: cover;
  filter: saturate(1.03) contrast(1.02);
}
#in-b06-pie, #in-b07-pie { margin-top: 12px; }
#in-b06-pie p, #in-b07-pie p {
  margin: 0; font-family: var(--font-body); font-size: 0.78rem;
  line-height: 1.625; color: var(--color-text-muted);
}
#in-b06-eb p.elementor-heading-title, #in-b07-eb p.elementor-heading-title {
  margin: 0; font-family: var(--font-body); font-size: 0.6875rem; font-weight: 400;
  letter-spacing: 0.22em; text-transform: uppercase; line-height: 1.5;
  color: var(--color-gold-deep);
}
#in-b06-cuerpo, #in-b07-cuerpo { margin-top: 24px; }
#in-b06-cuerpo p, #in-b07-cuerpo p {
  margin: 0 0 20px; font-family: var(--font-body); font-size: 0.98rem;
  line-height: 1.75; color: var(--color-text-muted);
}
#in-b06-cuerpo p:last-child, #in-b07-cuerpo p:last-child { margin-bottom: 0; }
#in-b06-cuerpo strong, #in-b07-cuerpo strong { font-weight: 500; color: var(--color-text); }
#in-b06-cuerpo a, #in-b07-cuerpo a {
  color: var(--color-gold-deep); text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--color-gold) 50%, transparent);
  text-underline-offset: 3px;
}

/* La ficha de datos del original («Libro:», «Duración:»…), en caja */
ul.in-datos {
  list-style: none; margin: 28px 0 0; padding: 24px;
  border: 1px solid var(--color-border); background-color: var(--color-surface);
}
ul.in-datos li {
  display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 10px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent);
  font-family: var(--font-body); font-size: 0.9rem; line-height: 1.6;
  color: var(--color-text);
}
ul.in-datos li:first-child { padding-top: 0; }
ul.in-datos li:last-child { padding-bottom: 0; border-bottom: 0; }
ul.in-datos strong {
  flex: 0 0 128px; font-weight: 400; font-size: 0.6875rem;
  letter-spacing: 0.16em; text-transform: uppercase; line-height: 2.1;
  color: var(--color-gold-deep);
}

/* Una lista de enlaces suelta (los libros recomendados) */
ul.in-lista { list-style: none; margin: 24px 0 0; padding: 0; }
ul.in-lista li {
  padding: 12px 0; border-bottom: 1px solid var(--color-border);
  font-family: var(--font-display); font-size: 1.125rem; line-height: 1.4;
  color: var(--color-text);
}
ul.in-lista li:last-child { border-bottom: 0; }
ul.in-lista a {
  color: var(--color-text); text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--color-gold) 50%, transparent);
  text-underline-offset: 4px; transition: color .25s ease;
}
ul.in-lista a:hover { color: var(--color-gold-deep); }
/* Los píxeles de rastreo de Amazon que arrastra el original */
ul.in-lista img, ul.in-datos img, [id$="-cuerpo"] img[width="1"] { display: none; }

@media (max-width: 1024px) {
  #in-b06, #in-b07 { padding: 64px 0 !important; }
  #in-b06-in, #in-b07-in { grid-template-columns: 1fr; gap: 32px; padding: 0 24px !important; }
  #in-b06-in > [id$="-fig"] { order: -1; }
}
@media (max-width: 767px) {
  #in-b06, #in-b07 { padding: 48px 0 !important; }
  #in-b06-in, #in-b07-in { padding: 0 20px !important; }
  #in-b06-img img, #in-b07-img img { height: 260px; }
  ul.in-datos { padding: 20px; }
  ul.in-datos strong { flex: 1 0 100%; line-height: 1.5; }
}/* End custom CSS */