/* ==========================================================================
   LETRAS DE CAMBIO — FASE A: SISTEMA DE DISEÑO
   Tokens, tipografía, retícula, reglas y componentes editoriales.
   Ningún valor de color o tamaño debe escribirse fuera de este archivo.
   ========================================================================== */

:root {
  /* ---- Color: superficie ------------------------------------------------ */
  --ldc-paper:        #F4F1E9;  /* marfil cálido — fondo principal          */
  --ldc-paper-raised: #FAF8F3;  /* marfil claro — bloques destacados        */
  --ldc-paper-sunken: #EDE9DE;  /* marfil hundido — zonas de descanso       */
  --ldc-navy:         #17263C;  /* azul institucional — cabecera, pie       */
  --ldc-navy-deep:    #101A2A;  /* azul profundo — degradado de superficie  */

  /* ---- Color: texto ------------------------------------------------------ */
  --ldc-ink:          #171717;  /* casi negro — cuerpo                      */
  --ldc-ink-navy:     #17263C;  /* titulares sobre marfil                   */
  --ldc-ink-muted:    #6C6C68;  /* gris secundario — metadatos  (4.67:1)    */
  --ldc-ink-inverse:  #F4F1E9;  /* texto sobre azul                         */
  --ldc-ink-inverse-muted: #A9B2C0;

  /* ---- Color: acento -----------------------------------------------------
     El terracota de marca (#B45437) da 4.42:1 sobre marfil: insuficiente
     para texto normal en AA. Se conserva íntegro para superficies, reglas,
     el punto de marca y texto grande; para texto pequeño y enlaces se usa
     la variante oscurecida (6.09:1). Es el único ajuste de accesibilidad
     aplicado a la paleta aprobada.                                          */
  --ldc-accent:       #B45437;  /* marca: puntos, reglas, texto ≥ 24px      */
  --ldc-accent-text:  #97402A;  /* enlaces y texto pequeño       (6.09:1)   */
  --ldc-accent-wash:  #F0E4DE;  /* fondo tenue de acento                    */
  --ldc-accent-on-navy: #D97A5A; /* acento legible sobre azul               */

  /* ---- Color: líneas ----------------------------------------------------- */
  --ldc-rule:         #D8D4CB;  /* regla fina estándar                      */
  --ldc-rule-strong:  #B9B3A6;  /* regla de sección                         */
  --ldc-rule-inverse: #2C3B52;  /* regla sobre azul                         */

  /* ---- Tipografía: familias ---------------------------------------------
     Newsreader — serif editorial variable con eje óptico, diseñada para
     prensa. Su contraste alto en tamaños display armoniza con el trazo del
     logotipo aprobado; su óptica de texto se mantiene legible en lectura
     larga. Inter — sans neutra para metadatos e interfaz.
     Para volver a Source Serif 4 basta cambiar --ldc-font-display/serif.    */
  --ldc-font-display: "Newsreader", "Source Serif 4", Georgia, "Times New Roman", serif;
  --ldc-font-serif:   "Newsreader", "Source Serif 4", Georgia, "Times New Roman", serif;
  --ldc-font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ldc-font-mono:    ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  /* ---- Tipografía: escala fluida (375px → 1440px) ------------------------ */
  --ldc-text-3xs: 0.6875rem;                                     /* 11      */
  --ldc-text-2xs: 0.75rem;                                       /* 12      */
  --ldc-text-xs:  clamp(0.8125rem, 0.79rem + 0.10vw, 0.875rem);  /* 13 → 14 */
  --ldc-text-sm:  clamp(0.9375rem, 0.91rem + 0.12vw, 1rem);      /* 15 → 16 */
  --ldc-text-base:clamp(1.0625rem, 1.03rem + 0.15vw, 1.1875rem); /* 17 → 19 */
  --ldc-text-lg:  clamp(1.1875rem, 1.13rem + 0.24vw, 1.375rem);  /* 19 → 22 */
  --ldc-text-xl:  clamp(1.375rem, 1.27rem + 0.44vw, 1.75rem);    /* 22 → 28 */
  --ldc-text-2xl: clamp(1.625rem, 1.44rem + 0.79vw, 2.25rem);    /* 26 → 36 */
  --ldc-text-3xl: clamp(1.9375rem, 1.63rem + 1.31vw, 3rem);      /* 31 → 48 */
  --ldc-text-4xl: clamp(2.25rem, 1.75rem + 2.13vw, 3.9375rem);   /* 36 → 63 */
  --ldc-text-5xl: clamp(2.625rem, 1.86rem + 3.27vw, 5rem);       /* 42 → 80 */

  /* ---- Tipografía: rasgos ------------------------------------------------ */
  --ldc-leading-tight:   1.06;
  --ldc-leading-snug:    1.18;
  --ldc-leading-normal:  1.35;
  --ldc-leading-body:    1.62;
  --ldc-leading-loose:   1.75;

  --ldc-tracking-mega:  -0.022em;
  --ldc-tracking-head:  -0.014em;
  --ldc-tracking-flat:   0;
  --ldc-tracking-meta:   0.09em;
  --ldc-tracking-caps:   0.13em;

  /* ---- Espaciado (base 4px) ---------------------------------------------- */
  --ldc-space-1:  0.25rem;
  --ldc-space-2:  0.5rem;
  --ldc-space-3:  0.75rem;
  --ldc-space-4:  1rem;
  --ldc-space-5:  1.5rem;
  --ldc-space-6:  2rem;
  --ldc-space-7:  3rem;
  --ldc-space-8:  4rem;
  --ldc-space-9:  6rem;
  --ldc-space-10: 8rem;
  --ldc-space-section: clamp(3rem, 6vw, 6rem);

  /* ---- Retícula ---------------------------------------------------------- */
  --ldc-gutter:   clamp(1.125rem, 4.2vw, 2.75rem);
  --ldc-measure:  68ch;      /* 65–75 caracteres de lectura                  */
  --ldc-w-text:   45rem;     /* 720px — columna de lectura                   */
  --ldc-w-wide:   68.75rem;  /* 1100px — retícula editorial                  */
  --ldc-w-full:   85rem;     /* 1360px — ancho máximo del sitio              */

  /* ---- Otros ------------------------------------------------------------- */
  --ldc-radius:   0;         /* editorial: sin esquinas redondeadas          */
  --ldc-radius-dot: 50%;
  --ldc-focus:    2px solid var(--ldc-accent-text);
  --ldc-focus-offset: 3px;
  --ldc-header-h: 4.5rem;
  --ldc-transition: 160ms cubic-bezier(0.2, 0, 0.2, 1);
}

