/* Página /pacotes (agente Pacotes). Só complementa o molde (pages.css). */

.pk-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* atalhos do topo */
.pk-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(36px,4vw,64px)}
.pk-jump .pg-chip{text-decoration:none}
.pk-jump .pg-chip:hover{background:var(--ink);color:var(--page)}

/* ── cards de resumo (mesmo conteúdo da home) ── */
.pk-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,20px)}
.pk-card{display:flex;flex-direction:column;background:var(--card-soft);border-radius:var(--r-lg);padding:clamp(24px,2.2vw,36px);min-height:clamp(420px,34vw,540px);min-width:0;transition:transform .5s var(--ease),background .3s}
.pk-card:hover{transform:translateY(-4px);background:var(--card)}
.pk-card--hot,.pk-card--hot:hover{background:var(--pastel);color:#121212;--ink:#121212;--body:#3d3d48;--page:#ffffff;--card:#ffffff;--line:#12121222}
.pk-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:28px}
.pk-tag{font-family:var(--mono);font-size:clamp(10px,.66vw,12px);letter-spacing:.06em;text-transform:uppercase;line-height:1;padding:.6em .95em;border-radius:999px;background:#121212;color:#fff;white-space:nowrap}
.pk-card-name{font-size:clamp(24px,2vw,34px);font-weight:400;line-height:1.08;letter-spacing:-.015em;margin:clamp(28px,3vw,48px) 0 0;color:var(--ink)}
.pk-card-pitch{margin:.6em 0 0;color:var(--body);font-size:var(--fs-small);line-height:1.55}
.pk-card-list{list-style:none;margin:28px 0 28px;padding:22px 0 0;border-top:1px solid var(--line);display:grid;gap:12px;flex:1;align-content:start}
.pk-card-list li,.pk-sinais li{display:flex;gap:10px;font-size:var(--fs-small);line-height:1.4;color:var(--ink)}
.pk-card-list svg,.pk-sinais svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--green)}
.pk-card--hot .pk-card-list svg{color:#121212}
.pk-card-foot{display:grid;gap:14px;justify-items:center}
.pk-card-foot .pg-btn{width:100%}
.pk-card-wa{font-size:var(--fs-small)}
.pk-notes{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:24px}
.pk-notes span{font-size:var(--fs-small);color:var(--body)}
@media (max-width:1100px){.pk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-card{min-height:0}}
@media (max-width:640px){.pk-cards{grid-template-columns:1fr}}

/* ── detalhe de cada pacote ── */
.pk-detail-sec{scroll-margin-top:24px}
.pk-detail{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,104px);align-items:start;background:var(--card-soft);border-radius:clamp(24px,2.6vw,44px);padding:clamp(24px,4.4vw,80px)}
.pk-detail--hot{background:var(--pastel);color:#121212;--ink:#121212;--body:#3d3d48;--muted:#5d5d68;--page:#ffffff;--card:#ffffffb8;--card-soft:#ffffff80;--line:#12121220}
.pk-detail--hot .pg-eyebrow{background:#ffffffb3;color:#121212}
.pk-detail-aside{min-width:0}
.pk-detail-aside .pg-h2{max-width:12ch}
.pk-detail-aside .pg-lead{max-width:30ch}
.pk-detail-media{margin:clamp(24px,2.4vw,40px) 0 0;border-radius:var(--r-md);overflow:hidden;aspect-ratio:4/3;background:var(--card)}
.pk-detail-media img{width:100%;height:100%;object-fit:cover;display:block}
.pk-detail-aside .pg-actions{margin-top:clamp(20px,2vw,32px)}
.pk-detail-aside .pg-btn svg,.pk-res .pg-btn svg,.pk-hero .pg-btn svg,.pk-final .pg-btn svg,.pk-avulso .pg-btn svg,.pg-head .pg-btn svg{width:11px;height:11px}
.pg-btn{white-space:normal;text-align:center}
@media (min-width:901px) and (min-height:860px){.pk-detail-aside{position:sticky;top:clamp(24px,6vh,80px)}}
.pk-detail-body{min-width:0}
.pk-block+.pk-block{margin-top:clamp(44px,4.4vw,80px)}
.pk-quem{font-size:var(--fs-lead);line-height:1.45;color:var(--ink);margin:.8em 0 0;max-width:40ch;text-wrap:pretty}
.pk-sinais{list-style:none;margin:clamp(20px,2vw,32px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.pk-sinais li{color:var(--body)}
.pk-detail--hot .pk-sinais svg{color:#121212}
.pk-inclui{margin-top:clamp(12px,1.2vw,20px);gap:2px}
.pk-inclui li{padding:12px 0}
.pk-inclui .t{font-size:clamp(20px,1.7vw,30px)}
.pk-inclui .d{max-width:56ch}
.pk-month{list-style:none;margin:clamp(16px,1.6vw,24px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1vw,16px)}
.pk-month-step{background:var(--card);border-radius:var(--r-md);padding:clamp(20px,1.8vw,30px);min-width:0}
.pk-month-step h4{font-size:var(--fs-h3);font-weight:400;line-height:1.15;margin:.7em 0 0;color:var(--ink)}
.pk-month-step p{margin:.6em 0 0;color:var(--body);font-size:var(--fs-small);line-height:1.6}
.pk-fica{display:grid;gap:10px;margin:clamp(28px,3vw,48px) 0 0;padding:clamp(18px,1.6vw,26px) clamp(20px,1.8vw,30px);border-radius:var(--r-md);background:var(--card)}
.pk-fica>span:last-child{font-size:var(--fs-small);line-height:1.6;color:var(--body);max-width:64ch}
@media (max-width:900px){
  .pk-detail{grid-template-columns:1fr}
  .pk-detail-media{aspect-ratio:16/10}
}
@media (max-width:640px){.pk-sinais,.pk-month{grid-template-columns:1fr}}

/* ── comparativo ── */
.pk-cmp-wrap{background:var(--card-soft);border-radius:var(--r-lg);padding:clamp(12px,2vw,32px) clamp(16px,2.4vw,40px)}
.pk-cmp{width:100%;border-collapse:collapse;font-size:var(--fs-small)}
.pk-cmp th,.pk-cmp td{padding:clamp(12px,1vw,16px) 12px;border-bottom:1px solid var(--line);text-align:center;font-weight:400}
.pk-cmp th[scope=row]{text-align:left;color:var(--ink);font-size:clamp(15px,1.05vw,18px);line-height:1.35;padding-left:0}
.pk-cmp thead th{border-bottom:0;padding-top:clamp(14px,1.2vw,20px);padding-bottom:clamp(14px,1.2vw,20px);width:14%}
.pk-cmp thead th:first-child{text-align:left;padding-left:0;width:auto}
.pk-cmp thead a{display:inline-block;color:var(--ink);text-decoration:none;font-size:clamp(16px,1.25vw,22px);letter-spacing:-.01em}
.pk-cmp thead a:hover{opacity:.6}
.pk-cmp thead th:last-child{background:var(--pastel);border-radius:var(--r-md) var(--r-md) 0 0}
.pk-cmp thead th:last-child a{color:#121212}
.pk-cmp td.is-hot{background:color-mix(in srgb,var(--lilac) 26%,transparent)}
.pk-cmp tbody:last-child tr:last-child td.is-hot{border-radius:0 0 var(--r-md) var(--r-md)}
.pk-cmp-group th{text-align:left!important;font-family:var(--mono)!important;font-size:var(--fs-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--body)!important;padding:clamp(28px,2.4vw,40px) 0 10px!important}
.pk-cmp tbody:first-of-type .pk-cmp-group th{padding-top:clamp(8px,1vw,16px)!important}
.pk-cmp tbody tr:last-child th,.pk-cmp tbody tr:last-child td{border-bottom:0}
.pk-yes{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--page);vertical-align:middle}
.pk-yes svg{width:14px;height:14px}
.pk-no{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);opacity:.45;vertical-align:middle}
.pk-cmp-name{display:none}
.pk-legend{display:flex;flex-wrap:wrap;gap:10px 28px;margin:20px 0 0;font-size:var(--fs-small);color:var(--body)}
.pk-legend>span{display:inline-flex;align-items:center;gap:10px}
.pk-legend .pk-yes{width:22px;height:22px}
.pk-legend .pk-yes svg{width:12px;height:12px}
@media (max-width:760px){
  .pk-cmp,.pk-cmp tbody,.pk-cmp tr,.pk-cmp th,.pk-cmp td{display:block}
  .pk-cmp thead{display:none}
  .pk-cmp tbody tr:not(.pk-cmp-group){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:14px 0;border-bottom:1px solid var(--line)}
  .pk-cmp tbody tr:last-child{border-bottom:0}
  .pk-cmp th[scope=row]{grid-column:1/-1;border:0;padding:0 0 6px}
  .pk-cmp td{border:0;padding:8px 4px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--card)}
  .pk-cmp td.is-hot{background:color-mix(in srgb,var(--lilac) 36%,var(--card))}
  .pk-cmp tbody:last-child tr:last-child td.is-hot{border-radius:12px}
  .pk-cmp-name{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--body);line-height:1}
  .pk-cmp td:has(.pk-no) .pk-cmp-name{opacity:.5}
  .pk-yes{width:22px;height:22px}
  .pk-yes svg{width:12px;height:12px}
  .pk-no{margin:7px 0}
  .pk-cmp-group th{padding:24px 0 4px!important;border:0}
}

/* ── como escolher (rádios, sem select nativo, sem JS) ── */
.pk-chooser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,56px);align-items:stretch;background:var(--card-soft);border-radius:clamp(24px,2.6vw,44px);padding:clamp(20px,3.4vw,64px)}
.pk-chooser-q{border:0;margin:0;padding:0;min-width:0}
.pk-chooser-q legend{padding:0;margin-bottom:18px}
.pk-options{display:grid;gap:10px}
.pk-options label{display:block}
.pk-options span{display:flex!important;width:100%;padding:1.1em 1.3em!important;border-radius:var(--r-md)!important;font-size:clamp(16px,1.2vw,21px)!important;line-height:1.35!important;text-align:left}
.pk-chooser-res{min-width:0;display:grid}
.pk-res{display:none;align-content:end;background:var(--pastel);color:#121212;border-radius:var(--r-lg);padding:clamp(24px,3vw,56px);--ink:#121212;--page:#ffffff;--card:#ffffff;--line:#ffffff}
.pk-res[data-for=perf]{display:grid}
.pk-chooser:has(input:checked) .pk-res{display:none}
.pk-chooser:has(#pk-q-perf:checked) .pk-res[data-for=perf],
.pk-chooser:has(#pk-q-motion:checked) .pk-res[data-for=motion],
.pk-chooser:has(#pk-q-social:checked) .pk-res[data-for=social],
.pk-chooser:has(#pk-q-mkt:checked) .pk-res[data-for=mkt]{display:grid;animation:pk-in .5s var(--ease)}
.pk-res .pg-label{color:#3d3d48}
.pk-res-name{font-size:var(--fs-h2);font-weight:400;line-height:1.04;letter-spacing:-.02em;margin:.4em 0 0;color:#121212}
.pk-res p{margin:1em 0 0;font-size:var(--fs-body);line-height:1.6;color:#3d3d48;max-width:46ch}
.pk-res .pg-btn{background:#fff;border-color:#fff;color:#121212}
.pk-res .pg-btn--dark{background:#121212;border-color:#121212;color:#fff}
@keyframes pk-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:900px){.pk-chooser{grid-template-columns:1fr}.pk-res{min-height:0}}
@media (prefers-reduced-motion:reduce){.pk-res{animation:none!important}.pk-card{transition:none}}

/* ── projetos avulsos ── */
.pk-avulso{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 48px;margin-top:clamp(12px,1.2vw,20px);background:var(--card-soft);border-radius:var(--r-lg);padding:clamp(22px,2.4vw,40px)}
.pk-avulso p{margin:.6em 0 0;font-size:var(--fs-body);line-height:1.55;color:var(--body);max-width:62ch}

/* ── chamada final ── */
.pk-final .pg-h2{max-width:16ch}
.pk-final .pg-lead{max-width:52ch}
.pk-final-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1vw,16px);margin-top:clamp(32px,4vw,64px)}
.pk-final-opt{display:flex;flex-direction:column;gap:10px;min-height:clamp(150px,12vw,200px);padding:clamp(18px,1.8vw,28px);border-radius:var(--r-md);background:#ffffffb3;color:#121212;text-decoration:none;transition:background .3s,transform .4s var(--ease)}
.pk-final-opt:hover{background:#fff;transform:translateY(-3px)}
.pk-final-opt .pg-label{color:#3d3d48}
.pk-final-opt.is-hot{background:#121212;color:#fff}
.pk-final-opt.is-hot .pg-label{color:#ffffffaa}
.pk-final-name{font-size:clamp(22px,1.8vw,32px);line-height:1.08;letter-spacing:-.015em}
.pk-final-go{margin-top:auto;display:inline-flex;align-items:center;gap:.5em;font-size:var(--fs-small)}
.pk-final-go svg{width:10px;height:10px}
@media (max-width:1100px){.pk-final-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pk-final-grid{grid-template-columns:1fr}.pk-final-opt{min-height:0}}