/* Key Produtora — acréscimos da versão 8 (serviços, planos descritivos, blog, artigo) */
.cartao-artigo{color:inherit;transition:border-color .2s}
.cartao-artigo:hover{border-color:var(--ambar);color:inherit}
.cartao-artigo h3{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.15}
.cartao-artigo .ler{margin-top:auto;color:var(--ambar);font-weight:600;font-size:15px}
.horizonte{font-size:12px;letter-spacing:1.6px;color:var(--ambar);text-transform:uppercase;font-weight:600}
.criterios{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.criterios li{border:1px solid var(--linha-ambar);padding:14px 16px;font-size:15px;color:var(--texto-forte);background:var(--pedra)}
@media (max-width:900px){.criterios{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){#forca-de-palco .passos{grid-template-columns:1fr!important}}
.mindset-nota{margin:28px 0 0;max-width:760px;font-size:15px}
.planos-desc .plano{display:flex;flex-direction:column;gap:6px}
.planos-desc .plano .para-quem{color:var(--texto-2);font-size:15.5px;margin:12px 0 4px}
.planos-desc .inclui{list-style:none;margin:8px 0 22px;padding:0;display:grid;gap:8px}
.planos-desc .inclui li{padding:8px 0 0 22px;border-top:1px solid var(--linha);position:relative;color:var(--texto-2);font-size:15px}
.planos-desc .inclui li::before{content:"";position:absolute;left:0;top:18px;width:8px;height:8px;background:var(--ambar)}
.planos-desc .btn{margin-top:auto;align-self:flex-start}
.rodape-nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14.5px}
.rodape-nav a{color:#C8C0B2}
/* artigo do blog */
.artigo .wrap{max-width:780px}
.artigo .voltar{display:inline-block;margin-bottom:32px;font-size:14.5px}
.artigo .art-title{margin:0 0 20px;font-family:var(--serif);font-weight:400;font-size:clamp(34px,5.4vw,54px);line-height:1.1;color:var(--texto-forte)}
.artigo .art-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--texto-4);padding-bottom:28px;margin-bottom:34px;border-bottom:1px solid var(--linha)}
.artigo .art-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--texto-4)}
.artigo .art-lead{font-size:clamp(19px,2vw,22px);line-height:1.6;color:var(--texto-forte)}
.artigo p{color:var(--texto-2);font-size:17.5px;line-height:1.75;margin:0 0 20px}
.artigo h2{margin:44px 0 14px;font-family:var(--serif);font-weight:500;font-size:clamp(26px,3vw,34px);line-height:1.15;color:var(--ambar)}
.artigo ul,.artigo ol{color:var(--texto-2);font-size:17.5px;line-height:1.75;padding-left:22px;margin:0 0 20px}
.artigo strong{color:var(--texto-forte)}
.art-cta-box{margin-top:48px;padding:32px;border:1px solid var(--linha-ambar);background:var(--pedra-2);display:grid;gap:16px;justify-items:start}
.art-cta-box p{margin:0;font-family:var(--serif);font-size:26px;color:var(--texto-forte);line-height:1.2}