/* ==========================================================================
   BASE
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body,
body.wp-site-blocks {
  background-color: var(--ldc-paper);
  color: var(--ldc-ink);
  font-family: var(--ldc-font-serif);
  font-size: var(--ldc-text-base);
  line-height: var(--ldc-leading-body);
  font-optical-sizing: auto;
  font-variant-numeric: oldstyle-nums proportional-nums;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: var(--ldc-accent-wash); color: var(--ldc-ink); }

:where(a):focus-visible,
:where(button):focus-visible,
:where(input):focus-visible,
:where(select):focus-visible,
:where(textarea):focus-visible,
[tabindex]:focus-visible {
  outline: var(--ldc-focus);
  outline-offset: var(--ldc-focus-offset);
}

/* ==========================================================================
   TIPOGRAFÍA
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.ldc-headline {
  font-family: var(--ldc-font-display);
  color: var(--ldc-ink-navy);
  font-weight: 600;
  line-height: var(--ldc-leading-snug);
  letter-spacing: var(--ldc-tracking-head);
  text-wrap: balance;
  margin: 0 0 var(--ldc-space-4);
}

h1 { font-size: var(--ldc-text-4xl); line-height: var(--ldc-leading-tight); letter-spacing: var(--ldc-tracking-mega); }
h2 { font-size: var(--ldc-text-2xl); }
h3 { font-size: var(--ldc-text-xl); }
h4 { font-size: var(--ldc-text-lg); font-weight: 600; }
h5 { font-size: var(--ldc-text-base); font-weight: 700; }
h6 {
  font-family: var(--ldc-font-sans);
  font-size: var(--ldc-text-2xs);
  font-weight: 600;
  letter-spacing: var(--ldc-tracking-caps);
  text-transform: uppercase;
  color: var(--ldc-ink-muted);
}

p { margin: 0 0 var(--ldc-space-5); }

a {
  color: var(--ldc-ink-navy);
  text-decoration-color: var(--ldc-rule-strong);
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
  transition: color var(--ldc-transition), text-decoration-color var(--ldc-transition);
}
a:hover { color: var(--ldc-accent-text); text-decoration-color: var(--ldc-accent-text); }

/* Enlace editorial dentro del cuerpo del artículo */
.ldc-prose a {
  color: var(--ldc-accent-text);
  text-decoration-color: color-mix(in srgb, var(--ldc-accent-text) 40%, transparent);
}

