.ct{display:flex;flex-direction:column;gap:2rem;margin-top:2.5rem}.sr-so{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ct-controles{display:flex;align-items:center;gap:1rem}.ct-chips{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.ct-chip{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;border:1px solid var(--pp-hairline-escuro);border-radius:999px;padding:.35em 1em;background:none;color:var(--pp-prata);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .24s ease-out,border-color .24s ease-out,color .24s ease-out}.ct-chip:hover{border-color:var(--pp-lilas);color:var(--pp-off-white)}.ct-chip:focus-visible{outline:2px solid var(--pp-lilas);outline-offset:3px}.ct-chip--ativo{background:var(--pp-magenta);border-color:var(--pp-magenta);color:var(--pp-off-white)}.ct-chip__total{font-size:.6875rem;opacity:.75;font-variant-numeric:tabular-nums}.ct-busca{display:flex;align-items:center;gap:.5rem}.ct-busca__lupa{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--pp-hairline-escuro);border-radius:999px;background:none;color:var(--pp-off-white);cursor:pointer}.ct-busca__lupa:focus-visible{outline:2px solid var(--pp-lilas);outline-offset:3px}.ct-busca input{width:14rem;min-height:2.75rem;background:var(--pp-campo-fundo);border:1px solid var(--pp-hairline-escuro);border-radius:999px;padding:.5em 1.2em;color:var(--pp-off-white);font:inherit;font-size:var(--text-caption)}.ct-busca input::placeholder{color:var(--pp-campo-placeholder)}.ct-busca input:focus-visible{outline:2px solid var(--pp-lilas);outline-offset:0;border-color:var(--pp-lilas)}.ct-grupos{display:flex;flex-direction:column;gap:2.5rem}.ct-grupo__cabecalho{display:flex;align-items:baseline;gap:.9rem;margin-bottom:1rem}.ct-grupo__cabecalho h3{font-size:var(--text-h3);color:var(--pp-off-white)}.ct-grupo__cabecalho span{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-lilas)}.ct-grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.ct-grade{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.ct-grade{grid-template-columns:repeat(5,1fr)}}@media(min-width:1280px){.ct-grade{grid-template-columns:repeat(6,1fr)}}.ct-card{width:100%;display:flex;flex-direction:column;gap:.35rem;padding:.7rem;border:1px solid var(--pp-hairline-escuro);border-radius:.5rem;background:var(--pp-roxo-profundo);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .24s ease-out}.ct-card:hover{border-color:var(--pp-lilas)}.ct-card:focus-visible{outline:2px solid var(--pp-lilas);outline-offset:3px}.ct-card__mecha{display:block;aspect-ratio:1;border-radius:.375rem;overflow:hidden;background:var(--pp-off-white)}.ct-card__mecha img,.ct-card__cor{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease-out}@media(hover:hover){.ct-card:hover .ct-card__mecha img{transform:scale(1.06)}}.ct-card strong{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--pp-off-white);margin-top:.25rem}.ct-card__nome{font-size:.8125rem;color:var(--pp-prata);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em}.ct-card__familia{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-lilas)}.ct-vazio{color:var(--pp-prata);font-size:var(--text-caption)}@media(max-width:767px){.ct-grade--trilho{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.75rem;margin-inline:calc(-1*clamp(1rem,4vw,2rem));padding-inline:clamp(1rem,4vw,2rem);padding-bottom:.5rem;scrollbar-width:none}.ct-grade--trilho::-webkit-scrollbar{display:none}.ct-grade--trilho .ct-card-item{flex:0 0 42%;scroll-snap-align:start}.ct-controles{flex-direction:column;align-items:stretch}.ct-chips{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(-1*clamp(1rem,4vw,2rem));padding-inline:clamp(1rem,4vw,2rem);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.25rem,#000 calc(100% - 1.25rem),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 1.25rem,#000 calc(100% - 1.25rem),transparent 100%)}.ct-chips::-webkit-scrollbar{display:none}.ct-chip{scroll-snap-align:start}.ct-busca__lupa{display:inline-flex;flex:none}.ct-busca input{width:0;min-height:2.75rem;padding-inline:0;border-width:0;opacity:0;transition:width .24s ease-out,opacity .24s ease-out}.ct-busca--aberta input{width:100%;padding-inline:1.2em;border-width:1px;opacity:1}}.ct-detalhe{position:fixed;inset:0;z-index:70;background:#0a0a0aa6;display:flex;justify-content:flex-end}.ct-detalhe__painel{position:relative;background:var(--pp-roxo-profundo);border-left:1px solid var(--pp-hairline-escuro);width:min(92vw,24rem);height:100%;padding:2rem;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;animation:ct-painel-entra .3s ease-out}@keyframes ct-painel-entra{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.ct-detalhe__alca{display:none;border:0;background:none;padding:.4rem 0 .9rem;cursor:grab;touch-action:none}.ct-detalhe__alca span{display:block;width:3rem;height:4px;border-radius:999px;background:var(--pp-hairline-escuro);margin-inline:auto}.ct-detalhe__fechar{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--pp-hairline-escuro);border-radius:999px;background:none;color:var(--pp-off-white);cursor:pointer}.ct-detalhe__fechar:hover{background:var(--pp-magenta);border-color:var(--pp-magenta)}.ct-detalhe__fechar:focus-visible{outline:2px solid var(--pp-lilas);outline-offset:3px}.ct-detalhe__mecha{display:block;border-radius:.5rem;overflow:hidden;background:var(--pp-off-white);aspect-ratio:1;max-height:16rem}.ct-detalhe__mecha img{width:100%;height:100%;object-fit:cover}.ct-detalhe__codigo{margin-top:1.1rem;font-family:var(--font-display);font-weight:700;font-size:var(--text-h2);color:var(--pp-off-white)}.ct-detalhe__nome{color:var(--pp-off-white)}.ct-detalhe__familia{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-lilas)}.ct-detalhe .pp-btn{margin-top:1.25rem}@media(max-width:767px){.ct-detalhe{align-items:flex-end;justify-content:stretch}.ct-detalhe__painel{width:100%;height:auto;max-height:86svh;border-left:0;border-top:1px solid var(--pp-hairline-escuro);border-radius:1.25rem 1.25rem 0 0;padding-top:.25rem;animation:ct-folha-entra .3s ease-out}.ct-detalhe__alca{display:block}}@keyframes ct-folha-entra{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}::view-transition-group(*){animation-duration:.3s}@media(prefers-reduced-motion:reduce){.ct-card__mecha img,.ct-detalhe__painel{transition:none;animation:none}}