/* ===== V8 · páginas de serviço (ECAD, Força de Palco, tabela de serviços) ===== */
.hero-foto{position:relative;isolation:isolate;padding-block:clamp(72px,11vw,140px) clamp(56px,8vw,104px);background:var(--pedra) center/cover no-repeat}
.hero-foto::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,18,15,.96) 0%,rgba(20,18,15,.82) 46%,rgba(20,18,15,.38) 100%),linear-gradient(0deg,var(--pedra) 0%,transparent 28%)}
.hero-foto .wrap{display:grid;gap:0}
.hero-foto .titulo-1{max-width:900px;font-size:clamp(40px,6vw,74px)}
.hero-foto .lead{margin-top:28px;max-width:660px}
.hero-foto .botoes{margin-top:36px}
.hero-ecad{background-image:url("../img/hero-ecad.webp")}
.hero-forca{background-image:url("../img/hero-forca-de-palco.webp")}
.hero-servicos{background-image:url("../img/hero-servicos.webp")}
.preco-chamada{display:flex;align-items:baseline;gap:14px;margin:30px 0 0;flex-wrap:wrap}
.preco-chamada b{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5vw,56px);color:var(--ambar);line-height:1}
.preco-chamada span{color:var(--texto-2);font-size:15.5px}
.trilha{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--texto-3);margin:0 0 22px;padding:0;list-style:none}
.trilha a{color:var(--texto-3)} .trilha a:hover{color:var(--ambar)}
.trilha li+li::before{content:"/";margin-right:18px;color:var(--texto-4)}
.lista-ticks{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--linha-ambar)}
.lista-ticks li{padding:16px 0 16px 34px;border-bottom:1px solid var(--linha);position:relative;color:var(--texto-2);font-size:16.5px}
.lista-ticks li b{color:var(--texto-forte);font-weight:600}
.lista-ticks li::before{content:"";position:absolute;left:4px;top:25px;width:10px;height:10px;background:var(--ambar)}
.duas-colunas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:860px){.duas-colunas{grid-template-columns:1fr}}
.tabela-papel{width:100%;border-collapse:collapse;font-size:15.5px}
.tabela-papel th{text-align:left;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ambar);padding:12px 14px 12px 0;border-bottom:1px solid var(--ambar);font-weight:600}
.tabela-papel td{padding:14px 14px 14px 0;border-bottom:1px solid var(--linha);color:var(--texto-2);vertical-align:top}
.tabela-papel td:first-child{color:var(--texto-forte);font-weight:600;white-space:nowrap}
.caixa-limite{border:1px solid var(--linha-ambar);border-left:3px solid var(--ambar);background:var(--pedra-2);padding:26px 30px;display:grid;gap:10px}
.caixa-limite h3{margin:0;font-family:var(--serif);font-weight:500;font-size:26px;color:var(--texto-forte)}
.caixa-limite p{margin:0;color:var(--texto-2);font-size:16px}
.faq{display:grid;gap:0;border-top:1px solid var(--linha-ambar)}
.faq details{border-bottom:1px solid var(--linha);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font-size:18px;font-weight:500;color:var(--texto-forte);position:relative;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-family:var(--serif);font-size:30px;color:var(--ambar);line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 20px;color:var(--texto-2);max-width:760px;font-size:16.5px}
.servicos-lista{display:grid;gap:0;border-top:1px solid var(--linha-ambar)}
.servico{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 32px;align-items:center;padding:26px 0;border-bottom:1px solid var(--linha)}
.servico h3{margin:0 0 6px;font-size:21px;font-weight:600;color:var(--texto-forte)}
.servico p{margin:0;color:var(--texto-3);font-size:15.5px;max-width:640px}
.servico .acoes{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.servico .preco{font-family:var(--serif);font-size:34px;color:var(--ambar);line-height:1;min-width:92px;text-align:right}
.servico .mais{font-size:14.5px;color:var(--texto-2);text-decoration:underline;text-underline-offset:4px}
.servico .btn{min-height:46px;padding:10px 22px}
@media (max-width:760px){.servico{grid-template-columns:1fr}.servico .acoes{justify-content:space-between}.servico .preco{text-align:left}}
.resumo-pedido{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 20px;border:1px solid var(--linha-ambar);background:var(--pedra)}
.resumo-pedido span{color:var(--texto-3);font-size:14px}
.resumo-pedido b{font-family:var(--serif);font-weight:500;font-size:34px;color:var(--ambar);line-height:1}
.selos-pagto{display:flex;gap:10px 22px;flex-wrap:wrap;color:var(--texto-3);font-size:14px;margin:0}
.nota-credito{margin:22px 0 0;font-size:14.5px;color:var(--texto-3);max-width:760px}
