/* Blog: mismo archivo en todas las webs. Colores, fuentes y separación de la cabecera de cada web van en las variables de .nb */
.nb{--nb-bg:#f8fafc;--nb-surface:#ffffff;--nb-text:#0f172a;--nb-body-text:#334155;--nb-muted:#64748b;--nb-border:#e2e8f0;--nb-accent:#3c83f6;--nb-link:#2563eb;--nb-tint:#eaf1fe;--nb-btn-bg:#2563eb;--nb-btn-text:#ffffff;--nb-cta-bg:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);--nb-cta-text:#ffffff;--nb-cta-btn-bg:#ffffff;--nb-cta-btn-text:#1d4ed8;--nb-shadow:0 18px 40px -22px rgba(15,23,42,.35);--nb-radius:1.25rem;--nb-head:"Outfit",system-ui,sans-serif;--nb-body:"Inter",system-ui,sans-serif;--nb-top:8.5rem}
.nb{background:var(--nb-bg);color:var(--nb-text);font-family:var(--nb-body);padding:var(--nb-top) 0 5rem;-webkit-font-smoothing:antialiased}
.nb *,.nb *::before,.nb *::after{box-sizing:border-box}
.nb a{color:inherit}
.nb-wrap{width:100%;max-width:72rem;margin:0 auto;padding:0 1.25rem}
@media (min-width:768px){.nb-wrap{padding:0 2rem}}
.nb-narrow{max-width:47rem}

/* Migas de pan, datos del artículo y títulos */
.nb-crumbs ol{display:flex;flex-wrap:wrap;gap:.25rem .5rem;list-style:none;margin:0 0 1.75rem;padding:0;font-size:.8125rem;line-height:1.4;color:var(--nb-muted)}
.nb-crumbs li{display:flex;align-items:center;gap:.5rem;min-width:0}
.nb-crumbs li+li::before{content:"/";opacity:.55}
.nb-crumbs a{text-decoration:none}
.nb-crumbs a:hover{color:var(--nb-link);text-decoration:underline}
.nb-crumbs [aria-current]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:32ch}
.nb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;margin:0 0 1rem;font-size:.8125rem;line-height:1.4;color:var(--nb-muted)}
.nb-tag{display:inline-block;padding:.22rem .7rem;border-radius:999px;background:var(--nb-tint);color:var(--nb-link);font-weight:700;font-size:.75rem;letter-spacing:.02em;text-decoration:none}
a.nb-tag:hover{text-decoration:underline}
.nb-h1{font-family:var(--nb-head);font-weight:700;font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 1.25rem;color:var(--nb-text)}
.nb-lead{font-size:1.1875rem;line-height:1.6;color:var(--nb-muted);margin:0 0 1.5rem;max-width:44rem}
.nb-by{font-size:.875rem;color:var(--nb-muted);margin:0}
.nb-by strong{color:var(--nb-text);font-weight:700}
.nb-kicker{font-family:var(--nb-head);font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nb-link);margin:0 0 .75rem}
.nb-h2{font-family:var(--nb-head);font-size:1.75rem;line-height:1.25;font-weight:700;margin:0 0 2rem;color:var(--nb-text)}

/* Portada del artículo */
.nb-cover{margin:2.5rem auto 0;max-width:60rem}
.nb-cover-img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--nb-radius);border:1px solid var(--nb-border)}

/* Texto del artículo */
.nb-content{margin-top:3rem;font-size:1.0625rem;line-height:1.75;color:var(--nb-body-text)}
.nb-content>*{margin-bottom:0}
.nb-content>*+*{margin-top:1.25rem}
.nb-content h2{font-family:var(--nb-head);font-size:1.75rem;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--nb-text);margin-top:3rem}
.nb-content h3{font-family:var(--nb-head);font-size:1.25rem;line-height:1.35;font-weight:700;color:var(--nb-text);margin-top:2.25rem}
.nb-content>h2+*,.nb-content>h3+*{margin-top:.85rem}
.nb-content a{color:var(--nb-link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.nb-content a:hover{text-decoration-thickness:2px}
.nb-content strong{color:var(--nb-text);font-weight:700}
.nb-content ul,.nb-content ol{padding-left:1.4rem}
.nb-content ul{list-style:disc}
.nb-content ol{list-style:decimal}
.nb-content li+li{margin-top:.5rem}
.nb-content li::marker{color:var(--nb-link)}
.nb-content blockquote{margin-left:0;margin-right:0;padding:.25rem 0 .25rem 1.25rem;border-left:3px solid var(--nb-accent);font-style:italic;color:var(--nb-text)}
.nb-table{overflow-x:auto;border:1px solid var(--nb-border);border-radius:calc(var(--nb-radius)*.75)}
.nb-content table{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.5}
.nb-content th,.nb-content td{padding:.7rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--nb-border)}
.nb-content th{background:var(--nb-surface);color:var(--nb-text);font-weight:700}
.nb-content tr:last-child td{border-bottom:0}
.nb-content .nota{padding:1rem 1.25rem;border-radius:calc(var(--nb-radius)*.75);background:var(--nb-tint);border-left:4px solid var(--nb-accent);color:var(--nb-text)}

/* "En 30 segundos", preguntas frecuentes, fuentes y llamada final */
.nb-tldr{padding:1.5rem 1.5rem 1.4rem;border:1px solid var(--nb-border);border-radius:var(--nb-radius);background:var(--nb-surface)}
.nb-content .nb-tldr-t{font-family:var(--nb-head);font-weight:700;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--nb-link);margin:0 0 .75rem}
.nb-content .nb-tldr ul{margin:0}
.nb-faq details{border:1px solid var(--nb-border);border-radius:calc(var(--nb-radius)*.75);background:var(--nb-surface);padding:0 1.25rem}
.nb-faq details+details{margin-top:.75rem}
.nb-faq summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font-weight:700;color:var(--nb-text);position:relative;line-height:1.45}
.nb-faq summary::-webkit-details-marker{display:none}
.nb-faq summary::after{content:"+";position:absolute;right:0;top:.8rem;font-size:1.4rem;line-height:1;color:var(--nb-link);transition:transform .2s}
.nb-faq details[open] summary::after{transform:rotate(45deg)}
.nb-faq summary:focus-visible{outline:2px solid var(--nb-link);outline-offset:4px;border-radius:4px}
.nb-content .nb-faq details p{margin:0 0 1.1rem}
.nb-content .nb-faq h2,.nb-content .nb-sources h2{margin-bottom:1rem}
.nb-sources ol{font-size:.875rem;line-height:1.55;color:var(--nb-muted)}
.nb-content .nb-sources li+li{margin-top:.4rem}
.nb-sources a{word-break:break-word}
.nb-content .nb-cta{margin-top:3rem;padding:2rem;border-radius:var(--nb-radius);background:var(--nb-cta-bg);border:1px solid var(--nb-border)}
.nb-content .nb-cta p{margin:0 0 1.25rem;font-family:var(--nb-head);font-size:1.25rem;line-height:1.4;font-weight:600;color:var(--nb-cta-text)}
.nb-content .nb-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:999px;background:var(--nb-cta-btn-bg);color:var(--nb-cta-btn-text);font-weight:700;font-size:.9375rem;line-height:1.3;text-decoration:none;transition:transform .15s,filter .15s}
.nb-content .nb-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.nb a:focus-visible{outline:2px solid var(--nb-link);outline-offset:3px}

