/* QualiTab — Blog (Conteúdo) — segue o mesmo padrão visual do site: Archivo, navy #182945, laranja #e86236 */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Archivo', system-ui, sans-serif; color: #363334; background: #fff; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
button { font-family: inherit; }
img { max-width: 100%; }
::selection { background: #e86236; color: #fff; }

.qt-link { text-decoration: none; }
.qt-link-hover:hover { background: #fbf8f5; color: #e86236; }
.qt-btn-orange:hover { background: #d5522a !important; }
.qt-btn-whats:hover { background: #1ebe5b !important; }
.qt-close-btn:hover { background: #f5f1ec; }
.qt-input:focus, .qt-select:focus { border-color: #e86236 !important; }
.qt-play-btn:hover { background: #e86236 !important; }

/* ---------- eyebrow ---------- */
.qtb-eyebrow { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:#e86236; letter-spacing:0.08em; text-transform:uppercase; }
.qtb-eyebrow .dot { width:6px; height:6px; border-radius:50%; background:#e86236; flex-shrink:0; }

/* ---------- filter chips ---------- */
.qtb-chips { display:flex; flex-wrap:wrap; gap:10px; }
.qtb-chip { flex-shrink:0; border:1px solid #e4ddd6; background:#fff; color:#5b5658; font-family:'Archivo',sans-serif; font-size:14px; font-weight:600; padding:9px 18px; border-radius:999px; cursor:pointer; transition:all .2s ease; white-space:nowrap; }
.qtb-chip:hover { border-color:#e86236; color:#e86236; }
.qtb-chip.is-active { background:#182945; border-color:#182945; color:#fff; }

/* ---------- card grid ---------- */
.qtb-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
@media (max-width:900px) { .qtb-grid { grid-template-columns:repeat(2,1fr); } .qtb-hide-tablet { display:none !important; } }
@media (max-width:600px) { .qtb-grid { grid-template-columns:1fr; } }

.qtb-card { background:#fff; border:1px solid #efe9e3; border-radius:20px; overflow:hidden; display:flex; flex-direction:column; text-decoration:none; color:inherit; transition:transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s cubic-bezier(.22,.61,.36,1); }
.qtb-card:hover { transform:translateY(-6px); box-shadow:0 20px 44px -18px rgba(24,41,69,0.24); }

/* ---------- photo placeholder (espaço reservado para foto real) ---------- */
.qtb-thumb { position:relative; aspect-ratio:16/10; background-color:#182945; overflow:hidden; flex-shrink:0; }
.qtb-thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.qtb-thumb::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(24,41,69,0) 45%, rgba(24,41,69,0.35) 100%); pointer-events:none; }
.qtb-thumb-lg { aspect-ratio:21/9; border-radius:24px; }
.qtb-thumb-inner { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; }
.qtb-thumb-inner span { font-size:11px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:rgba(255,255,255,0.4); }

.qtb-card-body { padding:22px 22px 24px; display:flex; flex-direction:column; gap:10px; flex:1; }
.qtb-cat { font-size:12px; font-weight:700; color:#e86236; text-transform:uppercase; letter-spacing:0.05em; }
.qtb-title { font-size:19px; font-weight:800; color:#182945; letter-spacing:-0.01em; line-height:1.3; }
.qtb-excerpt { font-size:14px; color:#6b6567; line-height:1.6; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; flex:1; }
.qtb-meta { display:flex; align-items:center; gap:8px; font-size:13px; color:#9a938e; margin-top:2px; }
.qtb-readmore { display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:700; color:#182945; margin-top:6px; }
.qtb-card:hover .qtb-readmore { color:#e86236; gap:9px; }
.qtb-readmore svg { transition: transform .2s ease; }

/* ---------- article body typography ---------- */
.qtb-article p { font-size:17px; color:#5b5658; line-height:1.75; margin-top:20px; }
.qtb-article p:first-child { margin-top:0; }
.qtb-article h2 { font-size:25px; font-weight:800; color:#182945; letter-spacing:-0.01em; line-height:1.3; margin-top:44px; }
.qtb-article ul { margin-top:18px; display:flex; flex-direction:column; gap:12px; }
.qtb-article ul li { list-style:none; position:relative; padding-left:24px; font-size:16px; color:#5b5658; line-height:1.65; }
.qtb-article ul li::before { content:''; position:absolute; left:0; top:9px; width:7px; height:7px; border-radius:2px; background:#e86236; }
.qtb-article ul li strong { color:#182945; }
.qtb-table-wrap { margin-top:20px; overflow-x:auto; border:1px solid #efe9e3; border-radius:16px; }
.qtb-table { width:100%; border-collapse:collapse; min-width:560px; }
.qtb-table th { background:#182945; color:#fff; font-size:13px; font-weight:700; text-align:left; padding:14px 18px; letter-spacing:0.02em; }
.qtb-table td { font-size:14px; color:#5b5658; line-height:1.55; padding:14px 18px; border-top:1px solid #efe9e3; vertical-align:top; }
.qtb-table tr:nth-child(even) td { background:#fbf8f5; }

/* ---------- CTA card (reaproveita padrão da home) ---------- */
.qtb-cta { background:#182945; border-radius:30px; padding:52px 44px; position:relative; overflow:hidden; }
.qtb-cta::before { content:''; position:absolute; top:-100px; left:-60px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle,rgba(232,98,54,0.22),transparent 70%); }
.qtb-cta::after { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px); background-size:28px 28px; pointer-events:none; }

@media (max-width:800px) {
  .qtb-row { grid-template-columns:1fr !important; }
  .qtb-hero-h1 { font-size:32px !important; }
}