/* Psico365: post do blog e blocos do editor. */

body{font-size:18px;line-height:1.75}

/* trilha */
.crumbs{font-size:14px;color:var(--muted);padding:28px 0 0;line-height:1.5}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.crumbs li+li::before{content:"›";margin-right:8px;color:var(--line-2)}
.crumbs a{color:var(--ink-2);text-decoration:none}.crumbs a:hover{color:var(--brand)}
.crumbs [aria-current]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:46ch}

/* cabeçalho do post */
.post-head{max-width:820px;padding:24px 0 32px}
.post-head h1{margin:18px 0;font-size:clamp(34px,5.2vw,58px);font-weight:800;letter-spacing:-.035em;line-height:1.05}
.dek{font-size:clamp(18px,1.8vw,21px);color:var(--ink-2);max-width:62ch;line-height:1.6;margin:0}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:22px;font-size:15px;color:var(--muted)}
.byline .who{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700}
.byline .av{width:36px;height:36px;border-radius:999px;background:#12343B;display:flex;align-items:center;justify-content:center}
.cover{margin:0 0 clamp(36px,5vw,56px);border-radius:24px;overflow:hidden;box-shadow:0 18px 40px -18px rgba(18,52,59,.35)}
.cover img{width:100%}

.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(32px,6vw,80px);padding-bottom:clamp(56px,8vw,96px)}
.layout>article{max-width:70ch;min-width:0}

/* conteúdo do editor */
.entry>*{margin-top:0;margin-bottom:18px}
.entry h2{font-size:clamp(24px,2.6vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:48px 0 14px;color:var(--ink)}
.entry h3{font-size:clamp(20px,2vw,23px);font-weight:800;letter-spacing:-.015em;line-height:1.3;margin:36px 0 10px;color:var(--ink)}
.entry h4,.entry h5,.entry h6{font-size:18px;font-weight:800;line-height:1.35;margin:28px 0 8px;color:var(--ink)}
.entry p{margin:0 0 18px;color:var(--ink-2)}
.entry ul,.entry ol{margin:0 0 18px;padding-left:24px;color:var(--ink-2)}
.entry li{margin-bottom:8px}
.entry li::marker{color:var(--accent);font-weight:700}
.entry li>ul,.entry li>ol{margin:8px 0 0}
.entry strong,.entry b{color:var(--ink)}
.entry a{text-underline-offset:3px;text-decoration-thickness:1.5px}
.entry hr,.entry .wp-block-separator{border:none;border-top:1px solid var(--line);margin:40px 0;opacity:1}
.entry .wp-block-separator.is-style-dots{border:none}
.entry .wp-block-separator.is-style-dots::before{color:var(--accent)}
.entry blockquote,.entry .wp-block-quote{margin:32px 0;padding:6px 0 6px 24px;border-left:4px solid var(--accent);font-size:clamp(19px,1.9vw,22px);line-height:1.55;color:var(--ink)}
.entry blockquote p{color:var(--ink);margin-bottom:10px}
.entry blockquote cite,.entry .wp-block-quote cite{display:block;font-size:15px;font-style:normal;font-weight:700;color:var(--muted)}
.entry .wp-block-pullquote{border-block:3px solid var(--accent);padding:28px 0;margin:40px 0;text-align:center}
.entry .wp-block-pullquote blockquote{border:none;padding:0;margin:0}
.entry .wp-block-pullquote p{font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.3}
.entry figure{margin:32px 0}
.entry .wp-block-image img,.entry figure img{border-radius:18px;height:auto}
.entry figcaption,.entry .wp-element-caption{margin-top:10px;font-size:14px;line-height:1.5;color:var(--muted);text-align:center}
.entry .alignwide,.entry .alignfull{margin-inline:0}
.entry .wp-block-embed iframe{max-width:100%;border-radius:14px}
.entry .wp-block-table{overflow-x:auto}
.entry table{width:100%;border-collapse:collapse;font-size:15px;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.entry th,.entry td{text-align:left;padding:12px 14px;border:none;border-top:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.entry thead th,.entry thead td{background:var(--soft);color:var(--ink);font-weight:700;border-top:none}
.entry .wp-block-table thead{border-bottom:none}
.entry code,.entry kbd{font-size:.88em;background:var(--soft);color:var(--ink);padding:.12em .4em;border-radius:6px}
.entry pre,.entry .wp-block-code{background:#12343B;color:#EAF2F0;padding:18px 20px;border-radius:14px;overflow-x:auto;font-size:15px;line-height:1.6;border:none}
.entry pre code{background:none;color:inherit;padding:0}
.entry .wp-block-button__link{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:14px;background:var(--brand);color:var(--on-brand);font-weight:700;font-size:16px;text-decoration:none}
.entry .wp-block-button__link:hover{background:var(--brand-hover);color:var(--on-brand)}
.entry .is-style-outline .wp-block-button__link{background:transparent;color:var(--brand);border:2px solid currentColor}
.entry .has-text-align-center{text-align:center}.entry .has-text-align-right{text-align:right}

/* caixas usadas nos posts (classe adicional no bloco Grupo) */
/* Em resumo, Exemplo de mensagem e demais caixas: veja components.css (também usado no editor). */

/* chamada para a lista */
.cta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 22px;align-items:center;background:#12343B;color:#fff;border-radius:22px;padding:26px 28px;margin:44px 0}
.cta p{color:#B9CCCB;margin:4px 0 0;font-size:16px;line-height:1.6}
/* o título da caixa não herda a cor dos negritos do texto (ficava azul-escuro sobre o fundo azul-escuro) */
.entry .cta b{display:block;font-size:19px;line-height:1.35;color:#fff}
.cta .btn{grid-column:2;justify-self:start;background:#5CC3B0;color:#12343B;height:48px;padding:0 22px}
.cta .btn:hover{background:#7BD3C3;color:#12343B;box-shadow:none}

/* compartilhar */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:28px;margin-top:40px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.share a,.share button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);font:700 14px 'Plus Jakarta Sans',sans-serif;text-decoration:none;cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--accent);color:var(--ink)}

.page-links{display:flex;gap:8px;align-items:center;margin:24px 0;font-size:15px;font-weight:700}

/* índice lateral */
aside .toc{position:sticky;top:100px;font-size:15px;line-height:1.5}
.toc b{display:block;margin-bottom:12px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:4px;border-left:2px solid var(--line)}
.toc a{display:block;padding:5px 0 5px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--ink-2);text-decoration:none;line-height:1.4;transition:color .2s,border-color .2s}
.toc a:hover{color:var(--ink)}.toc a.on{color:var(--brand);border-left-color:var(--accent);font-weight:700}

@media (max-width:980px){.layout{grid-template-columns:1fr}.layout>aside{display:none}}
@media (max-width:640px){body{font-size:17px}.cover{border-radius:16px}.cta{grid-template-columns:1fr}.cta .btn{grid-column:1}}