.apa{width:100%;min-width:0;max-width:820px;margin:0 auto;padding:1.75rem 1rem 5rem;display:flex;flex-direction:column;gap:1rem}.apa-topo{padding:.25rem 0 .75rem}.apa-eyebrow{margin:0 0 .4rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.apa-topo h1{margin:0;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem);line-height:1.1;letter-spacing:-.025em;color:var(--text);text-wrap:balance}.apa-lead{margin:.6rem 0 0;max-width:40rem;font-size:1rem;line-height:1.6;color:var(--text-2);text-wrap:pretty}.apa-grupo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.25rem;align-items:center;padding:1.25rem 1.4rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow-sm)}.apa-txt h2{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.apa-txt p{margin:.3rem 0 0;font-size:.875rem;line-height:1.5;color:var(--text-2);text-wrap:pretty}.apa-opcoes{display:grid;gap:.6rem}.apa-opcoes--2{grid-template-columns:repeat(2,minmax(0,1fr))}.apa-opcoes--3{grid-template-columns:repeat(3,minmax(0,1fr))}.apa-op{display:flex;flex-direction:column;align-items:stretch;gap:.45rem;padding:.55rem;border-radius:.8rem;border:2px solid var(--border);background:0 0;color:var(--text-2);cursor:pointer;font:inherit;text-align:center;transition:border-color .15s,background-color .15s,color .15s}.apa-op:hover{border-color:var(--border-2);color:var(--text)}.apa-op[aria-checked=true]{border-color:var(--primary);background:var(--primary-light);color:var(--text)}.apa-op:focus-visible,.apa-cor:focus-visible,.apa-chave:focus-visible,.apa-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.apa-op-nome{font-size:.8125rem;font-weight:600;line-height:1.2}.apa-mini{position:relative;display:block;height:3.4rem;border-radius:.5rem;overflow:hidden;border:1px solid rgba(127,127,127,.25)}.apa-mini i{position:absolute;left:10%;right:10%;top:18%;height:18%;border-radius:4px;background:var(--primary);opacity:.9}.apa-mini b{position:absolute;left:10%;height:9%;border-radius:3px}.apa-mini b:nth-of-type(1){top:50%;right:25%}.apa-mini b:nth-of-type(2){top:68%;right:45%}.apa-mini--claro{background:#f8fafc}.apa-mini--claro b{background:#cbd5e1}.apa-mini--escuro{background:#111827}.apa-mini--escuro b{background:#374151}.apa-mini--auto{background:linear-gradient(135deg,#f8fafc 50%,#111827 50%)}.apa-mini--auto b{background:#94a3b8}.apa-mini--lado{background:var(--bg-2, rgba(127, 127, 127, .08))}.apa-mini--lado em{position:absolute;top:0;bottom:0;left:0;width:26%;background:var(--primary);opacity:.85}.apa-mini--lado b{left:36%;background:rgba(127,127,127,.35)}.apa-mini--lado b:nth-of-type(1){top:30%;right:10%}.apa-mini--lado b:nth-of-type(2){top:52%;right:30%}.apa-mini--direita em{left:auto;right:0}.apa-mini--direita b{left:10%}.apa-mini--direita b:nth-of-type(1){right:36%}.apa-mini--direita b:nth-of-type(2){right:56%}.apa-cores{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem}.apa-cor{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.45rem .2rem;border:0;border-radius:.7rem;background:0 0;color:var(--text-2);cursor:pointer;font:inherit}.apa-cor:hover{color:var(--text)}.apa-cor-bola{width:2.25rem;height:2.25rem;border-radius:50%;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--border);transition:box-shadow .15s,transform .15s}.apa-cor-bola--padrao{background:conic-gradient(#0d9488 0 50%,#14b8a6 50% 100%)}.apa-cor[aria-checked=true] .apa-cor-bola{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--text);transform:scale(1.06)}.apa-cor[aria-checked=true]{color:var(--text);font-weight:700}.apa-cor-nome{font-size:.75rem;line-height:1.2}.apa-txt .apa-previa{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.75rem}.apa-previa-btn{display:inline-flex;padding:.35rem .8rem;border-radius:.5rem;background:var(--primary);color:#fff;font-size:.8rem;font-weight:700}.apa-previa-link{color:var(--primary);font-size:.85rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}.apa-previa-chip{padding:.2rem .6rem;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:.75rem;font-weight:700}.apa-chave-linha{display:flex;justify-content:flex-start}.apa-chave{display:inline-flex;align-items:center;gap:.7rem;padding:.4rem .2rem;border:0;background:0 0;color:var(--text);cursor:pointer;font:inherit}.apa-chave-trilho{position:relative;width:3rem;height:1.7rem;border-radius:999px;background:var(--border-2, #9ca3af);transition:background-color .2s;flex:none}.apa-chave-pino{position:absolute;top:.2rem;left:.2rem;width:1.3rem;height:1.3rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}.apa-chave[aria-checked=true] .apa-chave-trilho{background:var(--primary)}.apa-chave[aria-checked=true] .apa-chave-pino{transform:translateX(1.3rem)}.apa-chave-estado{font-size:.9rem;font-weight:600}.apa-grupo--link{grid-template-columns:minmax(0,1fr) auto}.apa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.6rem 1.1rem;border-radius:.7rem;background:var(--primary);color:#fff;font:inherit;font-size:.9rem;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer}.apa-btn--linha{background:var(--surface);color:var(--text);border-color:var(--border-2)}.apa-btn--linha:hover{border-color:var(--primary);color:var(--primary)}.apa-pe{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.5rem}.apa-salvo{margin:0;min-height:1.4em;font-size:.875rem;font-weight:600;color:var(--primary);opacity:0;transition:opacity .2s}.apa-salvo.is-on{opacity:1}@media (max-width:720px){.apa{padding:1.1rem .875rem 4rem}.apa-grupo,.apa-grupo--link{grid-template-columns:minmax(0,1fr);gap:.9rem;padding:1.1rem 1rem}.apa-cores{grid-template-columns:repeat(3,minmax(0,1fr))}.apa-grupo--link .apa-btn{width:100%}}@container pagina (max-width: 608px){.apa{padding:1.1rem .875rem 4rem}.apa-grupo,.apa-grupo--link{grid-template-columns:minmax(0,1fr);gap:.9rem;padding:1.1rem 1rem}.apa-cores{grid-template-columns:repeat(3,minmax(0,1fr))}.apa-grupo--link .apa-btn{width:100%}}@media (prefers-reduced-motion:reduce){.apa-op,.apa-cor-bola,.apa-chave-trilho,.apa-chave-pino,.apa-salvo{transition:none}}