/* Página de Pacotes (page-pacotes.php). Usa a linguagem do Mídia Kit (midia-kit-catalogo.css); aqui só o que é da compra. */

.pk .mk2-hero { padding-top: 24px; }
.pk-hero { grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr); }
.pk-passos { margin: 0; padding: 22px 24px; list-style: none; display: grid; gap: 16px; border: 1px solid var(--mk2-linha); border-radius: 8px; background: var(--mk2-fundo); }
.pk-passos li { display: flex; align-items: center; gap: 14px; font-size: 15px; line-height: 1.4; color: var(--mk2-texto); }
.pk-passos b { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--mk2-tinta); color: #fff; font-family: var(--font-serif, Georgia, serif); font-size: 16px; font-weight: 800; }
.pk-passos strong { color: var(--mk2-tinta); }

.pk .mk2-sec:first-of-type { border-top: 0; }
.pk-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 0; }
.pk-pacote { position: relative; display: flex; flex-direction: column; padding: 8px 28px 12px; border-left: 1px solid var(--mk2-linha); scroll-margin-top: 90px; }
.pk-pacote:first-child { padding-left: 0; border-left: 0; }
.pk-pacote:last-child { padding-right: 0; }
.pk-pacote h2 { margin: 0 0 8px; font-family: var(--font-serif, Georgia, serif); font-size: 28px; font-weight: 800; letter-spacing: -.02em; color: var(--mk2-tinta); }
.pk-selo { display: inline-block; align-self: flex-start; margin: 0 0 10px; padding: 3px 10px; border-radius: 999px; background: var(--mk2-tinta); color: #fff; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pk-pacote .mk2-pacote-preco s { display: block; margin-bottom: 4px; font-size: 18px; font-weight: 600; color: var(--mk2-suave); letter-spacing: 0; }
.pk-desc { display: block; margin-top: 6px; font-family: var(--font-primary, sans-serif); font-size: 12.5px; font-weight: 700; letter-spacing: 0; color: var(--mk2-verde); }
.pk-comprar { display: grid; gap: 8px; }
.pk-comprar label { font-size: 13px; font-weight: 700; color: var(--mk2-tinta); }
.pk-comprar select { width: 100%; padding: 11px 12px; border: 1.5px solid var(--mk2-linha); border-radius: 8px; background: #fff; font: inherit; font-size: 15px; color: var(--mk2-tinta); }
.pk-comprar select:focus-visible { outline: 2px solid var(--mk2-tinta); outline-offset: 2px; }
.pk-comprar .mk2-btn, .pk-pacote > .mk2-btn { width: 100%; }

/* Comparação */
.pk-tabela-rolagem { overflow-x: auto; }
.pk-tabela { width: 100%; min-width: 520px; border-collapse: collapse; }
.pk-tabela th, .pk-tabela td { padding: 15px 14px; border-bottom: 1px solid var(--mk2-linha); text-align: left; font-size: 15.5px; vertical-align: middle; }
.pk-tabela thead th { padding-bottom: 12px; border-bottom: 2px solid var(--mk2-tinta); font-family: var(--font-serif, Georgia, serif); font-size: 20px; font-weight: 800; letter-spacing: -.02em; color: var(--mk2-tinta); }
.pk-tabela tbody th { width: 28%; font-size: 14px; font-weight: 700; color: var(--mk2-suave); }
.pk-tabela td { font-weight: 600; color: var(--mk2-tinta); }
.pk-nao { color: #b8bec7; font-weight: 400; }
.pk-linha-preco td { font-family: var(--font-serif, Georgia, serif); font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.mk2 a.pk-escolher { font-size: 14px; font-weight: 700; color: var(--mk2-tinta); text-decoration: none; border-bottom: 1.5px solid var(--mk2-tinta); padding-bottom: 1px; }
.mk2 a.pk-escolher:hover { color: var(--mk2-vermelho); border-bottom-color: var(--mk2-vermelho); }
.pk-escolher i { font-size: 11px; margin-left: 3px; }

@media (max-width: 1100px) {
    .pk-hero { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
    .pk-grade { grid-template-columns: 1fr; gap: 32px; }
    .pk-pacote, .pk-pacote:first-child, .pk-pacote:last-child { padding: 0 0 28px; border-left: 0; border-bottom: 1px solid var(--mk2-linha); }
    .pk-pacote:last-child { border-bottom: 0; padding-bottom: 0; }
}

/* ---- Assinar e Apoie ---- */
.pk-ganhos { padding: 22px 24px; border: 1px solid var(--mk2-linha); border-radius: 8px; background: var(--mk2-fundo); }
.pk-ganhos-titulo { margin: 0 0 14px; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--mk2-tinta); }
.pk-ganhos ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 11px; }
.pk-ganhos li { display: flex; gap: 11px; align-items: flex-start; font-size: 15px; line-height: 1.4; color: var(--mk2-texto); }
.pk-ganhos li i { flex: none; margin-top: 3px; font-size: 12px; color: var(--mk2-verde); }
.pk-ganhos-texto { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--mk2-suave); }
.pk-grande { margin: 0 0 8px; font-family: var(--font-serif, Georgia, serif); font-size: clamp(2.6rem, 5vw, 3.8rem); font-weight: 800; line-height: 1; letter-spacing: -.04em; color: var(--mk2-tinta); }
.pk-grande span { font-family: var(--font-primary, sans-serif); font-size: 17px; font-weight: 600; letter-spacing: 0; color: var(--mk2-suave); }
.pk-par { margin: -10px 0 16px; max-width: 56ch; font-size: 16px; line-height: 1.55; color: var(--mk2-suave); }
.pk-aviso { margin: 0 0 8px; padding: 16px 20px; border: 1px solid var(--mk2-linha); border-radius: 8px; background: #fff; }
.pk-aviso p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--mk2-texto); }
.pk-aviso i { margin-right: 6px; color: var(--mk2-verde); }
.pk-periodo { font-family: var(--font-primary, sans-serif); font-size: 16px; font-weight: 600; letter-spacing: 0; color: var(--mk2-suave); }
.pk-item-nao { color: #b8bec7 !important; }
.pk-item-nao i { color: #cfd4db !important; }
.pk-sim { color: var(--mk2-verde); }

/* Doação */
.pk-doar { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 44px; align-items: start; }
.pk-valores { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 14px; }
.pk-valores label { position: relative; cursor: pointer; }
.pk-valores input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.pk-valores span { display: block; min-width: 104px; padding: 16px 22px; border: 1.5px solid var(--mk2-linha); border-radius: 10px; background: #fff; text-align: center; font-family: var(--font-serif, Georgia, serif); font-size: 21px; font-weight: 800; letter-spacing: -.01em; color: var(--mk2-tinta); transition: border-color .15s, background .15s, color .15s, transform .15s; }
.pk-valores label:hover span { border-color: #b8bec7; transform: translateY(-1px); }
.pk-valores input:checked + span { border-color: var(--mk2-tinta); background: var(--mk2-tinta); color: #fff; }
.pk-valores input:focus-visible + span { outline: 2px solid var(--mk2-tinta); outline-offset: 3px; }
.pk-outro { max-width: 340px; margin-bottom: 14px; }
.pk-outro[hidden] { display: none; }
.pk-outro label { display: block; margin-bottom: 6px; font-size: 13.5px; font-weight: 700; color: var(--mk2-tinta); }
.pk-outro input { width: 100%; padding: 13px 14px; border: 1.5px solid var(--mk2-linha); border-radius: 8px; font: inherit; font-size: 17px; }
.pk-outro input:focus-visible { outline: 2px solid var(--mk2-tinta); outline-offset: 2px; }
.pk-doar-resumo { position: sticky; top: 96px; padding: 24px; border: 1px solid var(--mk2-tinta); border-radius: 8px; background: #fff; }
.pk-doar-resumo .mk2-btn { width: 100%; margin-top: 16px; }
.pk-doar-resumo .mk2-btn[disabled] { opacity: .45; cursor: not-allowed; }
.pk-doar-convite { display: flex; align-items: center; justify-content: space-between; gap: 28px; }

@media (max-width: 1100px) {
    .pk-doar { grid-template-columns: 1fr; gap: 28px; }
    .pk-doar-resumo { position: static; }
}
@media (max-width: 640px) {
    .pk-doar-convite { flex-direction: column; align-items: flex-start; }
    .pk-valores span { min-width: 92px; padding: 14px 16px; }
}