/* Psico365: componentes dos posts.
 *
 * Cada componente é um bloco nativo do WordPress (Grupo, Lista, Detalhes,
 * Parágrafo) com uma classe extra em "Avançado > Classe(s) CSS adicional(is)".
 * Por isso o editor nunca acusa "bloco inválido" ao salvar.
 * Este arquivo é carregado no post e dentro do editor (add_editor_style).
 * Os seletores usam duas classes (ex.: .wp-block-group.keys) para vencer
 * as regras gerais do texto (.entry p, .entry h2...).
 */

/* Em resumo (Grupo .keys) */
.wp-block-group.keys{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:16px;padding:22px 26px;margin:0 0 32px}
.wp-block-group.keys h2{margin:0 0 10px;font-size:18px;letter-spacing:-.01em}
.wp-block-group.keys ul{margin:0}
.wp-block-group.keys>:last-child{margin-bottom:0}

/* Exemplo de mensagem (Grupo .msgbox) */
.wp-block-group.msgbox{position:relative;background:var(--soft);border-radius:18px 18px 18px 4px;padding:18px 22px;margin:4px 0 22px;color:var(--ink);font-size:17px;line-height:1.6;max-width:56ch}
.wp-block-group.msgbox p{color:var(--ink);margin:0}
.wp-block-group.msgbox p+p{margin-top:8px}
.wp-block-group.msgbox .msgbox-label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:var(--brand)}

/* Rótulo das caixas Dica / Atenção / Fontes */
.callout-label{display:flex;align-items:center;gap:8px;margin:0 0 6px!important;font-size:13px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.callout-label::before{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}

/* Dica (Grupo .dica) */
.wp-block-group.dica{background:var(--soft);border-radius:16px;padding:18px 22px;margin:28px 0}
.wp-block-group.dica p{color:var(--ink);margin:0}
.wp-block-group.dica p+p{margin-top:8px}
.wp-block-group.dica .callout-label{color:var(--brand);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1.1 2V16h5v-.2c.1-.8.5-1.5 1.1-2A6 6 0 0 0 12 3z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* Atenção (Grupo .atencao) */
.wp-block-group.atencao{--warn:#9A5B00;--warn-bg:#FFF5E1;--warn-line:#E8A33D;background:var(--warn-bg);border-left:4px solid var(--warn-line);border-radius:16px;padding:18px 22px;margin:28px 0}
.wp-block-group.atencao p{color:var(--ink);margin:0}
.wp-block-group.atencao p+p{margin-top:8px}
.wp-block-group.atencao .callout-label{color:var(--warn);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 20h20L12 3zM12 10v4M12 17h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wp-block-group.atencao{--warn:#F5C26B;--warn-bg:rgba(232,163,61,.12)}}
:root[data-theme="dark"] .wp-block-group.atencao{--warn:#F5C26B;--warn-bg:rgba(232,163,61,.12)}

/* Passo a passo (Lista numerada .passos) */
.wp-block-list.passos{list-style:none;counter-reset:passo;padding-left:0;margin:20px 0 26px}
.wp-block-list.passos>li{position:relative;counter-increment:passo;padding:2px 0 0 48px;margin-bottom:16px;min-height:34px}
.wp-block-list.passos>li::before{content:counter(passo);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:999px;background:var(--soft);color:var(--brand);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center}
.wp-block-list.passos>li::marker{content:none}

/* Checklist (Lista .checklist) */
.wp-block-list.checklist{list-style:none;padding-left:0;margin:16px 0 24px}
.wp-block-list.checklist>li{position:relative;padding-left:34px;margin-bottom:10px}
.wp-block-list.checklist>li::before{content:"";position:absolute;left:0;top:.25em;width:22px;height:22px;border-radius:999px;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.wp-block-list.checklist>li::marker{content:none}

/* Perguntas frequentes (Grupo .faq com blocos Detalhes) */
.wp-block-group.faq{margin:40px 0}
.wp-block-group.faq .wp-block-details{border-bottom:1px solid var(--line);margin:0;padding:0}
.wp-block-group.faq .wp-block-details:first-of-type{border-top:1px solid var(--line)}
.wp-block-group.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:700;color:var(--ink);font-size:17px}
.wp-block-group.faq summary::-webkit-details-marker{display:none}
.wp-block-group.faq summary::after{content:"";width:10px;height:10px;flex:none;border-right:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s}
.wp-block-group.faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.wp-block-group.faq .wp-block-details>:not(summary){margin:0 0 18px}

/* Destaque: número grande + explicação (Grupo .destaque) */
.wp-block-group.destaque{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 20px;align-items:center;border-block:1px solid var(--line);padding:22px 0;margin:32px 0}
.wp-block-group.destaque .destaque-numero{margin:0;font-size:clamp(36px,5vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--brand)}
.wp-block-group.destaque p{margin:0}
@media (max-width:560px){.wp-block-group.destaque{grid-template-columns:1fr}}

/* Fontes (Grupo .fontes) */
.wp-block-group.fontes{margin:44px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:15px}
.wp-block-group.fontes .callout-label{color:var(--muted);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l3 3v15H6z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 11h6M9 15h6' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.wp-block-group.fontes ul{margin:0;padding-left:20px}
.wp-block-group.fontes li{margin-bottom:6px;color:var(--muted)}
.wp-block-group.fontes a{color:var(--ink-2)}