.tiles{display:grid;gap:.6rem;padding:0;border:0;margin:0;min-width:0}@media(min-width:34rem){.tiles{grid-template-columns:1fr 1fr}}@media(min-width:62rem){.tiles{grid-template-columns:repeat(4,1fr);gap:.75rem}.tiles--compacto{grid-template-columns:1fr 1fr}}.tile{position:relative;display:flex;flex-direction:column;gap:.25rem;min-height:3.5rem;padding:1rem 1.1rem;border:1px solid var(--linha);border-radius:var(--raio);background:var(--sup);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.tile:hover{border-color:var(--linha-forte);transform:translateY(-2px);box-shadow:var(--sombra-1)}.tile__input{position:absolute;inset:0;appearance:none;margin:0;opacity:0;cursor:pointer}.tile__topo{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.tile__rot{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--txt)}.tile__res{font-size:.9rem;line-height:1.4;color:var(--txt-3)}.tile__marca{flex:none;display:grid;place-items:center;width:1.25rem;height:1.25rem;border:1px solid var(--linha-forte);border-radius:var(--raio-p);font-size:.7rem;line-height:1;color:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}.tile:has(input:checked){background:var(--sel-bg);border-color:var(--sel-bg);box-shadow:var(--sombra-2)}.tile:has(input:checked) .tile__rot{color:var(--sel-txt)}.tile:has(input:checked) .tile__res{color:color-mix(in oklab,var(--sel-txt) 70%,transparent)}.tile:has(input:checked) .tile__marca{background:var(--sel-txt);border-color:var(--sel-txt);color:var(--sel-bg)}.tile:has(input:focus-visible){outline:2px solid var(--txt);outline-offset:3px}body:has(input[data-escopo=site]:checked) .proj:not([data-para~=site]),body:has(input[data-escopo=sistema]:checked) .proj:not([data-para~=sistema]),body:has(input[data-escopo=app]:checked) .proj:not([data-para~=app]),body:has(input[data-escopo=indeciso]:checked) .proj:not([data-para~=indeciso]){opacity:.45}body:has(input[data-escopo=site]:checked) .proj[data-para~=site] .proj__casa,body:has(input[data-escopo=sistema]:checked) .proj[data-para~=sistema] .proj__casa,body:has(input[data-escopo=app]:checked) .proj[data-para~=app] .proj__casa,body:has(input[data-escopo=indeciso]:checked) .proj[data-para~=indeciso] .proj__casa{display:inline-flex}body:has(input[data-escopo=site]:checked) .servico[data-escopo=site],body:has(input[data-escopo=sistema]:checked) .servico[data-escopo=sistema],body:has(input[data-escopo=app]:checked) .servico[data-escopo=app]{border-color:var(--linha-forte);box-shadow:var(--sombra-2)}body:has(input[data-escopo]:checked) .barra:not([data-barra=off]){translate:0 0}body:has(input[data-escopo=site]:checked) .barra__val[data-val=site],body:has(input[data-escopo=sistema]:checked) .barra__val[data-val=sistema],body:has(input[data-escopo=app]:checked) .barra__val[data-val=app],body:has(input[data-escopo=indeciso]:checked) .barra__val[data-val=indeciso]{display:inline}body:has(input[data-escopo]:checked) .barra[data-perto]:not([data-barra=off]){translate:0 120%}