/* Melhorias de leitura dos artigos do Blog Salomão IA. */
/* Shared reader and listings. Fonts are served locally. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/manrope-latin.woff2') format('woff2')}
@font-face{font-family:Sora;font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/sora-latin.woff2') format('woff2')}
body{font-family:Manrope,system-ui,sans-serif}
.blog-body a,.article-meta a,.article-toc a,.article-footer a{text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1px}
@media(max-width:360px){.article-brand img{max-width:100px!important}.article-brand{font-size:11px!important;gap:4px!important}}
.reader-skip{position:absolute;left:12px;top:-80px;z-index:100;padding:12px;background:#fff;color:#3454d1}.reader-skip:focus{top:10px}
.article-header{grid-template-columns:64px minmax(0,1fr) 64px!important;backdrop-filter:none!important;background:#fdfcf9!important}
.article-brand{min-width:0;white-space:nowrap}.article-brand img{max-width:135px}
.article-shell,.blog-body,.nov-guides{min-width:0;overflow-wrap:anywhere}.article-cover figcaption{font-size:11px;color:#676973;padding:8px 12px}
.article-toc summary{cursor:pointer;font-weight:800;color:#3454d1;min-height:32px}.reader-context-cta{padding:18px;border:1px solid #dfe5fb;border-radius:14px;background:#f3f5ff}.reader-context-cta a{display:inline-block;padding:8px 0;font-weight:800}.reader-context-cta strong{display:block}
.reader-transparency{padding-top:10px;border-top:1px solid #e5e6eb;margin-top:34px}.reader-transparency p{font-size:14px;color:#656771}
.nov-guides{margin:0 0 38px}.nov-guides h2{font:800 25px/1.3 Sora,sans-serif;color:#24252a}.nov-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nov-blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e6eb;border-radius:18px;overflow:hidden;color:#24252a}.nov-blog-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.nov-blog-card>div{padding:20px}.nov-blog-card span{font-size:11px;font-weight:800;color:#3454d1;text-transform:uppercase}.nov-blog-card h3{font:800 17px/1.35 Sora,sans-serif;margin:10px 0}.nov-blog-card p,.nov-guide-links{font-size:14px;line-height:1.65;color:#62646d}.nov-guide-links a{font-weight:700}
.blog-body blockquote{margin:24px 0;padding:18px;border-left:3px solid #3454d1;background:#f4f6ff;border-radius:0 12px 12px 0}.blog-body blockquote cite{font-size:13px}
@media(max-width:700px){.article-brand img{max-width:116px}.article-brand{gap:5px;font-size:12px}.article-header{padding-left:12px!important;padding-right:12px!important}.nov-blog-grid{grid-template-columns:minmax(0,1fr)}.nov-blog-card{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:start}.nov-blog-card>img{height:100%;min-height:115px;object-fit:cover}.nov-blog-card>div{padding:14px}.nov-blog-card h3{font-size:15px}.nov-blog-card p{font-size:13px;margin-bottom:0}.nov-guides h2{font-size:22px}.article-shell>h1{font-size:clamp(27px,7.5vw,32px)!important}.article-main{padding-top:18px!important}.article-deck{line-height:1.7!important}.article-related a{min-width:0}main[data-screen-label="Blog"],main[data-screen-label="Categoria"]{padding-left:16px!important;padding-right:16px!important}}
*{box-sizing:border-box}.article-page{margin:0;background:#fdfcf9;color:#24252a;font-family:Manrope,system-ui,sans-serif}.article-page a{color:#3454d1;text-decoration:none}.article-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:44px 1fr 72px;align-items:center;min-height:62px;padding:8px max(16px,calc((100vw - 1120px)/2));background:rgba(253,252,249,.94);border-bottom:1px solid #e8e8ea;backdrop-filter:blur(14px)}.article-back{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#202126!important;font-size:24px}.article-brand{display:flex;align-items:center;justify-self:center;gap:8px;color:#202126!important;font:700 14px Sora,sans-serif}.article-brand img{display:block;width:auto;height:24px}.article-download-top{justify-self:end;padding:9px 14px;border-radius:999px;background:#3454d1;color:#fff!important;font-weight:800;font-size:13px}.article-main{padding:30px 20px 88px}.article-shell{width:min(100%,780px);margin:auto}.article-category{display:inline-block;margin-bottom:12px;padding:6px 12px;border-radius:999px;background:#eef1ff;color:#3454d1;font:800 11px Sora,sans-serif;letter-spacing:.07em;text-transform:uppercase}.article-shell>h1{margin:0;color:#202126;font:800 clamp(30px,6vw,46px)/1.12 Sora,sans-serif;letter-spacing:-.04em}.article-deck{margin:16px 0 12px;color:#52545c;font-size:18px;line-height:1.6}.article-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;color:#6e7078;font-size:13px}.article-cover{margin:0 0 28px;overflow:hidden;border-radius:22px;background:#eef0f5}.article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.article-toc{margin:26px 0 38px;padding:22px 24px;border:1px solid #e5e6eb;border-radius:18px;background:#f6f7fb}.article-toc strong{color:#3454d1;font:800 12px Sora,sans-serif;letter-spacing:.08em;text-transform:uppercase}.article-toc ol{margin:14px 0 0;padding-left:22px}.article-toc li{margin:7px 0}.blog-body{color:#41434a;font-size:17px;line-height:1.78}.blog-body h2{margin:42px 0 14px;color:#202126;font:800 25px/1.25 Sora,sans-serif;letter-spacing:-.02em;scroll-margin-top:86px}.blog-body h3{margin:27px 0 10px;color:#292a30;font:750 19px/1.35 Sora,sans-serif}.blog-body p{margin:0 0 17px}.blog-body ul,.blog-body ol{margin:0 0 20px;padding-left:24px}.blog-body li{margin:8px 0}.blog-body .answer-box{margin:24px 0;padding:20px;border-left:4px solid #3454d1;border-radius:0 16px 16px 0;background:#f1f3ff}.blog-body .criteria{display:grid;gap:12px;margin:24px 0}.blog-body .criteria>div{padding:18px;border:1px solid #e5e6eb;border-radius:15px;background:#fff}.blog-body .criteria strong{display:block;margin-bottom:5px;color:#202126;font-family:Sora,sans-serif}.article-faq{margin-top:48px}.article-faq h2,.article-related h2,.app-screen-showcase h2{color:#202126;font:800 24px/1.3 Sora,sans-serif}.article-faq details{margin:10px 0;padding:18px 20px;border:1px solid #e5e6eb;border-radius:15px;background:#fff}.article-faq summary{cursor:pointer;color:#24252a;font:700 15px/1.45 Sora,sans-serif}.article-faq p{margin:12px 0 0;color:#555761;line-height:1.65}.article-related{margin-top:44px}.article-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.article-related a{padding:17px;border:1px solid #e5e6eb;border-radius:14px;background:#fff;color:#30323a;font-weight:800}.article-footer{padding:30px 20px;border-top:1px solid #e8e8ea;color:#70727a;text-align:center;font-size:13px;line-height:1.8}
.blog-quick-answer {
  margin: 0 0 22px;
  padding: 18px 20px;
  border: 1px solid oklch(0.86 0.045 264);
  border-left: 4px solid oklch(0.53 0.21 264);
  border-radius: 14px;
  background: oklch(0.97 0.018 264);
  color: oklch(0.27 0.025 260);
  font-size: 16px;
  line-height: 1.65;
}

.blog-quick-answer strong { color: oklch(0.42 0.19 264); }

.blog-inline-cta {
  margin: 30px 0;
  padding: 24px;
  border-radius: 18px;
  background: linear-gradient(135deg, oklch(0.2 0.05 264), oklch(0.46 0.19 264));
  color: #fff;
}

.blog-inline-cta h2,
.blog-inline-cta h3 { color: #fff !important; margin-top: 0 !important; }
.blog-inline-cta p { color: oklch(0.92 0.02 264); }
.blog-inline-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 999px;
  background: #fff;
  color: oklch(0.42 0.19 264);
  font-weight: 800;
  text-decoration: none;
}

.app-screen-showcase {
  margin: 30px 0;
  padding: 26px;
  border: 1px solid oklch(0.91 0.008 264);
  border-radius: 22px;
  background: linear-gradient(145deg, #fff, oklch(0.97 0.012 264));
}

.app-screen-showcase h3 { margin-top: 0 !important; }
.app-screen-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  margin-top: 20px;
}

.app-screen-figure { margin: 0; text-align: center; }
.app-screen-figure img {
  display: block;
  width: 100%;
  aspect-ratio: 739 / 1600;
  object-fit: contain;
  background: #fff;
  border: 1px solid oklch(0.88 0.01 260);
  border-radius: 18px;
  box-shadow: 0 14px 30px oklch(0.2 0.03 260 / 0.12);
}

@media (max-width:700px){.article-header{grid-template-columns:42px 1fr 64px}.article-brand img{height:21px}.article-download-top{padding:8px 11px}.article-main{padding:20px 16px 68px}.article-shell>h1{font-size:31px}.article-deck{font-size:16px}.blog-quick-answer{padding:16px;font-size:15px}.article-cover{border-radius:16px}.article-toc{padding:18px 20px}.blog-body{font-size:16px;line-height:1.72}.blog-body h2{font-size:22px;margin-top:36px}.app-screen-showcase{padding:20px 14px}.app-screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.app-screen-figure img{max-height:310px;border-radius:12px}.app-screen-figure figcaption{font-size:11px}.article-related>div{grid-template-columns:1fr}.blog-inline-cta{padding:22px 19px}}

.app-screen-figure figcaption {
  margin-top: 10px;
  color: oklch(0.46 0.01 260);
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 900px) {
  header[data-screen-label="Nav"] {
    min-height: 58px;
    justify-content: center !important;
    padding: 10px 16px !important;
  }

  header[data-screen-label="Nav"] > a:first-child {
    position: absolute;
    left: 50%;
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    transform: translateX(-50%);
    white-space: nowrap;
  }

  header[data-screen-label="Nav"] > a:first-child img { height: 23px !important; }
  header[data-screen-label="Nav"] > a:first-child::after {
    content: "Blog";
    padding-left: 7px;
    border-left: 1px solid oklch(0.79 0.01 260);
    color: oklch(0.25 0.02 260);
    font: 700 15px/1 'Sora', sans-serif;
  }

  header[data-screen-label="Nav"] nav {
    position: absolute;
    left: 14px;
    gap: 0 !important;
  }

  header[data-screen-label="Nav"] nav a { display: none !important; }
  header[data-screen-label="Nav"] nav a[href="/blog/"] {
    display: grid !important;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid oklch(0.88 0.01 260);
    border-radius: 12px;
    background: #fff;
    color: transparent !important;
    font-size: 0 !important;
    box-shadow: 0 4px 14px oklch(0.25 0.03 260 / 0.08);
  }

  header[data-screen-label="Nav"] nav a[href="/blog/"]::before {
    content: "";
    width: 19px;
    height: 19px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233454d1' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E");
  }

  main[data-screen-label="Artigo"] {
    padding: 18px 18px 72px !important;
  }

  main[data-screen-label="Artigo"] > nav[aria-label="Breadcrumb"] { display: none !important; }
  main[data-screen-label="Artigo"] > div { max-width: 100% !important; }
  main[data-screen-label="Artigo"] > div > span:first-child { margin-bottom: 10px !important; }
  main[data-screen-label="Artigo"] h1 {
    margin-bottom: 12px !important;
    font-size: clamp(27px, 8.2vw, 36px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.7px !important;
  }

  main[data-screen-label="Artigo"] h1 + div {
    flex-wrap: wrap !important;
    row-gap: 4px !important;
    margin-bottom: 20px !important;
  }
  main[data-screen-label="Artigo"] div[role="img"] {
    margin-bottom: 18px !important;
    border-radius: 14px !important;
  }

  .blog-body { font-size: 16px !important; line-height: 1.72 !important; }
  .blog-body h2 { margin-top: 34px !important; line-height: 1.24 !important; }
  .blog-body p { margin-bottom: 16px !important; }
  .blog-body nav[aria-label="Índice do artigo"] { padding: 18px !important; margin-bottom: 32px !important; }
  .blog-quick-answer { padding: 16px; font-size: 15.5px; }
  .blog-inline-cta { padding: 22px 18px; }
  .app-screen-showcase { padding: 20px 16px; }
  .app-screen-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .app-screen-grid .app-screen-figure:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: min(52%, 240px);
    justify-self: center;
  }
  .app-screen-figure img { border-radius: 14px; }
}

@media (max-width: 430px) {
  .app-screen-grid { grid-template-columns: 1fr; }
  .app-screen-grid .app-screen-figure:last-child:nth-child(odd) {
    grid-column: auto;
    width: min(78%, 290px);
  }
  .app-screen-figure { width: min(78%, 290px); justify-self: center; }
}

/* Telas do app em tamanho compacto, sem ampliar a largura do artigo. */
.blog-body img,.app-screen-showcase img{max-width:100%;height:auto}
.app-screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.app-screen-figure{width:100%;max-width:170px;margin:0;justify-self:center;min-width:0}
.app-screen-figure img{display:block;width:100%;max-width:100%;height:auto;max-height:369px;object-fit:contain}
@media(max-width:700px){.app-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.app-screen-grid .app-screen-figure{width:100%;max-width:140px;justify-self:center}.app-screen-grid .app-screen-figure:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 12px)/2);max-width:140px}.app-screen-figure img{height:auto;max-height:304px}.app-screen-figure figcaption{font-size:11.5px;line-height:1.5}.app-screen-showcase{padding:20px 14px}main[data-screen-label="Artigo"] .tip{padding:18px}main[data-screen-label="Artigo"] .related{grid-template-columns:minmax(0,1fr)}}