strong, b { font-weight: 650; }

blockquote {
  margin: var(--ldc-space-6) 0;
  padding-left: var(--ldc-space-5);
  border-left: 2px solid var(--ldc-accent);
  font-size: var(--ldc-text-lg);
  line-height: var(--ldc-leading-normal);
  color: var(--ldc-ink-navy);
}

hr, .ldc-rule {
  border: 0;
  border-top: 1px solid var(--ldc-rule);
  margin: var(--ldc-space-6) 0;
}
.ldc-rule--strong { border-top-color: var(--ldc-rule-strong); }
.ldc-rule--thick  { border-top: 2px solid var(--ldc-ink-navy); }

/* ---- Utilidades tipográficas -------------------------------------------- */

.ldc-kicker {
  font-family: var(--ldc-font-sans);
  font-size: var(--ldc-text-2xs);
  font-weight: 600;
  letter-spacing: var(--ldc-tracking-caps);
  text-transform: uppercase;
  color: var(--ldc-accent-text);
  display: flex;
  align-items: center;
  gap: 0.55em;
  margin-bottom: var(--ldc-space-3);
}
.ldc-kicker__sep { color: var(--ldc-rule-strong); font-weight: 400; }
.ldc-kicker__type { color: var(--ldc-ink-muted); }

.ldc-deck {
  font-family: var(--ldc-font-serif);
  font-size: var(--ldc-text-lg);
  line-height: var(--ldc-leading-normal);
  color: var(--ldc-ink-muted);
  font-weight: 400;
  max-width: 34em;
  margin: 0 0 var(--ldc-space-5);
  text-wrap: pretty;
}

.ldc-meta {
  font-family: var(--ldc-font-sans);
  font-size: var(--ldc-text-xs);
  color: var(--ldc-ink-muted);
  letter-spacing: 0.01em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
}
.ldc-meta__author { color: var(--ldc-ink-navy); font-weight: 600; }
.ldc-meta__dot { width: 3px; height: 3px; border-radius: var(--ldc-radius-dot); background: var(--ldc-rule-strong); }

.ldc-label {
  font-family: var(--ldc-font-sans);
  font-size: var(--ldc-text-3xs);
  font-weight: 600;
  letter-spacing: var(--ldc-tracking-caps);
  text-transform: uppercase;
  color: var(--ldc-ink-muted);
}

/* Punto de marca: el acento terracota del logotipo, reutilizado como signo */
.ldc-dot {
  display: inline-block;
  width: 0.3em; height: 0.3em;
  border-radius: var(--ldc-radius-dot);
  background: var(--ldc-accent);
  vertical-align: 0.15em;
}

/* ==========================================================================
   RETÍCULA Y CONTENEDORES
   ========================================================================== */

.ldc-container { width: 100%; max-width: var(--ldc-w-full); margin-inline: auto; padding-inline: var(--ldc-gutter); }
.ldc-container--wide { max-width: var(--ldc-w-wide); }
.ldc-container--text { max-width: var(--ldc-w-text); }

.ldc-prose { max-width: var(--ldc-measure); }
.ldc-prose > * { max-width: 100%; }

