@import url('../../css/pixel.css');
.catalogue-intro{display:flex;align-items:start;justify-content:space-between;gap:28px;margin-bottom:28px}.catalogue-intro h1{margin-bottom:10px}.catalogue-intro p{color:var(--muted);max-width:580px}.catalogue-icon{color:var(--gold);font-family:var(--pixel);font-size:68px;line-height:1}
.header{margin-bottom:32px}.filters{display:flex;flex-wrap:wrap;gap:18px;align-items:end;padding:24px;border:2px solid #62657e;background:var(--panel);box-shadow:inset 0 0 0 2px #30364c}.filters label{flex:1;min-width:140px;margin:0}.filters select{margin-top:8px}.filters a{font-size:13px;padding-block:10px}.filters button{min-height:46px;font-size:19px}
.tecnicas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tecnicas .card{min-width:0;position:relative;padding:26px;border:2px solid #71758b;box-shadow:var(--frame);background:var(--panel);overflow-wrap:anywhere}
.technique-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:14px;margin-bottom:16px}.technique-heading h2{font-size:27px;margin:0;max-width:24ch}.technique-heading>span{font:16px var(--pixel);padding:4px 10px;border:1px solid currentColor}
.subtitulo{font-size:12px;color:#b6b4c7;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #414960}.technique-description{font-size:14px;white-space:pre-line;color:#d3ced6;line-height:1.8}.technique-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:0;padding-top:18px;border-top:1px solid #414960}.technique-details dt{color:var(--gold);font:17px var(--pixel)}.technique-details dd{margin:4px 0 0;color:#c2bfd0;font-size:13px}
.fogo{color:#f1a58e;background:#4a2f36}.agua{color:#a9cce8;background:#243d55}.terra{color:#d4be95;background:#3e372e}.raio{color:#f0d28e;background:#443d2b}.vento{color:#b5d5a6;background:#2e423a}.vida{color:#a5d9cd;background:#25423f}.neutro,.multi{color:#d1cddf;background:#393a50}
.catalogue-count{margin-bottom:24px;color:#aeb4cc;font:17px var(--pixel)}
@media(max-width:760px){.tecnicas{grid-template-columns:minmax(0,1fr)}.filters{padding:20px;gap:16px}.filters label{min-width:100%;}.filters button{flex:1}.catalogue-icon{display:none}.tecnicas .card{padding:22px}}