*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--vermelho: #e63946;--dourado: #c8963c;--fundo: #f5f0eb;--branco: #ffffff;--escuro: #1a1a1a;--texto: #333333;--cinza: #888888;--borda: #e0dbd3;--sombra-cartao: 0 2px 8px rgba(0, 0, 0, .07)}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background-color:var(--fundo);color:var(--escuro);line-height:1.6}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.rotulo{display:block;font-family:Caveat,cursive;font-size:1.7rem;color:var(--dourado);margin-bottom:.4rem}.vermelho{color:var(--vermelho)}.cabecalho{position:sticky;top:0;z-index:100;background-color:var(--branco);border-bottom:1px solid var(--borda);height:64px}.cabecalho .container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{font-size:1.1rem;font-weight:700;color:var(--escuro);letter-spacing:.02em;display:flex;align-items:center;gap:.55rem}.logotipo-cabecalho{width:40px;height:36px;object-fit:contain}.navegacao{display:flex;align-items:center;gap:.4rem}.link-nav{padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;color:var(--texto);transition:background .2s,color .2s;cursor:pointer}.link-nav:hover{background-color:#e6394614;color:var(--escuro)}.link-nav.ativo{background-color:#e639461a;color:var(--escuro);font-weight:600}.link-login{display:flex;align-items:center;gap:.4rem;margin-left:.4rem;border:1.5px solid var(--borda);background:none;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer}.link-login:hover{border-color:var(--vermelho);background-color:#e639460f}.link-login.ativo{border-color:var(--vermelho);background-color:#e639461a}.botao{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border-radius:8px;font-size:.95rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s;border:2px solid transparent;text-decoration:none}.botao-primario{background-color:var(--vermelho);color:var(--branco);border-color:var(--vermelho)}.botao-primario:hover{background-color:#c62828;border-color:#c62828}.botao-secundario{background-color:transparent;color:var(--escuro);border-color:var(--escuro)}.botao-secundario:hover{background-color:#0000000f}.botao-bloco{width:100%;margin-bottom:.6rem}.botao-contorno{background:transparent;border-color:var(--borda);color:var(--texto)}.botao-contorno:hover{border-color:var(--escuro);background-color:#00000008}.rodape{background-color:var(--fundo);border-top:1px solid var(--borda);text-align:center;display:flex;flex-direction:column;align-items:center;padding:2.5rem 2rem}.rodape-citacao{font-family:Caveat,cursive;font-size:1.35rem;color:var(--dourado);margin-bottom:.5rem}.rodape-direitos{font-size:.8rem;color:var(--cinza)}.logotipo-rodape{width:48px;height:48px;object-fit:contain;margin-top:1.25rem;opacity:.7}.grade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.cartao{background:var(--branco);border-radius:12px;overflow:hidden;box-shadow:var(--sombra-cartao);transition:transform .2s,box-shadow .2s}.cartao:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.cartao-imagem{width:100%;height:360px;aspect-ratio:4 / 3;object-fit:cover;display:block;cursor:zoom-in;transition:transform .2s ease}.cartao-imagem:hover{transform:scale(1.03)}.lightbox{position:fixed;inset:0;background:#000000e0;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:2rem}.lightbox-imagem{max-width:90vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 48px #0009}.lightbox-legenda{color:#ffffffbf;font-size:.95rem;text-align:center;margin:0}.lightbox-fechar{position:fixed;top:1.25rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2.2rem;line-height:1;cursor:pointer;opacity:.8;transition:opacity .15s}.lightbox-fechar:hover{opacity:1}.cartao-placeholder{width:100%;height:360px;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.cartao-placeholder.grafite{background:linear-gradient(135deg,#f4704d,#e6b84b 40%,#6ecf70)}.cartao-placeholder.rua{background:linear-gradient(160deg,#1a1a2e,#16213e 40%,#0f3460)}.cartao-placeholder.ilustracao{background:linear-gradient(135deg,#f5f0eb,#e8d8c4)}.cartao-info{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.cartao-titulo{font-size:.95rem;font-weight:600;color:var(--escuro)}.cartao-etiqueta{font-size:.7rem;font-weight:600;color:var(--cinza);letter-spacing:.05em;text-transform:uppercase}.banner{min-height:400px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,#ffffff9e,#fff3,#0000),linear-gradient(#c8c8c880,#c8c8c880),url(/assets/images/artesociedade.jpg) center / cover no-repeat;background-color:#2a1a1a}.banner-conteudo{padding:4rem 2rem 4rem 4rem;max-width:600px;flex-shrink:0}.banner-conteudo .rotulo{font-size:1.2rem;margin-bottom:.75rem}.banner h1{font-size:3.5rem;font-weight:800;color:var(--escuro);line-height:1.1;margin-bottom:1rem}.banner-subtitulo{font-size:1.1rem;color:var(--escuro);padding-left:1rem;border-left:3px solid var(--vermelho);margin-bottom:2rem;font-weight:400;transition:opacity .4s ease}.banner-botoes{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.banner-estrela{width:280px;height:auto;flex-shrink:0;margin-right:5rem;align-self:stretch;object-fit:contain;object-position:center;pointer-events:none;opacity:.9}.manifesto{padding:5rem 0;background-color:var(--fundo)}.manifesto h2{font-size:2rem;font-weight:800;margin-bottom:1.75rem;line-height:1.3}.manifesto-colunas{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.manifesto-colunas p{color:var(--texto);font-size:.95rem;line-height:1.8}.vitrine{padding:2.5rem 0 5rem;background-color:var(--fundo)}.vitrine-cabecalho{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem}.vitrine-cabecalho h2{font-size:1.5rem;font-weight:700;margin-top:.15rem}.ver-mais{color:var(--vermelho);font-size:.9rem;font-weight:500;padding-bottom:.1rem;cursor:pointer}.ver-mais:hover{text-decoration:underline}.cabecalho-pagina{padding:4rem 0 2rem;background-color:var(--fundo)}.cabecalho-pagina h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.cabecalho-pagina p{color:var(--cinza);font-size:.95rem}.grade-estatisticas{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:1.5rem 0;border-top:1px solid var(--borda);border-bottom:1px solid var(--borda);margin:1.5rem 0}.cartao-estatistica{padding:1rem 1.25rem;background:var(--branco);border-radius:8px;border:1px solid var(--borda)}.estatistica-numero{font-size:1.8rem;font-weight:800;color:var(--vermelho);display:block;line-height:1.1;margin-bottom:.25rem}.estatistica-rotulo{font-size:.65rem;font-weight:700;color:var(--cinza);letter-spacing:.1em;text-transform:uppercase}.filtros{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem 0 2rem}.botao-filtro{padding:.4rem 1.1rem;border-radius:20px;border:1px solid var(--borda);background:var(--branco);color:var(--texto);font-size:.85rem;font-family:Poppins,sans-serif;cursor:pointer;transition:all .15s;font-weight:500}.botao-filtro:hover{border-color:var(--vermelho);color:var(--vermelho)}.botao-filtro.ativo{background-color:var(--vermelho);border-color:var(--vermelho);color:var(--branco);font-weight:600}.grade-citacoes{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding-bottom:4rem}.cartao-citacao{background:var(--branco);border-radius:8px;border:1px solid var(--borda);border-left:4px solid var(--vermelho);padding:1.5rem;box-shadow:var(--sombra-cartao);transition:transform .2s}.cartao-citacao:hover{transform:translateY(-2px)}.citacao-tema{font-size:.62rem;font-weight:700;color:var(--vermelho);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.75rem}.citacao-texto{font-size:1.1rem;font-weight:700;color:var(--escuro);line-height:1.45;margin-bottom:1rem}.citacao-rodape{display:flex;justify-content:space-between;align-items:flex-end}.citacao-autor{font-size:.8rem;color:var(--cinza);font-style:italic}.citacao-etiqueta{font-size:.72rem;color:var(--cinza);background:var(--fundo);padding:.2rem .65rem;border-radius:4px;font-weight:500}.pagina-desenho{padding:3rem 0 4rem}.layout-desenho{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.painel-controles{background:var(--branco);border-radius:12px;padding:1.5rem;border:1px solid var(--borda);box-shadow:var(--sombra-cartao)}.secao-controles{margin-bottom:1.5rem}.rotulo-controles{font-size:.68rem;font-weight:700;color:var(--cinza);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;display:block}.grade-ferramentas{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.botao-ferramenta{padding:.55rem .75rem;border-radius:8px;border:1px solid var(--borda);background:var(--branco);color:var(--texto);font-size:.85rem;font-family:Poppins,sans-serif;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .15s;font-weight:500}.botao-ferramenta:hover{border-color:var(--vermelho)}.botao-ferramenta.ativo{background-color:#e639461a;border-color:var(--vermelho);color:var(--vermelho)}.grade-cores{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:.75rem}.amostra-cor{width:100%;aspect-ratio:1;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .15s;outline:none}.amostra-cor:hover{transform:scale(1.12)}.amostra-cor.ativo{border-color:var(--escuro);transform:scale(1.05);box-shadow:0 0 0 1px #0003}.amostra-cor-custom{position:relative;overflow:hidden;cursor:pointer}.previa-cor{width:100%;height:28px;border-radius:6px;border:1px solid var(--borda);margin-top:.4rem}.controle-espessura{width:100%;accent-color:var(--vermelho);cursor:pointer;margin-top:.25rem}.moldura-canvas{position:relative;border-radius:12px;overflow:hidden;background:#1c1c1c;height:550px;cursor:crosshair}#canvas-desenho{display:block;width:100%;height:100%}.dica-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff4d;font-size:1rem;pointer-events:none;font-weight:300;white-space:nowrap;transition:opacity .3s}@media(max-width:1024px){.banner-estrela{width:180px;margin-right:2rem}.banner h1{font-size:2.8rem}.grade-cards{grid-template-columns:repeat(2,1fr)}.grade-estatisticas{grid-template-columns:repeat(3,1fr)}.layout-desenho{grid-template-columns:240px 1fr}}@media(max-width:768px){.container{padding:0 1.25rem}.cabecalho{height:auto;padding:.75rem 0}.cabecalho .container{flex-direction:column;gap:.6rem;align-items:flex-start}.navegacao{gap:.2rem;flex-wrap:wrap}.link-nav{padding:.3rem .75rem;font-size:.85rem}.banner{min-height:auto;background:linear-gradient(to bottom,#ffffffbf,#ffffff59),linear-gradient(#c8c8c880,#c8c8c880),url(/assets/images/artesociedade.jpg) center / cover no-repeat}.banner-conteudo{padding:3rem 1.25rem;max-width:100%}.banner h1{font-size:2.2rem}.banner-estrela{display:none}.manifesto{padding:3rem 0}.manifesto h2{font-size:1.5rem}.manifesto-colunas{grid-template-columns:1fr;gap:1.25rem}.vitrine-cabecalho{flex-direction:column;align-items:flex-start;gap:.75rem}.grade-cards{grid-template-columns:1fr}.cartao-imagem,.cartao-placeholder{height:260px}.cabecalho-pagina{padding:2.5rem 0 1.5rem}.cabecalho-pagina h1{font-size:1.8rem}.grade-estatisticas{grid-template-columns:repeat(2,1fr)}.grade-citacoes,.layout-desenho{grid-template-columns:1fr}.moldura-canvas{height:420px}.grade-ferramentas{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.banner h1{font-size:1.8rem}.banner-botoes{flex-direction:column;align-items:flex-start}.botao{width:100%;justify-content:center}.grade-estatisticas{grid-template-columns:1fr 1fr}.moldura-canvas{height:320px}.grade-ferramentas{grid-template-columns:repeat(2,1fr)}.citacao-texto{font-size:.95rem}}