/* Noticias (D-214). Fuera de PRECACHE, como lo de /mundo. Los colores de la
   casa salen de /shared/tokens.css; los de cada bloque se definen aquí. */
.noticias {
  --nt-zarza: var(--casa); --nt-zarza-suave: var(--casa-suave);
  --nt-util: var(--valido); --nt-util-suave: var(--valido-suave);
  --nt-ciencia: #0E6168; --nt-ciencia-suave: #E2F1F1;
  --nt-efemerides: var(--ambar-tinta); --nt-efemerides-suave: var(--ambar-suave);
  max-width: 40rem; margin: 0 auto; padding: 16px 16px 32px; display: flex; flex-direction: column; gap: 20px;
}
body { margin: 0; background: var(--fondo); color: var(--tinta); font-family: var(--gente); font-size: var(--letra-cuerpo); line-height: 1.45; }
.noticias a { color: var(--casa); }
.nt-volver, .nt-pie { margin: 0; font-size: 1rem; }
.nt-volver a, .nt-pie a { display: inline-flex; min-height: 44px; align-items: center; }

.nt-cabecera { border-bottom: 3px solid var(--tinta); padding-bottom: 10px; }
.nt-antetitulo { margin: 0; font-size: .875rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--tinta-suave); }
.nt-cabecera h1 { margin: 2px 0 0; font-size: 2.25rem; line-height: 1.05; letter-spacing: -.01em; }

.nt-indice { display: flex; flex-wrap: wrap; gap: 8px; }
.nt-indice a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 999px; font-size: 1rem; font-weight: 700; text-decoration: none; }
.nt-ir-zarza { background: var(--nt-zarza-suave); color: var(--nt-zarza) !important; }
.nt-ir-util { background: var(--nt-util-suave); color: var(--nt-util) !important; }
.nt-ir-ciencia { background: var(--nt-ciencia-suave); color: var(--nt-ciencia) !important; }
.nt-ir-efemerides { background: var(--nt-efemerides-suave); color: var(--nt-efemerides) !important; }

.nt-bloque { --tono: var(--nt-zarza); --tono-suave: var(--nt-zarza-suave); background: var(--papel); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--relieve); scroll-margin-top: 12px; }
.nt-util { --tono: var(--nt-util); --tono-suave: var(--nt-util-suave); }
.nt-ciencia { --tono: var(--nt-ciencia); --tono-suave: var(--nt-ciencia-suave); }
.nt-efemerides { --tono: var(--nt-efemerides); --tono-suave: var(--nt-efemerides-suave); }
.nt-franja { background: var(--tono-suave); padding: 14px 16px 12px; border-top: 6px solid var(--tono); }
.nt-franja h2 { margin: 0; font-size: 1.35rem; line-height: 1.15; color: var(--tono); }
.nt-franja p { margin: 4px 0 0; font-size: 1rem; color: var(--tinta-suave); }
.nt-bloque ul { list-style: none; margin: 0; padding: 0 16px; }
/* D-217: el ::after del título cubre la ficha entera; ningún otro enlace dentro del li. */
.nt-bloque li { position: relative; padding: 14px 0; border-top: 1px solid var(--linea); }
.nt-titular::after { content: ""; position: absolute; inset: 0; }
.nt-bloque li:active { background: var(--tono-suave); box-shadow: -16px 0 var(--tono-suave), 16px 0 var(--tono-suave); }
.nt-bloque li:first-child { border-top: 0; }
.nt-titular { color: var(--tinta) !important; font-weight: 700; font-size: 1.15rem; line-height: 1.25; text-decoration: none; text-wrap: pretty; overflow-wrap: anywhere; }
.nt-titular:hover, .nt-titular:focus-visible { color: var(--tono) !important; text-decoration: underline; text-underline-offset: 3px; }
.nt-entradilla { margin: 6px 0 0; font-size: 1.05rem; }
.nt-meta { margin: 6px 0 0; font-size: .9rem; color: var(--tinta-suave); }
.nt-leer { color: var(--tono); font-weight: 700; white-space: nowrap; }
.nt-vacia { margin: 0; color: var(--tinta-suave); }

.nt-articulo { --tono: var(--nt-ciencia); background: var(--papel); border-radius: var(--r-lg); border-top: 6px solid var(--tono); padding: 18px 18px 20px; box-shadow: var(--relieve); }
.nt-articulo .nt-antetitulo a { color: var(--tono); text-decoration: none; }
.nt-articulo h1 { margin: 6px 0 0; font-size: 1.75rem; line-height: 1.15; text-wrap: balance; overflow-wrap: anywhere; }
.nt-articulo > .nt-meta { margin-bottom: 16px; }
.nt-texto { font-size: 1.1rem; line-height: 1.6; overflow-wrap: anywhere; }
.nt-texto p { margin: 0 0 14px; }
.nt-texto a { color: var(--tono); }
.nt-credito { margin: 18px 0 0; padding-top: 12px; border-top: 1px solid var(--linea); font-size: .9rem; color: var(--tinta-suave); }
.nt-credito a { color: var(--tono); }

/* D-215: los bloques de los colaboradores, del color de su sección. Las
   clases c-<color> son las de /mundo (mundo-fichas.css), copiadas aquí
   para no cargar esa hoja entera. */
.c-casa{--sec:#7B1E2E}.c-teja{--sec:#A63D22}.c-azul{--sec:#1F5F99}.c-morado{--sec:#6E3A8E}.c-verde{--sec:#2A6E3F}.c-ocre{--sec:#8A5A00}.c-petroleo{--sec:#13626B}.c-frambuesa{--sec:#A12C63}.c-pizarra{--sec:#44546A}.c-oliva{--sec:#5E6B12}.c-vino{--sec:#8C2232}.c-anil{--sec:#3B3F99}.c-nogal{--sec:#6B4A2E}.c-cereza{--sec:#B3261E}.c-musgo{--sec:#3E6A16}.c-jade{--sec:#0E6B55}.c-marino{--sec:#1D3B66}.c-violeta{--sec:#5B3FA6}.c-ciruela{--sec:#7D2672}
.nt-bloque.nt-vecinos, .nt-articulo.nt-vecinos { --tono: var(--sec, #7B1E2E); --tono-suave: #ECE7F4; }
.nt-ir-vecinos { background: #ECE7F4; color: var(--tinta) !important; border: 2px solid var(--tinta); }
.nt-foto { margin: 14px 0; }
.nt-foto img { display: block; width: 100%; height: auto; border-radius: var(--r-md); }
.nt-foto figcaption { margin-top: 6px; font-size: .85rem; color: var(--tinta-suave); }
/* D-215: «Compartir por WhatsApp», del color de la sección, a 44 px para el dedo. */
.nt-compartir { display: inline-flex; align-items: center; min-height: 44px; margin-top: 10px; padding: 0 16px; border-radius: 999px; background: var(--tono); color: var(--papel) !important; font-weight: 700; font-size: 1rem; text-decoration: none; }
.nt-compartir:hover, .nt-compartir:focus-visible { filter: brightness(.92); }
.nt-botones { margin: 18px 0 0; }