/* NP Laboratorio: ajustes de página, bloques de la nota y el índice.
   Los estilos de cada infografía van aparte y aislados (ver infografias/<id>/). */

/* ---------- página de una infografía ---------- */
html:has(#np-mapa){overflow-x:clip}
/* La infografía lleva su propio H1: fuera el título del tema. */
body.np-lab-pagina .entry-hero.page-hero-section,
body.np-lab-pagina .entry-header.page-title{display:none}
/* Pegada a la cabecera del blog, sin el margen superior del contenido. */
body.np-lab-pagina .content-area{margin-top:0}
body.np-lab-pagina .content-container.site-container{padding-top:0}
body.np-lab-pagina .entry-content-wrap{padding-top:0}
body.np-lab-pagina .entry-content > #np-mapa:first-child{margin-top:0}
body.np-lab-pagina .entry-content > #np-mapa + *{margin-top:64px}

/* Cifras de la nota (bloque HTML personalizado con class="np-cifras") */
.np-cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #E8E3D8;border-left:1px solid #E8E3D8;margin:40px 0 24px;padding:0;list-style:none}
.np-cifras > div,.np-cifras > li{border-right:1px solid #E8E3D8;border-bottom:1px solid #E8E3D8;padding:16px;margin:0}
.np-cifras b{display:block;font-family:var(--np-display,'Archivo',system-ui,sans-serif);font-weight:800;font-size:26px;letter-spacing:-.02em;line-height:1.1;color:#14171A;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:600px){.np-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}.np-cifras b{font-size:20px;white-space:normal}}
.np-cifras span{display:block;margin-top:4px;font-family:var(--np-tecnico,'Martian Mono',ui-monospace,monospace);font-size:11px;letter-spacing:.04em;line-height:1.45;color:#5A5F66}

/* Etiqueta de estado bajo el título de la nota */
.np-lab-estado{display:inline-block;font-family:var(--np-tecnico,'Martian Mono',ui-monospace,monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:#C2F04A;color:#14171A;padding:4px 8px}

/* ---------- índice del Laboratorio ---------- */
.np-lab-indice{list-style:none;margin:40px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.np-lab-item{margin:0}
.np-lab-item a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:#14171A;background:#FBF9F4;border:1px solid #E8E3D8;transition:border-color .15s}
.np-lab-item a:hover{border-color:#14171A}
.np-lab-item__img{display:block;aspect-ratio:16/10;overflow:hidden;background:#0E1114}
.np-lab-item__img img{display:block;width:100%;height:100%;object-fit:cover}
.np-lab-item__txt{display:block;padding:16px 16px 24px;border-top:4px solid #C2F04A}
.np-lab-item__t{display:block;font-family:var(--np-display,'Archivo',system-ui,sans-serif);font-weight:800;font-size:24px;letter-spacing:-.02em;line-height:1.1}
.np-lab-item__d{display:block;margin-top:8px;font-family:var(--np-lectura,'Newsreader',Georgia,serif);font-size:17px;line-height:1.45;color:#2B2F34}

/* Kadence: sin sangría de lista ni color de enlace en las tarjetas */
.entry-content .np-lab-indice{padding:0;margin-left:0}
.entry-content .np-lab-item a,.entry-content .np-lab-item a:hover,.entry-content .np-lab-item a:focus{color:#14171A;text-decoration:none}
.np-lab-indice .np-lab-item__t{color:#14171A}
.np-lab-indice .np-lab-item a:hover .np-lab-item__t{text-decoration:underline;text-decoration-color:#C2F04A;text-decoration-thickness:4px;text-underline-offset:6px}