/* Pedeki — página de divulgação (design "Apex FoodTech System", exportado do Stitch). */
.pk {
    --surface: #fbf8ff;
    --s-lowest: #ffffff;
    --s-low: #f4f2fd;
    --s-cont: #eeedf7;
    --s-high: #e8e7f1;
    --s-highest: #e3e1ec;
    --on: #1a1b22;
    --on-var: #5a4138;
    --out-var: #e2bfb2;
    --pri: #a33900;
    --pri-c: #cc4900;
    --sec: #565e74;
    --ter: #006947;
    --ter-c: #00855b;
    --err: #ba1a1a;
    --err-c: #ffdad6;
    --inv: #2f3038;
    --inv-on: #f1effa;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 15px; line-height: 24px;
    color: var(--on); background: var(--surface);
    -webkit-font-smoothing: antialiased;
}
.pk *, .pk *::before, .pk *::after { box-sizing: border-box; }
.pk a { color: inherit; text-decoration: none; }
.pk h1, .pk h2, .pk h3, .pk h4, .pk p, .pk ul { margin: 0; padding: 0; }
.pk ul { list-style: none; }
.pk img { max-width: 100%; display: block; }
.pk button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.pk-wrap { width: 100%; max-width: 1280px; margin-inline: auto; padding-inline: 24px; }
.pk-wrap.estreito { max-width: 896px; }
@media (min-width: 1024px) { .pk-wrap { padding-inline: 48px; } }

