/* =========================================================================
   Cuaderno del Paramo — cahier castillan de tapas duras.
   tinta sepia, rojo albero de Valladolid, papel vereda, laton de
   encuadernacion. Squelette portail-rubriques rhabille en clair.
   Prefixe cdp- : aucune classe commune avec le parc.
   ========================================================================= */

:root {
  --cdp-fondo:       #f4efe4;   /* papel vereda, fond general               */
  --cdp-apoyo:       #fffdf7;   /* panneau pose sur le fond                 */
  --cdp-hondo:       #e9e1cf;   /* bande creusee, plus sombre               */
  --cdp-tinta:       #33291d;   /* tinta sepia, texte principal             */
  --cdp-suave:       #6e5f4b;   /* texte secondaire, dates, mentions        */
  --cdp-filete:      #cfc3a9;   /* traits de separation                     */
  --cdp-albero:      #7a1f1f;   /* rojo albero de Valladolid, accent        */
  --cdp-albero-sol:  #96292a;   /* survol de l'accent                       */
  --cdp-laton:       #8a6d1f;   /* laton de encuadernacion, second signe    */
  --cdp-sobre:       #fffdf7;   /* texte sur aplat d'accent                 */
  --cdp-foco:        var(--cdp-laton);
  --cdp-pie:         #2b2118;   /* pied de page, encre sombre               */
  --cdp-pie-tinta:   #f4efe4;

  --cdp-via-1: #7a1f1f;   /* estudiar : rojo albero */
  --cdp-via-2: #1f5c4d;   /* vivir : verde pisuerga */
  --cdp-via-3: #8a6d1f;   /* descubrir : laton      */
  --cdp-via-teinte: var(--cdp-albero);

  --cdp-titulo: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --cdp-texto: Verdana, Geneva, "DejaVu Sans", Tahoma, sans-serif;
  --cdp-regia: "Andale Mono", Consolas, "DejaVu Sans Mono", "Courier New", monospace;

  --cdp-cuerpo:    1rem;
  --cdp-rayado:    1.7;
  --cdp-medida:    38rem;
  --cdp-halle:     74rem;
  --cdp-calle:     clamp(1rem, 4vw, 2.5rem);
  --cdp-respir:    clamp(2.5rem, 6vw, 4.5rem);
  --cdp-carril:    6.5rem;
  --cdp-trazo:     1px;
  --cdp-redondo:   3px;
}

*, *::before, *::after { box-sizing: border-box; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation: none !important; transition: none !important; }
}
body {
  margin: 0;
  background: var(--cdp-fondo);
  color: var(--cdp-tinta);
  font-family: var(--cdp-texto);
  font-size: var(--cdp-cuerpo);
  line-height: var(--cdp-rayado);
  overflow-wrap: break-word;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4 { font-family: var(--cdp-titulo); font-weight: 700; line-height: 1.2; margin: 0 0 .6em; letter-spacing: .01em; }
h1 { font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3rem); }
h2 { font-size: clamp(1.4rem, 1.05rem + 1.4vw, 2rem); }
h3 { font-size: clamp(1.15rem, 1rem + .6vw, 1.4rem); }
p, ul, ol, figure, table, blockquote { margin: 0 0 1.2em; }
a { color: var(--cdp-albero); text-underline-offset: .18em; }
a:hover { color: var(--cdp-albero-sol); }
:focus-visible { outline: 2px solid var(--cdp-foco); outline-offset: 3px; }

.cdp-salto { position: absolute; left: -9999px; top: 0; background: var(--cdp-albero); color: var(--cdp-sobre); padding: .7rem 1.1rem; z-index: 50; }
.cdp-salto:focus { left: .75rem; top: .75rem; }

/* ---------- conteneurs ---------- */
.cdp-halle { width: 100%; max-width: var(--cdp-halle); margin-inline: auto; padding-inline: var(--cdp-calle); }
.cdp-halle--lectura { max-width: calc(var(--cdp-medida) + 2 * var(--cdp-calle)); }
.cdp-quai { padding-block: var(--cdp-respir); }
.cdp-quai + .cdp-quai { border-top: var(--cdp-trazo) solid var(--cdp-filete); }
.cdp-quai--hueco { background: var(--cdp-hondo); }
.cdp-quai__cabeza { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .6rem 1.5rem; margin-bottom: 1.8rem; padding-bottom: .7rem; border-bottom: 2px solid var(--cdp-tinta); }
.cdp-quai__cabeza h2 { margin: 0; }
.cdp-quai__surtitulo { font-family: var(--cdp-regia); font-size: .82rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cdp-via-teinte); margin: 0 0 .4rem; }
.cdp-quai__nota { font-family: var(--cdp-regia); font-size: .85rem; letter-spacing: .09em; text-transform: uppercase; color: var(--cdp-suave); }
.cdp-quai__chapeau { max-width: var(--cdp-medida); font-size: 1.05rem; color: var(--cdp-suave); margin-bottom: 2rem; }

