:root{
  --verde: #2A3B2E;
  --verde-clara: #3E5443;
  --creme: #F1E7D0;
  --creme-clara: #F8F2E4;c
  --ferrugem: #B5502E;
  --ferrugem-escura: #8C3B1F;
  --latao: #9C7A3C;
  --asfalto: #1C1B19;
  --cromado: #C7CDD1;
  --linha: rgba(28,27,25,0.14);
}
*{box-sizing:border-box;}
body{margin:0; background:var(--creme); color:var(--asfalto); font-family:'Work Sans', sans-serif; font-size:16px; line-height:1.55;}
h1,h2,h3{font-family:'Oswald', sans-serif; text-transform:uppercase; letter-spacing:0.03em; margin:0;}
.mono{font-family:'IBM Plex Mono', monospace;}
.wrap{max-width:940px; margin:0 auto; padding:0 24px;}
 
header.top{background:var(--verde); color:var(--creme-clara);}
header.top .wrap{display:flex; align-items:center; justify-content:space-between; padding-top:20px; padding-bottom:20px;}
.brand{display:flex; align-items:center; gap:12px;}
.brand-badge{width:42px; height:42px; border-radius:50%; border:2px solid var(--latao); display:flex; align-items:center; justify-content:center; font-family:'Oswald'; font-weight:700; font-size:15px; color:var(--latao); flex-shrink:0;}
.brand-name{font-size:19px; letter-spacing:0.06em;}
#sessao-area{font-size:13px; color:var(--cromado);}
#sessao-area button{background:none; border:1px solid var(--cromado); color:var(--creme-clara); font-family:'Work Sans'; font-size:13px; padding:6px 12px; border-radius:3px; cursor:pointer;}
#sessao-area button:hover{border-color:var(--ferrugem); color:var(--ferrugem);}
 