.pk .ms { font-family: 'Material Symbols Outlined'; font-weight: 400; font-style: normal; font-size: 20px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; vertical-align: middle; }
.pk .ms.sm { font-size: 14px; } .pk .ms.pri { color: var(--pri); } .pk .ms.ok { color: var(--ter); } .pk .ms.sec { color: var(--sec); } .pk .ms.ter { color: #6ffbbe; } .pk .ms.cinza { color: var(--on-var); font-size: 18px; }
.pk .mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

/* ===== botões ===== */
.pk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; border-radius: 8px; font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: .01em; transition: all .15s; white-space: nowrap; }
.pk .pk-btn-primario { background: var(--pri); color: #fff; box-shadow: 0 12px 24px -4px rgba(204, 73, 0, .28); }
.pk .pk-btn-primario:hover { background: var(--pri-c); }
.pk .pk-btn-suave { background: var(--s-cont); color: var(--on); }
.pk-btn-suave:hover { background: var(--s-high); }
.pk .pk-btn-vidro { background: rgba(232, 231, 241, .2); color: var(--inv-on); }
.pk-btn-vidro:hover { background: rgba(232, 231, 241, .3); }
.pk-btn-lg { padding: 14px 28px; }
.pk-btn-bloco { width: 100%; }

/* ===== topo ===== */
.pk-topo { position: fixed; inset: 0 0 auto 0; z-index: 50; background: rgba(251, 248, 255, .8); backdrop-filter: blur(24px); box-shadow: 0 1px 8px rgba(0, 0, 0, .04); }
.pk-topo-in { height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pk-topo-esq, .pk-topo-dir { display: flex; align-items: center; gap: 24px; }
.pk-topo-dir { gap: 8px; }
.pk-marca { display: flex; align-items: center; gap: 6px; }
.pk-marca img { width: 36px; height: 36px; }
.pk-marca .nome { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 24px; font-weight: 600; letter-spacing: -.015em; }
.pk-marca .chip { padding: 2px 8px; border-radius: 999px; background: var(--s-high); color: var(--on-var); font-size: 11px; line-height: 14px; font-weight: 500; letter-spacing: .03em; text-transform: uppercase; }
.pk-menu { display: none; align-items: center; gap: 16px; }
.pk-menu a { padding: 4px 8px; font-size: 14px; font-weight: 600; color: var(--on-var); transition: color .15s; }
.pk-menu a:hover { color: var(--on); }
@media (min-width: 1280px) { .pk-menu { display: flex; } }
.pk-topo-dir .sec { display: none; padding: 8px 12px; }
@media (min-width: 640px) { .pk-topo-dir .sec { display: inline-flex; } }
.pk-topo-dir .pk-btn-primario { padding: 10px 16px; }
.pk-avatar { width: 32px; height: 32px; border-radius: 50%; background: var(--pri); color: #fff; display: grid; place-items: center; margin-left: 4px; }
.pk-avatar .ms { color: #fff; font-size: 18px; }
@media (max-width: 480px) { .pk-marca .chip { display: none; } .pk-topo-dir .pk-btn-primario { padding: 9px 12px; font-size: 13px; } }

main { padding-top: 80px; background: var(--surface); }

/* ===== herói ===== */
.pk-heroi { position: relative; overflow: hidden; padding: 48px 0; }
@media (min-width: 1024px) { .pk-heroi { padding: 96px 0; } }
.pk-glow { position: absolute; border-radius: 50%; filter: blur(64px); pointer-events: none; }
.pk-glow.g1 { top: -160px; left: 50%; transform: translateX(-50%); width: 980px; height: 520px; background: linear-gradient(135deg, rgba(163, 57, 0, .1), rgba(204, 73, 0, .05), transparent); }
.pk-glow.g2 { top: 33%; right: -192px; width: 450px; height: 450px; background: rgba(0, 105, 71, .05); }
.pk-heroi-in { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }
.pk-tag { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 6px; padding: 6px 14px; border-radius: 999px; background: var(--s-cont); box-shadow: 0 1px 2px rgba(0, 0, 0, .06); margin-bottom: 16px; font-size: 12px; line-height: 16px; letter-spacing: .02em; }
.pk-tag .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--pri); animation: pk-pulso 2s infinite; }
.pk-tag b { text-transform: uppercase; font-weight: 600; } .pk-tag i { font-style: normal; color: var(--on-var); font-size: 13px; } .pk-tag strong { color: var(--pri); font-weight: 700; }
@keyframes pk-pulso { 50% { opacity: .4; } }
.pk-heroi h1 { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 36px; line-height: 44px; letter-spacing: -.03em; max-width: 896px; margin-bottom: 16px; }
@media (min-width: 1024px) { .pk-heroi h1 { font-size: 56px; line-height: 64px; } }
.pk-heroi h1 .grad { background: linear-gradient(90deg, var(--pri), var(--pri-c)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pk-heroi .sub { font-size: 18px; line-height: 28px; color: var(--on-var); max-width: 768px; margin-bottom: 24px; }
.pk-cta { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-bottom: 16px; }
.pk-cta.esq { justify-content: flex-start; margin: 0; }
@media (min-width: 640px) { .pk-cta { flex-direction: row; } }
.pk-cta .pk-btn { width: 100%; } @media (min-width: 640px) { .pk-cta .pk-btn { width: auto; } }
.pk-provas { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--on-var); margin-bottom: 48px; }
.pk-provas > span { display: inline-flex; align-items: center; gap: 6px; } .pk-provas .ms { font-size: 18px; }

/* janela do painel */
.pk-janela { width: 100%; max-width: 1152px; background: var(--s-lowest); border-radius: 16px; box-shadow: 0 20px 50px -12px rgba(15, 23, 42, .12); padding: 8px; text-align: left; }
@media (min-width: 640px) { .pk-janela { padding: 16px; } }
.pk-janela-topo { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 0 12px 12px; }
.pk-janela-topo .esq, .pk-janela-topo .dir { display: flex; align-items: center; gap: 8px; }
.pk-janela-topo .esq i { width: 12px; height: 12px; border-radius: 50%; background: var(--s-highest); display: block; }
.pk-janela-topo .url { margin-left: 8px; font-family: ui-monospace, Menlo, monospace; font-size: 11px; color: var(--on-var); }
.pk-janela-topo .dir { gap: 12px; }
.pk-janela-topo .aberta { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 4px; background: rgba(0, 105, 71, .1); color: var(--ter); font-size: 12px; font-weight: 600; }
.pk-janela-topo .ping { width: 8px; height: 8px; border-radius: 50%; background: var(--ter); animation: pk-pulso 1.2s infinite; }
.pk-janela-topo .dir > .ms { font-size: 20px; color: var(--on-var); }
.pk-janela-corpo { display: grid; grid-template-columns: 1fr; gap: 12px; padding-top: 12px; }
@media (min-width: 1024px) { .pk-janela-corpo { grid-template-columns: repeat(12, 1fr); } .b4 { grid-column: span 4; } .b5 { grid-column: span 5; } .b3 { grid-column: span 3; } }
.pk-bloco { background: var(--s-low); border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 12px; position: relative; overflow: hidden; }
.pk-bloco.b5, .pk-bloco.b3 { justify-content: space-between; }
.pk-bloco .cab { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pk-bloco .cab > div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pk-bloco .t { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 18px; line-height: 26px; font-weight: 600; letter-spacing: -.01em; }
.pk-bloco .peq { font-size: 13px; line-height: 20px; color: var(--on-var); margin-top: 8px; }
.pill { padding: 2px 8px; border-radius: 999px; background: rgba(163, 57, 0, .1); color: var(--pri); font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: .03em; }
.pill.cz { background: var(--s-cont); color: var(--on-var); border-radius: 4px; font-weight: 500; }
.pill.ok { background: rgba(0, 105, 71, .1); color: var(--ter); font-size: 12px; line-height: 16px; padding: 4px 12px; }
.pk-pedidos { display: grid; gap: 10px; }
.pk-pedido { padding: 12px; background: var(--s-lowest); border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, .06); }
.pk-pedido.fraco { opacity: .8; }
.pk-pedido .l1 { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 12px; }
.pk-pedido .l1 > div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pk-pedido p { font-size: 13px; line-height: 20px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pk-pedido .l3 { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; font-size: 11px; line-height: 14px; letter-spacing: .03em; color: var(--on-var); }
.pk-pedido .l3 > span:first-child { display: inline-flex; align-items: center; gap: 4px; }
.st { padding: 2px 8px; border-radius: 4px; font-size: 11px; line-height: 14px; font-weight: 500; letter-spacing: .03em; text-transform: uppercase; }
.st.novo { background: var(--pri); color: #fff; } .st.prep { background: var(--s-high); color: var(--on-var); } .st.mesa { background: #dae2fd; color: #131b2e; }
.raio { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; color: var(--ter); }
.raio i { width: 6px; height: 6px; border-radius: 50%; background: var(--ter); display: block; }
.pk-mapa { position: relative; width: 100%; height: 224px; border-radius: 8px; background: var(--s-highest); overflow: hidden; box-shadow: inset 0 2px 4px rgba(0, 0, 0, .06); }
.pk-mapa svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.pk-mapa .pin { position: absolute; display: flex; align-items: center; gap: 4px; }
.pk-mapa .loja { top: 104px; left: 68px; flex-direction: column; gap: 0; }
.pk-mapa .loja .bola { width: 24px; height: 24px; border-radius: 50%; background: var(--pri); display: grid; place-items: center; box-shadow: 0 2px 6px rgba(0, 0, 0, .2); }
.pk-mapa .loja .bola .ms { color: #fff; font-size: 14px; }
.pk-mapa .loja .rot { margin-top: -4px; background: var(--inv); color: var(--inv-on); padding: 2px 6px; border-radius: 4px; font-size: 10px; font-weight: 700; }
.pk-mapa .moto { top: 48px; left: 170px; background: var(--s-lowest); padding: 4px 8px; border-radius: 6px; box-shadow: 0 2px 6px rgba(0, 0, 0, .15); font-size: 11px; }
.pk-mapa .moto .ms { font-size: 16px; }
.pk-mapa .cli { top: 28px; left: 270px; background: var(--ter-c); color: #fff; padding: 4px 8px; border-radius: 6px; box-shadow: 0 2px 6px rgba(0, 0, 0, .15); font-size: 11px; }
.pk-mapa .cli .ms { font-size: 14px; }
.pk-tele { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.pk-tele div { background: var(--s-lowest); border-radius: 8px; padding: 8px; text-align: center; }
.pk-tele small { display: block; font-size: 11px; line-height: 14px; color: var(--on-var); }
.pk-tele b { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 18px; line-height: 26px; font-weight: 700; } .pk-tele b.ok { color: var(--ter); }
.pk-fat { background: var(--s-lowest); border-radius: 12px; padding: 14px; box-shadow: 0 1px 2px rgba(0, 0, 0, .06); margin: 16px 0 12px; }
.pk-fat small { display: block; font-size: 11px; color: var(--on-var); }
.pk-fat b { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 24px; line-height: 32px; font-weight: 700; display: block; margin-top: 2px; }
.pk-fat .barra { height: 6px; border-radius: 999px; background: var(--s-high); margin-top: 10px; overflow: hidden; } .pk-fat .barra div { height: 100%; width: 100%; background: var(--ter); }
.pk-taxa { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px; border-radius: 8px; font-size: 11px; margin-bottom: 8px; }
.pk-taxa b { font-size: 12px; font-weight: 700; }
.pk-taxa.err { background: rgba(255, 218, 214, .4); color: #93000a; } .pk-taxa.err b { color: var(--err); }
.pk-taxa.verde { background: rgba(111, 251, 190, .3); color: #005236; } .pk-taxa.verde b { color: var(--ter); }
.pk-eco { margin-top: 16px; padding: 12px; background: rgba(163, 57, 0, .1); border-radius: 12px; }
.pk-eco small { display: block; font-size: 11px; line-height: 14px; letter-spacing: .08em; color: var(--pri); font-weight: 700; text-transform: uppercase; margin-bottom: 4px; }
.pk-eco small.n { color: var(--on-var); text-transform: none; letter-spacing: .03em; font-weight: 500; margin: 2px 0 0; }
.pk-eco b { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 24px; line-height: 32px; font-weight: 800; color: var(--pri); display: block; }

/* ===== seções ===== */
.pk-secao { padding: 48px 0; }
@media (min-width: 1024px) { .pk-secao { padding: 96px 0; } }
.pk-secao.branca { background: var(--s-lowest); }
.pk-titulo { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 48px; }
.pk-chip { display: inline-block; padding: 4px 14px; border-radius: 999px; background: var(--s-cont); color: var(--pri); font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px; }
.pk-chip.pri { background: rgba(163, 57, 0, .1); margin-bottom: 12px; }
.pk-chip.esc { background: rgba(163, 57, 0, .2); color: #ffdbce; margin-bottom: 12px; }
.pk h2 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 28px; line-height: 36px; font-weight: 700; letter-spacing: -.02em; }
@media (min-width: 1024px) { .pk h2 { font-size: 40px; line-height: 48px; letter-spacing: -.025em; } }
.pk-titulo h2 { max-width: 768px; }
.pk-titulo p { max-width: 672px; margin-top: 8px; color: var(--on-var); }
.pk h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 18px; line-height: 26px; font-weight: 600; letter-spacing: -.01em; }
.pk h3.md { font-size: 24px; line-height: 32px; letter-spacing: -.015em; margin-bottom: 8px; }
.pk-card { background: var(--s-low); border-radius: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, .06); }

/* segmentos */
.pk-segmentos { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 768px) { .pk-segmentos { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .pk-segmentos { grid-template-columns: repeat(4, 1fr); } }
.pk-segmento { padding: 24px; display: flex; flex-direction: column; justify-content: space-between; transition: box-shadow .2s; }
.pk-segmento:hover { box-shadow: 0 6px 16px rgba(0, 0, 0, .1); }
.ico { width: 48px; height: 48px; border-radius: 12px; background: rgba(163, 57, 0, .1); color: var(--pri); display: grid; place-items: center; margin-bottom: 16px; }
.ico .ms { font-size: 28px; color: inherit; }
.ico.sm { width: 40px; height: 40px; margin-bottom: 12px; } .ico.sm .ms { font-size: 24px; }
.ico.sec { background: rgba(86, 94, 116, .1); color: var(--sec); } .ico.ter { background: rgba(0, 105, 71, .1); color: var(--ter); }
.pk-segmento h3 { margin-bottom: 8px; }
.pk-segmento p { font-size: 13px; line-height: 20px; color: var(--on-var); margin-bottom: 16px; }
.pk-segmento ul { display: grid; gap: 8px; font-size: 13px; line-height: 20px; }
.pk-segmento li { display: flex; align-items: center; gap: 8px; } .pk-segmento li .ms { font-size: 18px; }
.pk-segmento .destaque { margin-top: 24px; padding: 12px; border-radius: 12px; background: rgba(255, 255, 255, .8); }
.pk-segmento .destaque b { font-size: 11px; line-height: 14px; letter-spacing: .03em; color: var(--pri); text-transform: uppercase; }
.pk-segmento .destaque p { font-size: 11px; line-height: 14px; letter-spacing: .03em; font-weight: 500; color: var(--on); margin: 2px 0 0; }

/* calculadora */
.pk-calc { display: grid; grid-template-columns: 1fr; gap: 24px; align-items: center; background: var(--s-low); border-radius: 24px; padding: 24px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); }
@media (min-width: 640px) { .pk-calc { padding: 40px; } }
@media (min-width: 1024px) { .pk-calc { grid-template-columns: repeat(12, 1fr); padding: 64px; } .pk-calc-esq { grid-column: span 7; } .pk-calc-dir { grid-column: span 5; } }
.pk-calc h2 { margin-bottom: 8px; }
.pk-calc-esq > p { color: var(--on-var); margin-bottom: 24px; }
.pk-slider { background: var(--s-lowest); padding: 24px; border-radius: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, .06); margin-bottom: 24px; }
.pk-slider .topo { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.pk-slider label { font-size: 14px; font-weight: 600; }
.pk-slider .val { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 24px; line-height: 32px; font-weight: 800; color: var(--pri); }
.pk-slider input { width: 100%; height: 12px; border-radius: 8px; background: var(--s-high); accent-color: var(--pri); cursor: pointer; }
.pk-slider .esc { display: flex; justify-content: space-between; margin-top: 8px; font-size: 11px; line-height: 14px; color: var(--on-var); }
.pk-legenda { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; color: var(--on-var); }
.pk-legenda span { display: inline-flex; align-items: center; gap: 6px; } .pk-legenda i { width: 12px; height: 12px; border-radius: 50%; display: block; } .pk-legenda i.err { background: var(--err); } .pk-legenda i.ok { background: var(--ter); }
.pk-calc-dir { background: var(--s-lowest); padding: 24px; border-radius: 16px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1); display: flex; flex-direction: column; gap: 24px; }
@media (min-width: 640px) { .pk-calc-dir { padding: 32px; } }
.pk-calc-dir .cap { display: block; font-size: 11px; line-height: 14px; letter-spacing: .08em; font-weight: 700; color: var(--on-var); text-transform: uppercase; margin-bottom: 16px; }
.pk-calc-dir .lin { display: flex; align-items: center; justify-content: space-between; gap: 8px; background: var(--s-low); padding: 12px; border-radius: 8px; margin-bottom: 16px; font-size: 13px; color: var(--on-var); }
.pk-calc-dir .lin b { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 18px; line-height: 26px; color: var(--on); font-weight: 700; } .pk-calc-dir .lin b.err { color: var(--err); }
.pk-calc-dir .extra { margin-top: 8px; padding: 20px; border-radius: 12px; background: rgba(0, 105, 71, .1); }
.pk-calc-dir .extra small { display: block; font-size: 11px; line-height: 14px; letter-spacing: .08em; font-weight: 700; color: var(--ter); text-transform: uppercase; }
.pk-calc-dir .extra > div { display: flex; align-items: baseline; gap: 8px; margin-top: 4px; flex-wrap: wrap; }
.pk-calc-dir .extra strong { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 32px; line-height: 40px; font-weight: 800; color: var(--ter); letter-spacing: -.025em; }
.pk-calc-dir .extra span { font-size: 13px; font-weight: 500; color: var(--on-var); }
.pk-calc-dir .extra .anual { display: block; margin-top: 4px; font-size: 12px; line-height: 16px; letter-spacing: .02em; text-transform: none; font-weight: 700; }

/* bento */
.pk-bento { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 768px) { .pk-bento { grid-template-columns: repeat(12, 1fr); } .c8 { grid-column: span 8; } .c4 { grid-column: span 4; } }
.pk-bento .pk-card { padding: 24px; display: flex; flex-direction: column; justify-content: space-between; }
.pk-bento .pk-card.grande { padding: 24px; } @media (min-width: 640px) { .pk-bento .pk-card.grande { padding: 32px; } }
.pk-bento .topo2 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; font-size: 11px; color: var(--on-var); }
.pk-bento .corpo { color: var(--on-var); max-width: 576px; margin-bottom: 24px; } .pk-bento .corpo.sm { font-size: 13px; line-height: 20px; margin-bottom: 16px; max-width: none; }
.pk-mini3 { display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 24px; }
@media (min-width: 640px) { .pk-mini3 { grid-template-columns: repeat(3, 1fr); } }
.pk-mini3 > div { background: var(--s-lowest); padding: 14px; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .06); }
.pk-mini3 b { display: block; font-size: 14px; line-height: 20px; font-weight: 700; } .pk-mini3 p { font-size: 11px; line-height: 14px; color: var(--on-var); margin-top: 2px; }
.pk-mini3 .ms { margin-bottom: 4px; }
.rodape-card { padding: 12px; border-radius: 12px; background: rgba(227, 225, 236, .6); display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; font-weight: 500; color: var(--on-var); }
.pk-lista3 { display: grid; gap: 10px; }
.pk-lista3 > div { background: var(--s-lowest); padding: 12px; border-radius: 12px; display: flex; align-items: center; gap: 12px; }
.pk-lista3 b { display: block; font-size: 12px; line-height: 16px; font-weight: 700; } .pk-lista3 small { font-size: 11px; line-height: 14px; color: var(--on-var); }
.pk-bento .nota { margin-top: 16px; font-size: 11px; line-height: 14px; color: var(--on-var); }
.pk-bento h3 { margin-bottom: 4px; } .pk-bento h3.md { margin-bottom: 8px; }
.pk-itens { display: grid; gap: 6px; font-size: 13px; line-height: 20px; }
.pk-itens li { display: flex; align-items: center; gap: 6px; } .pk-itens .ms { font-size: 16px; }

/* passos */
.pk-passos { display: grid; grid-template-columns: 1fr; gap: 24px; counter-reset: passo; padding-top: 8px; }
@media (min-width: 640px) { .pk-passos { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .pk-passos { grid-template-columns: repeat(4, 1fr); } }
.pk-passo { position: relative; padding: 32px 24px 24px; background: var(--s-lowest); }
.pk-passo::before { counter-increment: passo; content: counter(passo); position: absolute; top: -16px; left: 24px; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 14px; background: var(--pri); }
.pk-passo h3 { margin-bottom: 6px; } .pk-passo p { font-size: 13px; line-height: 20px; color: var(--on-var); }
.pk-secao:has(.pk-passos) { background: var(--surface); }

/* preço */
.pk-preco { max-width: 768px; margin: 0 auto; background: var(--s-lowest); border-radius: 24px; padding: 48px 24px 32px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1); position: relative; overflow: hidden; }
@media (min-width: 640px) { .pk-preco { padding: 48px; } }
.pk-preco .faixa { position: absolute; top: 0; right: 0; background: var(--pri); color: #fff; font-size: 12px; line-height: 16px; letter-spacing: .08em; font-weight: 700; text-transform: uppercase; padding: 8px 24px; border-radius: 0 0 0 16px; }
.pk-preco .valor { display: flex; flex-direction: column; gap: 8px; margin: 16px 0 8px; }
@media (min-width: 640px) { .pk-preco .valor { flex-direction: row; align-items: baseline; margin-top: 0; } }
.pk-preco .valor b { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 40px; line-height: 48px; font-weight: 800; letter-spacing: -.025em; }
.pk-preco .valor span { font-size: 18px; line-height: 28px; font-weight: 500; color: var(--on-var); }
.pk-preco .desc { color: var(--on-var); margin-bottom: 24px; }
.pk-preco .itens { display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 24px; font-size: 13px; line-height: 20px; }
@media (min-width: 640px) { .pk-preco .itens { grid-template-columns: 1fr 1fr; } }
.pk-preco .itens > div { display: flex; align-items: flex-start; gap: 10px; } .pk-preco .itens .ms { flex-shrink: 0; margin-top: 2px; }
.pk-preco .transp { padding: 16px; border-radius: 12px; background: var(--s-low); margin-bottom: 24px; font-size: 11px; line-height: 14px; letter-spacing: .03em; font-weight: 500; color: var(--on-var); display: grid; gap: 4px; }
.pk-preco .transp .t { font-weight: 600; color: var(--on); display: flex; align-items: center; gap: 6px; }
.pk-preco .peq { text-align: center; font-size: 11px; line-height: 14px; color: var(--on-var); margin-top: 12px; }

/* FAQ */
.pk-faqs { display: grid; gap: 12px; }
.pk-faq { background: var(--s-low); border-radius: 12px; overflow: hidden; }
.pk-faq button { width: 100%; padding: 20px; text-align: left; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 18px; line-height: 26px; font-weight: 600; letter-spacing: -.01em; }
.pk-faq button .ms { transition: transform .2s; }
.pk-faq.aberta button .ms { transform: rotate(180deg); }
.pk-faq .resp { padding: 0 20px 20px; color: var(--on-var); }

/* CTA final */
.pk-final { position: relative; overflow: hidden; background: var(--inv); color: var(--inv-on); border-radius: 24px; padding: 32px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); }
@media (min-width: 640px) { .pk-final { padding: 56px; } }
.pk-final .brilho { position: absolute; right: -80px; bottom: -80px; width: 384px; height: 384px; border-radius: 50%; background: rgba(163, 57, 0, .25); filter: blur(64px); pointer-events: none; }
.pk-final .in { position: relative; z-index: 1; max-width: 672px; }
.pk-final h2 { color: var(--inv-on); margin-bottom: 8px; }
.pk-final .sub { font-size: 18px; line-height: 28px; color: var(--s-highest); margin-bottom: 24px; }
.pk-final .nota { font-size: 11px; line-height: 14px; letter-spacing: .03em; color: var(--s-high); margin-top: 16px; opacity: .8; }
.pk-final .pk-cta { margin-bottom: 0; }

/* rodapé */
.pk-rodape { background: var(--s-low); padding: 48px 0 24px; }
.pk-rodape-topo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 24px; margin-bottom: 48px; }
.pk-status { display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border-radius: 999px; background: var(--s-cont); font-size: 12px; font-weight: 600; }
.pk-status .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ter); animation: pk-pulso 2s infinite; margin-right: 4px; }
.pk-selos { display: flex; flex-wrap: wrap; gap: 16px; font-size: 12px; font-weight: 600; color: var(--on-var); }
.pk-selos span { display: inline-flex; align-items: center; gap: 6px; } .pk-selos .ms { font-size: 18px; }
.pk-rodape-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 48px; }
@media (min-width: 768px) { .pk-rodape-cols { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .pk-rodape-cols { grid-template-columns: repeat(5, 1fr); } }
.pk-rodape-cols h4 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 18px; line-height: 26px; font-weight: 600; margin-bottom: 8px; }
.pk-rodape-cols a, .pk-rodape-cols p { display: block; font-size: 13px; line-height: 20px; color: var(--on-var); padding: 2px 0; transition: color .15s; }
.pk-rodape-cols a:hover { color: var(--on); } .pk-rodape-cols strong { color: var(--on); font-weight: 600; }
.pk-rodape-fim { padding-top: 16px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 8px; font-size: 11px; line-height: 14px; letter-spacing: .03em; color: var(--on-var); }
@media (min-width: 768px) { .pk-rodape-fim { flex-direction: row; } }

html { scroll-behavior: smooth; }
.pk section[id] { scroll-margin-top: 80px; }