/* ---------- cabecera : les deux etats, sans JS ---------- */
.cdp-cabecera { background: var(--cdp-apoyo); border-bottom: 3px double var(--cdp-filete); }
.cdp-cabecera__cuerpo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; padding-block: 1.1rem; }
.cdp-marca { text-decoration: none; color: inherit; display: block; }
.cdp-marca__nombre { font-family: var(--cdp-titulo); font-size: 1.5rem; font-weight: 700; line-height: 1.1; display: block; }
.cdp-marca__lema { font-family: var(--cdp-regia); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cdp-suave); display: block; margin-top: .25rem; }
.cdp-itinerario__cajon { margin: 0; }
.cdp-itinerario__mando { cursor: pointer; font-family: var(--cdp-regia); font-size: .9rem; letter-spacing: .06em; text-transform: uppercase; color: var(--cdp-tinta); border: var(--cdp-trazo) solid var(--cdp-filete); border-radius: var(--cdp-redondo); padding: .45rem .9rem; background: var(--cdp-fondo); }
.cdp-itinerario ul { list-style: none; margin: 0; padding: 0; }
.cdp-itinerario a { font-family: var(--cdp-regia); font-size: .9rem; color: var(--cdp-tinta); text-decoration: none; padding: .25rem 0; border-bottom: 2px solid transparent; display: inline-block; }
.cdp-itinerario a:hover, .cdp-itinerario a[aria-current="page"] { border-bottom-color: var(--cdp-via-teinte); }
/* a) au-dessus de 54rem : barre horizontale, declencheur masque */
@media (min-width: 54rem) {
  .cdp-itinerario__mando { display: none; }
  .cdp-itinerario ul { display: flex; flex-wrap: wrap; gap: .35rem 1.35rem; }
}
/* b) en dessous de 54rem : declencheur visible, liste repliee */
@media (max-width: 53.99rem) {
  .cdp-itinerario__mando { display: inline-block; }
  .cdp-itinerario__cajon ul { display: none; padding: .8rem 0 0; }
  .cdp-itinerario__cajon[open] ul { display: grid; gap: .5rem; }
  .cdp-itinerario__cajon[open] { border-bottom: 2px solid var(--cdp-via-teinte); padding-bottom: .8rem; }
}

/* ---------- portada ---------- */
.cdp-portada { padding-block: clamp(2rem, 5vw, 3.6rem); border-bottom: var(--cdp-trazo) solid var(--cdp-filete); }
.cdp-portada--via { border-bottom: 4px solid var(--cdp-via-teinte); }
.cdp-portada__surtitulo { font-family: var(--cdp-regia); font-size: .85rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cdp-via-teinte); margin: 0 0 .8rem; }
.cdp-portada h1 { max-width: 24ch; }
.cdp-portada__entradilla { max-width: var(--cdp-medida); font-size: 1.08rem; color: var(--cdp-suave); margin-bottom: 0; }
.cdp-portada__indice { font-family: var(--cdp-titulo); font-size: clamp(2.4rem, 6vw, 3.6rem); line-height: 1; color: var(--cdp-via-teinte); display: block; margin-bottom: .4rem; }
.cdp-mencion { font-family: var(--cdp-regia); font-size: .86rem; letter-spacing: .05em; color: var(--cdp-suave); margin: 0; }
.cdp-mencion--grupo { display: flex; flex-wrap: wrap; gap: .3rem 1.4rem; list-style: none; padding: 0; margin: 1.2rem 0 0; }

/* ---------- migas ---------- */
.cdp-migas { padding-top: 1.2rem; }
.cdp-migas ol { display: flex; flex-wrap: wrap; gap: .2rem .55rem; list-style: none; margin: 0; padding: 0; font-family: var(--cdp-regia); font-size: .84rem; color: var(--cdp-suave); }
.cdp-migas li + li::before { content: "/"; margin-right: .55rem; color: var(--cdp-filete); }
.cdp-migas a { color: var(--cdp-suave); }

