.novera-blog{--nb-bg:#242a35;--nb-panel:#202734;--nb-panel2:#1c2430;--nb-line:#37465a;--nb-text:#f4f6fb;--nb-muted:#aab4c5;--nb-blue:#3988ff;color:var(--nb-text);background:var(--nb-bg);min-height:70vh}.nb-wrap,.nb-article-wrap{width:min(1200px,calc(100% - 40px));margin:0 auto}.nb-hero{padding:92px 0 58px;max-width:820px}.nb-eyebrow{font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.22em;color:var(--nb-blue);text-transform:uppercase}.nb-hero h1,.nb-article-head h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.035em;margin:15px 0 18px;color:var(--nb-text)}.nb-hero p,.nb-deck{font-size:18px;line-height:1.65;color:var(--nb-muted);margin:0;max-width:760px}.nb-filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 30px}.nb-filters a,.nb-tags a{padding:8px 13px;border:1px solid var(--nb-line);border-radius:999px;color:#c8d1df;text-decoration:none;font-size:12px;font-weight:700}.nb-filters a:hover,.nb-filters a.is-active,.nb-tags a:hover{border-color:var(--nb-blue);color:#fff;background:rgba(57,136,255,.12)}.nb-featured{display:grid;grid-template-columns:1.15fr 1fr;min-height:390px;border:1px solid var(--nb-line);border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--nb-panel2),var(--nb-panel));box-shadow:0 18px 50px rgba(0,0,0,.12)}.nb-featured-media,.nb-card-media{display:block;background:#171d27;overflow:hidden}.nb-featured-media img,.nb-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.nb-featured:hover img,.nb-card:hover img{transform:scale(1.025)}.nb-placeholder{display:block;width:100%;height:100%;min-height:220px;background:radial-gradient(circle at 30% 20%,rgba(57,136,255,.18),transparent 40%),#1b2230}.nb-featured-copy{padding:48px;align-self:center}.nb-featured h2{font-size:clamp(30px,3vw,45px);line-height:1.08;margin:12px 0 16px}.nb-featured h2 a,.nb-card h3 a{color:var(--nb-text);text-decoration:none}.nb-featured-copy>p,.nb-card p{color:var(--nb-muted);line-height:1.65}.nb-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#8995a8;font-size:12px;margin:18px 0}.nb-meta span+span:before{content:'•';margin-right:18px}.nb-button{display:inline-flex;margin-top:5px;padding:12px 17px;border-radius:9px;background:var(--nb-blue);color:#fff!important;text-decoration:none;font-weight:800;font-size:13px}.nb-section{padding:74px 0 40px}.nb-section-head{margin-bottom:25px}.nb-section h2,.nb-related h2{font-size:38px;line-height:1.1;margin:10px 0;color:var(--nb-text)}.nb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.nb-card{border:1px solid var(--nb-line);border-radius:14px;overflow:hidden;background:var(--nb-panel);min-width:0}.nb-card-media{aspect-ratio:16/9}.nb-card-body{padding:22px}.nb-card h3{font-size:21px;line-height:1.25;margin:10px 0}.nb-card p{font-size:14px;margin:0}.nb-pagination{padding:20px 0 75px}.nb-pagination .nav-links{display:flex;gap:8px;justify-content:center}.nb-pagination .page-numbers{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--nb-line);border-radius:8px;text-decoration:none;color:var(--nb-text)}.nb-pagination .current{background:var(--nb-blue);border-color:var(--nb-blue)}.nb-empty{padding:80px 0 120px}.nb-single{padding:0 0 80px}.nb-article-wrap{max-width:1040px}.nb-article-head{padding:92px 0 44px;max-width:900px}.nb-article-head h1{font-size:clamp(42px,5.2vw,72px)}.nb-cover{margin:0 0 54px;border-radius:18px;overflow:hidden;border:1px solid var(--nb-line);background:#171d27}.nb-cover img{width:100%;max-height:590px;object-fit:cover;display:block}.nb-content{max-width:760px;margin:0 auto;font-size:18px;line-height:1.82;color:#d9deE8}.nb-content p{margin:0 0 1.45em}.nb-content h2,.nb-content h3,.nb-content h4{color:var(--nb-text);line-height:1.2;margin:1.8em 0 .65em}.nb-content h2{font-size:34px}.nb-content h3{font-size:27px}.nb-content img{border-radius:12px}.nb-content a{color:#67a5ff}.nb-content blockquote{border-left:3px solid var(--nb-blue);padding:8px 0 8px 24px;margin:32px 0;color:#bdc6d5}.nb-tags{max-width:760px;margin:45px auto 0;padding-top:24px;border-top:1px solid var(--nb-line);display:flex;align-items:center;gap:9px;flex-wrap:wrap}.nb-tags>span{color:#8995a8;font-size:12px;margin-right:3px}.nb-related{border-top:1px solid var(--nb-line);margin-top:75px;padding-top:50px}.nb-related .nb-grid{margin-top:24px}
@media(max-width:800px){.nb-wrap,.nb-article-wrap{width:min(100% - 28px,1200px)}.nb-hero,.nb-article-head{padding:58px 0 35px}.nb-hero h1,.nb-article-head h1{font-size:40px}.nb-hero p,.nb-deck{font-size:16px}.nb-featured{grid-template-columns:1fr}.nb-featured-media{aspect-ratio:16/9}.nb-featured-copy{padding:26px}.nb-featured h2{font-size:30px}.nb-grid{grid-template-columns:1fr 1fr}.nb-section{padding-top:52px}.nb-content{font-size:17px}.nb-cover{margin-bottom:36px}}
@media(max-width:560px){.nb-grid{grid-template-columns:1fr}.nb-hero h1,.nb-article-head h1{font-size:36px}.nb-featured-copy{padding:22px}.nb-section h2,.nb-related h2{font-size:30px}.nb-card-body{padding:18px}.nb-meta span+span:before{margin-right:8px}.nb-meta{gap:8px}.nb-content h2{font-size:29px}.nb-content h3{font-size:24px}}

/* v0.2.2 — refinamento editorial */
@media (min-width: 1100px){
  .nb-wrap{width:min(1280px,calc(100% - 56px))}
  .nb-featured{grid-template-columns:1.22fr .98fr}
  .nb-grid{gap:24px}
  .nb-card-body{padding:24px}
}
.nb-back{display:inline-flex;align-items:center;gap:7px;margin-top:54px;color:#9fb0c7!important;text-decoration:none;font-size:13px;font-weight:750;transition:color .2s ease,transform .2s ease}
.nb-back:hover{color:var(--nb-blue)!important;transform:translateX(-2px)}
.nb-back+.nb-article-head{padding-top:26px}
.nb-article-head{padding-bottom:38px}
.nb-article-head .nb-meta{margin-top:20px}
.nb-content{max-width:790px;font-size:19px;line-height:1.86;color:#dce2ec}
.nb-content p{margin-bottom:1.55em}
.nb-content h2{font-size:36px;letter-spacing:-.02em;margin-top:1.95em}
.nb-content h3{font-size:28px;letter-spacing:-.015em}
.nb-content figure{margin-top:2.1em;margin-bottom:2.1em}
.nb-content img{width:auto;max-width:100%;height:auto}
.nb-tags{max-width:790px;margin-top:52px;padding-top:26px}
.nb-related{margin-top:68px;padding-top:46px}
.nb-related .nb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.nb-related .nb-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.nb-related .nb-card:hover{transform:translateY(-3px);border-color:#49617e;box-shadow:0 14px 34px rgba(0,0,0,.13)}
.nb-related .nb-card-body{padding:18px 19px}
.nb-related .nb-card h3{font-size:18px;margin:7px 0 4px}
.nb-related .nb-meta{margin:12px 0 0}
.nb-section .nb-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.nb-section .nb-card:hover{transform:translateY(-3px);border-color:#49617e;box-shadow:0 14px 34px rgba(0,0,0,.13)}
@media(max-width:800px){
  .nb-back{margin-top:34px}
  .nb-back+.nb-article-head{padding-top:20px}
  .nb-content{font-size:18px;line-height:1.8}
  .nb-related .nb-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .nb-related .nb-grid{grid-template-columns:1fr}
  .nb-content{font-size:17.5px}
}

/* v0.2.3 — acabamento responsivo mobile */
@media (max-width: 560px){
  .nb-wrap,.nb-article-wrap{width:calc(100% - 24px)}

  /* Home do Blog */
  .nb-hero{padding:42px 0 28px}
  .nb-hero h1{font-size:36px;line-height:1.04;letter-spacing:-.03em;margin:13px 0 16px}
  .nb-hero p{font-size:16px;line-height:1.6}
  .nb-filters{gap:7px;padding-bottom:30px}
  .nb-filters a{padding:8px 12px;font-size:11px}
  .nb-featured{min-height:0;border-radius:15px}
  .nb-featured-media{aspect-ratio:16/9;min-height:0}
  .nb-featured-media img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
  .nb-featured-copy{padding:20px 20px 22px}
  .nb-featured h2{font-size:27px;line-height:1.08;margin:9px 0 11px}
  .nb-featured-copy>p{font-size:14px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:0}
  .nb-featured .nb-meta{margin:13px 0 11px}
  .nb-button{padding:10px 14px;font-size:12px}
  .nb-section{padding:45px 0 32px}
  .nb-section-head{margin-bottom:20px}
  .nb-section h2,.nb-related h2{font-size:31px;line-height:1.08}
  .nb-grid{gap:20px}
  .nb-card-media{aspect-ratio:16/9}
  .nb-card-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  .nb-card-body{padding:18px 18px 20px}
  .nb-card h3{font-size:21px;line-height:1.2;margin:8px 0 10px}
  .nb-card p{font-size:14px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

  /* Artigo */
  .nb-back{margin-top:30px;font-size:13px}
  .nb-back+.nb-article-head{padding-top:19px}
  .nb-article-head{padding-bottom:30px}
  .nb-article-head h1{font-size:36px;line-height:1.04;letter-spacing:-.03em;margin:12px 0 17px}
  .nb-article-head .nb-meta{font-size:12px;line-height:1.5;gap:6px 8px;margin-top:16px}
  .nb-cover{aspect-ratio:4/3;margin-bottom:32px;border-radius:14px}
  .nb-cover img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;display:block}
  .nb-content{font-size:17.5px;line-height:1.78}
  .nb-content p{margin-bottom:1.5em}
  .nb-content h2{font-size:28px;line-height:1.16;margin-top:1.8em}
  .nb-content h3{font-size:23px;line-height:1.2}
  .nb-tags{margin-top:42px;padding-top:23px}
  .nb-related{margin-top:54px;padding-top:40px}
  .nb-related .nb-grid{gap:20px}
  .nb-related .nb-card-media{aspect-ratio:16/9}
  .nb-related .nb-card-body{padding:18px}
  .nb-related .nb-card h3{font-size:20px;line-height:1.2}
}


/* v0.2.4 — lapidação final mobile */
@media (max-width: 560px){
  /* Títulos longos do destaque respiram melhor sem perder presença. */
  .nb-featured h2{font-size:24px;line-height:1.1;letter-spacing:-.018em}

  /* Um pouco mais de respiro no fim das telas para os controles fixos do PWA. */
  .novera-blog{padding-bottom:76px}
  .nb-pagination{padding-bottom:34px}
  .nb-single{padding-bottom:34px}

  /* Pequenos refinamentos de ritmo vertical. */
  .nb-section{padding-top:42px}
  .nb-related{padding-bottom:8px}
}

/* v0.2.5 — título editorial + compartilhamento */
@media (min-width: 801px){
  .nb-article-head{max-width:1040px}
  .nb-article-head h1{font-size:clamp(40px,4.15vw,60px);line-height:1.03;max-width:1000px}
}
.nb-share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.nb-share-label{font-size:12px;font-weight:800;color:#9ca8ba}
.nb-share-actions{display:flex;gap:7px;flex-wrap:wrap}
.nb-share-btn{appearance:none;border:1px solid var(--nb-line);background:rgba(28,36,48,.72);color:#dce4ef!important;border-radius:999px;padding:7px 11px;font:inherit;font-size:11px;font-weight:750;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.nb-share-btn:hover,.nb-share-btn:focus-visible{border-color:var(--nb-blue);background:rgba(57,136,255,.12);color:#fff!important;transform:translateY(-1px)}
.nb-share-btn.is-copied{border-color:var(--nb-blue);color:#fff!important}
.nb-share-bottom{max-width:760px;margin:30px auto 0;padding-top:22px;border-top:1px solid var(--nb-line)}
.nb-share-bottom .nb-share{margin-top:0}
@media (max-width:560px){
  .nb-article-head h1{font-size:33px;line-height:1.045}
  .nb-share{align-items:flex-start;gap:9px;margin-top:18px}
  .nb-share-label{width:100%}
  .nb-share-actions{gap:6px}
  .nb-share-btn{padding:7px 10px;font-size:10.5px}
  .nb-share-facebook{display:none}
  .nb-share-bottom{margin-top:28px;padding-top:20px}
}

/* v0.2.6 — alinhamento final da área de compartilhamento com Categorias */
.nb-share-bottom{max-width:790px}
