/**
 * UniAdvisor -- Página "Seja um parceiro" (/seja-parceiro/)
 *
 * Identidade visual PRÓPRIA, diferente do resto do site -- página B2B
 * pra instituições parceiras, não pra alunos (ver page-seja-parceiro.php).
 * Tudo escopado sob .ua-parceiros de propósito, pra nunca vazar/colidir
 * com o design system do resto do site (mesmo espírito de .ua-home em
 * home.css). Fontes próprias (Plus Jakarta Sans + Inter) carregadas só
 * nesta página, ver enqueue condicional em functions.php.
 *
 * Adaptado do protótipo estático fornecido (uniadvisor-parceiros.html).
 * A <nav> e o rodapé de links do protótipo foram OMITIDOS aqui de
 * propósito -- esta página usa o header/footer reais do site (via
 * get_header()/get_footer() em page-seja-parceiro.php), não uma réplica
 * própria. Só o banner final "Vamos conversar?" foi mantido, por ser
 * conteúdo (CTA de fechamento), não chrome do site.
 */

.ua-parceiros, .ua-parceiros *{
  box-sizing:border-box;
}
.ua-parceiros{
  --blue: #2954E5;
  --blue-dark: #1E3FBE;
  --blue-soft: #EEF2FE;
  --navy: #0A1642;
  --navy-2: #12225C;
  --ink: #10142B;
  --ink-soft: #545B75;
  --ink-faint: #8A90A8;
  --bg: #FFFFFF;
  --bg-alt: #F5F7FD;
  --border: #E7E9F5;
  --radius-lg: 18px;
  --radius-md: 12px;
  --shadow-card: 0 1px 2px rgba(16,20,43,.05), 0 1px 1px rgba(16,20,43,.04);
  --shadow-float: 0 24px 60px rgba(16,20,43,.16);
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Inter', sans-serif;

  font-family: var(--font-body);
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing:antialiased;
}
.ua-parceiros a{ text-decoration:none; color:inherit; }
.ua-parceiros button{ font-family:inherit; cursor:pointer; }
.ua-parceiros img{ display:block; max-width:100%; }
.ua-parceiros h1, .ua-parceiros h2, .ua-parceiros h3{ font-family:var(--font-display); margin:0; letter-spacing:-0.01em; }
.ua-parceiros p{ margin:0; }
.ua-parceiros .wrap{ max-width:1200px; margin:0 auto; padding:0 40px; }
.ua-parceiros .eyebrow{
  font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color: var(--blue); margin-bottom:12px; display:block;
}
.ua-parceiros .btn-primary{
  display:inline-flex; align-items:center; gap:8px;
  background: var(--blue); color:#fff; border:none;
  padding:13px 22px; border-radius:11px; font-weight:700; font-size:14.5px;
  box-shadow: 0 10px 24px rgba(41,84,229,.28);
  transition: transform .15s ease, background .15s ease;
}
.ua-parceiros .btn-primary:hover{ background: var(--blue-dark); transform: translateY(-1px); }

/* ---------------- HERO ---------------- */
.ua-parceiros .hero{ padding: 56px 0 90px; }
.ua-parceiros .hero-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:56px; align-items:center; }
.ua-parceiros .hero h1{ font-size:44px; font-weight:800; line-height:1.14; }
.ua-parceiros .hero h1 .accent{ color: var(--blue); }
.ua-parceiros .hero p.lede{ font-size:16px; color: var(--ink-soft); line-height:1.6; margin:22px 0 26px; max-width:460px; }
.ua-parceiros .check-list{ display:flex; flex-wrap:wrap; gap:18px 26px; margin-bottom:30px; }
.ua-parceiros .check-list span{ display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; color: var(--ink); }
.ua-parceiros .check-list svg{ color: var(--blue); flex-shrink:0; }
.ua-parceiros .hero-cta-note{ font-size:12.5px; color: var(--ink-faint); margin-top:10px; display:flex; align-items:center; gap:6px; }