/* Pie del artículo */
.nb-art-foot{margin-top:3rem}
.nb-updated{font-size:.8125rem;color:var(--nb-muted);margin:0 0 1.5rem}
.nb-about{padding:1.5rem 0;border-top:1px solid var(--nb-border);border-bottom:1px solid var(--nb-border)}
.nb-about-t{font-family:var(--nb-head);font-weight:700;color:var(--nb-text);margin:0 0 .5rem}
.nb-about p{font-size:.9375rem;line-height:1.6;color:var(--nb-muted);margin:0 0 .75rem}
.nb .nb-link{color:var(--nb-link);font-weight:700;text-decoration:none;font-size:.9375rem}
.nb .nb-link:hover{text-decoration:underline}
.nb-related{margin-top:5rem;padding-top:4rem;border-top:1px solid var(--nb-border)}
.nb-all{margin:2rem 0 0}

/* Listado */
.nb-hero{padding-bottom:2.5rem}
.nb-chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:2rem 0 0;padding:0}
.nb-chips a{display:inline-block;padding:.45rem 1rem;border-radius:999px;border:1px solid var(--nb-border);font-size:.875rem;font-weight:600;text-decoration:none;color:var(--nb-text);background:var(--nb-surface);transition:border-color .15s,color .15s}
.nb-chips a:hover{border-color:var(--nb-link);color:var(--nb-link)}
.nb-chips a[aria-current]{background:var(--nb-btn-bg);border-color:var(--nb-btn-bg);color:var(--nb-btn-text)}
.nb-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media (min-width:640px){.nb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.nb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}
.nb-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--nb-border);border-radius:var(--nb-radius);background:var(--nb-surface);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.nb-card:hover{transform:translateY(-3px);border-color:var(--nb-accent);box-shadow:var(--nb-shadow)}
.nb-card:focus-within{outline:2px solid var(--nb-link);outline-offset:3px}
.nb-card-img img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.nb-card-body{display:flex;flex-direction:column;flex:1;padding:1.25rem 1.4rem 1.4rem}
.nb-card .nb-meta{margin-bottom:.75rem}
.nb-card-t{font-family:var(--nb-head);font-size:1.25rem;line-height:1.3;font-weight:700;margin:0 0 .65rem;color:var(--nb-text)}
.nb-card-t a{text-decoration:none}
.nb-card-t a::after{content:"";position:absolute;inset:0}
.nb-card-t a:focus-visible{outline:none}
.nb-card-x{font-size:.9375rem;line-height:1.6;color:var(--nb-muted);margin:0 0 1rem;flex:1}
.nb-card-more{font-size:.875rem;font-weight:700;color:var(--nb-link)}
@media (min-width:1024px){
.nb-card-lead{grid-column:1/-1;flex-direction:row}
.nb-card-lead .nb-card-img{flex:0 0 56%}
.nb-card-lead .nb-card-img img{height:100%}
.nb-card-lead .nb-card-body{justify-content:center;padding:2rem 2.5rem}
.nb-card-lead .nb-card-t{font-size:1.875rem}
}
.nb-pages{margin-top:3rem}
.nb-pages ul{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;list-style:none;margin:0;padding:0}
.nb-pages a,.nb-pages span{display:inline-block;min-width:2.5rem;padding:.5rem .85rem;text-align:center;border:1px solid var(--nb-border);border-radius:999px;text-decoration:none;font-size:.875rem}
.nb-pages .current{background:var(--nb-btn-bg);color:var(--nb-btn-text);border-color:var(--nb-btn-bg)}
.nb-empty{padding:3rem 0;color:var(--nb-muted)}
@media (prefers-reduced-motion:reduce){.nb-card,.nb-content .nb-btn,.nb-faq summary::after{transition:none}.nb-card:hover{transform:none}}