/*
 * Diseño nuevo del blog (tema 2.7.0). Todo bajo body.nd-v2: no toca tienda,
 * fichas, carrito ni páginas. Colores y letra, los de la marca (estilo-web.css).
 */

/* ---------- comunes ---------- */
.nd-v2 .nd2-ancho{max-width:var(--ancho,1120px);margin:0 auto;padding-left:26px;padding-right:26px}
.nd-v2 a:focus-visible,.nd-v2 .nd-boton:focus-visible{outline:3px solid var(--rojo);outline-offset:3px;border-radius:4px}
.nd-v2 .nd-boton{display:inline-block;background:var(--rojo);color:#fff;font-weight:700;font-size:15px;padding:12px 22px;border-radius:999px;text-decoration:none;margin-top:6px}
.nd-v2 .nd-boton:hover{background:#A62A1F;color:#fff}

/* ---------- artículo: cabecera con la foto ---------- */
/* No se fía de la hoja del bloque Portada: lo esencial va aquí. */
.nd-v2 .nd2-hero{position:relative;display:flex;overflow:hidden;padding:0;margin:0;background:var(--tinta);min-height:clamp(380px,62vh,560px)!important;align-items:flex-end}
.nd-v2 .nd2-hero .wp-block-cover__image-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border:0}
.nd-v2 .nd2-hero .wp-block-cover__background{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(22,21,19,.15) 20%,rgba(22,21,19,.92) 100%)!important;opacity:1!important}
.nd-v2 .nd2-hero .wp-block-cover__inner-container{position:relative;z-index:2;width:100%;max-width:none;color:#fff}
.nd-v2 .nd2-hero-dentro{max-width:860px;margin:0 auto;padding:0 26px 50px}
.nd-v2 .nd2-hero .antetitulo,.nd-v2 .nd2-hero .antetitulo a{color:#fff;text-decoration:none}
.nd-v2 .nd2-hero .wp-block-post-title{color:#fff;font-size:clamp(32px,5.4vw,56px);font-weight:900;line-height:1.06;letter-spacing:-.02em;margin:14px 0 18px;text-wrap:balance}
.nd-v2 .nd-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0;font-size:14px;color:#ece5d9}
.nd-v2 .nd-meta img{width:36px;height:36px;border-radius:50%;border:2px solid var(--crema);object-fit:cover}
.nd-v2 .nd-punto{width:4px;height:4px;border-radius:50%;background:var(--rojo)}

/* ---------- artículo: cuerpo ---------- */
.nd-v2 .nd2-cuerpo{max-width:760px;margin:0 auto;padding:52px 26px 10px}
.nd-v2 .nd2-texto{counter-reset:apartado}
.nd-v2 .nd2-texto > *+*{margin-top:1.15em}
.nd-v2 .nd2-texto :where(p,li){font-size:17.5px;line-height:1.75;color:var(--texto)}
.nd-v2 .nd2-texto > p:first-child{font-size:20px;line-height:1.6;color:var(--tinta);font-weight:500;border-left:4px solid var(--rojo);padding-left:22px}
.nd-v2 .nd2-texto h2{counter-increment:apartado;font-size:clamp(23px,3.2vw,29px);font-weight:900;color:var(--tinta);margin-top:2em;line-height:1.2;scroll-margin-top:24px}
.nd-v2 .nd2-texto h2::before{content:counter(apartado,decimal-leading-zero);display:block;font-size:13px;letter-spacing:.14em;color:var(--rojo);font-weight:700;margin-bottom:6px}
.nd-v2 .nd2-texto h3{font-size:19px;font-weight:700;color:var(--tinta);margin-top:1.6em}
.nd-v2 .nd2-texto :where(ul,ol){padding-left:1.3em}
.nd-v2 .nd2-texto li+li{margin-top:.35em}
.nd-v2 .nd2-texto a{color:var(--rojo);text-underline-offset:3px}
.nd-v2 .nd2-texto strong{color:var(--tinta)}
.nd-v2 .nd2-texto .jp-palabra{font-size:1.25em;font-weight:700;color:var(--tinta)}
.nd-v2 .nd2-texto .romaji{color:var(--gris);font-style:italic}

/* fotos del texto: más anchas que la columna y con sombra; sin saltos (llevan width/height) */
.nd-v2 .nd2-texto .wp-block-image{margin:44px -80px}
.nd-v2 .nd2-texto .wp-block-image img{width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:10px;box-shadow:0 18px 40px -22px rgba(22,21,19,.45)}
.nd-v2 .nd2-texto .wp-element-caption{font-size:13.5px;color:var(--gris);margin:12px 80px 0;display:flex;gap:10px;text-align:left}
.nd-v2 .nd2-texto .wp-element-caption::before{content:"";width:18px;height:2px;background:var(--rojo);margin-top:9px;flex:none}

/* índice */
.nd-v2 .nd-indice{background:var(--papel);border:1px solid var(--filete);border-radius:12px;padding:20px 24px;margin:0 0 36px}
.nd-v2 .nd-indice-titulo{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.nd-v2 .nd-indice ol{margin:0;padding-left:1.4em;columns:2;column-gap:32px}
.nd-v2 .nd-indice li{font-size:15px;line-height:1.5;margin:3px 0;break-inside:avoid}
.nd-v2 .nd-indice a{color:var(--tinta);text-decoration:none}
.nd-v2 .nd-indice a:hover{color:var(--rojo)}

/* cajas finales */
.nd-v2 .nd-cta{display:flex;gap:20px;align-items:flex-start;background:var(--tinta);color:var(--crema);border-radius:14px;padding:28px 30px;margin:48px 0 0}
.nd-v2 .nd-cta p{color:#e9e2d6;margin:0 0 10px;font-size:16px;line-height:1.6}
.nd-v2 .nd-cta .nd-cta-titulo{color:#fff;font-weight:900;font-size:20px;margin-bottom:8px}
.nd-v2 .nd-sello{flex:none;width:44px;height:44px;border-radius:8px;background:var(--rojo);color:var(--crema);display:grid;place-items:center;font-size:24px;font-weight:900}
.nd-v2 .nd-autor{display:flex;gap:20px;align-items:center;background:var(--papel);border:1px solid var(--filete);border-radius:14px;padding:24px;margin:28px 0 0}
.nd-v2 .nd-autor img{width:84px;height:84px;border-radius:50%;flex:none;object-fit:cover}
.nd-v2 .nd-autor p{margin:4px 0 0;font-size:15px;line-height:1.6}
.nd-v2 .nd-autor .nd-autor-nombre{margin:0;color:var(--tinta);font-weight:900;font-size:17px}

/* ---------- tarjetas (relacionados y listado) ---------- */
.nd-v2 .nd-rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:0}
.nd-v2 .nd-tarjeta,.nd-v2 .nd2-rejilla > li{background:var(--papel);border:1px solid var(--filete);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative}
.nd-v2 .nd-tarjeta:hover,.nd-v2 .nd2-rejilla > li:hover{transform:translateY(-3px);box-shadow:0 14px 30px -20px rgba(22,21,19,.45)}
.nd-v2 .nd-tarjeta a{display:block;text-decoration:none;color:inherit;height:100%}
.nd-v2 .nd-tarjeta img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.nd-v2 .nd-sin-foto{display:grid;place-items:center;aspect-ratio:16/10;background:var(--crema);color:var(--rojo);font-size:42px;font-weight:900}
.nd-v2 .nd-tarjeta-texto{display:block;padding:18px 20px 22px}
.nd-v2 .nd-tarjeta-titulo{display:block;margin-top:8px;font-size:18px;font-weight:700;color:var(--tinta);line-height:1.3}
.nd-v2 .nd-relacionados{max-width:var(--ancho,1120px);margin:64px auto 0;padding:0 26px}
.nd-v2 .nd-rel-titulo{font-size:22px;font-weight:900;color:var(--tinta);margin:0 0 20px}
.nd-v2 .nd2-volver{max-width:var(--ancho,1120px);margin:28px auto 70px;padding:0 26px}

/* ---------- listado del blog ---------- */
/* cabecera clara (Oriol, 26-oct: el negro no le gustaba) */
.nd-v2 .nd2-cabeza{background:var(--papel);border-bottom:1px solid var(--filete);padding:64px 0 50px}
.nd-v2 .nd2-cabeza h1,.nd-v2 .nd2-cabeza .wp-block-query-title{color:var(--tinta);font-size:clamp(38px,6vw,62px);font-weight:900;letter-spacing:-.02em;margin:14px 0}
.nd-v2 .nd2-cabeza .destacado,.nd-v2 .nd2-cabeza .wp-block-term-description{color:var(--texto);max-width:580px;margin:0}
.nd-v2 .nd2-cabeza .antetitulo a{color:inherit;text-decoration:none}
.nd-v2 .nd2-cats{margin:28px 0 0}
.nd-v2 .nd2-cats li a{background:var(--crema);border-color:var(--filete);color:var(--tinta)}
.nd-v2 .nd2-cats li a:hover,.nd-v2 .nd2-cats li.current-cat a{background:var(--rojo);border-color:var(--rojo);color:#fff}
.nd-v2 .nd2-lista{padding-top:48px;padding-bottom:80px}
.nd-v2 .nd2-rejilla .wp-block-post-featured-image{margin:0}
.nd-v2 .nd2-rejilla .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;display:block}
.nd-v2 .nd2-rejilla .nd-tarjeta-texto{padding:18px 20px 22px}
.nd-v2 .nd2-rejilla .wp-block-post-title{font-size:19px;line-height:1.3;margin:10px 0 8px}
.nd-v2 .nd2-rejilla .wp-block-post-title a{color:var(--tinta);text-decoration:none}
.nd-v2 .nd2-rejilla .wp-block-post-title a:hover{color:var(--rojo)}
.nd-v2 .nd2-rejilla .wp-block-post-title a::after{content:"";position:absolute;inset:0}  /* toda la tarjeta es clicable */
.nd-v2 .nd2-rejilla .antetitulo{position:relative;z-index:1}
.nd-v2 .nd2-rejilla .antetitulo a,.nd-v2 .nd-tarjeta .antetitulo{text-decoration:none;color:var(--rojo)}
.nd-v2 .nd2-rejilla .wp-block-post-excerpt__excerpt{font-size:14.5px;line-height:1.55;margin:0 0 10px}
.nd-v2 .nd2-fecha{font-size:13px;color:var(--gris)}
/* tarjeta sin foto: el sello en un hueco crema */
.nd-v2 .nd2-rejilla > li:not(:has(.wp-block-post-featured-image))::before{content:"日";display:grid;place-items:center;aspect-ratio:16/10;background:var(--crema);color:var(--rojo);font-size:42px;font-weight:900}
/* el más reciente, grande (solo en la primera página) */
.nd-v2.blog:not(.paged) .nd2-rejilla > li:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}
.nd-v2.blog:not(.paged) .nd2-rejilla > li:first-child .wp-block-post-featured-image{aspect-ratio:auto!important;min-height:360px}
.nd-v2.blog:not(.paged) .nd2-rejilla > li:first-child .nd-tarjeta-texto{padding:40px 38px;align-self:center}
.nd-v2.blog:not(.paged) .nd2-rejilla > li:first-child .wp-block-post-title{font-size:clamp(24px,3vw,32px);font-weight:900;line-height:1.15}
.nd-v2.blog:not(.paged) .nd2-rejilla > li:first-child .wp-block-post-excerpt__excerpt{font-size:16.5px}
.nd-v2 .nd2-paginas{margin-top:36px;gap:14px;font-size:15px}
.nd-v2 .nd2-paginas a{color:var(--tinta)}
.nd-v2 .nd2-paginas .current{color:var(--rojo);font-weight:700}
.nd-v2 .nd-cta-blog{margin-top:64px}

/* ---------- móvil ---------- */
@media (max-width:900px){
	.nd-v2 .nd-rejilla{grid-template-columns:1fr 1fr}
	.nd-v2 .nd2-texto .wp-block-image{margin:36px -26px}
	.nd-v2 .nd2-texto .wp-block-image img{border-radius:0}
	.nd-v2 .nd2-texto .wp-element-caption{margin:10px 26px 0}
}
@media (max-width:640px){
	.nd-v2 .nd-rejilla{grid-template-columns:1fr}
	.nd-v2.blog:not(.paged) .nd2-rejilla > li:first-child{display:block}
	.nd-v2.blog:not(.paged) .nd2-rejilla > li:first-child .wp-block-post-featured-image{min-height:0;aspect-ratio:16/10!important}
	.nd-v2.blog:not(.paged) .nd2-rejilla > li:first-child .nd-tarjeta-texto{padding:20px}
	.nd-v2 .nd-indice ol{columns:1}
	.nd-v2 .nd-cta,.nd-v2 .nd-autor{flex-direction:column;gap:14px}
	.nd-v2 .nd2-texto > p:first-child{font-size:18.5px;padding-left:16px}
	.nd-v2 .nd2-hero-dentro{padding-bottom:36px}
}
@media (prefers-reduced-motion:reduce){
	.nd-v2 .nd-tarjeta,.nd-v2 .nd2-rejilla > li{transition:none}
}