/* Estilos das páginas novas (serviços, blog e artigos) — Agência Tática */
.tatica-whats-flutuante{position:fixed;right:18px;bottom:22px;z-index:50;display:block;width:64px}
.tatica-whats-flutuante img{width:100%;height:auto}
.tatica-footer-links li{margin-bottom:6px}
.tatica-footer-links a{color:#8f8f8f}
.tatica-footer-links a:hover{color:#fff}

.tatica-hero{background:#000;color:#fff;padding:150px 0 70px}
.tatica-hero h1{color:#fff;font-size:42px;line-height:50px;font-weight:600;margin-bottom:18px;max-width:900px}
.tatica-hero p.lead{color:#cfcfcf;font-size:19px;line-height:30px;max-width:760px}
.tatica-hero .tatica-kicker{display:inline-block;color:#ff214f;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:600;margin-bottom:14px}
.tatica-breadcrumb{font-size:13px;color:#9a9a9a;margin-bottom:22px}
.tatica-breadcrumb a{color:#9a9a9a}
.tatica-breadcrumb a:hover{color:#fff}

.tatica-btn{display:inline-block;background:#ff214f;color:#fff!important;padding:14px 28px;border-radius:4px;font-weight:600;letter-spacing:.3px;margin:8px 10px 0 0;transition:background .2s}
.tatica-btn:hover{background:#d8103b}
.tatica-btn.secundario{background:transparent;border:1px solid #fff}
.tatica-btn.secundario:hover{background:#fff;color:#000!important}
.tatica-btn.escuro{background:#000}

.tatica-sec{padding:80px 0}
.tatica-sec.cinza{background:#f7f7f7}
.tatica-sec h2{font-size:30px;line-height:38px;color:#232323;font-weight:600;margin-bottom:22px}
.tatica-sec h3{font-size:20px;line-height:28px;color:#232323;font-weight:600;margin-bottom:10px}
.tatica-sec p,.tatica-sec li{font-size:16px;line-height:28px;color:#555}

.tatica-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px}
.tatica-card{background:#fff;border:1px solid #ececec;border-radius:6px;padding:28px;height:100%}
.tatica-card h3{font-size:18px;line-height:26px}
.tatica-card .num{font-size:13px;color:#ff214f;font-weight:700;letter-spacing:1px}

.tatica-faq details{border-bottom:1px solid #e5e5e5;padding:18px 0}
.tatica-faq summary{font-size:17px;font-weight:600;color:#232323;cursor:pointer;list-style:none}
.tatica-faq summary::-webkit-details-marker{display:none}
.tatica-faq summary:after{content:"+";float:right;color:#ff214f;font-size:22px}
.tatica-faq details[open] summary:after{content:"–"}
.tatica-faq details p{margin-top:12px}

.tatica-cta{background:#000;color:#fff;border-radius:8px;padding:44px}
.tatica-cta h2,.tatica-cta h3{color:#fff}
.tatica-cta p{color:#cfcfcf}

/* Blog */
.tatica-filtros{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.tatica-filtros a{border:1px solid #ddd;border-radius:30px;padding:8px 18px;font-size:14px;color:#444;background:#fff}
.tatica-filtros a.ativo,.tatica-filtros a:hover{background:#000;color:#fff;border-color:#000}
.tatica-post-card{background:#fff;border-radius:6px;overflow:hidden;border:1px solid #ececec;height:100%;display:flex;flex-direction:column}
.tatica-post-card .capa{display:block;aspect-ratio:16/9;background:#111 center/cover no-repeat;position:relative}
.tatica-post-card .capa span{position:absolute;left:16px;bottom:16px;background:#fff;color:#000;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:3px;font-weight:600}
.tatica-post-card .corpo{padding:24px;flex:1;display:flex;flex-direction:column}
.tatica-post-card h2,.tatica-post-card h3{font-size:18px;line-height:26px;margin-bottom:10px}
.tatica-post-card h2 a,.tatica-post-card h3 a{color:#232323}
.tatica-post-card .meta{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.tatica-post-card p{font-size:15px;line-height:25px;color:#666;margin-bottom:0}
.tatica-grid-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.tatica-paginacao{display:flex;gap:8px;justify-content:center;margin-top:50px}
.tatica-paginacao a,.tatica-paginacao span{min-width:42px;height:42px;line-height:42px;text-align:center;border:1px solid #ddd;border-radius:4px;color:#333;background:#fff;padding:0 10px}
.tatica-paginacao span.atual{background:#000;color:#fff;border-color:#000}

.tatica-artigo{max-width:780px;margin:0 auto}
.tatica-artigo .meta{color:#999;font-size:13px;margin-bottom:30px}
.tatica-artigo h2{font-size:26px;line-height:34px;color:#232323;font-weight:600;margin:42px 0 16px}
.tatica-artigo h3{font-size:20px;line-height:28px;color:#232323;font-weight:600;margin:30px 0 12px}
.tatica-artigo p,.tatica-artigo li{font-size:17px;line-height:30px;color:#444}
.tatica-artigo p{margin-bottom:20px}
.tatica-artigo ul,.tatica-artigo ol{margin:0 0 22px 22px}
.tatica-artigo ul li{list-style:disc;margin-bottom:8px}
.tatica-artigo ol li{list-style:decimal;margin-bottom:8px}
.tatica-artigo blockquote{border-left:4px solid #ff214f;padding:6px 0 6px 20px;margin:28px 0;font-size:19px;color:#232323;font-style:italic}
.tatica-artigo a{color:#ff214f;text-decoration:underline}
.tatica-artigo .resumo{font-size:19px;line-height:32px;color:#232323;border-bottom:1px solid #eee;padding-bottom:28px;margin-bottom:28px}
.tatica-artigo .box-servico{background:#f7f7f7;border-radius:8px;padding:30px;margin:40px 0}
.tatica-artigo .box-servico h3{margin-top:0}

@media (max-width:767px){
  .tatica-hero{padding:120px 0 50px}
  .tatica-hero h1{font-size:30px;line-height:38px}
  .tatica-sec{padding:55px 0}
  .tatica-sec h2{font-size:24px;line-height:32px}
  .tatica-cta{padding:28px}
  .tatica-artigo p,.tatica-artigo li{font-size:16px;line-height:28px}
}