/* Novedades (blog) — /novedades/ (lista y entrada). Va tras landing.css + web-nueva.css
   (+ producto.css no: sólo la clase del body). Tokens de landing.css; el modo claro
   sólo retoca lo que no sale de ellos. */

.nv-main{min-height:60vh}
.nv-hero{position:relative;isolation:isolate;overflow:hidden;padding:150px 0 34px}
.nv-fondo{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 70% at 18% 0%,rgba(59,91,255,.20),transparent 70%),radial-gradient(40% 60% at 85% 10%,rgba(109,59,255,.14),transparent 70%)}
.nv-fondo::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--linea) 1px,transparent 1px),linear-gradient(90deg,var(--linea) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask:radial-gradient(70% 80% at 30% 0%,#000,transparent 75%);mask:radial-gradient(70% 80% at 30% 0%,#000,transparent 75%);opacity:.55}
.nv-hero h1{max-width:900px}
.nv-hero .lead{max-width:640px}

.nv-barra-f{margin-top:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nv-filtros{display:flex;gap:6px;flex-wrap:wrap;padding:4px;border-radius:14px;background:var(--sup);border:1px solid var(--linea)}
.nv-filtros a{height:36px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--t2);transition:background .2s,color .2s}
.nv-filtros a:hover{color:var(--t1)}
.nv-filtros a[aria-current]{background:var(--sup-2);color:var(--t1);box-shadow:0 1px 2px rgba(0,0,0,.25)}
.nv-filtros small{font:500 11.5px/1 var(--mono);color:var(--t3)}
.nv-filtros i{width:7px;height:7px;border-radius:2px;background:var(--c,var(--azul))}
.nv-rss{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--linea);font:500 13px/1 var(--mono);color:var(--t2);transition:color .2s,border-color .2s}
.nv-rss:hover{color:var(--t1);border-color:var(--linea-2)}
.nv-rss svg,.nv-ib svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* colores por tipo */
.t-nuevo{--c:#5b78ff;--c2:#7c93ff;--cf:rgba(59,91,255,.14)}
.t-mejora{--c:#34c759;--c2:#7ee2a0;--cf:rgba(52,199,89,.13)}
.t-arreglo{--c:#f5a524;--c2:#f8c46a;--cf:rgba(245,165,36,.14)}
.nv-tipo{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;color:var(--c2);background:var(--cf)}
.nv-tipo i{width:6px;height:6px;border-radius:50%;background:var(--c)}
.nv-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:13px;color:var(--t3)}
.nv-pt{opacity:.6}
.nv-soloes{font:500 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:5px 7px;border-radius:6px;border:1px solid var(--linea-2);color:var(--t3)}
.nv-ultima{font:500 11.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--azul-2)}

/* imágenes (y portada «vacía» con el icono del tipo) */
.nv-img{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--fondo-2)}
.nv-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.nv-img-v{display:grid;place-items:center;background:
  radial-gradient(80% 90% at 20% 10%,var(--cf),transparent 70%),
  radial-gradient(60% 70% at 90% 100%,rgba(109,59,255,.12),transparent 70%),var(--fondo-2)}
.nv-img-v::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--linea) 1px,transparent 1px),linear-gradient(90deg,var(--linea) 1px,transparent 1px);background-size:32px 32px;opacity:.6;-webkit-mask:radial-gradient(closest-side,#000,transparent);mask:radial-gradient(closest-side,#000,transparent)}
.nv-img-v svg{position:relative;width:54px;height:54px;padding:13px;border-radius:16px;fill:none;stroke:var(--c2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;background:var(--cf);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);box-shadow:0 0 40px -6px var(--c)}

/* lista */
.nv-lista{padding-bottom:110px}
.nv-dest{margin-top:8px}
.nv-dest-a{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}
.nv-dest .nv-img{aspect-ratio:auto;min-height:340px;height:100%}
.nv-dest-tx{display:flex;flex-direction:column;gap:16px;justify-content:center;padding:clamp(24px,4vw,48px)}
.nv-dest h2{margin:0;font-size:clamp(26px,2.8vw,38px);line-height:1.08}
.nv-dest p{color:var(--t2);font-size:16.5px;line-height:1.6}
.nv-leer{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--t1);margin-top:6px}
.nv-leer svg{width:15px;height:15px;transition:transform .2s}
.nv-dest-a:hover .nv-leer svg{transform:translateX(3px)}
.nv-dest-a:hover .nv-img img,.nv-tarj-a:hover .nv-img img{transform:scale(1.035)}

