/* Psico365: lista do blog, arquivos, busca e 404. */

.intro{padding:clamp(48px,7vw,96px) 0 clamp(32px,4vw,48px);max-width:760px}
.intro h1{margin:0 0 16px;font-size:clamp(40px,6vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1}
.intro p,.intro-desc{font-size:clamp(17px,1.7vw,20px);color:var(--ink-2);margin:0;max-width:56ch}
.intro-desc p{margin:0}

/* post em destaque */
.feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:clamp(14px,1.6vw,18px);text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(18,52,59,.05);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s;margin-bottom:clamp(18px,2.4vw,28px)}
.feat:hover{color:inherit;transform:translateY(-4px);box-shadow:0 26px 50px -24px rgba(18,52,59,.35);border-color:var(--line-2)}
.feat .img{border-radius:20px;overflow:hidden;aspect-ratio:1200/630;background:#12343B}
.feat .img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.feat:hover .img img{transform:scale(1.035)}
.feat .txt{padding:clamp(6px,1.5vw,18px) clamp(6px,2vw,28px) clamp(6px,1.5vw,18px) 0}
.feat h2{margin:16px 0 12px;font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}
.feat p{margin:0;color:var(--ink-2)}
.feat .meta{display:flex;gap:16px;margin-top:18px;font-size:14px;color:var(--muted)}
.more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:700;color:var(--brand)}
.more svg{transition:transform .35s var(--ease)}.feat:hover .more svg{transform:translateX(4px)}

/* paginação */
.pager{margin-top:clamp(32px,4vw,48px)}
.pager .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:700;font-size:15px;text-decoration:none;transition:border-color .2s,color .2s}
.pager a.page-numbers:hover{border-color:var(--accent);color:var(--brand)}
.pager .page-numbers.current{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.pager .page-numbers.dots{border-color:transparent;background:none}

.empty{font-size:18px;color:var(--ink-2);padding:24px 0}

/* convite para a lista */
.next{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin:clamp(40px,5vw,64px) 0 clamp(64px,8vw,104px);padding:clamp(22px,3vw,32px);border-radius:24px;background:#12343B;color:#fff}
.next b{font-size:clamp(20px,2vw,24px);letter-spacing:-.01em}
.next p{margin:6px 0 0;color:#B9CCCB}
.next .btn{background:#5CC3B0;color:#12343B;height:48px;padding:0 22px}
.next .btn:hover{background:#7BD3C3;color:#12343B;box-shadow:none}

/* 404 */
.notfound{padding-bottom:clamp(64px,8vw,104px)}
.notfound .tag{margin-bottom:18px}
.notfound-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn.ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line-2)}
.btn.ghost:hover{background:var(--surface);color:var(--ink);border-color:var(--accent);box-shadow:none}

@media (max-width:980px){.feat{grid-template-columns:1fr}.feat .txt{padding:6px 10px 14px}}
@media (max-width:640px){.next{grid-template-columns:1fr}.next .btn{justify-self:start}}
@media (prefers-reduced-motion:reduce){.feat,.feat .img img{transition:none}}