/* ---------- heroe (photo en regard du h1, avant le premier h2) ---------- */
.cdp-heroe { margin: 2rem auto; padding-inline: var(--cdp-calle); }
.cdp-heroe img { width: 100%; border: var(--cdp-trazo) solid var(--cdp-filete); background: var(--cdp-hondo); }
.cdp-heroe figcaption { font-family: var(--cdp-regia); font-size: .84rem; color: var(--cdp-suave); padding-top: .5rem; border-top: var(--cdp-trazo) solid var(--cdp-filete); margin-top: .5rem; }
.cdp-heroehome { background: var(--cdp-pie); color: var(--cdp-pie-tinta); padding-block: clamp(2.5rem, 6vw, 4.5rem); }
.cdp-heroehome__rejilla { display: grid; gap: 2rem var(--cdp-calle); grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; }
.cdp-heroehome__rejilla > div { min-width: 0; }
.cdp-heroehome__texto { min-width: 0; }
.cdp-heroehome h1 { color: var(--cdp-pie-tinta); }
.cdp-heroehome__bajada { font-size: 1.1rem; line-height: 1.6; opacity: .92; }
.cdp-heroehome__datos { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; font-family: var(--cdp-regia); font-size: .84rem; letter-spacing: .06em; text-transform: uppercase; opacity: .85; }
.cdp-heroehome__cara img { border: 2px solid var(--cdp-pie-tinta); }
.cdp-heroehome__leyenda { font-family: var(--cdp-regia); font-size: .82rem; opacity: .8; margin-top: .6rem; }
@media (max-width: 53.99rem) { .cdp-heroehome__rejilla { grid-template-columns: 1fr; } }

/* ---------- aguja : rangees asymetriques + vignette ---------- */
.cdp-aguja { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--cdp-tinta); }
.cdp-rama { display: grid; grid-template-columns: var(--cdp-carril) minmax(0, 1fr) minmax(0, 15rem); gap: 0 var(--cdp-calle); padding-block: clamp(1.6rem, 3.5vw, 2.4rem); border-bottom: var(--cdp-trazo) solid var(--cdp-filete); align-items: start; }
.cdp-rama__senas { grid-column: 1; }
.cdp-rama__indice { font-family: var(--cdp-titulo); font-size: clamp(2rem, 4.5vw, 3.1rem); line-height: 1; color: var(--cdp-via-teinte); display: block; }
.cdp-rama__barra { display: block; width: 2.4rem; height: 4px; background: var(--cdp-via-teinte); margin-top: .7rem; }
.cdp-rama__cuerpo { grid-column: 2; min-width: 0; }
.cdp-rama__titulo { margin-bottom: .5rem; }
.cdp-rama__titulo a { color: var(--cdp-tinta); text-decoration: none; background-image: linear-gradient(var(--cdp-via-teinte), var(--cdp-via-teinte)); background-size: 0 2px; background-repeat: no-repeat; background-position: 0 100%; }
.cdp-rama__titulo a:hover { background-size: 100% 2px; }
.cdp-rama__avance { max-width: 52ch; color: var(--cdp-suave); margin-bottom: 1rem; }
.cdp-rama__lista { list-style: none; margin: 0 0 1.1rem; padding: 0; display: grid; gap: .35rem; }
.cdp-rama__lista li { position: relative; padding-left: 1.1rem; }
.cdp-rama__lista li::before { content: ""; position: absolute; left: 0; top: .62em; width: .5rem; height: 2px; background: var(--cdp-via-teinte); }
.cdp-rama__lista a { color: var(--cdp-tinta); text-decoration: none; border-bottom: var(--cdp-trazo) solid var(--cdp-filete); }
.cdp-rama__lista a:hover { border-bottom-color: var(--cdp-via-teinte); }
.cdp-rama__cara { grid-column: 3; min-width: 0; }
.cdp-rama__cara img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border: var(--cdp-trazo) solid var(--cdp-filete); background: var(--cdp-hondo); }
@media (max-width: 53.99rem) {
  .cdp-rama { grid-template-columns: 1fr; }
  .cdp-rama__senas { display: flex; align-items: center; gap: .9rem; margin-bottom: .6rem; }
  .cdp-rama__indice { font-size: 1.9rem; }
  .cdp-rama__cara { margin-top: 1rem; }
}

