.catalogo-topo{padding-block:calc(var(--header-h) + var(--e-7)) var(--e-7);background:radial-gradient(70% 120% at 12% 0%,var(--acento-suave) 0%,transparent 60%),var(--fundo-alt)}.barra-fixa{position:sticky;inset-block-start:var(--header-h);z-index:80;padding-block:var(--e-4);background:color-mix(in srgb,var(--fundo) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color var(--transicao),box-shadow var(--transicao)}.barra-fixa.colada{border-bottom-color:var(--borda-suave);box-shadow:var(--sombra-1)}.barra-sentinela{height:1px}.barra{display:flex;gap:var(--e-3);align-items:center}.busca{position:relative;flex:1 1 auto;min-width:0}.busca i{position:absolute;inset-block-start:50%;inset-inline-start:1rem;transform:translateY(-50%);color:var(--texto-suave);pointer-events:none}.busca input{width:100%;padding:.85rem 1rem .85rem 2.8rem;border:1px solid var(--borda);border-radius:var(--r-full);background:var(--superficie);color:var(--texto);font-size:var(--t-sm);transition:border-color var(--transicao),box-shadow var(--transicao)}.busca input:focus{outline:none;border-color:var(--acento);box-shadow:var(--sombra-foco)}.btn-filtros{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex:0 0 auto;align-self:stretch}@media(max-width:559px){.btn-filtros-rotulo{display:none}.btn-filtros{width:2.9rem;padding-inline:0;border-radius:var(--r-full)}}.catalogo-corpo{padding-block:var(--e-7) var(--e-9)}.barra-fixa .container{position:relative}.painel-filtros{position:absolute;inset-inline:var(--e-5);z-index:60;display:grid;gap:var(--e-5);margin-top:var(--e-3);padding:var(--e-5);border:1px solid var(--borda);border-radius:var(--r-lg);background:var(--superficie);box-shadow:var(--sombra-2);transform-origin:top center;opacity:0;transform:translateY(-10px) scale(.985);transition:opacity var(--transicao),transform var(--transicao-lenta)}.painel-filtros.aberto{opacity:1;transform:none}@media(min-width:760px){.painel-filtros{grid-template-columns:repeat(3,1fr);gap:var(--e-6)}}.btn-filtros-conta{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding-inline:.35rem;border-radius:var(--r-full);background:var(--acento);color:var(--branco);font-size:var(--t-xs);font-weight:700;line-height:1}@media(max-width:559px){.btn-filtros-conta{position:absolute;inset-block-start:-.3rem;inset-inline-end:-.3rem;border:2px solid var(--fundo)}}.grupo-filtro{min-width:0}.grupo-filtro h3{font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--texto-suave);margin-bottom:var(--e-3)}.pilulas{display:flex;flex-wrap:wrap;gap:var(--e-2)}.pilula{padding:.45rem .9rem;border:1px solid var(--borda);border-radius:var(--r-full);background:var(--superficie);color:var(--texto-suave);font-size:var(--t-sm);font-weight:600;cursor:pointer;transition:all var(--transicao)}.pilula:hover{border-color:var(--acento);color:var(--acento)}.pilula.ativa{background:var(--acento);border-color:var(--acento);color:#fff}.resultado-info{display:flex;flex-wrap:wrap;gap:var(--e-3);align-items:center;justify-content:space-between;margin-top:var(--e-3);font-size:var(--t-sm);color:var(--texto-suave)}.resultado-info strong{color:var(--texto)}.limpar{background:none;border:0;color:var(--acento);font-size:var(--t-sm);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--e-2)}.limpar:hover{text-decoration:underline}.chips{display:flex;flex-wrap:wrap;gap:var(--e-2);margin-inline-end:auto}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .3rem .22rem .7rem;border:0;border-radius:var(--r-full);background:var(--acento-suave);color:var(--acento-forte);font-size:var(--t-xs);font-weight:700;cursor:pointer}.chip:hover{background:var(--acento);color:var(--branco)}:root[data-theme=dark] .chip{color:var(--verde-300)}.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--e-4);background:#0a0d109e;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--transicao),visibility var(--transicao)}.modal.aberto{opacity:1;visibility:visible}.modal-caixa{position:relative;width:min(880px,100%);max-height:90vh;overflow:hidden;background:var(--superficie);border-radius:var(--r-xl);box-shadow:var(--sombra-3);transform:translateY(14px) scale(.985);transition:transform var(--transicao-lenta)}.modal.aberto .modal-caixa{transform:none}.modal-grade{display:grid;grid-template-columns:1fr;max-height:90vh;overflow-y:auto}@media(min-width:760px){.modal-grade{grid-template-columns:1.1fr 1fr;overflow:visible}}.modal-midia{position:relative;background:var(--superficie-alt);aspect-ratio:4 / 3}@media(min-width:760px){.modal-midia{aspect-ratio:auto}}.modal-midia img{width:100%;height:100%;object-fit:cover}.modal-midia:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:62%;pointer-events:none;background:linear-gradient(to top,#000000eb,#000000c7 24%,#0006 58%,#0000)}.modal-nome{position:absolute;inset-inline:0;inset-block-end:0;z-index:1;padding:var(--e-5)}.modal-nome h2{color:#fff;font-size:var(--t-xl);line-height:1.2}@media(min-width:760px){.modal-nome h2{font-size:var(--t-2xl)}}.modal-cat{font-size:var(--t-xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;margin-bottom:.2rem}.modal-conteudo{display:flex;flex-direction:column;gap:var(--e-4);padding:var(--e-6);min-height:0}@media(min-width:760px){.modal-conteudo{overflow-y:auto}}.modal-desc{color:var(--texto-corpo);font-size:var(--t-sm);line-height:1.65}.modal-fechar{position:absolute;inset-block-start:var(--e-3);inset-inline-end:var(--e-3);z-index:2;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:var(--r-full);background:#0000006b;backdrop-filter:blur(6px);color:#fff;cursor:pointer}.modal-fechar:hover{background:#0000009e}.atributos{display:flex;flex-wrap:wrap;gap:var(--e-2)}.atributos span{padding:.32rem .75rem;border-radius:var(--r-full);background:var(--acento-suave);color:var(--acento-forte);font-size:var(--t-xs);font-weight:700}:root[data-theme=dark] .atributos span{color:var(--verde-300)}.ficha{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--e-4) var(--e-3);padding-block:var(--e-4);border-block:1px solid var(--borda-suave)}.ficha div span{display:block;font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave)}.ficha div strong{font-size:var(--t-sm)}.grade--mosaico{grid-template-columns:repeat(auto-fill,minmax(min(175px,100%),1fr));grid-auto-rows:190px;grid-auto-flow:dense;gap:var(--e-3)}@media(min-width:760px){.grade--mosaico{grid-auto-rows:215px}}.grade--mosaico .cartao:nth-child(11n+1),.grade--mosaico .cartao:nth-child(11n+8){grid-column:span 2;grid-row:span 2}@media(max-width:559px){.grade--mosaico .cartao:nth-child(11n+1),.grade--mosaico .cartao:nth-child(11n+8){grid-row:span 1}}@media(max-width:400px){.grade--mosaico .cartao:nth-child(11n+1),.grade--mosaico .cartao:nth-child(11n+8){grid-column:span 1}}.grade--mosaico .cartao{position:relative;justify-content:flex-end;border:0}.grade--mosaico .cartao-midia{position:absolute;inset:0;aspect-ratio:auto}.grade--mosaico .cartao:before{content:"";position:absolute;inset-inline:0;inset-block-end:0;z-index:1;height:70%;pointer-events:none;background:linear-gradient(to top,#000000f0,#000000d1 22%,#00000073 55%,#0000)}.grade--mosaico .cartao-corpo{position:relative;z-index:2;margin-top:auto;gap:.15rem;padding:var(--e-4);background:none;flex:none}.grade--mosaico .cartao-cat{color:#ffffffb8}.grade--mosaico .cartao-titulo{color:#fff}.grade--mosaico .cartao-desc{display:none}.grade--mosaico .cartao-rodape{margin-top:0;padding-top:var(--e-2);color:var(--verde-300);opacity:0;transform:translateY(6px);transition:opacity var(--transicao),transform var(--transicao)}.grade--mosaico .cartao:hover .cartao-rodape,.grade--mosaico .cartao:focus-visible .cartao-rodape{opacity:1;transform:none}@media(hover:none){.grade--mosaico .cartao-rodape{opacity:1;transform:none}}.grade--mosaico .cartao:hover{transform:none}.grade--mosaico .cartao:hover .cartao-midia img{transform:scale(1.07)}.grade--mosaico .cartao:nth-child(11n+1) .cartao-titulo,.grade--mosaico .cartao:nth-child(11n+8) .cartao-titulo{font-size:var(--t-lg)}