/* La gráfica puede romper la columna de lectura */
.ldc-bleed { width: min(var(--ldc-w-wide), 100%); max-width: none; margin-inline: auto; }
.ldc-bleed--full { width: 100vw; margin-inline: calc(50% - 50vw); max-width: none; }

.ldc-grid { display: grid; gap: var(--ldc-space-6); }
.ldc-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ldc-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
/* Retícula editorial asimétrica: pieza dominante + columna de apoyo */
.ldc-grid--asym { grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr); }

@media (max-width: 900px) {
  .ldc-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ldc-grid--asym { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .ldc-grid--2, .ldc-grid--3 { grid-template-columns: minmax(0, 1fr); }
}

.ldc-section { padding-block: var(--ldc-space-section); }
.ldc-section + .ldc-section { border-top: 1px solid var(--ldc-rule); }

.ldc-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--ldc-space-4);
  padding-bottom: var(--ldc-space-3);
  border-bottom: 2px solid var(--ldc-ink-navy);
  margin-bottom: var(--ldc-space-6);
}
.ldc-section-head__title {
  font-family: var(--ldc-font-sans);
  font-size: var(--ldc-text-2xs);
  font-weight: 700;
  letter-spacing: var(--ldc-tracking-caps);
  text-transform: uppercase;
  color: var(--ldc-ink-navy);
  margin: 0;
}

/* ==========================================================================
   COMPONENTES: BOTONES Y ENLACES DE ACCIÓN
   ========================================================================== */

.ldc-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  font-family: var(--ldc-font-sans);
  font-size: var(--ldc-text-sm);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  padding: 0.85em 1.4em;
  border: 1px solid var(--ldc-ink-navy);
  border-radius: var(--ldc-radius);
  background: var(--ldc-ink-navy);
  color: var(--ldc-ink-inverse);
  text-decoration: none;
  cursor: pointer;
  transition: background var(--ldc-transition), color var(--ldc-transition), border-color var(--ldc-transition);
}
.ldc-btn:hover { background: var(--ldc-navy-deep); border-color: var(--ldc-navy-deep); color: var(--ldc-ink-inverse); }

.ldc-btn--ghost { background: transparent; color: var(--ldc-ink-navy); }
.ldc-btn--ghost:hover { background: var(--ldc-ink-navy); color: var(--ldc-ink-inverse); }

.ldc-btn--accent { background: var(--ldc-accent); border-color: var(--ldc-accent); color: #fff; }
.ldc-btn--accent:hover { background: var(--ldc-accent-text); border-color: var(--ldc-accent-text); color: #fff; }

/* Enlace de continuación editorial: "Leer análisis →" */
.ldc-more {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  font-family: var(--ldc-font-sans);
  font-size: var(--ldc-text-sm);
  font-weight: 600;
  color: var(--ldc-accent-text);
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--ldc-accent-text) 35%, transparent);
  padding-bottom: 0.15em;
}
.ldc-more:hover { color: var(--ldc-accent-text); border-bottom-color: var(--ldc-accent-text); }
.ldc-more__arrow { transition: transform var(--ldc-transition); }
.ldc-more:hover .ldc-more__arrow { transform: translateX(3px); }

/* ==========================================================================
   COMPONENTES: TARJETA DE HISTORIA
   ========================================================================== */

.ldc-story { display: flex; flex-direction: column; }
.ldc-story__title {
  font-family: var(--ldc-font-display);
  font-size: var(--ldc-text-xl);
  line-height: var(--ldc-leading-snug);
  letter-spacing: var(--ldc-tracking-head);
  color: var(--ldc-ink-navy);
  margin: 0 0 var(--ldc-space-3);
  text-wrap: balance;
}
.ldc-story__title a { text-decoration: none; color: inherit; background-image: linear-gradient(var(--ldc-accent-text), var(--ldc-accent-text)); background-size: 0% 1px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size var(--ldc-transition), color var(--ldc-transition); }
.ldc-story__title a:hover { color: var(--ldc-accent-text); background-size: 100% 1px; }
.ldc-story__deck { font-size: var(--ldc-text-sm); color: var(--ldc-ink-muted); line-height: var(--ldc-leading-normal); margin: 0 0 var(--ldc-space-3); }
.ldc-story--lead .ldc-story__title { font-size: var(--ldc-text-3xl); line-height: var(--ldc-leading-tight); }
.ldc-story--compact { padding-block: var(--ldc-space-4); border-top: 1px solid var(--ldc-rule); }
.ldc-story--compact .ldc-story__title { font-size: var(--ldc-text-lg); }