/* fake product mockups */
.ua-parceiros .mockup-stage{ position:relative; }
.ua-parceiros .laptop{
  background: #12162B; border-radius:14px; padding:12px 12px 30px;
  box-shadow: var(--shadow-float);
}
.ua-parceiros .laptop-screen{ background:#fff; border-radius:6px; padding:16px 18px; font-size:11px; }
.ua-parceiros .laptop-topbar{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.ua-parceiros .laptop-logo{ display:flex; align-items:center; gap:6px; font-family:var(--font-display); font-weight:800; font-size:11px; }
.ua-parceiros .laptop-logo .dot{ width:14px;height:14px;border-radius:4px; background:var(--blue); }
.ua-parceiros .laptop-icons{ display:flex; gap:8px; color: var(--ink-faint); }
.ua-parceiros .laptop-body{ display:grid; grid-template-columns: 92px 1fr; gap:14px; }
.ua-parceiros .laptop-sidebar{ display:flex; flex-direction:column; gap:9px; }
.ua-parceiros .laptop-sidebar span{ font-size:9px; color: var(--ink-faint); padding:5px 7px; border-radius:5px; font-weight:600; }
.ua-parceiros .laptop-sidebar span.active{ background: var(--blue-soft); color: var(--blue); }
.ua-parceiros .dash-title{ font-family:var(--font-display); font-weight:800; font-size:13px; margin-bottom:2px; }
.ua-parceiros .dash-sub{ font-size:9.5px; color: var(--ink-faint); margin-bottom:10px; }
.ua-parceiros .stat-row{ display:flex; gap:8px; margin-bottom:12px; }
.ua-parceiros .stat-card{ flex:1; border:1px solid var(--border); border-radius:8px; padding:8px 10px; }
.ua-parceiros .stat-card .num{ font-family:var(--font-display); font-weight:800; font-size:14px; }
.ua-parceiros .stat-card .lbl{ font-size:8.5px; color: var(--ink-faint); margin-bottom:2px; }
.ua-parceiros .stat-card .delta{ font-size:8.5px; color:#178A4C; font-weight:700; margin-top:2px; }
.ua-parceiros .chart-box{ border:1px solid var(--border); border-radius:8px; padding:9px 10px; }
.ua-parceiros .chart-box .lbl{ font-size:8.5px; color: var(--ink-faint); margin-bottom:6px; }

.ua-parceiros .phone{
  position:absolute; right:-30px; bottom:-34px; width:150px;
  background:#12162B; border-radius:22px; padding:8px;
  box-shadow: var(--shadow-float);
}
.ua-parceiros .phone-screen{ background:#fff; border-radius:15px; padding:12px 10px; }
.ua-parceiros .phone-screen h4{ font-family:var(--font-display); font-size:10px; font-weight:800; margin-bottom:8px; line-height:1.3; }
.ua-parceiros .phone-search{ background: var(--bg-alt); border-radius:6px; padding:5px 8px; font-size:7.5px; color: var(--ink-faint); margin-bottom:8px; }
.ua-parceiros .phone-item{ display:flex; justify-content:space-between; align-items:center; padding:6px 0; border-top:1px solid var(--border); font-size:7.5px; }
.ua-parceiros .phone-item:first-of-type{ border-top:none; }
.ua-parceiros .phone-item .badge{ background: var(--blue-soft); color: var(--blue); font-weight:700; padding:2px 5px; border-radius:5px; font-size:7px; }

/* ---------------- STATS STRIP ---------------- */
.ua-parceiros .stats-strip{ border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:36px 0; }
.ua-parceiros .stats-grid{ display:grid; grid-template-columns: auto 1px repeat(3, 1fr); gap:0; align-items:center; }
.ua-parceiros .stats-grid .built-by{ padding-right:36px; }
.ua-parceiros .stats-grid .built-by span{ display:block; font-size:10px; color: var(--ink-faint); font-weight:600; margin-bottom:4px; }
.ua-parceiros .stats-grid .built-by strong{ font-family:var(--font-display); font-weight:800; font-size:20px; }
.ua-parceiros .stats-divider{ width:1px; height:44px; background: var(--border); }
.ua-parceiros .stat-item{ display:flex; align-items:center; gap:12px; padding-left:36px; }
.ua-parceiros .stat-item .icon{ width:38px;height:38px;border-radius:10px; background: var(--blue-soft); color: var(--blue); display:flex;align-items:center;justify-content:center; flex-shrink:0; }
.ua-parceiros .stat-item .num{ font-family:var(--font-display); font-weight:800; font-size:19px; }
.ua-parceiros .stat-item .lbl{ font-size:12px; color: var(--ink-soft); line-height:1.3; margin-top:1px; }

/* ---------------- SECTIONS / STORY ---------------- */
.ua-parceiros .section{ padding:88px 0; }
.ua-parceiros .section.alt{ background: var(--bg-alt); }
.ua-parceiros .story-grid{ display:grid; grid-template-columns: 0.9fr 1.1fr; gap:56px; align-items:center; }
.ua-parceiros .story-grid h2{ font-size:30px; font-weight:800; line-height:1.2; margin:8px 0 16px; }
.ua-parceiros .story-grid p{ font-size:14.5px; color: var(--ink-soft); line-height:1.7; margin-bottom:14px; }
.ua-parceiros .photo-frame{
  border-radius: var(--radius-lg); overflow:hidden; aspect-ratio: 16/10.5;
  background: linear-gradient(135deg,#DCE4F9,#EEF2FE);
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--border);
  position:relative;
}
.ua-parceiros .photo-frame .avatars{ display:flex; }
.ua-parceiros .photo-frame .avatars span{
  width:52px;height:52px;border-radius:50%; background:#fff; border:3px solid #fff;
  margin-left:-14px; box-shadow: 0 4px 10px rgba(16,20,43,.12);
  display:flex; align-items:center; justify-content:center; color: var(--blue);
}
.ua-parceiros .photo-frame .avatars span:first-child{ margin-left:0; }
.ua-parceiros .photo-frame .caption{
  position:absolute; bottom:16px; left:16px; background:rgba(255,255,255,.9);
  padding:8px 14px; border-radius:9px; font-size:11.5px; font-weight:600; color: var(--ink-soft);
}

/* ---------------- CHALLENGES ---------------- */
.ua-parceiros .section-head{ max-width:560px; margin-bottom:44px; }
.ua-parceiros .section-head h2{ font-size:30px; font-weight:800; line-height:1.2; margin-top:8px; }
.ua-parceiros .challenge-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.ua-parceiros .challenge-card{
  background:#fff; border:1px solid var(--border); border-radius: var(--radius-md);
  padding:22px 20px; box-shadow: var(--shadow-card);
}
.ua-parceiros .challenge-card .icon{ width:38px;height:38px;border-radius:9px; background: var(--blue-soft); color: var(--blue); display:flex;align-items:center;justify-content:center; margin-bottom:14px; }
.ua-parceiros .challenge-card h3{ font-size:15px; font-weight:700; margin-bottom:6px; }
.ua-parceiros .challenge-card p{ font-size:13px; color: var(--ink-soft); line-height:1.5; }

/* ---------------- SOLUTION (navy, process flow) ---------------- */
.ua-parceiros .section-solution{
  background: radial-gradient(1100px 400px at 15% 0%, var(--navy-2), var(--navy) 60%);
  padding:88px 0; color:#fff;
}
.ua-parceiros .section-solution .eyebrow{ color:#8FA4F5; }
.ua-parceiros .section-solution h2{ color:#fff; font-size:30px; font-weight:800; max-width:520px; line-height:1.2; margin-bottom:52px; }
.ua-parceiros .flow-row{ display:flex; align-items:flex-start; justify-content:space-between; }
.ua-parceiros .flow-step{ display:flex; flex-direction:column; align-items:center; text-align:center; width:150px; }
.ua-parceiros .flow-circle{
  width:64px;height:64px;border-radius:50%; background: linear-gradient(135deg, var(--blue), #4A6CF2);
  display:flex;align-items:center;justify-content:center; color:#fff; margin-bottom:14px;
  box-shadow: 0 0 0 6px rgba(255,255,255,.05), 0 12px 26px rgba(41,84,229,.4);
}
.ua-parceiros .flow-step h4{ font-size:13.5px; font-weight:700; margin-bottom:6px; }
.ua-parceiros .flow-step p{ font-size:11.5px; color:#A9B2D6; line-height:1.5; }
.ua-parceiros .flow-arrow{ color:#3A4B85; flex-shrink:0; margin-top:22px; }

/* ---------------- PLATFORM ---------------- */
.ua-parceiros .platform-grid{ display:grid; grid-template-columns: 0.85fr 1.15fr; gap:60px; align-items:center; }
.ua-parceiros .platform-grid h2{ font-size:30px; font-weight:800; line-height:1.2; margin:8px 0 18px; }
.ua-parceiros .feature-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.ua-parceiros .feature-list li{ display:flex; align-items:flex-start; gap:10px; font-size:14px; color: var(--ink-soft); font-weight:500; }
.ua-parceiros .feature-list svg{ color: var(--blue); flex-shrink:0; margin-top:2px; }
.ua-parceiros .platform-mock{ position:relative; }
.ua-parceiros .platform-panel{
  background:#fff; border:1px solid var(--border); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-float); padding:18px 20px;
}
.ua-parceiros .platform-panel-top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.ua-parceiros .platform-panel-top h4{ font-family:var(--font-display); font-weight:800; font-size:14px; }
.ua-parceiros table.mock-table{ width:100%; border-collapse:collapse; font-size:11px; }
.ua-parceiros table.mock-table th{ text-align:left; color: var(--ink-faint); font-weight:600; font-size:10px; padding:6px 8px; border-bottom:1px solid var(--border); }
.ua-parceiros table.mock-table td{ padding:8px 8px; border-bottom:1px solid var(--border); color: var(--ink-soft); }
.ua-parceiros table.mock-table td.strong{ color: var(--ink); font-weight:600; }
.ua-parceiros .pill-status{ background:#E9F8EF; color:#178A4C; font-weight:700; padding:2px 8px; border-radius:6px; font-size:9.5px; }
.ua-parceiros .callout{
  position:absolute; background:#fff; border:1px solid var(--border); border-radius:10px;
  padding:9px 13px; font-size:11.5px; box-shadow: var(--shadow-card); max-width:170px;
}
.ua-parceiros .callout strong{ display:block; font-size:12px; margin-bottom:1px; }
.ua-parceiros .callout.c1{ top:-16px; right:-40px; }
.ua-parceiros .callout.c2{ right:-56px; top:42%; }
.ua-parceiros .callout.c3{ bottom:-18px; right:-24px; }

/* ---------------- CHANNELS ---------------- */
.ua-parceiros .channels-head{ max-width:520px; margin-bottom:48px; }
.ua-parceiros .channels-head h2{ font-size:28px; font-weight:800; line-height:1.3; }
.ua-parceiros .channels-head .highlight{ color: var(--blue); }
.ua-parceiros .channels-row{ display:flex; align-items:center; justify-content:center; gap:0; }
.ua-parceiros .channel-node{ display:flex; flex-direction:column; align-items:center; gap:10px; width:110px; }
.ua-parceiros .channel-node .icon{ width:56px;height:56px;border-radius:50%; background:#fff; border:1px solid var(--border); box-shadow: var(--shadow-card); display:flex;align-items:center;justify-content:center; color: var(--ink-soft); }
.ua-parceiros .channel-node span{ font-size:12px; font-weight:600; color: var(--ink-soft); text-align:center; }
.ua-parceiros .channel-dash{ flex:1; max-width:46px; height:0; border-top:2px dashed var(--border); margin-top:-24px; }
.ua-parceiros .channel-node.final .icon{ width:76px;height:76px; background: linear-gradient(135deg, var(--blue), #4A6CF2); color:#fff; box-shadow: 0 14px 30px rgba(41,84,229,.35); }
.ua-parceiros .channel-node.final span{ font-weight:800; color: var(--ink); font-size:13px; }

/* ---------------- TIMELINE / CREDIBILITY ---------------- */
.ua-parceiros .timeline-row{ display:flex; justify-content:space-between; position:relative; padding-top:6px; }
.ua-parceiros .timeline-row::before{
  content:''; position:absolute; top:24px; left:24px; right:24px; height:0;
  border-top:2px dashed var(--border);
}
.ua-parceiros .timeline-item{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; width:22%; position:relative; }
.ua-parceiros .timeline-item .icon{ width:48px;height:48px;border-radius:50%; background:#fff; border:1px solid var(--border); display:flex;align-items:center;justify-content:center; color: var(--blue); box-shadow: var(--shadow-card); z-index:1; }
.ua-parceiros .timeline-item .year{ font-family:var(--font-display); font-weight:800; font-size:15px; }
.ua-parceiros .timeline-item p{ font-size:12px; color: var(--ink-soft); line-height:1.4; }

/* ---------------- FAQ ---------------- */
.ua-parceiros .faq-grid{ display:grid; grid-template-columns: 0.8fr 1.2fr; gap:48px; }
.ua-parceiros .faq-grid h2{ font-size:30px; font-weight:800; line-height:1.2; margin-top:8px; }
.ua-parceiros .faq-cols{ display:grid; grid-template-columns:1fr 1fr; gap:0 32px; }
.ua-parceiros .faq-item{ border-bottom:1px solid var(--border); padding:16px 0; }
.ua-parceiros .faq-q{ display:flex; align-items:center; justify-content:space-between; cursor:pointer; font-size:14px; font-weight:600; }
.ua-parceiros .faq-q svg{ color: var(--blue); flex-shrink:0; transition: transform .15s ease; }
.ua-parceiros .faq-item.open .faq-q svg{ transform: rotate(45deg); }
.ua-parceiros .faq-a{ display:none; font-size:13px; color: var(--ink-soft); line-height:1.6; margin-top:10px; padding-right:20px; }
.ua-parceiros .faq-item.open .faq-a{ display:block; }

/* ---------------- FOOTER CTA (banner de fechamento, não é o rodapé do site) ---------------- */
.ua-parceiros .footer-cta{ background: linear-gradient(135deg, var(--navy), var(--navy-2)); color:#fff; padding:64px 0; border-radius: var(--radius-lg); }
.ua-parceiros .footer-cta-inner{ text-align:center; }
.ua-parceiros .footer-cta-inner h2{ color:#fff; font-size:28px; font-weight:800; margin-bottom:12px; }
.ua-parceiros .footer-cta-inner p{ color:#A9B2D6; font-size:14.5px; margin-bottom:26px; }
.ua-parceiros .footer-cta-inner .btn-primary{ background:#fff; color: var(--navy); box-shadow:none; }
.ua-parceiros .footer-cta-inner .btn-primary:hover{ background:#E7EBFB; }
.ua-parceiros .footer-cta-inner .note{ font-size:12px; color:#7A85B0; margin-top:10px; }

.ua-parceiros .btn-primary:focus-visible{ outline:2px solid var(--blue); outline-offset:2px; }

/* ---------------- MODAL "Agendar demonstração" ---------------- */
.ua-parceiros-modal-overlay{
  position:fixed; inset:0; background:rgba(10,22,66,.55); z-index:9999;
  display:flex; align-items:center; justify-content:center; padding:20px;
}
.ua-parceiros-modal-overlay[hidden]{ display:none; }
.ua-parceiros-modal{
  background:#fff; border-radius: var(--radius-lg); box-shadow: var(--shadow-float);
  width:100%; max-width:440px; padding:52px 28px 30px; position:relative;
  font-family: var(--font-body); color: var(--ink);
}
.ua-parceiros-modal h3{
  font-family: var(--font-display); font-weight:800; font-size:20px; margin:0 0 6px; letter-spacing:-0.01em;
}
.ua-parceiros-modal .modal-sub{ font-size:13.5px; color: var(--ink-soft); margin-bottom:20px; }
.ua-parceiros-modal-fechar{
  position:absolute; top:14px; right:14px; background: var(--bg-alt); border:1px solid var(--border);
  color: var(--ink-soft); font-family: var(--font-body); font-size:13px; font-weight:600;
  display:flex; align-items:center; gap:6px; padding:7px 12px; border-radius:99px;
}
.ua-parceiros-modal-fechar:hover{ background: var(--border); color: var(--ink); }
.ua-parceiros-modal-fechar:focus-visible{ outline:2px solid var(--blue); outline-offset:2px; }
.ua-parceiros-modal-form{ display:flex; flex-direction:column; gap:12px; }
.ua-parceiros-modal-form input{
  border:1px solid var(--border); border-radius:9px; padding:11px 13px; font-size:14px;
  font-family: var(--font-body); color: var(--ink); width:100%;
}
.ua-parceiros-modal-form input:focus{ outline:2px solid var(--blue); outline-offset:1px; }
.ua-parceiros-modal-form button[type="submit"]{
  margin-top:4px; width:100%; justify-content:center;
}
.ua-parceiros-modal-erro{ color:#C0392B; font-size:12.5px; }
.ua-parceiros-modal-sucesso{ text-align:center; padding:10px 0; }
.ua-parceiros-modal-sucesso h4{ font-family:var(--font-display); font-weight:800; font-size:16px; margin-bottom:6px; }
.ua-parceiros-modal-sucesso p{ font-size:13.5px; color: var(--ink-soft); }

@media (max-width: 900px){
  .ua-parceiros .wrap{ padding:0 22px; }
  .ua-parceiros .hero-grid, .ua-parceiros .story-grid, .ua-parceiros .platform-grid, .ua-parceiros .faq-grid{ grid-template-columns:1fr; }
  .ua-parceiros .hero h1{ font-size:32px; }
  .ua-parceiros .challenge-grid{ grid-template-columns:1fr 1fr; }
  .ua-parceiros .flow-row{ flex-wrap:wrap; gap:28px; justify-content:center; }
  .ua-parceiros .flow-arrow{ display:none; }
  .ua-parceiros .stats-grid{ grid-template-columns:1fr; gap:20px; }
  .ua-parceiros .stats-divider{ display:none; }
  .ua-parceiros .stat-item{ padding-left:0; }
  .ua-parceiros .channels-row{ flex-wrap:wrap; gap:20px; }
  .ua-parceiros .channel-dash{ display:none; }
  .ua-parceiros .timeline-row{ flex-wrap:wrap; gap:24px; }
  .ua-parceiros .timeline-row::before{ display:none; }
  .ua-parceiros .timeline-item{ width:45%; }
  .ua-parceiros .faq-cols{ grid-template-columns:1fr; }
  .ua-parceiros .phone{ display:none; }
  .ua-parceiros .callout{ display:none; }
}