/* ---------- mosaico : cartes avec vignette ---------- */
.cdp-mosaico { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--cdp-calle); grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); }
.cdp-tarjeta { background: var(--cdp-apoyo); border: var(--cdp-trazo) solid var(--cdp-filete); border-top: 4px solid var(--cdp-via-teinte); border-radius: var(--cdp-redondo); overflow: hidden; display: flex; flex-direction: column; }
.cdp-tarjeta__cara img { width: 100%; aspect-ratio: 16/9; object-fit: cover; background: var(--cdp-hondo); }
.cdp-tarjeta__etiqueta { padding: 1rem 1.1rem 1.2rem; display: grid; gap: .5rem; }
.cdp-tarjeta__titulo { margin: 0; font-size: 1.12rem; line-height: 1.35; }
.cdp-tarjeta__titulo a { color: var(--cdp-tinta); text-decoration: none; }
.cdp-tarjeta__titulo a:hover { color: var(--cdp-albero); }
.cdp-tarjeta__avance { margin: 0; color: var(--cdp-suave); font-size: .95rem; }
.cdp-etiqueta { display: inline-block; font-family: var(--cdp-regia); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cdp-via-teinte); border: var(--cdp-trazo) solid var(--cdp-via-teinte); padding: .12rem .5rem; text-decoration: none; width: fit-content; }
a.cdp-etiqueta:hover { background: var(--cdp-via-teinte); color: var(--cdp-sobre); }

/* ---------- salida : liste datee avec vignette ---------- */
.cdp-salida { list-style: none; margin: 0; padding: 0; border-top: var(--cdp-trazo) solid var(--cdp-filete); }
.cdp-etapa { display: grid; grid-template-columns: var(--cdp-carril) minmax(0, 1fr) minmax(0, 12rem); gap: .2rem var(--cdp-calle); padding-block: 1.3rem; border-bottom: var(--cdp-trazo) solid var(--cdp-filete); align-items: start; }
.cdp-etapa__fecha { font-family: var(--cdp-regia); font-size: .84rem; color: var(--cdp-suave); padding-top: .3rem; margin: 0; }
.cdp-etapa__cuerpo { min-width: 0; }
.cdp-etapa__titulo { font-family: var(--cdp-titulo); font-size: 1.22rem; line-height: 1.3; margin: 0 0 .35rem; }
.cdp-etapa__titulo a { color: var(--cdp-tinta); text-decoration: none; }
.cdp-etapa__titulo a:hover { color: var(--cdp-via-teinte); }
.cdp-etapa__avance { margin: 0; color: var(--cdp-suave); max-width: 60ch; }
.cdp-etapa__cara { min-width: 0; }
.cdp-etapa__cara img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border: var(--cdp-trazo) solid var(--cdp-filete); background: var(--cdp-hondo); }
@media (max-width: 53.99rem) { .cdp-etapa { grid-template-columns: 1fr; } .cdp-etapa__cara { margin-top: .8rem; max-width: 26rem; } }

/* ---------- destacada ---------- */
.cdp-destacada { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 0 var(--cdp-calle); background: var(--cdp-apoyo); border: var(--cdp-trazo) solid var(--cdp-filete); border-left: 4px solid var(--cdp-via-teinte); align-items: stretch; }
.cdp-destacada__cara { min-width: 0; }
.cdp-destacada__cara img { width: 100%; height: 100%; min-height: 16rem; object-fit: cover; }
.cdp-destacada__cuerpo { min-width: 0; padding: 1.6rem; }
.cdp-destacada__surtitulo { font-family: var(--cdp-regia); font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cdp-via-teinte); }
@media (max-width: 53.99rem) { .cdp-destacada { grid-template-columns: 1fr; } }

/* ---------- acces ---------- */
.cdp-acceso { display: inline-block; font-family: var(--cdp-regia); font-size: .9rem; letter-spacing: .06em; text-transform: uppercase; color: var(--cdp-via-teinte); text-decoration: none; border-bottom: 2px solid var(--cdp-via-teinte); padding-bottom: .15rem; }
.cdp-acceso:hover { color: var(--cdp-tinta); border-bottom-color: var(--cdp-tinta); }
.cdp-acceso::after { content: " \2192"; }
.cdp-acceso--lleno { background: var(--cdp-albero); color: var(--cdp-sobre); border: 0; padding: .7rem 1.2rem; border-radius: var(--cdp-redondo); }
.cdp-acceso--lleno:hover { background: var(--cdp-tinta); color: var(--cdp-fondo); }