.ldc-story__media { margin-bottom: var(--ldc-space-4); background: var(--ldc-paper-sunken); }
.ldc-story__media img { display: block; width: 100%; height: auto; }

/* ==========================================================================
   COMPONENTES EDITORIALES REUTILIZABLES
   (DATO CLAVE · QUÉ HARÍA DIFERENTE · LA OBJECIÓN OBVIA · EN UNA FRASE · FUENTES)
   ========================================================================== */

.ldc-box {
  margin: var(--ldc-space-7) 0;
  padding: var(--ldc-space-5) var(--ldc-space-5) var(--ldc-space-5);
  border-top: 2px solid var(--ldc-ink-navy);
  background: var(--ldc-paper-raised);
}
.ldc-box__label {
  font-family: var(--ldc-font-sans);
  font-size: var(--ldc-text-3xs);
  font-weight: 700;
  letter-spacing: var(--ldc-tracking-caps);
  text-transform: uppercase;
  color: var(--ldc-ink-navy);
  display: block;
  margin-bottom: var(--ldc-space-3);
}
.ldc-box > :last-child { margin-bottom: 0; }

/* DATO CLAVE — cifra dominante */
.ldc-box--dato { border-top-color: var(--ldc-accent); background: var(--ldc-accent-wash); }
.ldc-box--dato .ldc-box__label { color: var(--ldc-accent-text); }
.ldc-box__figure {
  font-family: var(--ldc-font-display);
  font-size: var(--ldc-text-3xl);
  line-height: 1;
  letter-spacing: var(--ldc-tracking-mega);
  color: var(--ldc-ink-navy);
  font-variant-numeric: lining-nums tabular-nums;
  display: block;
  margin-bottom: var(--ldc-space-2);
}
.ldc-box__source { font-family: var(--ldc-font-sans); font-size: var(--ldc-text-2xs); color: var(--ldc-ink-muted); }

/* QUÉ HARÍA DIFERENTE — propuesta */
.ldc-box--propuesta { border-top-color: var(--ldc-ink-navy); }

/* LA OBJECIÓN OBVIA — contraargumento */
.ldc-box--objecion { background: var(--ldc-paper-sunken); border-top-color: var(--ldc-rule-strong); }

/* EN UNA FRASE — síntesis */
.ldc-box--frase {
  background: var(--ldc-navy);
  border-top-color: var(--ldc-accent);
  color: var(--ldc-ink-inverse);
  padding-block: var(--ldc-space-6);
}
.ldc-box--frase .ldc-box__label { color: var(--ldc-accent-on-navy); }
.ldc-box--frase p {
  font-family: var(--ldc-font-display);
  font-size: var(--ldc-text-xl);
  line-height: var(--ldc-leading-snug);
  letter-spacing: var(--ldc-tracking-head);
  color: var(--ldc-ink-inverse);
}

/* FUENTES — lista de referencias */
.ldc-sources { margin: var(--ldc-space-7) 0 0; padding-top: var(--ldc-space-4); border-top: 1px solid var(--ldc-rule-strong); }
.ldc-sources ol { font-family: var(--ldc-font-sans); font-size: var(--ldc-text-sm); color: var(--ldc-ink-muted); line-height: var(--ldc-leading-normal); padding-left: 1.2em; }
.ldc-sources li { margin-bottom: var(--ldc-space-2); }

