/* YC Jump Links + WhatsApp CTA (match the screenshot look) */

:root{
  --yc-maroon:#7A1020;         /* deep vermillion maroon */
  --yc-maroon-dark:#650D1A;
  --yc-card:#ffffff;
  --yc-border:#E7E9EE;
  --yc-text:#111111;
  --yc-muted:#1f2937;
  --yc-shadow: 0 10px 26px rgba(15,23,42,.08);
  --yc-radius:18px;
}

.yc-jumpwrap{
  background: var(--yc-card);
  border: 1px solid var(--yc-border);
  border-radius: var(--yc-radius);
  box-shadow: var(--yc-shadow);
  padding: 18px 18px 16px;
  margin: 18px 0 22px;
}

.yc-jumptitle{
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 800;
  color: var(--yc-text);
}

.yc-jumpbar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin: 0 0 16px;
}

.yc-jbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 16px;
  border-radius: 999px;
  background: var(--yc-maroon);
  color: #fff;
  text-decoration:none;
  font-weight: 800;
  font-size: 13px;
  line-height: 1;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 8px 18px rgba(15,23,42,.12);
  white-space: nowrap;
}
.yc-jbtn:hover{ background: var(--yc-maroon-dark); }
.yc-jbtn:focus{ outline: 3px solid rgba(122,16,32,.25); outline-offset: 2px; }

.yc-divider{
  border:0;
  border-top: 1px dashed #D9DDE6;
  margin: 12px 0 14px;
}

.yc-ctaRow{
  display:flex;
  align-items:center;
  gap:18px;
}

.yc-ctaBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 16px 22px;
  border-radius: 14px;
  background: var(--yc-maroon);
  color:#fff;
  font-weight: 900;
  text-decoration:none;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 12px 22px rgba(15,23,42,.12);
  min-height: 54px;
  white-space: nowrap;
}
.yc-ctaBtn:hover{ background: var(--yc-maroon-dark); }
.yc-ctaBtn:focus{ outline: 3px solid rgba(122,16,32,.25); outline-offset: 2px; }

.yc-ctaText{
  margin:0;
  color: var(--yc-muted);
  font-size: 14px;
  line-height: 1.35;
}

/* Mobile: stack CTA */
@media (max-width: 680px){
  .yc-ctaRow{ flex-direction: column; align-items:flex-start; gap:10px; }
  .yc-ctaBtn{ width: 100%; }
}
