/* Portal dos clubes: as cores e letras do site (style.css), sem o resto. */
@font-face{font-family:Manrope;src:url(/fonts/Manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Libre Baskerville";src:url(/fonts/LibreBaskerville.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{
  --pine:#173D32; --ivory:#F3F0E6; --ink:#1E2722; --brass:#B49761; --sage:#A5B7A1;
  --muted:#626E63; --line:#D8DDCF; --white:#fff; --red:#9B3B2E;
  --serif:"Libre Baskerville",Georgia,serif; --sans:Manrope,Arial,sans-serif;
  --gut:clamp(16px,4vw,40px);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--pine)}
h1{font:400 clamp(30px,4.6vw,44px)/1.15 var(--serif);color:var(--pine);margin:0 0 12px}
h3{font:600 19px/1.3 var(--sans);color:var(--pine);margin:0 0 8px}
.wrap{max-width:1120px;margin:0 auto;padding:0 var(--gut)}
main.wrap{padding-top:40px;padding-bottom:80px}
.label{font:600 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.muted{color:var(--muted)} .small{font-size:14px}
.lead{font-size:18px;max-width:640px}
.erro{color:var(--red);font-weight:600}

.top{background:var(--ivory);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:20px;height:76px}
.top .brand img{height:48px;width:auto;display:block}
.langs{margin-left:auto;display:flex;gap:6px}
.langs button{font:600 12px var(--sans);letter-spacing:.08em;color:var(--pine);background:none;border:1px solid var(--line);border-radius:999px;padding:4px 10px;cursor:pointer}
.langs button[aria-pressed=true]{border-color:var(--pine)}
.who{font-size:14px;color:var(--muted);white-space:nowrap}
@media (max-width:640px){.top .brand img{height:38px}.who #who-name,.who #who-admin{display:none}}

.btn{display:inline-block;font:600 15px var(--sans);text-decoration:none;color:var(--pine);background:var(--white);border:1px solid var(--line);border-radius:6px;padding:11px 18px;cursor:pointer}
.btn:hover{border-color:var(--pine)}
.btn.primary{background:var(--pine);color:var(--ivory);border-color:var(--pine)}
.botoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-width:600px;margin:28px 0}
.botoes .btn{text-align:center}
.botoes .btn[hidden]{display:none}

.cursos{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px;max-width:720px}
.cursos li{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cursos a{font-weight:600;text-decoration:none}
.tag{font:600 12px var(--sans);letter-spacing:.06em;border-radius:999px;padding:3px 10px;margin-left:auto;background:var(--line);color:var(--muted)}
.tag.aprovado,.tag.aceite{background:var(--pine);color:var(--ivory)}
.tag.recusado,.tag.rejeitada{background:#ecd9d4;color:var(--red)}

form.pedir,form.proposta{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:20px;max-width:720px;margin-top:28px;display:grid;gap:12px}
label{display:grid;gap:4px;font-size:14px;color:var(--muted)}
select,input,textarea{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:9px 11px;background:var(--ivory);width:100%}
form .btn{justify-self:start}