/* Carpina 3D: página de links da bio (mobile-first) */
body { min-height: 100vh; display: flex; flex-direction: column; background: var(--navy) url("../img/cubos.svg") repeat; background-size: 120px; color: rgba(255, 255, 255, .86); }
.pagina { flex: 1; width: 100%; max-width: 480px; margin: 0 auto; padding: 40px 18px 28px; }

.perfil { text-align: center; margin-bottom: 28px; }
.perfil-logo { width: 150px; height: auto; margin: 0 auto 14px; }
.perfil-arroba { margin: 0; font-family: var(--fonte-titulo); font-weight: 800; font-size: 1.1rem; color: var(--laranja); }
.perfil-slogan { margin: 6px 0 10px; font-family: var(--fonte-titulo); font-weight: 900; font-size: 1.3rem; line-height: 1.25; color: var(--branco); }
.perfil-info { margin: 0; font-size: .95rem; }

.links { display: grid; gap: 14px; }
.link {
  display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 12px 18px;
  border-radius: 16px; background: var(--branco); color: var(--navy); text-decoration: none;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .18); transition: transform .15s ease, box-shadow .15s ease;
}
.link:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0, 0, 0, .25); }
.link svg { width: 28px; height: 28px; flex: none; color: var(--laranja); }
.link span { display: flex; flex-direction: column; font-family: var(--fonte-titulo); font-weight: 800; font-size: 1.02rem; line-height: 1.25; }
.link small { font-family: var(--fonte-texto); font-weight: 400; font-size: .85rem; color: var(--cinza); }
.link-destaque { min-height: 76px; background: var(--laranja); color: var(--branco); box-shadow: 0 8px 22px rgba(245, 124, 31, .4); }
.link-destaque svg, .link-destaque small { color: var(--branco); }
.link-destaque small { opacity: .92; }

.links-rodape { margin-top: 30px; text-align: center; font-size: .85rem; }
.links-rodape p { margin: 0 0 4px; }

@media (prefers-reduced-motion: reduce) { .link { transition: none; } }