/* ============================================================
   Página de Parceiros — sipcode-theme
   Carregado só em /parceiros/ (e traduções), via
   sipcode_enqueue_parceiros_assets() em inc/enqueue.php.
   ============================================================ */

/* ---- Hero ---- */
.parceiros-hero{ padding:150px 0 60px; }
.parceiros-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}
@media (max-width:900px){
  .parceiros-hero-grid{ grid-template-columns:1fr; }
}
.parceiros-hero-texto h1{ margin:8px 0 16px; }
.parceiros-hero-texto .sub{ max-width:560px; margin:0 0 28px; }
.parceiros-hero-cta{ display:flex; gap:14px; flex-wrap:wrap; }

/* ---- Como funciona (5 etapas) ---- */
.parceiros-como-funciona{ padding:80px 0; }
.parceiros-etapas{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:24px;
  margin-top:48px;
}
@media (max-width:1100px){
  .parceiros-etapas{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:560px){
  .parceiros-etapas{ grid-template-columns:1fr; }
}
.parceiros-etapa{
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:26px 22px;
}
.parceiros-etapa-num{
  display:block;
  font-family:var(--font-head);
  font-size:28px;
  font-weight:700;
  color:var(--accent);
  opacity:0.4;
  margin-bottom:10px;
}
.parceiros-etapa h3{
  font-family:var(--font-head);
  font-size:17px;
  margin:0 0 8px;
}
.parceiros-etapa p{ color:var(--text-secondary); font-size:14px; line-height:1.55; margin:0; }

/* ---- Comissão em destaque ---- */
.parceiros-comissao{ padding:20px 0 80px; }
.parceiros-comissao-card{
  background:linear-gradient(160deg, var(--teal) 0%, var(--teal-dark) 100%);
  border-radius:var(--radius-md);
  padding:56px 40px;
  text-align:center;
  color:#fff;
  box-shadow:var(--card-shadow);
}
.parceiros-comissao-card .eyebrow{ justify-content:center; color:rgba(255,255,255,0.75); }
.parceiros-comissao-card h2{
  color:#fff;
  max-width:640px;
  margin:8px auto 36px;
}
.parceiros-comissao-grid{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:32px;
  flex-wrap:wrap;
}
.parceiros-comissao-item{ display:flex; flex-direction:column; align-items:center; gap:6px; }
.parceiros-comissao-numero{
  font-family:var(--font-head);
  font-size:64px;
  font-weight:700;
  line-height:1;
  color:var(--laranja);
}
.parceiros-comissao-label{
  font-size:15px;
  color:rgba(255,255,255,0.85);
  max-width:160px;
}
.parceiros-comissao-mais{
  font-family:var(--font-head);
  font-size:32px;
  color:rgba(255,255,255,0.4);
}
.parceiros-comissao-nota{
  margin:36px auto 0;
  max-width:520px;
  font-size:14px;
  color:rgba(255,255,255,0.75);
}

/* ---- Benefícios ---- */
.parceiros-beneficios{ padding:20px 0 80px; }
.parceiros-beneficios-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
  margin-top:48px;
}
@media (max-width:1100px){
  .parceiros-beneficios-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:560px){
  .parceiros-beneficios-grid{ grid-template-columns:1fr; }
}
.parceiros-beneficio{
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:28px 24px;
}
.parceiros-beneficio svg{ width:30px; height:30px; stroke:var(--accent); margin-bottom:16px; }
.parceiros-beneficio h3{
  font-family:var(--font-head);
  font-size:17px;
  margin:0 0 10px;
}
.parceiros-beneficio p{ color:var(--text-secondary); font-size:14px; line-height:1.55; margin:0; }

/* ---- FAQ ---- */
.parceiros-faq{ padding:20px 0 80px; }
.parceiros-faq-lista{
  max-width:760px;
  margin:40px auto 0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.parceiros-faq-item{
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:18px 22px;
}
.parceiros-faq-item summary{
  font-family:var(--font-head);
  font-weight:600;
  font-size:16px;
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.parceiros-faq-item summary::-webkit-details-marker{ display:none; }
.parceiros-faq-item summary::after{
  content:"+";
  font-size:22px;
  color:var(--accent);
  flex-shrink:0;
  margin-left:12px;
  transition:transform .2s ease;
}
.parceiros-faq-item[open] summary::after{ transform:rotate(45deg); }
.parceiros-faq-item p{
  color:var(--text-secondary);
  margin:14px 0 0;
  line-height:1.6;
  font-size:15px;
}

/* ---- Formulário de candidatura ---- */
.parceiros-form-section{ padding:20px 0 100px; }
.parceiros-form-card{
  --fluentform-primary:var(--laranja);
  max-width:640px;
  margin:0 auto;
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:40px;
  box-shadow:var(--card-shadow);
  scroll-margin-top:110px;
}
.parceiros-form-card .eyebrow{ justify-content:center; }
.parceiros-form-card h2{
  font-family:var(--font-head);
  font-size:26px;
  text-align:center;
  margin:8px 0;
}
.parceiros-form-card > p{
  color:var(--text-secondary);
  text-align:center;
  margin:0 0 28px;
}
.parceiros-form-card .fluentform label,
.parceiros-form-card .ff-el-form-label{
  font-family:var(--font-body);
  font-weight:600;
  color:var(--text);
  font-size:14px;
  margin-bottom:6px;
}
.parceiros-form-card .fluentform input[type="text"],
.parceiros-form-card .fluentform input[type="email"],
.parceiros-form-card .fluentform select,
.parceiros-form-card .fluentform textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:12px 14px;
  font-family:var(--font-body);
  font-size:15px;
  color:var(--text);
  background:var(--bg);
  transition:border-color .15s ease;
}
.parceiros-form-card .fluentform input:focus,
.parceiros-form-card .fluentform select:focus,
.parceiros-form-card .fluentform textarea:focus{
  outline:none;
  border-color:var(--accent);
}
.parceiros-form-card .fluentform textarea{ min-height:110px; resize:vertical; }
.parceiros-form-card .fluentform .ff-el-group{ margin-bottom:20px; }
.parceiros-form-card .fluentform button[type="submit"]{
  background:var(--laranja);
  color:#fff;
  border:none;
  border-radius:var(--radius-sm);
  padding:14px 32px;
  font-family:var(--font-head);
  font-weight:600;
  font-size:15px;
  cursor:pointer;
  width:100%;
  transition:filter .15s ease;
}
.parceiros-form-card .fluentform button[type="submit"]:hover{ filter:brightness(1.06); }
.parceiros-form-card .fluentform .ff-el-is-required{ color:var(--laranja); }