.nv-rejilla{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nv-tarj{display:flex}
.nv-tarj-a{display:flex;flex-direction:column;width:100%}
.nv-tarj-tx{display:flex;flex-direction:column;gap:12px;padding:20px 22px 24px}
.nv-tarj h3{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.25;text-wrap:balance}
.nv-tarj p{color:var(--t2);font-size:14.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nv-tarj-a:hover h3,.nv-dest-a:hover h2{color:var(--azul-3)}

.nv-vacio{margin-top:10px;padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.nv-vacio .nv-img-v{position:relative;width:96px;height:96px;border-radius:22px;background:transparent}
.nv-vacio .nv-img-v::before{display:none}
.nv-vacio b{font-size:19px}
.nv-vacio p{color:var(--t2);max-width:440px}

.nv-pags{margin-top:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.nv-pags>a{color:var(--t2)}
.nv-pags>a:hover{color:var(--t1)}
.nv-pags-n{display:flex;gap:4px}
.nv-pags-n a{min-width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--t2);border:1px solid transparent}
.nv-pags-n a[aria-current]{border-color:var(--linea-2);background:var(--sup-2);color:var(--t1)}

/* entrada */
.nv-art-cab{padding-top:140px;max-width:860px}
.nv-migas a{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--t2)}
.nv-migas a:hover{color:var(--t1)}
.nv-migas svg{width:15px;height:15px}
.nv-art-cab .nv-meta{margin-top:30px}
.nv-art-cab h1{margin-top:18px;font-size:clamp(34px,4.4vw,58px);line-height:1.04}
.nv-entrada{margin-top:22px}
.nv-art-img{max-width:1100px;margin-top:44px}
.nv-art-img .nv-img{border-radius:22px;border:1px solid var(--linea);box-shadow:var(--sombra)}
.nv-art-cuerpo{max-width:860px;margin-top:48px;display:block}
.nv-art-pie{margin-top:48px;padding-top:22px;border-top:1px solid var(--linea)}
.nv-compartir{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nv-compartir>span{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-right:8px}
.nv-ib{width:38px;height:38px;border-radius:10px;border:1px solid var(--linea);background:var(--sup);display:grid;place-items:center;color:var(--t2);cursor:pointer;transition:color .2s,background .2s}
.nv-ib:hover{color:var(--t1);background:var(--sup-2)}
.nv-ib.hecho{color:var(--verde-t);border-color:rgba(52,199,89,.35)}

.nv-prosa{color:var(--t2);font-size:17.5px;line-height:1.75;max-width:70ch}
.nv-prosa>*+*{margin-top:18px}
.nv-prosa h3{margin-top:44px;font-size:clamp(22px,2vw,27px);font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--t1)}
.nv-prosa h4{margin-top:30px;font-size:19px;font-weight:600;color:var(--t1)}
.nv-prosa h3+*,.nv-prosa h4+*{margin-top:12px}
.nv-prosa ul{padding-left:0;list-style:none}
.nv-prosa li{position:relative;padding-left:26px}
.nv-prosa li+li{margin-top:9px}
.nv-prosa li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:2px;background:var(--azul);box-shadow:0 0 10px rgba(59,91,255,.6)}
.nv-prosa b{color:var(--t1);font-weight:600}
.nv-prosa a{color:var(--azul-2);text-decoration:underline;text-decoration-color:rgba(124,147,255,.4);text-underline-offset:3px;transition:text-decoration-color .2s}
.nv-prosa a:hover{text-decoration-color:currentColor}
.nv-prosa code{font:400 .86em/1 var(--mono);padding:3px 7px;border-radius:7px;background:var(--sup-2);border:1px solid var(--linea);color:var(--t1)}
.nv-prosa pre{font:400 14px/1.65 var(--mono);padding:18px 20px;border-radius:14px;background:var(--fondo-2);border:1px solid var(--linea);overflow:auto;color:var(--t1)}

.nv-vecinas{max-width:860px;margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nv-vec{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:16px;border:1px solid var(--linea);background:var(--sup);transition:border-color .2s,background .2s}
.nv-vec:hover{border-color:var(--linea-2);background:var(--sup-2)}
.nv-vec small{font:500 11.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.nv-vec b{font-weight:500;line-height:1.35}
.nv-vec.sig{text-align:right;grid-column:2}

.nv-mas{padding:100px var(--pad) 120px}
.nv-mas-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.nv-mas-cab h2{margin:0;font-size:clamp(26px,3vw,38px)}
.nv-mas-cab a{display:inline-flex;align-items:center;gap:8px;color:var(--t2);font-size:15px}
.nv-mas-cab a:hover{color:var(--t1)}
.nv-mas-cab svg{width:15px;height:15px}

.nv-404{padding:170px var(--pad) 140px;max-width:860px}
.nv-404 h1{font-size:clamp(32px,4vw,52px)}

/* claro */
html[data-tema="claro"] .nv-fondo{background:radial-gradient(60% 70% at 18% 0%,rgba(59,91,255,.12),transparent 70%),radial-gradient(40% 60% at 85% 10%,rgba(109,59,255,.08),transparent 70%)}
html[data-tema="claro"] .t-nuevo{--c:#3b5bff;--c2:#2f4ee0;--cf:rgba(59,91,255,.09)}
html[data-tema="claro"] .t-mejora{--c:#22a447;--c2:#1a7f37;--cf:rgba(34,164,71,.10)}
html[data-tema="claro"] .t-arreglo{--c:#d48806;--c2:#9a6200;--cf:rgba(212,136,6,.11)}
html[data-tema="claro"] .nv-filtros a[aria-current]{background:#fff;box-shadow:0 1px 3px rgba(20,30,80,.12)}
html[data-tema="claro"] .nv-tarj-a:hover h3,html[data-tema="claro"] .nv-dest-a:hover h2{color:var(--azul)}
html[data-tema="claro"] .nv-prosa a{color:var(--azul)}
html[data-tema="claro"] .nv-prosa li::before{box-shadow:none}
html[data-tema="claro"] .nv-img-v svg{box-shadow:0 10px 30px -10px var(--c)}

@media (max-width:980px){
  .nv-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nv-dest-a{grid-template-columns:minmax(0,1fr)}
  .nv-dest .nv-img{min-height:0;aspect-ratio:16/9}
}
@media (max-width:640px){
  .nv-hero{padding-top:118px}
  .nv-rejilla{grid-template-columns:minmax(0,1fr);gap:14px}
  .nv-barra-f{flex-direction:column;align-items:stretch}
  .nv-filtros{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .nv-filtros a{flex:none}
  .nv-rss{align-self:flex-start}
  .nv-art-cab{padding-top:112px}
  .nv-art-img{padding:0 var(--pad)}
  .nv-art-img .nv-img{border-radius:16px}
  .nv-prosa{font-size:16.5px}
  .nv-vecinas{grid-template-columns:minmax(0,1fr)}
  .nv-vec.sig{grid-column:1;text-align:left}
  .nv-pags-n{display:none}
  .nv-mas{padding-top:70px}
}

/* tipo Tutorial (14-nov) */
.t-tutorial{--c:#a855f7;--c2:#c99bff;--cf:rgba(168,85,247,.14)}
html[data-tema="claro"] .t-tutorial{--c:#8b3fe0;--c2:#6d28c9;--cf:rgba(139,63,224,.10)}