/* Portfólio de identidade visual: índice, páginas de projeto e seção da página do serviço. Prefixo pf-. */
/* Source Serif 4 (SIL OFL 1.1, @fontsource, latin): amostra de tipografia dos casos cujo texto ou título usa essa serifa. Licença em assets/fonts/LICENSE-source-serif-4.txt */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/source-serif-4-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/source-serif-4-latin-600-normal.woff2') format('woff2')}
.pf{--pf-ouro:#b8893a;--pf-ouro-texto:#7a6519;padding-top:clamp(96px,10vw,132px)}
.pf *,.pf *::before,.pf *::after{box-sizing:border-box}
.pf svg{display:block;max-width:100%}

/* índice */
.pf-hero-index{padding-bottom:clamp(64px,8vw,112px)}
.pf-h1{margin:14px 0 18px;font:600 clamp(36px,5.4vw,68px)/1.04 var(--head);letter-spacing:-.03em;max-width:18ch}
.pf-h1 em{font-style:normal;color:#A08B34}
.pf-hero-index .lead{max-width:60ch;margin:0 0 clamp(28px,4vw,44px)}
.pf-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(28px,4vw,44px)}
.pf-chip{min-height:44px;padding:0 20px;border:1px solid var(--line,#d2d2d7);border-radius:999px;background:var(--card,#fff);font:600 16px/1 var(--head);letter-spacing:-.01em;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.pf-chip:hover{border-color:var(--pf-ouro)}
.pf-chip[aria-pressed="true"]{background:#f6efdf;border-color:var(--pf-ouro);box-shadow:inset 0 0 0 1px var(--pf-ouro)}
.pf-chip:focus-visible{outline:3px solid var(--pf-ouro-texto);outline-offset:3px}

/* cartões */
.pf-grid{display:grid;column-gap:clamp(20px,2.4vw,32px);row-gap:clamp(40px,5vw,56px);grid-template-columns:1fr}
@media (min-width:640px){.pf-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.pf-grid{grid-template-columns:repeat(3,1fr)}.pf-grid--duo{grid-template-columns:repeat(2,1fr)}}
.pf-card{display:grid;gap:16px;text-decoration:none;color:inherit;min-width:0}
.pf-card[hidden]{display:none}
.pf-card__capa{display:block;aspect-ratio:4/3;border-radius:var(--r-md,22px);overflow:hidden;background:#e8e8ed;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}
.pf-card__capa svg,.pf-card__capa img{display:block;width:100%;height:100%}
.pf-card__capa img{object-fit:cover}
.pf-card:hover .pf-card__capa,.pf-card:focus-visible .pf-card__capa{transform:translateY(-4px);box-shadow:0 24px 44px -20px rgba(29,29,31,.35)}
.pf-card:focus-visible{outline:3px solid var(--pf-ouro-texto);outline-offset:6px;border-radius:var(--r-md,22px)}
.pf-card__meta{display:grid;gap:4px;padding:0 4px}
.pf-card__meta small{font-size:14px;color:#44444a;letter-spacing:.01em}
.pf-card__meta b{font:600 clamp(19px,2vw,22px)/1.2 var(--head);letter-spacing:-.01em}
.pf-card__go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:15px;font-weight:600;color:var(--pf-ouro-texto)}
.pf-card__go svg{width:16px;height:16px;transition:transform .3s ease}
.pf-card:hover .pf-card__go svg{transform:translateX(4px)}

/* seção na página do serviço */
.pf-grupo{display:grid;gap:clamp(20px,3vw,32px)}
.pf-grupo+.pf-grupo{margin-top:clamp(56px,7vw,88px);padding-top:clamp(40px,5vw,64px);border-top:1px solid rgba(29,29,31,.1)}
.pf-grupo__top{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.pf-grupo__nome{margin:10px 0 0;font:600 clamp(24px,3vw,34px)/1.1 var(--head);letter-spacing:-.02em}
.pf-grupo__ver{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--pf-ouro-texto);text-decoration:none}
.pf-grupo__ver svg{width:16px;height:16px}
.pf-demo{margin:clamp(28px,4vw,44px) 0 0;font-size:14px;line-height:1.5;color:#515154;max-width:62ch}

/* página do projeto */
.pf-top{display:grid;gap:14px;padding-bottom:clamp(24px,3vw,36px)}
.pf-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;width:fit-content;font-size:15px;color:#44444a;text-decoration:none;transition:color .2s ease}
.pf-back svg{width:18px;height:18px;transition:transform .25s ease}
.pf-back:hover{color:var(--ink)}
.pf-back:hover svg{transform:translateX(-3px)}
.pf-back:focus-visible{outline:3px solid var(--pf-ouro-texto);outline-offset:3px;border-radius:6px}
.pf-title{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font:600 clamp(30px,3.8vw,44px)/1.1 var(--head);letter-spacing:-.03em}
.pf-title__sep{color:#c7c7cc;font-weight:400}
.pf-title__tag{font:500 clamp(12px,1.1vw,13.5px)/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#44444a}
.pf-meta{display:flex;flex-wrap:wrap;gap:10px 0;margin:6px 0 0;padding-top:16px;border-top:1px solid rgba(29,29,31,.08)}
.pf-meta div{display:grid;gap:3px;padding-right:clamp(18px,2.4vw,32px);margin-right:clamp(18px,2.4vw,32px);border-right:1px solid rgba(29,29,31,.1)}
.pf-meta div:last-child{border-right:0;margin-right:0;padding-right:0}
.pf-meta dt{font-size:11.5px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#44444a}
.pf-meta dd{margin:0;font:500 14.5px/1.35 var(--body);color:var(--ink)}
@media (max-width:520px){.pf-meta div{border-right:0;margin-right:0;padding-right:0;min-width:42%}.pf-title__sep{display:none}.pf-title__tag{flex-basis:100%}}
.pf-hero{margin:0 auto clamp(48px,7vw,96px);border-radius:var(--r-lg,32px);overflow:hidden;background:#e8e8ed}
.pf-hero svg,.pf-hero img{width:100%;height:auto}
.pf-hero picture,.pf-fig picture,.pf-hero img,.pf-fig img{display:block}
.pf-fig img{width:100%;height:auto;border-radius:var(--r-md,22px);background:#17181a;box-shadow:0 0 0 1px rgba(29,29,31,.08)}
.pf-fig--meio img{aspect-ratio:4/3;object-fit:cover} /* renders em 16:9 (ex.: copo do Coado) entram na grade 4:3 sem desalinhar a altura */
.pf-sec{padding-block:clamp(48px,6vw,80px)}
.pf-h2{margin:0 0 clamp(24px,3vw,36px);font:600 clamp(24px,3vw,34px)/1.15 var(--head);letter-spacing:-.02em}
.pf-story{display:grid;gap:clamp(28px,4vw,44px);max-width:880px}
.pf-resumo{margin:0;font:600 clamp(22px,2.8vw,32px)/1.3 var(--head);letter-spacing:-.02em}
.pf-bloco p{margin:0 0 16px;font-size:clamp(17px,1.5vw,19px);line-height:1.7;color:#3a3a3d;max-width:68ch}
.pf-bloco .pf-h2{margin-bottom:18px}

.pf-ad{display:grid;gap:20px;grid-template-columns:1fr;align-items:center}
@media (min-width:760px){.pf-ad{grid-template-columns:1fr 56px 1fr}}
.pf-ad__seta{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;justify-self:center}
.pf-ad__seta svg{width:22px;height:22px;transform:rotate(90deg)}
@media (min-width:760px){.pf-ad__seta svg{transform:none}}
.pf-fig--antes{opacity:.92}
.pf-fig--antes svg{filter:saturate(.7)}
.pf-diag{margin-top:clamp(40px,5vw,64px)}
.pf-diag__t{margin:0 0 clamp(20px,2.4vw,28px);font:600 13px/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--pf-ouro-texto)}
.pf-diag__lista{list-style:none;margin:0;padding:0;display:grid;gap:0 clamp(28px,4vw,56px);grid-template-columns:1fr}
@media (min-width:860px){.pf-diag__lista{grid-template-columns:repeat(2,1fr)}}
.pf-diag__lista li{display:grid;grid-template-columns:44px 1fr;gap:6px 16px;align-items:start;padding:22px 0;border-top:1px solid rgba(29,29,31,.12)}
.pf-diag__n{font:600 14px/1.6 ui-monospace,Menlo,monospace;letter-spacing:.04em;color:#a05a3c}
.pf-diag__lista p{margin:0;font-size:clamp(16.5px,1.4vw,18px);line-height:1.6;color:#2a2a2d;max-width:52ch}

.pf-porque{--g:clamp(28px,4vw,56px);display:grid;gap:clamp(28px,4vw,36px) var(--g)}
@media (min-width:860px){.pf-porque{grid-template-columns:repeat(3,1fr)}}
.pf-porque__item{position:relative;display:grid;gap:10px;align-content:start;padding-top:0}
.pf-porque__item b{display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;border-radius:50%;background:linear-gradient(135deg,#e9cf8f,#c9994a 55%,#8d6a22);color:#fff;font:700 16px/1 var(--head);letter-spacing:.02em;box-shadow:0 8px 18px -8px rgba(141,106,34,.6)}
@media (min-width:860px){.pf-porque__item:not(:last-child)::after{content:"";position:absolute;top:22px;left:60px;right:calc(var(--g) * -1 + 14px);height:1px;background:linear-gradient(90deg,rgba(184,137,58,.5),rgba(184,137,58,.12))}}
.pf-porque__item h3{margin:0;font:600 clamp(19px,1.8vw,22px)/1.25 var(--head);letter-spacing:-.015em}
.pf-porque__item p{margin:0;font-size:16.5px;line-height:1.65;color:#515154;max-width:38ch}

/* paleta: painéis verticais lado a lado; o painel sob o mouse (ou o último tocado) se expande e mostra nome, código, uso e significado */
.pf-paleta{display:flex;gap:10px;height:clamp(380px,42vw,480px)}
.pf-cor{position:relative;flex:1 1 0;min-width:0;border-radius:var(--r-md,22px);color:#fff;transition:flex-grow .55s cubic-bezier(.2,.7,.2,1);outline-offset:3px}
.pf-cor--claro{color:#1d1d1f}
.pf-cor.is-ativa,.pf-paleta:not(:has(.is-ativa)) .pf-cor:hover{flex-grow:4}
.pf-cor:focus-visible{outline:3px solid var(--pf-ouro-texto)}
.pf-cor__fundo{position:absolute;inset:0;border-radius:inherit;background:var(--c);box-shadow:inset 0 0 0 1px rgba(29,29,31,.1)}
.pf-cor__rot{position:absolute;left:50%;bottom:22px;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font:600 17px/1 var(--head);letter-spacing:-.01em;white-space:nowrap;transition:opacity .25s ease}
.pf-cor.is-ativa .pf-cor__rot{opacity:0}
.pf-cor__corpo{position:absolute;left:26px;right:26px;bottom:26px;display:grid;gap:6px;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .4s ease;pointer-events:none}
.pf-cor.is-ativa .pf-cor__corpo{opacity:1;transform:none;transition-delay:.18s}
.pf-cor__corpo b{font:600 clamp(22px,2.4vw,30px)/1.1 var(--head);letter-spacing:-.02em}
.pf-cor__corpo>*{min-width:0;max-width:100%;overflow-wrap:anywhere}/*pf-cor-768*/
.pf-cor__corpo code{font:600 14px/1 ui-monospace,Menlo,monospace;opacity:.8}
.pf-cor__corpo small{font:600 15px/1.35 var(--body);opacity:.95;max-width:40ch}
.pf-cor__corpo p{margin:6px 0 0;padding-top:12px;border-top:1px solid currentColor;border-top-color:color-mix(in srgb,currentColor 25%,transparent);font-size:15.5px;line-height:1.55;opacity:.9;max-width:44ch}
@media (max-width:699px){
  .pf-paleta{flex-direction:column;height:auto;gap:8px}
  .pf-cor{flex:none;height:68px;transition:height .45s cubic-bezier(.2,.7,.2,1)}
  .pf-cor.is-ativa{height:290px}
  .pf-cor__rot{writing-mode:horizontal-tb;left:22px;bottom:auto;top:50%;transform:translateY(-50%)}
  .pf-cor__corpo{left:22px;right:22px;bottom:20px}
}
@media (prefers-reduced-motion:reduce){.pf-cor,.pf-cor__corpo,.pf-cor__rot{transition:none}}

.pf-tipos{display:grid;gap:clamp(16px,2vw,24px)}
@media (min-width:760px){.pf-tipos{grid-template-columns:repeat(2,1fr)}}
.pf-tipo{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2.4vw,28px);align-items:center;padding:clamp(22px,2.6vw,32px);border-radius:var(--r-md,22px);background:var(--card,#fff);border:1px solid var(--line,#d2d2d7)}
.pf-tipo__aa{font-size:clamp(64px,8vw,104px);line-height:1;letter-spacing:-.03em}
.pf-tipo div{display:grid;gap:6px}
.pf-tipo small{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#44444a}
.pf-tipo b{font:600 22px/1.2 var(--head)}
.pf-tipo p{margin:0;font-size:15.5px;line-height:1.55;color:#515154}

/* pranchas e mockups: tudo alinhado em grade */
.pf-gridfig{display:grid;column-gap:clamp(16px,2.2vw,28px);row-gap:clamp(44px,5.5vw,64px);grid-template-columns:1fr} /* escada de proximidade: imagem↔legenda 12 < coluna 16–28 < linha 44–64 < seção ≥ 96 */
@media (min-width:760px){.pf-gridfig{grid-template-columns:repeat(2,1fr)}}
.pf-fig{margin:0;display:grid;gap:12px;min-width:0}
.pf-fig svg{width:100%;height:auto;border-radius:var(--r-md,22px);background:var(--fundo,#fff);box-shadow:0 0 0 1px rgba(29,29,31,.08)}
.pf-fig figcaption{font-size:14.5px;font-weight:600;line-height:1.4;color:#515154;padding:0 4px}
@media (min-width:760px){.pf-fig--grande,.pf-fig--faixa{grid-column:1/-1}}
.pf-fig--faixa svg{border-radius:var(--r-md,22px)}
.pf-hero svg{box-shadow:none;border-radius:0}

.pf-fim{display:grid;gap:clamp(20px,2.4vw,32px)}
.pf-lista{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pf-lista li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:17px;line-height:1.5}
.pf-lista svg{width:20px;height:20px;margin-top:2px;color:var(--pf-ouro-texto)}
.pf-etq{display:inline-block;font:600 12.5px/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--pf-ouro-texto)}
.pf-etq--claro{color:#e6c883}

/* o que foi entregue: painel largo, lista com filetes e medalhas douradas sólidas */
.pf-entregue{display:grid;gap:clamp(24px,3vw,40px);padding:clamp(28px,4vw,56px);border-radius:var(--r-lg,32px);background:var(--card,#fff);border:1px solid var(--line,#d2d2d7)}
.pf-entregue__intro{display:grid;gap:12px;align-content:start;padding-bottom:clamp(20px,2.4vw,32px);border-bottom:1px solid rgba(29,29,31,.1)}
@media (min-width:900px){.pf-entregue__intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px clamp(32px,6vw,88px)}.pf-entregue__intro .pf-etq{grid-column:1/-1}.pf-entregue__intro p{justify-self:end}}
.pf-entregue__intro .pf-h2{margin:0}
.pf-entregue__intro p{margin:0;font-size:clamp(16.5px,1.4vw,18px);line-height:1.65;color:#515154;max-width:40ch}
.pf-entregue__lista{list-style:none;margin:0;padding:0;display:grid;gap:0 clamp(32px,6vw,88px)}
@media (min-width:760px){.pf-entregue__lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pf-entregue__lista li{display:grid;grid-template-columns:32px 1fr;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(29,29,31,.08);font:500 clamp(17px,1.5vw,19px)/1.4 var(--body)}
.pf-entregue__ok{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e9cf8f,#c9994a 55%,#8d6a22);color:#fff;box-shadow:0 6px 14px -6px rgba(141,106,34,.6)}
.pf-entregue__ok svg{width:16px;height:16px;stroke-width:2.2}

/* chamada para o projeto: faixa escura com brilho dourado discreto */
.pf-chamada{position:relative;overflow:hidden;display:grid;gap:clamp(24px,3vw,40px);padding:clamp(32px,4.6vw,64px);border-radius:var(--r-lg,32px);color:#fff;isolation:isolate;
  background:radial-gradient(70% 140% at 92% -10%,rgba(201,153,74,.32),transparent 62%),radial-gradient(50% 90% at 0% 110%,rgba(201,153,74,.14),transparent 60%),#18181a}
.pf-chamada::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%)}
@media (min-width:900px){.pf-chamada{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center}}
.pf-chamada__txt{display:grid;gap:16px;align-content:start}
.pf-chamada__txt b{font:600 clamp(26px,3.2vw,40px)/1.12 var(--head);letter-spacing:-.025em;max-width:20ch}
.pf-chamada__itens{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.pf-chamada__itens li{display:grid;grid-template-columns:10px 1fr;gap:14px;align-items:center;font:500 clamp(16.5px,1.4vw,18px)/1.4 var(--body);color:rgba(255,255,255,.86)}
.pf-chamada__itens li::before{content:"";width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg,#f1e5bb,#c9994a);transform:rotate(45deg)}
.pf-chamada__acao{display:grid;gap:14px;justify-items:start}
@media (min-width:900px){.pf-chamada__acao{justify-items:stretch}}
.pf-chamada__preco{display:grid;gap:6px;padding-bottom:18px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.14)}
.pf-chamada__preco small{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.pf-chamada__preco strong{font:600 clamp(30px,3.4vw,44px)/1.05 var(--head);letter-spacing:-.03em;background:linear-gradient(135deg,#f6e6b3,#d4a85a);-webkit-background-clip:text;background-clip:text;color:transparent}
/* botão dourado: brilho que atravessa, gradiente que desliza, leve elevação e seta que se acende */
.pf-chamada .btn{position:relative;overflow:hidden;isolation:isolate;min-height:58px;justify-content:space-between;gap:18px;padding:0 9px 0 28px;border-radius:999px;color:#1d1d1f;font:600 16px/1 var(--head);letter-spacing:-.005em;
  background:linear-gradient(115deg,#f1e5bb 0%,#d6bf7a 38%,#b99a45 70%,#a08b34 100%);background-size:220% 100%;background-position:0 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 26px -14px rgba(201,153,74,.6);
  transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease,background-position .9s cubic-bezier(.2,.7,.2,1)}
.pf-chamada .btn::before{display:none}
.pf-chamada .btn::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-45%;width:34%;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-22deg)}
.pf-btn__seta{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#1d1d1f;color:#f1e5bb;transition:transform .55s cubic-bezier(.2,.7,.2,1),background .3s ease,color .3s ease}
.pf-btn__seta svg{width:17px;height:17px;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.pf-chamada .btn:hover,.pf-chamada .btn:focus-visible{color:#1d1d1f;background-position:100% 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 16px 30px -14px rgba(201,153,74,.75)}
.pf-chamada .btn:hover::after,.pf-chamada .btn:focus-visible::after{animation:pf-brilho 1s cubic-bezier(.2,.7,.2,1) forwards}
.pf-chamada .btn:hover .pf-btn__seta,.pf-chamada .btn:focus-visible .pf-btn__seta{background:#000;color:#fff}
.pf-chamada .btn:hover .pf-btn__seta svg,.pf-chamada .btn:focus-visible .pf-btn__seta svg{transform:rotate(45deg)}
.pf-chamada .btn:active{transform:scale(.985);transition-duration:.15s}
.pf-chamada .btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes pf-brilho{0%{left:-45%;opacity:0}15%{opacity:1}100%{left:115%;opacity:0}}
@media (prefers-reduced-motion:reduce){.pf-chamada .btn,.pf-btn__seta,.pf-btn__seta svg{transition:none}.pf-chamada .btn:hover::after,.pf-chamada .btn:focus-visible::after{animation:none}}
.pf-prox{padding-bottom:clamp(56px,8vw,112px)}
@media (prefers-reduced-motion:reduce){.pf-card__capa,.pf-card__go svg{transition:none}.pf-card:hover .pf-card__capa{transform:none}}
/* sobra de um item (número ímpar de itens comuns): fica centralizada em largura de coluna, nunca deixa vazio torto */
@media (min-width:760px){.pf-fig--sobra{grid-column:1/-1;justify-self:center;width:calc(50% - clamp(8px,1vw,14px))}}

/* índice: sempre em pares (2 colunas; 4 em tela larga), contagem por formato, cartão-convite que completa o par */
.pf-chip i{font:600 12.5px/1 var(--body);font-style:normal;margin-left:10px;padding:4px 8px;border-radius:999px;background:rgba(29,29,31,.07);color:#515154}
.pf-chip[aria-pressed="true"] i{background:var(--pf-ouro);color:#1d1d1f}
.pf-conta{margin:-18px 0 26px;font-size:14.5px;color:#44444a;min-height:1.4em}
.pf-grid--indice,.pf-grid--duo{grid-template-columns:1fr}
@media (min-width:640px){.pf-grid--indice,.pf-grid--duo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){.pf-grid--indice{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pf-grid--indice .pf-card{content-visibility:auto;contain-intrinsic-size:auto 380px}
.pf-card--convite[hidden]{display:none}
.pf-card--convite .pf-card__capa{display:grid;place-items:center;padding:clamp(20px,3vw,36px);background:#18181a;color:#fff}
.pf-convite__txt{display:grid;gap:10px;text-align:left}
.pf-convite__txt small{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#e6c883}
.pf-convite__txt b{font:600 clamp(20px,2vw,28px)/1.15 var(--head);letter-spacing:-.02em}

/* cabeçalho de seção com resumo à direita (aplicações, manual, o que está dentro) */
.pf-cab{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin-bottom:clamp(24px,3.5vw,36px)}
.pf-cab .pf-h2{margin:0}
.pf-cab__resumo{margin:0;font:600 14px/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--pf-ouro-texto)}
.pf-cab__intro{margin:-8px 0 clamp(20px,3vw,32px);max-width:62ch;font-size:clamp(16.5px,1.4vw,18px);line-height:1.65;color:#515154}
.pf-fig__cat{font-style:normal;margin-right:10px;padding:3px 9px;border-radius:999px;background:#f6efdf;color:var(--pf-ouro-texto);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.pf-gridfig--mock .pf-fig img{aspect-ratio:4/3;object-fit:cover}
.pf-gridfig--mock .pf-fig--grande img{aspect-ratio:16/9}

/* o que está dentro deste projeto: números reais, marcadores sólidos */
/* "O que está dentro deste projeto": uma faixa só, com divisórias finas; os números em dourado. No celular volta a ser grade de 2 colunas. */
.pf-valor__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:28px;background:linear-gradient(180deg,#fcfbf8,#f4f1ea);box-shadow:inset 0 0 0 1px rgba(29,29,31,.08);overflow:hidden}
@media (min-width:900px){.pf-valor__lista{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}
.pf-valor__lista li{display:grid;gap:6px;align-content:start;padding:clamp(22px,2.6vw,36px) clamp(18px,1.9vw,28px);border-top:1px solid rgba(29,29,31,.08);border-left:1px solid rgba(29,29,31,.08)}
.pf-valor__lista li:nth-child(-n+2){border-top:0}.pf-valor__lista li:nth-child(odd){border-left:0}
@media (min-width:900px){.pf-valor__lista li{border-top:0;border-left:1px solid rgba(29,29,31,.1)}.pf-valor__lista li:first-child{border-left:0}}
.pf-valor__lista strong{font:600 clamp(38px,3.9vw,56px)/1 var(--head);letter-spacing:-.04em;background:linear-gradient(135deg,#a08b34 0%,#7a6519 55%,#5c4c12 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf-valor__lista b{margin-top:8px;font:600 clamp(15px,1.25vw,17px)/1.3 var(--head);color:var(--ink,#1d1d1f)}
.pf-valor__lista small{font-size:13.5px;line-height:1.45;color:#44444a}
.pf-valor__nota{margin:16px 0 0;font-size:13.5px;color:#44444a}

/* guia de uso (essencial), arquivos, linha do tempo (rebranding) */
.pf-guia{list-style:none;margin:0;padding:0;display:grid;gap:0 clamp(28px,4vw,56px);grid-template-columns:1fr}
@media (min-width:860px){.pf-guia{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pf-guia li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;border-top:1px solid rgba(29,29,31,.12)}
.pf-guia b{font:600 14px/1.6 ui-monospace,Menlo,monospace;color:var(--pf-ouro-texto)}
.pf-guia h3{margin:0 0 6px;font:600 clamp(18px,1.6vw,20px)/1.25 var(--head)}
.pf-guia p{margin:0;font-size:16.5px;line-height:1.6;color:#515154;max-width:46ch}
.pf-arq{display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:1fr}
@media (min-width:760px){.pf-arq{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pf-arq__grupo h3{margin:0 0 8px;font:600 13px/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--pf-ouro-texto)}
.pf-arq ul{list-style:none;margin:0;padding:0}
.pf-arq li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(29,29,31,.1);font-size:16.5px}
.pf-arq code{flex:none;font:600 13px/1 ui-monospace,Menlo,monospace;color:#515154}
.pf-tempo{list-style:none;margin:0;padding:0;display:grid;gap:clamp(20px,3vw,32px);grid-template-columns:1fr}
@media (min-width:860px){.pf-tempo{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pf-tempo li{position:relative;padding:22px 0 0 26px;border-top:1px solid rgba(29,29,31,.12)}
.pf-tempo li::before{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;border-radius:2px;background:var(--pf-ouro);transform:rotate(45deg)}
.pf-tempo small{font:600 12.5px/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--pf-ouro-texto)}
.pf-tempo h3{margin:8px 0 6px;font:600 clamp(18px,1.6vw,21px)/1.25 var(--head)}
.pf-tempo p{margin:0;font-size:16.5px;line-height:1.6;color:#515154;max-width:46ch}