:root{--npbb-accent:#2463eb;--npbb-bg:#eef5fb;--npbb-ink:#0c1d3c;--npbb-muted:#536783;--npbb-border:#dce5f0;--npbb-radius:10px;--npbb-image:220px}

/* Mantener Astra para cabecera/pie, pero liberar únicamente el área del blog. */
body.npbb-blog-premium{background:var(--npbb-bg)!important}
body.npbb-blog-premium #content{background:var(--npbb-bg)!important}
body.npbb-blog-premium #content>.ast-container,
body.npbb-blog-premium .site-content>.ast-container{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.npbb-blog-premium #primary{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.npbb-blog-premium #secondary{display:none!important}

.npbb-page,.npbb-page *{box-sizing:border-box}
.npbb-page{min-height:70vh;width:100%;max-width:none;color:var(--npbb-ink);font-family:inherit}
.npbb-shell{width:min(1280px,calc(100% - 40px));max-width:1280px;margin-inline:auto}
.npbb-page-header{padding:42px 0 23px;background:linear-gradient(135deg,#fff 0%,#f6f9fe 100%);border-bottom:1px solid var(--npbb-border)}
.npbb-eyebrow{display:inline-block;color:var(--npbb-accent);font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:8px}
.npbb-page-header h1{margin:0;font-size:clamp(40px,5vw,60px);line-height:1.04;letter-spacing:-.04em;color:var(--npbb-ink)}
.npbb-page-header p,.npbb-description{max-width:760px;margin:12px 0 0;color:var(--npbb-muted);font-size:16px;line-height:1.65}

.npbb-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:28px!important;padding:28px 0 64px!important;align-items:start!important}
.npbb-layout.npbb-no-sidebar{grid-template-columns:minmax(0,1fr)!important}
.npbb-posts{display:grid!important;gap:18px!important;min-width:0!important}

/* Reset de estilos globales de Astra y CSS antiguos solo dentro de nuestras tarjetas. */
body.npbb-blog-premium article.npbb-post-card{display:block!important;float:none!important;clear:both!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--npbb-border)!important;border-radius:var(--npbb-radius)!important;box-shadow:0 7px 20px rgba(18,47,88,.07)!important;transition:transform .22s ease,box-shadow .22s ease!important}
body.npbb-blog-premium article.npbb-post-card:before,body.npbb-blog-premium article.npbb-post-card:after{display:none!important;content:none!important}
body.npbb-blog-premium article.npbb-post-card:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(18,47,88,.11)!important}

.npbb-card-top{display:grid!important;grid-template-columns:minmax(190px,var(--npbb-image)) minmax(0,1fr)!important;gap:24px!important;width:100%!important;min-width:0!important;padding:16px 22px 12px 16px!important;align-items:start!important}
.npbb-thumb{display:block!important;float:none!important;width:100%!important;max-width:none!important;height:164px!important;margin:0!important;border-radius:7px!important;overflow:hidden!important;background:linear-gradient(145deg,#0c2f69,#2463eb)!important}
.npbb-thumb img{display:block!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;object-fit:cover!important;transition:transform .3s ease!important}
.npbb-post-card:hover .npbb-thumb img{transform:scale(1.03)}
.npbb-thumb-placeholder{height:100%;display:grid;place-items:center;color:#fff;font-weight:800}
.npbb-post-main{display:block!important;min-width:0!important;width:auto!important;padding:2px 0 0!important;margin:0!important}
.npbb-post-main h2{display:block!important;width:auto!important;margin:0 0 12px!important;padding:0!important;font-size:23px!important;line-height:1.14!important;letter-spacing:-.018em!important;font-weight:800!important;overflow-wrap:anywhere!important}
.npbb-post-main h2 a{color:var(--npbb-ink)!important;text-decoration:none!important}
.npbb-post-main h2 a:hover{color:var(--npbb-accent)!important}
.npbb-meta{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 22px!important;width:100%!important;margin:0 0 13px!important;color:#526783!important;font-size:12px!important;line-height:1.4!important}
.npbb-meta>span,.npbb-stats>span,.npbb-helpful{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
.npbb-meta svg,.npbb-card-footer svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important}
.npbb-excerpt{display:-webkit-box!important;width:auto!important;margin:0!important;padding:0!important;color:#344b6a!important;font-size:15.5px!important;line-height:1.55!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;overflow-wrap:anywhere!important}

.npbb-card-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;width:100%!important;min-height:46px!important;margin:0!important;padding:10px 20px!important;border-top:1px solid #e4eaf2!important;background:#fff!important;color:#49617f!important;font-size:13px!important}
.npbb-stats{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px 36px!important;min-width:0!important}
.npbb-helpful{padding:0!important;border:0!important;background:none!important;color:inherit!important;font:inherit!important;cursor:pointer!important;box-shadow:none!important}
.npbb-helpful:hover,.npbb-helpful.is-done{color:var(--npbb-accent)!important}
.npbb-read-more{display:inline-flex!important;align-items:center!important;gap:5px!important;margin-left:auto!important;color:var(--npbb-accent)!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}
.npbb-read-more span{display:inline-block;transition:transform .2s}
.npbb-read-more:hover span{transform:translateX(4px)}

.npbb-sidebar{display:grid!important;gap:16px!important;position:sticky!important;top:28px!important;min-width:0!important}
.npbb-widget{padding:19px!important;background:#fff!important;border:1px solid var(--npbb-border)!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(25,55,96,.06)!important}
.npbb-widget h2{margin:0 0 14px!important;font-size:17px!important;color:var(--npbb-ink)!important}
.npbb-search-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important;width:100%!important;margin:0!important;padding:0!important;border:1px solid #d8e2ef!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
.npbb-search-input{display:block!important;width:100%!important;min-width:0!important;height:44px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#243b5d!important;font:inherit!important;box-shadow:none!important;outline:0!important}
.npbb-search-input:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--npbb-accent) 28%,transparent)!important}
.npbb-search-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:78px!important;height:44px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:var(--npbb-accent)!important;color:#fff!important;font:inherit!important;font-size:13px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important}
.npbb-search-button:hover{filter:brightness(.96)!important}
.npbb-category-list{list-style:none!important;margin:0!important;padding:0!important}
.npbb-category-list li{display:flex!important;justify-content:space-between!important;padding:8px 0!important;border-bottom:1px solid #edf1f6!important}
.npbb-category-list li:last-child{border:0!important}
.npbb-category-list a,.npbb-popular a{color:#263a5d!important;text-decoration:none!important}
.npbb-popular{counter-reset:item;list-style:none!important;margin:0!important;padding:0!important}
.npbb-popular li{counter-increment:item;display:grid!important;grid-template-columns:26px 1fr!important;gap:9px!important;padding:10px 0!important;border-bottom:1px solid #edf1f6!important}
.npbb-popular li:before{content:counter(item)!important;display:grid!important;place-items:center!important;width:23px!important;height:23px!important;border-radius:50%!important;background:#e9f0ff!important;color:var(--npbb-accent)!important;font-size:11px!important;font-weight:800!important}
.npbb-newsletter{background:linear-gradient(145deg,#f8fbff,#eaf2ff)!important}
.npbb-newsletter p{color:#61708d!important;font-size:13px!important;line-height:1.5!important}
.npbb-newsletter form{display:grid!important;gap:8px!important;margin:0!important}
.npbb-newsletter input{width:100%!important;border:1px solid #d6e1ef!important;border-radius:9px!important;padding:10px 11px!important;background:#fff!important}
.npbb-newsletter button{border:0!important;border-radius:9px!important;padding:10px!important;background:var(--npbb-accent)!important;color:#fff!important;font-weight:800!important}
.npbb-pagination ul{display:flex!important;gap:7px!important;list-style:none!important;margin:12px 0 0!important;padding:0!important}
.npbb-pagination a,.npbb-pagination span{display:grid!important;place-items:center!important;min-width:38px!important;height:38px!important;padding:0 11px!important;border-radius:9px!important;background:#fff!important;border:1px solid var(--npbb-border)!important;text-decoration:none!important;color:#29405f!important}
.npbb-pagination .current{background:var(--npbb-accent)!important;color:#fff!important}
.npbb-empty{padding:42px!important;background:#fff!important;border-radius:18px!important;border:1px solid var(--npbb-border)!important;text-align:center!important}

@media(max-width:1050px){
 .npbb-shell{width:min(100% - 30px,1180px)}
 .npbb-layout{grid-template-columns:minmax(0,1fr) 280px!important;gap:22px!important}
 .npbb-card-top{grid-template-columns:190px minmax(0,1fr)!important;gap:18px!important}
 .npbb-thumb{height:154px!important}
 .npbb-post-main h2{font-size:21px!important}
}
@media(max-width:900px){
 .npbb-layout{grid-template-columns:1fr!important}
 .npbb-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
 .npbb-shell{width:min(100% - 22px,1180px)}
 .npbb-page-header{padding:30px 0 20px}
 .npbb-layout{padding-top:20px!important}
 .npbb-card-top{grid-template-columns:170px minmax(0,1fr)!important;gap:16px!important;padding:14px!important}
 .npbb-thumb{height:150px!important}
 .npbb-post-main h2{font-size:20px!important}
 .npbb-meta{gap:7px 14px!important;font-size:11px!important}
 .npbb-excerpt{font-size:14px!important;-webkit-line-clamp:3!important}
 .npbb-card-footer{align-items:flex-start!important}
 .npbb-stats{gap:10px 18px!important}
 .npbb-sidebar{grid-template-columns:1fr!important}
}
@media(max-width:560px){
 .npbb-card-top{display:block!important;padding:12px!important}
 .npbb-thumb{width:100%!important;height:210px!important;margin-bottom:15px!important}
 .npbb-post-main{padding:0 3px 5px!important}
 .npbb-post-main h2{font-size:21px!important}
 .npbb-card-footer{display:grid!important;grid-template-columns:1fr!important;padding:11px 15px!important}
 .npbb-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 14px!important}
 .npbb-helpful{grid-column:1/-1!important}
 .npbb-read-more{margin-left:0!important;justify-self:end!important}
}

/* =========================================================
   HERO PREMIUM v1.3.9 — aislado, sin alterar la cuadrícula estable
   ========================================================= */
.npbb-page-header{
  position:relative;
  overflow:hidden;
  padding:48px 0 42px;
  background:
    radial-gradient(circle at 86% 18%,rgba(36,99,235,.13),transparent 26%),
    linear-gradient(135deg,#ffffff 0%,#f4f8ff 58%,#eaf2ff 100%);
}
.npbb-page-header:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:linear-gradient(rgba(36,99,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(36,99,235,.08) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 58%,#000 100%);
}
.npbb-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:48px;align-items:center}
.npbb-hero-copy{min-width:0;max-width:760px}
.npbb-page-header h1{font-size:clamp(42px,5vw,68px);line-height:1.01;max-width:760px}
.npbb-page-header p,.npbb-description{font-size:17px;max-width:720px;margin-top:16px}
.npbb-hero-topics{margin-top:17px;color:#38516f;font-size:13px;font-weight:800;letter-spacing:.025em}
.npbb-hero-button{display:inline-flex;align-items:center;gap:9px;margin-top:24px;padding:12px 18px;border-radius:10px;background:var(--npbb-accent);color:#fff!important;font-size:14px;font-weight:800;text-decoration:none!important;box-shadow:0 10px 22px rgba(36,99,235,.22);transition:transform .2s ease,box-shadow .2s ease}
.npbb-hero-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(36,99,235,.28)}
.npbb-hero-button span{font-size:18px;line-height:1}
.npbb-hero-visual{display:flex;justify-content:flex-end;min-width:0}
.npbb-network-card{position:relative;width:292px;height:210px;border:1px solid rgba(36,99,235,.18);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(229,239,255,.92));box-shadow:0 20px 44px rgba(20,55,105,.14);overflow:hidden}
.npbb-network-card:before,.npbb-network-card:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}
.npbb-network-card:before{width:130px;height:130px;right:-34px;top:-40px;background:rgba(36,99,235,.12)}
.npbb-network-card:after{width:92px;height:92px;left:-25px;bottom:-28px;background:rgba(47,181,255,.13)}
.npbb-network-card strong,.npbb-network-card small{position:absolute;left:26px;z-index:3}
.npbb-network-card strong{bottom:38px;color:#10264d;font-size:20px;letter-spacing:.08em}
.npbb-network-card small{bottom:22px;color:var(--npbb-accent);font-size:10px;font-weight:800;letter-spacing:.18em}
.npbb-node{position:absolute;z-index:4;width:17px;height:17px;border:4px solid #fff;border-radius:50%;background:var(--npbb-accent);box-shadow:0 4px 10px rgba(36,99,235,.25)}
.npbb-node.n1{left:48px;top:44px}.npbb-node.n2{left:132px;top:25px}.npbb-node.n3{right:43px;top:72px}.npbb-node.n4{left:145px;top:116px}
.npbb-network-card i{position:absolute;z-index:2;height:2px;transform-origin:left center;background:linear-gradient(90deg,rgba(36,99,235,.28),rgba(36,99,235,.8))}
.npbb-network-card .l1{left:61px;top:51px;width:76px;transform:rotate(-13deg)}
.npbb-network-card .l2{left:145px;top:37px;width:84px;transform:rotate(28deg)}
.npbb-network-card .l3{left:157px;top:113px;width:73px;transform:rotate(-31deg)}
#npbb-articles{scroll-margin-top:28px}
@media(max-width:900px){.npbb-hero-inner{grid-template-columns:1fr}.npbb-hero-visual{display:none}.npbb-page-header h1{max-width:780px}}
@media(max-width:720px){.npbb-page-header{padding:34px 0 30px}.npbb-page-header h1{font-size:clamp(36px,11vw,48px)}.npbb-page-header p{font-size:15.5px}.npbb-hero-topics{line-height:1.7}.npbb-hero-button{width:100%;justify-content:center}}


/* Hero Builder v1.3.9: todas las reglas permanecen dentro de .npbb-page. */
.npbb-page-header{min-height:var(--npbb-hero-height);padding:var(--npbb-hero-padding) 0;background:radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--npbb-accent) 14%,transparent),transparent 31%),linear-gradient(135deg,var(--npbb-hero-start),var(--npbb-hero-end));color:var(--npbb-hero-ink)}
.npbb-page-header h1{white-space:normal;color:var(--npbb-hero-ink)}
.npbb-page-header p,.npbb-page-header .npbb-description{color:var(--npbb-hero-muted)}
.npbb-hero-inner{min-height:calc(var(--npbb-hero-height) - (var(--npbb-hero-padding) * 2));display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:54px;align-items:center}
.npbb-hero-copy{min-width:0}
.npbb-hero-topics{margin-top:16px;color:color-mix(in srgb,var(--npbb-hero-ink) 80%,var(--npbb-hero-muted));font-size:13px;font-weight:800;letter-spacing:.01em}
.npbb-hero-button{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:12px 17px;border-radius:9px;background:var(--npbb-accent);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800;box-shadow:0 10px 24px color-mix(in srgb,var(--npbb-accent) 28%,transparent);transition:transform .2s ease,box-shadow .2s ease}
.npbb-hero-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb,var(--npbb-accent) 35%,transparent)}
.npbb-hero-button span{transition:transform .2s}.npbb-hero-button:hover span{transform:translateX(4px)}
.npbb-hero-visual{display:flex;justify-content:center;align-items:center;min-width:0}
.npbb-hero-custom-image{display:flex;align-items:center;justify-content:center;width:min(100%,360px);height:220px;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.62);border:1px solid color-mix(in srgb,var(--npbb-accent) 15%,#fff);box-shadow:0 22px 48px rgba(14,43,89,.13)}
.npbb-hero-custom-image img{display:block!important;width:100%!important;height:100%!important;margin:0!important}
.npbb-hero-custom-image.npbb-fit-contain img{object-fit:contain!important;padding:10px!important}
.npbb-hero-custom-image.npbb-fit-cover img{object-fit:cover!important}
.npbb-network-card{position:relative;width:min(100%,290px);height:190px;border:1px solid color-mix(in srgb,var(--npbb-accent) 18%,#fff);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.94),color-mix(in srgb,var(--npbb-hero-end) 88%,#fff));box-shadow:0 22px 48px rgba(14,43,89,.14);overflow:hidden}
.npbb-hero-style-glass .npbb-network-card{background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.3));backdrop-filter:blur(14px);border-color:rgba(255,255,255,.72);box-shadow:0 22px 55px rgba(25,61,120,.18)}
.npbb-hero-style-minimal .npbb-network-card{background:transparent;border:0;box-shadow:none}
.npbb-hero-style-minimal .npbb-network-card:before,.npbb-hero-style-minimal .npbb-network-card:after{opacity:.5}
.npbb-hero-align-center .npbb-hero-inner{grid-template-columns:1fr;text-align:center;justify-items:center}
.npbb-hero-align-center .npbb-hero-copy{max-width:900px}
.npbb-hero-align-center .npbb-page-header p,.npbb-hero-align-center .npbb-description{margin-left:auto;margin-right:auto}
.npbb-hero-align-center .npbb-hero-visual{width:100%}
.npbb-hero-align-center .npbb-network-card{width:min(100%,520px);height:160px}
@media(max-width:900px){.npbb-hero-inner{grid-template-columns:1fr;gap:28px}.npbb-hero-visual{display:none}.npbb-page-header{min-height:auto}}
@media(max-width:720px){.npbb-page-header{padding:clamp(28px,var(--npbb-hero-padding),52px) 0}.npbb-hero-inner{min-height:0}.npbb-hero-topics{font-size:12px}}

/* =========================================================
   TARJETAS Y SIDEBAR PREMIUM v1.3.9
   Todo permanece aislado dentro del Blog Builder.
   ========================================================= */
body.npbb-blog-premium article.npbb-post-card{
  box-shadow:0 8px 24px rgba(18,47,88,.07)!important;
}
body.npbb-blog-premium article.npbb-post-card.npbb-shadow-none{box-shadow:none!important}
body.npbb-blog-premium article.npbb-post-card.npbb-shadow-soft{box-shadow:0 8px 24px rgba(18,47,88,.07)!important}
body.npbb-blog-premium article.npbb-post-card.npbb-shadow-premium{box-shadow:0 14px 38px rgba(18,47,88,.12)!important}
body.npbb-blog-premium article.npbb-post-card:not(.npbb-card-animate):hover{transform:none!important}
body.npbb-blog-premium article.npbb-post-card.npbb-card-animate:hover{transform:translateY(-4px)!important;box-shadow:0 18px 42px rgba(18,47,88,.14)!important}
.npbb-thumb{height:var(--npbb-image-height)!important}
.npbb-post-main h2{font-size:var(--npbb-title-size)!important;margin-bottom:13px!important}
.npbb-card-top{padding:16px 22px 13px 16px!important}
.npbb-excerpt{color:#344b68!important;line-height:1.62!important}
.npbb-card-footer{min-height:47px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
.npbb-read-more{display:inline-flex!important;align-items:center!important;gap:7px!important}
.npbb-read-more span{transition:transform .2s ease!important}
.npbb-read-more:hover span{transform:translateX(4px)!important}
.npbb-helpful{transition:color .2s ease,transform .2s ease!important}
.npbb-helpful:hover{color:var(--npbb-accent)!important;transform:translateY(-1px)!important}
.npbb-helpful.is-done{color:var(--npbb-accent)!important}

.npbb-widget{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.npbb-widget:hover{transform:translateY(-2px)!important;border-color:#cdd9e8!important;box-shadow:0 13px 30px rgba(25,55,96,.09)!important}
.npbb-widget h2{position:relative!important;padding-bottom:11px!important;margin-bottom:12px!important}
.npbb-widget h2:after{content:""!important;position:absolute!important;left:0!important;bottom:0!important;width:34px!important;height:3px!important;border-radius:999px!important;background:var(--npbb-accent)!important}
.npbb-category-list.has-icons li{position:relative!important;padding-left:20px!important}
.npbb-category-list.has-icons li:before{content:""!important;position:absolute!important;left:0!important;top:50%!important;width:8px!important;height:8px!important;margin-top:-4px!important;border-radius:3px!important;background:linear-gradient(135deg,var(--npbb-accent),#5ca8ff)!important;box-shadow:0 0 0 4px rgba(36,99,235,.08)!important}
.npbb-category-list a{transition:color .2s ease,transform .2s ease!important}
.npbb-category-list a:hover{color:var(--npbb-accent)!important}

.npbb-popular li{display:block!important;padding:10px 0!important}
.npbb-popular li:before{display:none!important}
.npbb-popular a{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
.npbb-popular-thumb{flex:0 0 58px!important;width:58px!important;height:48px!important;border-radius:8px!important;overflow:hidden!important;background:linear-gradient(135deg,#e6effc,#c8d9f2)!important}
.npbb-popular-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important}
.npbb-popular-thumb>span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:var(--npbb-accent)!important;font-size:11px!important;font-weight:900!important}
.npbb-popular-rank{display:grid!important;place-items:center!important;flex:0 0 25px!important;width:25px!important;height:25px!important;border-radius:50%!important;background:#e9f0ff!important;color:var(--npbb-accent)!important;font-size:11px!important;font-weight:800!important}
.npbb-popular-copy{display:block!important;min-width:0!important}
.npbb-popular-copy strong{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;color:#263a5d!important;font-size:13px!important;line-height:1.35!important;transition:color .2s ease!important}
.npbb-popular-copy small{display:block!important;margin-top:4px!important;color:#74849a!important;font-size:10.5px!important}
.npbb-popular a:hover .npbb-popular-copy strong{color:var(--npbb-accent)!important}

.npbb-card-animate.npbb-awaiting-view{opacity:0!important;transform:translateY(12px)!important}
.npbb-card-animate.npbb-in-view{opacity:1!important;transform:translateY(0)!important;transition:opacity .45s ease,transform .45s ease,box-shadow .22s ease!important}
@media(prefers-reduced-motion:reduce){.npbb-post-card,.npbb-widget,.npbb-thumb img,.npbb-read-more span{transition:none!important}.npbb-card-animate.npbb-awaiting-view{opacity:1!important;transform:none!important}}
@media(max-width:1050px){.npbb-thumb{height:min(var(--npbb-image-height),170px)!important}.npbb-post-main h2{font-size:min(var(--npbb-title-size),22px)!important}}
@media(max-width:720px){.npbb-thumb{height:min(var(--npbb-image-height),160px)!important}.npbb-post-main h2{font-size:min(var(--npbb-title-size),21px)!important}}
@media(max-width:560px){.npbb-thumb{height:210px!important}.npbb-popular-thumb{flex-basis:64px!important;width:64px!important;height:52px!important}}


/* =========================================================
   TARJETA EDITORIAL PREMIUM v1.3.9
   ========================================================= */
.npbb-card-top{gap:var(--npbb-card-gap)!important;padding:var(--npbb-card-padding)!important;padding-bottom:calc(var(--npbb-card-padding) - 4px)!important;align-items:center!important}
.npbb-post-main{padding:0!important}
.npbb-post-main h2{margin-bottom:15px!important;line-height:1.12!important;letter-spacing:-.025em!important}
.npbb-meta{margin-bottom:15px!important;gap:9px 18px!important;color:#63748b!important}
.npbb-meta .npbb-category-badge{padding:5px 9px!important;border-radius:999px!important;background:color-mix(in srgb,var(--npbb-accent) 9%,#fff)!important;color:var(--npbb-accent)!important;font-weight:750!important}
.npbb-meta .npbb-category-badge svg{width:14px!important;height:14px!important}
.npbb-excerpt{font-size:var(--npbb-excerpt-size)!important;color:var(--npbb-excerpt-color)!important;line-height:1.67!important;-webkit-line-clamp:4!important}
.npbb-thumb{border-radius:10px!important;box-shadow:inset 0 0 0 1px rgba(17,49,92,.06)!important}
.npbb-card-footer{padding:12px var(--npbb-card-padding)!important;min-height:52px!important}
.npbb-footer-plain .npbb-card-footer{background:#fff!important}
.npbb-footer-soft .npbb-card-footer{background:linear-gradient(180deg,#fff,#f8fbff)!important}
.npbb-footer-accent .npbb-card-footer{background:color-mix(in srgb,var(--npbb-accent) 4%,#fff)!important;border-top-color:color-mix(in srgb,var(--npbb-accent) 13%,#e4eaf2)!important}
.npbb-stats{gap:12px 28px!important}
.npbb-stats>span,.npbb-helpful{font-size:12.5px!important}
.npbb-helpful b{font-weight:850!important}
.npbb-read-more{padding:7px 0!important;font-size:13px!important}
@media(max-width:1050px){.npbb-card-top{padding:18px!important;gap:18px!important}.npbb-card-footer{padding-inline:18px!important}}
@media(max-width:560px){.npbb-card-top{padding:14px!important}.npbb-meta .npbb-category-badge{padding:4px 8px!important}.npbb-card-footer{padding:12px 14px!important}}

/* =========================================================
   ARTÍCULOS DESTACADOS SENCILLOS v1.3.9
   Miniaturas más visibles, espacio limpio y hover discreto.
   ========================================================= */
.npbb-popular{display:grid!important;gap:8px!important}
.npbb-popular li{padding:0!important;border:0!important;margin:0!important}
.npbb-popular a{
  align-items:center!important;
  gap:13px!important;
  padding:8px!important;
  border-radius:11px!important;
  background:transparent!important;
  transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.npbb-popular a:hover{
  background:color-mix(in srgb,var(--npbb-accent) 5%,#fff)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 7px 18px rgba(25,55,96,.07)!important;
}
.npbb-popular-thumb{
  flex:0 0 72px!important;
  width:72px!important;
  height:62px!important;
  border-radius:10px!important;
  box-shadow:inset 0 0 0 1px rgba(17,49,92,.06)!important;
}
.npbb-popular-copy strong{
  color:#1b3153!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.npbb-popular-copy small{
  margin-top:5px!important;
  color:#71839a!important;
  font-size:11px!important;
  line-height:1.35!important;
}
@media(max-width:560px){
  .npbb-popular-thumb{flex-basis:68px!important;width:68px!important;height:58px!important}
  .npbb-popular a{padding:7px!important}
}


/* =========================================================
   ARTÍCULOS DESTACADOS EN MINI TARJETAS v1.3.9
   Cada artículo se reconoce como una pieza independiente.
   ========================================================= */
.npbb-widget .npbb-popular{
  display:grid!important;
  gap:11px!important;
}
.npbb-widget .npbb-popular li{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.npbb-widget .npbb-popular li::before{display:none!important}
.npbb-widget .npbb-popular li>a{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:78px!important;
  padding:10px!important;
  border:1px solid #e3eaf4!important;
  border-radius:12px!important;
  background:#f9fbfe!important;
  box-shadow:0 2px 7px rgba(29,55,91,.035)!important;
  overflow:hidden!important;
  transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.npbb-widget .npbb-popular li>a:hover{
  border-color:color-mix(in srgb,var(--npbb-accent) 28%,#dbe4f0)!important;
  background:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 9px 20px rgba(25,55,96,.09)!important;
}
.npbb-widget .npbb-popular-thumb{
  flex:0 0 72px!important;
  width:72px!important;
  height:58px!important;
  border-radius:9px!important;
  border:1px solid rgba(27,55,95,.07)!important;
  background:#fff!important;
}
.npbb-widget .npbb-popular-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding-right:2px!important;
}
.npbb-widget .npbb-popular-copy strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0!important;
  color:#172d4f!important;
  font-size:13.5px!important;
  line-height:1.32!important;
  font-weight:800!important;
}
.npbb-widget .npbb-popular-copy small{
  display:block!important;
  margin-top:5px!important;
  color:#718198!important;
  font-size:10.5px!important;
  line-height:1.3!important;
}
@media(max-width:560px){
  .npbb-widget .npbb-popular{gap:9px!important}
  .npbb-widget .npbb-popular li>a{min-height:72px!important;padding:9px!important}
  .npbb-widget .npbb-popular-thumb{flex-basis:66px!important;width:66px!important;height:54px!important}
}

/* =========================================================
   RESPONSIVE BUILDER v1.4.0
   Anchuras y separación exterior editables por dispositivo.
   ========================================================= */
.npbb-shell{
  width:calc(100% - (var(--npbb-desktop-edge) * 2))!important;
  max-width:var(--npbb-desktop-max)!important;
}
.npbb-layout{
  grid-template-columns:minmax(0,1fr) var(--npbb-desktop-sidebar)!important;
  gap:var(--npbb-desktop-gap)!important;
}
@media(max-width:1050px){
  .npbb-shell{width:calc(100% - (var(--npbb-tablet-edge) * 2))!important;max-width:var(--npbb-tablet-max)!important}
  .npbb-layout{grid-template-columns:minmax(0,1fr)!important;gap:var(--npbb-tablet-gap)!important}
  .npbb-sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--npbb-tablet-gap)!important}
}
@media(max-width:720px){
  .npbb-shell{width:calc(100% - (var(--npbb-mobile-edge) * 2))!important;max-width:var(--npbb-mobile-max)!important}
  .npbb-layout{gap:var(--npbb-mobile-section-gap)!important;padding-top:var(--npbb-mobile-section-gap)!important}
  .npbb-posts,.npbb-sidebar{grid-template-columns:minmax(0,1fr)!important;gap:var(--npbb-mobile-section-gap)!important}
  body.npbb-blog-premium article.npbb-post-card{border-radius:var(--npbb-mobile-radius)!important}
}