/* ---------- consigna ---------- */
.cdp-consigna { background: var(--cdp-apoyo); border-left: 4px solid var(--cdp-via-teinte); padding: 1.3rem 1.4rem; margin-block: 1.8rem; }
.cdp-consigna h2 { margin-bottom: .5rem; }
.cdp-consigna p:last-child, .cdp-consigna ul:last-child { margin-bottom: 0; }
.cdp-consigna ul { padding-left: 1.1rem; }
.cdp-consigna li { margin-bottom: .35rem; }

/* ---------- recorrido : corps d'article ---------- */
.cdp-recorrido { max-width: var(--cdp-medida); }
.cdp-recorrido h2 { margin-top: 2.2rem; padding-top: .9rem; border-top: 2px solid var(--cdp-via-teinte); }
.cdp-recorrido h3 { margin-top: 1.8rem; }
.cdp-recorrido ul, .cdp-recorrido ol { padding-left: 1.3rem; }
.cdp-recorrido li { margin-bottom: .45rem; }
.cdp-recorrido .cdp-consigna h2, .cdp-recorrido .cdp-sumario h2 { border-top: 0; padding-top: 0; margin-top: 0; }
.cdp-anuncio { font-size: 1.12rem; line-height: 1.6; border-bottom: var(--cdp-trazo) solid var(--cdp-filete); padding-bottom: 1.3rem; margin-bottom: 1.6rem; }
.cdp-sumario { background: var(--cdp-hondo); padding: 1.1rem 1.3rem; margin-bottom: 2rem; }
.cdp-sumario h2 { font-family: var(--cdp-regia); font-size: .85rem; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 .6rem; border: 0; padding: 0; }
.cdp-sumario ol { margin: 0; padding-left: 1.2rem; font-size: .96rem; }
.cdp-sumario li { margin-bottom: .3rem; }
.cdp-sumario a { color: var(--cdp-tinta); }
.cdp-vuelta { margin-top: 2rem; }

/* ---------- corresp ---------- */
.cdp-corresp__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--cdp-trazo); background: var(--cdp-filete); border: var(--cdp-trazo) solid var(--cdp-filete); grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
.cdp-corresp__lista li { background: var(--cdp-apoyo); }
.cdp-corresp__lista a { display: block; padding: 1rem 1.1rem; text-decoration: none; color: var(--cdp-tinta); border-top: 4px solid var(--cdp-via-teinte); height: 100%; }
.cdp-corresp__lista a:hover { background: var(--cdp-hondo); }
.cdp-corresp__que { display: block; font-family: var(--cdp-regia); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cdp-suave); margin-bottom: .3rem; }
.cdp-corresp__titulo { display: block; font-family: var(--cdp-titulo); font-size: 1.08rem; line-height: 1.3; }

/* ---------- pie : 3 colonnes, tokens fixes ---------- */
.cdp-pie { background: var(--cdp-pie); color: var(--cdp-pie-tinta); margin-top: var(--cdp-respir); padding-block: var(--cdp-respir) 2rem; }
.cdp-pie a { color: var(--cdp-pie-tinta); }
.cdp-pie a:hover { color: #e6bb70; }
.cdp-pie__rejilla { display: grid; gap: 2rem var(--cdp-calle); grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
.cdp-pie__rejilla > * { min-height: 0; }
@media (max-width: 53.99rem) { .cdp-pie__rejilla { grid-template-columns: 1fr; } }
.cdp-pie__columna { min-width: 0; }
.cdp-pie__columna h2 { font-family: var(--cdp-regia); font-size: .82rem; letter-spacing: .12em; text-transform: uppercase; margin-bottom: .8rem; color: var(--cdp-pie-tinta); opacity: .75; }
.cdp-pie ul { list-style: none; margin: 0; padding: 0; }
.cdp-pie li { margin-bottom: .45rem; }
.cdp-pie__columna p { margin-bottom: .7em; }
.cdp-pie p { opacity: .9; }
.cdp-pie__base { margin-top: 2.4rem; padding-top: 1.2rem; border-top: var(--cdp-trazo) solid #5a4f3f; font-family: var(--cdp-regia); font-size: .84rem; opacity: .8; }
.cdp-pie__entete { font-family: var(--cdp-titulo); font-size: 1.15rem; line-height: 1.4; max-width: 44rem; margin: 0 0 1.8rem; opacity: 1; }

/* ---------- teintes ---------- */
.voie-1 { --cdp-via-teinte: var(--cdp-via-1); }
.voie-2 { --cdp-via-teinte: var(--cdp-via-2); }
.voie-3 { --cdp-via-teinte: var(--cdp-via-3); }

.cdp-fueralinea { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }