/* ==========================================================================
   Parceiros: componentes próprios da página.
   Usa os tokens e as classes de site.css; aqui só o que é desta página.
   ========================================================================== */

/* ---------- três trilhas ---------- */
.pa-trilhas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}
.pa-trilha{display:flex;flex-direction:column;gap:12px;padding:28px 26px 26px;border:1px solid var(--linha);border-radius:20px;background:var(--papel);transition:border-color .2s ease}
.pa-trilha:hover{border-color:var(--grafite)}
.pa-trilha__topo{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.pa-trilha__ic{width:44px;height:44px;flex:none}
.pa-trilha__tag{display:inline-flex;align-items:center;gap:8px;font:500 12.5px/1 var(--mono);color:var(--grafite);background:var(--laranja-tinta);border-radius:999px;padding:7px 12px;white-space:nowrap}
.pa-trilha__tag::before{content:"";width:8px;height:8px;background:var(--laranja);transform:rotate(45deg);border-radius:2px}
.pa-trilha--lista .pa-trilha__tag{background:var(--off);color:var(--cinza-texto);border:1px solid var(--linha)}
.pa-trilha--lista .pa-trilha__tag::before{background:transparent;border:2px solid var(--cinza);width:7px;height:7px}
.pa-trilha h3{font:700 25px/1.15 var(--display);letter-spacing:-.02em;margin:0}
.pa-trilha > p{margin:0;font-size:16.5px;color:#3a3d45}
.pa-trilha__pontos{margin:8px 0 12px;gap:10px}
.pa-trilha__pontos li{font-size:15.5px;color:#3a3d45}
.pa-trilha__cta{margin-top:auto;align-self:flex-start}
.pa-contabil{margin:28px 0 0;font-size:16px;color:var(--cinza-texto)}

/* ---------- como funciona ---------- */
.pa-como{background:var(--off)}
.pa-como .passo{background:var(--papel)}

/* ---------- candidatura ---------- */
.pa-cand__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.pa-cand__obs{margin:22px 0 0}
.pa-form{background:var(--off);border-radius:22px;padding:34px 34px 32px}
.pa-form__linha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.pa-form__consent{display:grid;gap:8px}
.pa-form .form__check span{display:block}
.pa-form .btn{margin-top:4px}
.pa-form[aria-busy="true"]{cursor:progress}

/* ---------- comunidade ---------- */
.pa-discord{padding-top:0}
.pa-discord__caixa{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.pa-discord__caixa > div{max-width:40em}
.pa-discord__caixa .eyebrow{margin-bottom:10px}

/* ---------- responsivo ---------- */
@media (min-width:1101px){
  .pa-cand__intro{position:sticky;top:104px}
}
@media (max-width:1100px){
  .pa-trilhas{grid-template-columns:minmax(0,1fr)}
  .pa-trilha{max-width:44em}
  .pa-cand__grid{grid-template-columns:minmax(0,1fr);gap:36px}
}
@media (max-width:860px){
  .pa-form{padding:24px 20px 22px}
  .pa-form__linha{grid-template-columns:minmax(0,1fr)}
}