/* Artmetriq · ajustes do tema para WordPress: menu, entrar, páginas internas e equipe. */

.skip { position: absolute; left: 16px; top: -64px; z-index: 20; background: var(--inv-bg); color: var(--inv-fg); padding: 8px 16px; border-radius: 20px; font-size: 14px; }
.skip:focus { top: 16px; }

/* Menu do painel (quando configurado) */
.top nav .menu { display: flex; gap: 32px; margin: 0; padding: 0; list-style: none; }
.top nav .menu a { color: var(--muted); transition: color .2s; }
.top nav .menu a:hover, .top nav .menu .current-menu-item a { color: var(--fg); }
.top .login { font-size: 14px; font-weight: 500; color: var(--muted); white-space: nowrap; transition: color .2s; }
.top .login:hover { color: var(--fg); }
.top .wrap { gap: 24px; }
@media (max-width: 400px) { .top .btn.sm { display: none; } }

/* Páginas internas */
.page-wrap { padding-block: 64px var(--sec); }
@media (min-width: 960px) { .page-wrap { padding-top: 96px; } }
.page-head { max-width: 720px; margin-bottom: 48px; }
.page-head h1 { text-wrap: balance; }
.entry { max-width: 720px; font-size: 16px; line-height: 28px; }
.entry > * + * { margin-top: 24px; }
.entry h2 { font-size: 32px; line-height: 40px; margin-top: 48px; }
.entry h3 { font-size: 24px; line-height: 32px; margin-top: 40px; }
.entry a { text-decoration: underline; text-underline-offset: 4px; }
.entry ul, .entry ol { padding-left: 24px; list-style: revert; }
.entry li + li { margin-top: 8px; }
.entry img { border-radius: 16px; height: auto; }
.entry blockquote { margin: 32px 0; padding-left: 24px; border-left: 2px solid var(--fg); font-size: 20px; line-height: 32px; }
.cover-img { margin: 0 0 48px; border-radius: 24px; overflow: hidden; }
.cover-img img { width: 100%; height: auto; display: block; }
.page-wrap .posts a { display: flex; align-items: center; gap: 16px; width: 100%; }
.page-wrap .posts a div { flex: 1; min-width: 0; }
.nav-links { display: flex; gap: 8px; margin-top: 32px; }
.nav-links a, .nav-links span { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 20px; background: var(--panel); font-size: 14px; }

/* Equipe */
.team-hero h1 { max-width: 720px; }
.team { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px var(--gap); margin: 0; padding: 0; list-style: none; }
@media (min-width: 640px) { .team { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .team { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.person { min-width: 0; }
.person .photo { aspect-ratio: 4 / 5; border-radius: 24px; background: var(--panel); overflow: hidden; display: grid; place-items: center; position: relative; isolation: isolate; max-width: 100%; }
.person .photo img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter .5s, transform .6s cubic-bezier(.2, .8, .2, 1); }
.person:hover .photo img { filter: none; transform: scale(1.03); }
.person .photo::after { content: ""; position: absolute; z-index: -1; width: 70%; height: 50%; right: -20%; bottom: -20%; border-radius: 50%; background: var(--glow-1); filter: blur(48px); opacity: 0; transition: opacity .5s; }
.person:hover .photo::after { opacity: .6; }
.person .initials { font-family: var(--brand); font-weight: 600; font-size: 64px; line-height: 72px; letter-spacing: -.04em; color: var(--pale); }
.person h2 { font-size: 24px; line-height: 32px; margin-top: 24px; max-width: none; }
.person .role { color: var(--muted); margin-top: 4px; }
.person .bio { margin-top: 16px; color: var(--muted); }
.person .pill { margin-top: 16px; }
.notice-box { background: var(--panel); border-radius: 24px; padding: 32px; max-width: 640px; }
.notice-box b { font-weight: 500; display: block; margin-bottom: 8px; }
.notice-box a { text-decoration: underline; text-underline-offset: 4px; }