/* Marcador visible de contenido pendiente de aprobación editorial */
.ldc-placeholder {
  border: 1px dashed var(--ldc-accent);
  background: repeating-linear-gradient(135deg, transparent, transparent 8px, color-mix(in srgb, var(--ldc-accent) 6%, transparent) 8px, color-mix(in srgb, var(--ldc-accent) 6%, transparent) 16px);
  padding: var(--ldc-space-4);
  font-family: var(--ldc-font-sans);
  font-size: var(--ldc-text-sm);
  color: var(--ldc-accent-text);
}
.ldc-placeholder::before { content: "PENDIENTE DE VERIFICACIÓN — "; font-weight: 700; letter-spacing: var(--ldc-tracking-meta); font-size: var(--ldc-text-3xs); }

/* ==========================================================================
   FORMULARIOS
   ========================================================================== */

.ldc-field {
  font-family: var(--ldc-font-sans);
  font-size: var(--ldc-text-sm);
  padding: 0.8em 1em;
  background: var(--ldc-paper-raised);
  border: 1px solid var(--ldc-rule-strong);
  border-radius: var(--ldc-radius);
  color: var(--ldc-ink);
  width: 100%;
  min-height: 44px; /* objetivo táctil */
}
.ldc-field::placeholder { color: var(--ldc-ink-muted); }
.ldc-field:focus { border-color: var(--ldc-ink-navy); outline: var(--ldc-focus); outline-offset: 1px; }

/* ==========================================================================
   ACCESIBILIDAD Y MOVIMIENTO
   ========================================================================== */

.ldc-sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.ldc-skip-link {
  position: absolute; left: var(--ldc-space-4); top: -100%;
  z-index: 999; background: var(--ldc-navy); color: var(--ldc-ink-inverse);
  padding: 0.75em 1.25em; font-family: var(--ldc-font-sans); font-size: var(--ldc-text-sm);
}
.ldc-skip-link:focus { top: var(--ldc-space-4); color: var(--ldc-ink-inverse); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ==========================================================================
   IMPRESIÓN — el trabajo debe poder citarse e imprimirse
   ========================================================================== */

@media print {
  .ldc-header, .ldc-footer, .ldc-newsletter, .ldc-search-overlay { display: none !important; }
  body { background: #fff; color: #000; font-size: 11pt; }
  .ldc-prose { max-width: none; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; color: #555; }
}

/* ==========================================================================
   PUENTE CON KADENCE
   Kadence pinta su cuerpo, sus contenedores y sus tarjetas con las variables
   --global-palette*. En lugar de sobrescribir sus selectores uno a uno, se
   reasignan esas variables a los tokens de Letras de Cambio: todo lo que el
   tema padre siga renderizando (archivos, entradas, botones) adopta el
   sistema sin tocar una sola plantilla suya.
   ========================================================================== */

:root,
body {
  --global-palette1: var(--ldc-navy);
  --global-palette2: var(--ldc-accent-text);
  --global-palette3: var(--ldc-ink-navy);
  --global-palette4: var(--ldc-ink);
  --global-palette5: var(--ldc-ink-muted);
  --global-palette6: var(--ldc-rule-strong);
  --global-palette7: var(--ldc-paper-sunken);
  --global-palette8: var(--ldc-paper);
  --global-palette9: var(--ldc-paper);

  --global-palette-highlight: var(--ldc-accent-text);
  --global-palette-highlight-alt: var(--ldc-accent);
  --global-palette-btn-bg: var(--ldc-navy);
  --global-palette-btn-bg-hover: var(--ldc-navy-deep);
  --global-palette-btn: var(--ldc-paper);
  --global-palette-btn-hover: var(--ldc-paper);

  --global-heading-font-family: var(--ldc-font-display);
  --global-body-font-family: var(--ldc-font-serif);

  --global-content-width: 68.75rem;
  --global-content-narrow-width: 45rem;
  --global-content-boxed-padding: 0;
}

/* El contenido deja de ser una caja blanca sobre marfil: es la misma hoja. */
.content-bg,
.site.content-bg,
body.content-style-boxed .site,
body.content-style-unboxed .site,
.entry.loop-entry.content-bg,
.entry-content-wrap { background: transparent; box-shadow: none; }

/* Las tarjetas del archivo se separan por reglas finas, no por sombras. */
.entry.loop-entry { border: 0; border-radius: 0; box-shadow: none; }
.entry.loop-entry .entry-content-wrap { padding-inline: 0; }