/* Acabamento visual compartilhado. Cada página mantém seus próprios tokens de cor. */
.page-links,
.page-mentoria,
.page-guia {
  --liquid-highlight: rgba(255, 252, 247, .72);
  --liquid-line: rgba(255, 252, 247, .48);
  --liquid-shadow: rgba(43, 36, 25, .13);
  --liquid-glow: rgba(193, 105, 79, .13);
}

.page-links .link-card,
.page-links .link-pill,
.page-links .badge,
.page-mentoria .prisonitem,
.page-mentoria .diffcard,
.page-mentoria .qualifybox,
.page-mentoria .testicard,
.page-mentoria .offercard {
  border-color: var(--liquid-line);
  box-shadow:
    inset 0 1px 0 var(--liquid-highlight),
    0 16px 36px -22px var(--liquid-shadow);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  backdrop-filter: blur(14px) saturate(125%);
}

.page-links .link-card,
.page-links .link-pill,
.page-mentoria .prisonitem,
.page-mentoria .diffcard,
.page-mentoria .qualifybox,
.page-mentoria .testicard {
  transition:
    transform .34s cubic-bezier(.22,.68,.16,1),
    box-shadow .34s ease,
    border-color .34s ease,
    background .34s ease;
}

.page-links .link-card:hover,
.page-links .link-pill:hover,
.page-mentoria .prisonitem:hover,
.page-mentoria .diffcard:hover,
.page-mentoria .qualifybox:hover,
.page-mentoria .testicard:hover {
  transform: translateY(-5px);
  border-color: rgba(193, 105, 79, .32);
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 247, .82),
    0 22px 44px -22px rgba(43, 36, 25, .25),
    0 0 30px var(--liquid-glow);
}

.page-links .profile__ring,
.page-mentoria .story__media,
.page-mentoria .visioncard,
.page-guia .hero-media img,
.page-guia .gallery img {
  border: 1px solid var(--liquid-line);
  box-shadow:
    inset 0 1px 0 var(--liquid-highlight),
    0 24px 54px -28px rgba(43, 36, 25, .34),
    0 0 32px var(--liquid-glow);
}

.page-mentoria .stickybar {
  background: rgba(247, 242, 231, .72);
  border-bottom-color: var(--liquid-line);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
  box-shadow: 0 10px 32px rgba(43, 36, 25, .08);
}

.page-mentoria .offercard {
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 247, .18),
    0 24px 54px -28px rgba(25, 18, 13, .48),
    0 0 38px rgba(193, 105, 79, .12);
}

.page-links .link-card__arrow,
.page-mentoria .timelineitem__num,
.page-guia .bloco-num {
  box-shadow: inset 0 1px 0 rgba(255, 252, 247, .45), 0 8px 20px rgba(43, 36, 25, .1);
}

@media (prefers-reduced-motion: reduce) {
  .page-links .link-card,
  .page-links .link-pill,
  .page-mentoria .prisonitem,
  .page-mentoria .diffcard,
  .page-mentoria .qualifybox,
  .page-mentoria .testicard { transition: none; }
}
/* Acesso por teclado: visível apenas quando recebe foco. */
.skip-link {
  position: fixed;
  z-index: 10000;
  top: 12px;
  left: 12px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #fff8ef;
  color: #402c28;
  font: 700 .85rem/1.2 system-ui, sans-serif;
  box-shadow: 0 8px 28px rgba(55, 32, 27, .22);
  transform: translateY(-160%);
  transition: transform .2s ease;
}
.skip-link:focus { transform: translateY(0); }