@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
:root{
  --bg:#050814;--panel:#0b1020;--text:#f5f7fb;--muted:#b9c0cf;--cyan:#27d7f3;--green:#1ff0c0;--violet:#6d35ff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(109,53,255,.18),transparent 34%),linear-gradient(180deg,#050814 0%,#060a12 100%);color:var(--text);font-family:"Poppins", Arial, sans-serif;line-height:1.7}img{max-width:100%;display:block}a{color:inherit}.article-shell{min-height:100vh}.article-topbar{position:sticky;top:0;z-index:20;background:rgba(4,7,15,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.article-topbar__inner{width:min(1180px,calc(100% - 40px));margin:auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.article-logo img{width:116px}.article-back{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:15px;font-weight:600;color:#fff;padding:11px 18px;border:1px solid rgba(31,240,192,.3);border-radius:999px;background:rgba(31,240,192,.07)}.article-back:hover{background:rgba(31,240,192,.14)}.article-main{width:min(1040px,calc(100% - 40px));margin:0 auto;padding:72px 0 90px}.article-kicker{color:var(--green);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.article-title{max-width:920px;margin:14px 0 18px;font-family:"Poppins", Arial, sans-serif;font-size:clamp(36px,5.2vw,66px);line-height:1.02;font-weight:400;color:var(--cyan)}.article-meta{color:var(--muted);font-size:15px}.article-cover{margin:40px 0 42px;aspect-ratio:16/9;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.09);box-shadow:0 32px 90px rgba(0,0,0,.35)}.article-cover img{width:100%;height:100%;object-fit:cover}.article-content{max-width:820px;margin:0 auto}.article-content h2{font-family:"Poppins", Arial, sans-serif;font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.12;color:#fff;margin:52px 0 18px}.article-content h3{font-size:21px;color:var(--cyan);margin:34px 0 12px}.article-content p{font-size:18px;color:#e5e8ef;margin:0 0 22px}.article-content ul{padding-left:22px;margin:0 0 26px}.article-content li{margin:8px 0;color:#e5e8ef;font-size:18px}.article-highlight{margin:36px 0;padding:24px 28px;border-left:3px solid var(--green);border-radius:0 18px 18px 0;background:linear-gradient(90deg,rgba(31,240,192,.1),rgba(109,53,255,.06));font-size:20px;color:#fff}.article-source{margin-top:54px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:14px}.article-source a{color:var(--green);font-weight:600}.article-footer{padding:32px 20px;border-top:1px solid rgba(255,255,255,.08);text-align:center;color:#8d96a7;font-size:14px}@media(max-width:700px){.article-topbar__inner{min-height:72px;width:min(100% - 28px,1180px)}.article-logo img{width:96px}.article-back{font-size:13px;padding:9px 13px}.article-main{width:min(100% - 28px,1040px);padding:48px 0 70px}.article-title{font-size:clamp(34px,11vw,48px)}.article-cover{margin:28px 0 32px;border-radius:18px}.article-content p,.article-content li{font-size:16px}.article-content h2{margin-top:42px}.article-highlight{padding:20px;font-size:18px}}

/* Blog article — hero mais compacto e capa com maior protagonismo. */
.article-main {
  width: min(1120px, calc(100% - 40px));
  padding-top: 46px;
}
.article-kicker { margin-bottom: 8px; }
.article-title {
  max-width: 860px;
  margin: 8px 0 14px;
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.06;
  text-wrap: balance;
}
.article-meta { font-size: 16px; }
.article-cover {
  width: min(1180px, calc(100% + 60px));
  margin: 28px 0 46px -30px;
  aspect-ratio: 16/8.2;
  border-radius: 24px;
  box-shadow: 0 34px 100px rgba(0,0,0,.44), 0 0 0 1px rgba(34,215,242,.06);
}
.article-cover img {
  object-position: center;
}
@media (max-width: 700px) {
  .article-main { padding-top: 32px; }
  .article-title {
    max-width: 100%;
    font-size: clamp(28px, 8.8vw, 38px);
    line-height: 1.08;
  }
  .article-cover {
    width: 100%;
    margin: 22px 0 34px;
    aspect-ratio: 4/3;
    border-radius: 18px;
  }
}

/* Blog article — refinamento v6: título ainda mais compacto, capa em destaque. */
.article-title {
  max-width: 760px !important;
  font-size: clamp(28px, 3.15vw, 40px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em;
}

.article-cover {
  margin-top: 24px !important;
}

@media (max-width: 700px) {
  .article-title {
    max-width: 100% !important;
    font-size: clamp(25px, 7.4vw, 32px) !important;
    line-height: 1.1 !important;
  }
}

/* KRON — tipografia responsiva sem palavras órfãs */
.article-page h1,
.article-page h2,
.article-page h3,
.article-page p,
.article-page li,
.article-page blockquote {
  text-wrap: pretty;
}
.article-page h1,
.article-page h2,
.article-page h3 {
  text-wrap: balance;
}

/* CMS dynamic article resources */
.article-media{max-width:820px;margin:0 auto 34px}.article-media video,.article-media audio{width:100%}.article-media--video{aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.08)}.article-media--video iframe{width:100%;height:100%;border:0}.article-media--audio{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.article-content blockquote{margin:30px 0;padding:20px 24px;border-left:3px solid var(--cyan);background:rgba(39,215,243,.06);border-radius:0 14px 14px 0;color:#fff}.article-content a{color:var(--green)}.article-content img{margin:28px auto;border-radius:18px}.article-content ol{padding-left:22px}.article-attachments{max-width:820px;margin:50px auto 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.10)}.article-attachments h2{font-family:"Poppins", Arial, sans-serif;font-weight:400;font-size:26px}.article-attachments ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.article-attachments li{display:flex;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035)}.article-attachments a{color:var(--cyan);text-decoration:none;font-weight:600}.article-attachments small{color:var(--muted)}
.article-content .ql-align-center{text-align:center}.article-content .ql-align-right{text-align:right}.article-content .ql-align-justify{text-align:justify}.article-content strong{font-weight:700;color:#fff}.article-content em{font-style:italic}.article-content u{text-underline-offset:3px}

/* KRON CMS — páginas de vídeo/podcast: a capa fica somente nas miniaturas. */
.article-media {
  width: min(960px, 100%);
  max-width: 960px;
  margin: 34px auto 28px;
}
.article-media--video {
  aspect-ratio: 16 / 9;
  border-radius: 24px;
  overflow: hidden;
  background: #000;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 26px 80px rgba(0,0,0,.34);
}
.article-media--video iframe,
.article-media--video video {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  object-fit: contain;
  background: #000;
}
.article-media--audio {
  max-width: 820px;
  padding: 22px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(39,215,243,.08), rgba(109,53,255,.08));
  border: 1px solid rgba(255,255,255,.10);
}
.article-media--audio audio { width: 100%; display: block; }

.article-summary {
  max-width: 820px;
  margin: 0 auto 38px;
  padding: 26px 28px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 20px;
  background: rgba(255,255,255,.035);
}
.article-summary p {
  margin: 0 0 14px;
  color: #e5e8ef;
  font-size: 18px;
  line-height: 1.7;
}
.article-summary p:last-child { margin-bottom: 0; }

@media (max-width: 700px) {
  .article-media {
    width: 100%;
    margin: 26px auto 22px;
  }
  .article-media--video { border-radius: 18px; }
  .article-media--audio { padding: 16px; border-radius: 16px; }
  .article-summary {
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 16px;
  }
  .article-summary p { font-size: 16px; }
}


/* KRON — Poppins única nas publicações (inclusive HTML do editor). */
.article-shell, .article-shell h1, .article-shell h2, .article-shell h3,
.article-shell h4, .article-shell h5, .article-shell h6,
.article-shell p, .article-shell li, .article-shell blockquote,
.article-shell a, .article-shell span, .article-shell strong,
.article-shell .article-content * {
  font-family: "Poppins", Arial, sans-serif !important;
}
.article-title { font-weight: 600 !important; line-height: 1.16; letter-spacing: -.025em; }
.article-content h2, .article-attachments h2 { font-weight: 600 !important; line-height: 1.25; }
.article-content h3 { font-weight: 600; }
.article-content p, .article-content li { font-weight: 400; }