.tabs{display:flex; gap:4px; background:var(--verde); border-bottom:6px solid var(--ferrugem); padding:0 24px;}
.tabs-inner{display:flex; gap:4px; max-width:940px; margin:0 auto; width:100%;}
.tab-btn{padding:11px 22px; background:var(--verde-clara); color:var(--cromado); border:none; border-radius:9px 9px 0 0; font-family:'Oswald'; text-transform:uppercase; letter-spacing:0.05em; font-size:13px; cursor:pointer; position:relative; top:1px;}
.tab-btn.ativa{background:var(--creme); color:var(--verde);}
.tab-btn:not(.ativa):hover{color:var(--creme-clara); background:#4a6350;}
 
main{padding-bottom:20px;}
.tab-painel{display:none; padding:40px 0;}
.tab-painel.ativa{display:block;}
 
.secao-titulo{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:24px; gap:16px; flex-wrap:wrap;}
.secao-titulo h2{font-size:23px; color:var(--verde);}
.secao-titulo p.sub{font-size:14px; color:#5a5546; margin-top:6px; max-width:520px;}
.contagem{font-family:'IBM Plex Mono'; font-size:12px; color:var(--latao);}
 
.grade-perfis{display:grid; grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:16px; margin-bottom:32px;}
.cartao-perfil{background:var(--creme-clara); border:1.5px solid var(--asfalto); border-radius:10px; padding:16px;}
.avatar{width:56px; height:56px; border-radius:50%; object-fit:cover; border:2px solid var(--latao); background:var(--cromado);}
.avatar-inicial{width:56px; height:56px; border-radius:50%; border:2px solid var(--latao); background:var(--verde); color:var(--creme-clara); display:flex; align-items:center; justify-content:center; font-family:'Oswald'; font-size:20px;}
.perfil-nome{font-size:15px; font-weight:600; margin-top:10px;}
.perfil-fotos{display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:12px;}
.perfil-fotos img{width:100%; aspect-ratio:1; object-fit:cover; border-radius:4px; border:1px solid var(--linha);}
.perfil-fotos .vazia{width:100%; aspect-ratio:1; border-radius:4px; border:1px dashed var(--cromado); display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--latao); text-align:center;}
 
.cartao-form{background:var(--verde); color:var(--creme-clara); border-radius:10px; padding:26px 28px; max-width:440px;}
.cartao-form label{display:block; font-size:12px; letter-spacing:0.05em; text-transform:uppercase; color:var(--cromado); margin:14px 0 5px;}
.cartao-form input{width:100%; padding:10px 11px; border-radius:4px; border:1px solid var(--verde-clara); background:var(--creme-clara); font-family:'Work Sans'; font-size:14px;}
.cartao-form button{margin-top:20px; width:100%;}
.aviso{font-size:12px; color:var(--cromado); margin-top:12px;}
.linha-dois{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
 
.placa{background:var(--creme-clara); border:1.5px solid var(--asfalto); border-radius:8px; padding:20px 22px; position:relative; margin-bottom:18px;}
.placa::before, .placa::after{content:''; position:absolute; top:10px; width:7px; height:7px; border-radius:50%; background:var(--latao); box-shadow: inset 0 0 0 1px var(--asfalto);}
.placa::before{left:10px;} .placa::after{right:10px;}
.placa-linha1{display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:8px;}
.placa h3{font-size:19px; color:var(--verde);}
.placa-data{font-family:'IBM Plex Mono'; font-size:13px; background:var(--verde); color:var(--creme-clara); padding:4px 9px; border-radius:3px; white-space:nowrap;}
.placa-local{font-size:13px; color:var(--ferrugem-escura); margin-bottom:8px; font-weight:500;}
.placa-desc{font-size:14px; color:#4a463c; margin-bottom:14px;}
.placa-rodape{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.participantes{font-family:'IBM Plex Mono'; font-size:12px; color:var(--latao);}
 
.post{background:var(--creme-clara); border-left:4px solid var(--latao); border-radius:0 8px 8px 0; padding:16px 20px; margin-bottom:14px;}
.post-cabecalho{display:flex; justify-content:space-between; font-size:12px; color:var(--latao); font-family:'IBM Plex Mono'; margin-bottom:6px;}
.post h3{font-size:16px; color:var(--verde); margin-bottom:6px;}
.post p{font-size:14px; color:#4a463c; margin:0;}
#form-curiosidade{max-width:480px; margin-bottom:30px;}
#form-curiosidade input, #form-curiosidade textarea{width:100%; padding:9px 10px; margin-bottom:10px; border-radius:4px; border:1px solid var(--linha); font-family:'Work Sans'; font-size:14px; background:#fff;}
#form-curiosidade textarea{resize:vertical; min-height:70px;}
 
button.btn{font-family:'Work Sans'; font-weight:600; font-size:13px; border-radius:4px; padding:9px 16px; cursor:pointer; border:1.5px solid var(--asfalto);}
.btn-primario{background:var(--ferrugem); border-color:var(--ferrugem-escura); color:#fff;}
.btn-primario:hover{background:var(--ferrugem-escura);}
.btn-secundario{background:transparent; color:var(--verde);}
.btn-secundario:hover{background:var(--verde); color:#fff;}
 
#painel-admin{margin-top:30px; padding-top:24px; border-top:1px dashed var(--linha);}
#painel-admin summary{cursor:pointer; font-family:'IBM Plex Mono'; font-size:12px; color:var(--latao);}
#form-evento{margin-top:16px; max-width:420px;}
#form-evento input, #form-evento textarea{width:100%; padding:9px 10px; margin-bottom:10px; border-radius:4px; border:1px solid var(--linha); font-family:'Work Sans'; font-size:14px; background:#fff;}
#form-evento textarea{resize:vertical; min-height:60px;}
 
footer{padding:30px 0 40px; text-align:center; font-size:12px; color:var(--latao); font-family:'IBM Plex Mono';}
.estado-vazio{font-size:14px; color:#8a8577;}
.carregando{font-size:13px; color:var(--latao); font-family:'IBM Plex Mono';}