* { box-sizing: border-box; margin: 0; padding: 0; }
  body { background: #f8fafc; color: #0f172a; font-family: "Inter", system-ui, sans-serif; line-height: 1.6; }
  .top { border-bottom: 1px solid #e2e8f0; background: rgba(248,250,252,.9); backdrop-filter: blur(10px); position: sticky; top: 0; z-index: 10; }
  .top-in { max-width: 1020px; margin: 0 auto; padding: 12px 20px; display: flex; align-items: center; gap: 10px; }
  .logo { font-weight: 800; letter-spacing: -.02em; text-decoration: none; color: #0f172a; font-size: 15px; display: inline-flex; align-items: center; gap: 8px; }
  .logo img { transition: transform .25s ease-out; }
  .logo:hover img { transform: rotate(-8deg) scale(1.06); }
  .top-in .sp { flex: 1; }
  .login { color: #475569; text-decoration: none; font-weight: 600; font-size: 13.5px; }
  .signup { color: #0B1226; background: #6e9cff; text-decoration: none; font-weight: 700; border-radius: 8px; padding: 7px 14px; font-size: 13.5px; }
  main { max-width: 1020px; margin: 0 auto; padding: 44px 20px 60px; }
  .kicker { color: #34d399; font-weight: 800; font-size: 12px; letter-spacing: .1em; margin-bottom: 10px; }
  h1 { font-size: clamp(30px, 4.5vw, 42px); letter-spacing: -.04em; line-height: 1.1; margin-bottom: 8px; text-wrap: balance; }
  .sub { color: #475569; margin-bottom: 26px; font-size: 16px; text-wrap: pretty; }
  /* Hero: matéria em destaque com screenshot real */
  a.hero { display: grid; grid-template-columns: 1fr 1fr; gap: 0; overflow: hidden; background: #0f172a; border-radius: 16px; margin-bottom: 18px; text-decoration: none; box-shadow: 0 18px 40px -18px rgba(15,23,42,.45); animation: rise .5s cubic-bezier(.16,1,.3,1) backwards; }
  a.hero img { width: 100%; height: 100%; min-height: 240px; object-fit: cover; object-position: top; display: block; animation: kenburns 14s ease-in-out infinite alternate; }
  @keyframes kenburns { from { transform: scale(1); } to { transform: scale(1.05); } }
  a.hero { position: relative; overflow: hidden; }
  a.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 42%, rgba(255,255,255,.09) 50%, transparent 58%); transform: translateX(-110%); animation: sheen 7s ease-in-out infinite; pointer-events: none; }
  @keyframes sheen { 0%, 60% { transform: translateX(-110%); } 95%, 100% { transform: translateX(110%); } }
  a.hero .tx { position: relative; z-index: 1; }
  a.post .cover { transition: transform .35s ease-out; }
  a.post:hover .cover { transform: scale(1.045); }
  .teaser a.btn { transition: transform .18s ease-out, box-shadow .18s ease-out; }
  .teaser a.btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px -10px rgba(110,156,255,.55); }
  a.hero .tx { padding: 30px 28px; display: flex; flex-direction: column; justify-content: center; }
  a.hero .tag { color: #a78bfa; }
  a.hero h2 { color: #fff; font-size: clamp(24px, 3vw, 32px); letter-spacing: -.025em; line-height: 1.15; margin: 10px 0; text-wrap: balance; }
  a.hero p { color: #a6b4cb; font-size: 14.5px; text-wrap: pretty; }
  a.hero .cta { display: inline-block; margin-top: 16px; color: #fff; font-weight: 700; font-size: 14px; }
  a.hero .cta::after { content: " »"; }
  /* Posts em grade 2 colunas no desktop; flagship full-width em cima */
  .posts-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
  @media (min-width: 801px) { .posts-grid { grid-template-columns: 1fr 1fr; } }
  a.post { display: flex; flex-direction: column; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 0 0 20px; text-decoration: none; box-shadow: 0 1px 2px rgba(15,23,42,.05); transition: transform .18s ease-out, box-shadow .18s ease-out, border-color .18s ease-out; overflow: hidden; animation: rise .5s cubic-bezier(.16,1,.3,1) backwards; }
  a.post:nth-child(2) { animation-delay: .07s; } a.post:nth-child(3) { animation-delay: .14s; }
  a.post:nth-child(4) { animation-delay: .21s; } a.post:nth-child(5) { animation-delay: .28s; }
  a.post:nth-child(6) { animation-delay: .35s; }
  a.post:hover { transform: translateY(-2px); box-shadow: 0 8px 20px -8px rgba(110,156,255,.25); }
  a.post .cover { height: 96px; }
  a.post .body { padding: 16px 20px 0; }
  .cat-preco .tag { color: #d97706; } .cat-preco:hover { border-color: #d97706; }
  .cat-dre .tag { color: #6e9cff; } .cat-dre:hover { border-color: #6e9cff; }
  .cat-caixa .tag { color: #34d399; } .cat-caixa:hover { border-color: #34d399; }
  .cat-organizacao .tag { color: #8b5cf6; } .cat-organizacao:hover { border-color: #8b5cf6; }
  .cat-diagnostico .tag { color: #f87171; } .cat-diagnostico:hover { border-color: #f87171; }
  .tag { font-weight: 800; font-size: 11.5px; letter-spacing: .1em; }
  .chips { display: flex; gap: 8px; flex-wrap: wrap; margin: 4px 0 20px; }
  .chips button { font-size: 12.5px; font-weight: 700; border-radius: 99px; padding: 8px 14px; min-height: 36px; cursor: pointer; border: 1px solid #e2e8f0; background: #fff; color: #334155; }
  .chips button.on { background: #0f172a; border-color: #0f172a; color: #fff; }
  a.post h2 { font-size: 18px; color: #0f172a; margin: 8px 0 6px; letter-spacing: -.02em; text-wrap: balance; }
  a.post p { color: #475569; font-size: 14px; text-wrap: pretty; }
  a.post .meta { color: #94a3b8; font-size: 12.5px; margin-top: 10px; display: block; }
  .cov-amber { background: linear-gradient(120deg,#fef3c7,#fde68a); }
  .cov-blue { background: linear-gradient(120deg,#dbeafe,#bfdbfe); }
  .cov-green { background: linear-gradient(120deg,#d1fae5,#a7f3d0); }
  .cov-violet { background: linear-gradient(120deg,#ede9fe,#ddd6fe); }
  .cov-cyan { background: linear-gradient(120deg,#cffafe,#a5f3fc); }
  .teaser { margin-top: 12px; background: #fff; border: 1.5px dashed #cbd5e1; border-radius: 12px; padding: 24px; animation: rise .5s cubic-bezier(.16,1,.3,1) .35s backwards; }
  .teaser .tag { color: #6e9cff; }
  .teaser h2 { font-size: 19px; letter-spacing: -.02em; margin: 8px 0 10px; color: #0f172a; }
  .teaser ul { list-style: none; display: grid; gap: 6px; margin-bottom: 16px; padding-left: 0; }
  .teaser li { color: #475569; font-size: 14px; margin-bottom: 0; }
  .teaser li::before { content: "? "; color: #34d399; font-weight: 800; }
  .teaser a.btn { display: inline-block; background: #6e9cff; color: #0B1226; font-weight: 700; font-size: 14px; text-decoration: none; border-radius: 10px; padding: 11px 20px; }
  nav.foot a { color: #6e9cff; font-weight: 600; text-decoration: none; }
  ::selection { background: rgba(52, 211, 153, .25); }
  @keyframes rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
  @media (max-width: 720px) { a.hero { grid-template-columns: 1fr; } a.hero img { min-height: 180px; max-height: 220px; } }
  @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }
  .ff-search input:focus { outline: none; border-color: #6e9cff; box-shadow: 0 0 0 3px rgba(110,156,255,.18); }
  a.start { display: flex; align-items: center; gap: 14px; background: #0f172a; color: #fff; border-radius: 12px; padding: 14px 18px; margin: 0 0 18px; text-decoration: none; box-shadow: 0 10px 24px -18px rgba(15,23,42,.5); transition: transform .18s ease-out, box-shadow .18s ease-out; }
  a.start:hover { transform: translateY(-1px); box-shadow: 0 14px 28px -18px rgba(15,23,42,.6); }
  a.start .start-kicker { display: block; color: #34d399; font-size: 10.5px; font-weight: 800; letter-spacing: .1em; margin-bottom: 2px; }
  a.start strong { display: block; font-size: 14.5px; line-height: 1.3; letter-spacing: -.01em; }
  a.start small { display: block; color: #a6b4cb; font-size: 12px; margin-top: 2px; }
  a.start .start-arrow { margin-left: auto; color: #6e9cff; font-size: 20px; }
  @media (max-width: 720px) { a.start { align-items: flex-start; } a.start .start-arrow { display: none; } }
  /* ff-blog-css */

    html, body, * { scrollbar-width: none; -ms-overflow-style: none; }
    html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
  
.is0{margin:14px 0 6px}
.is1{width:100%;max-width:520px;padding:11px 14px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px;font-family:inherit}