/* Página Psicólogo Online (aprovada por Eduardo em 09/11/2026): faixa de confiança na primeira dobra, ícones coloridos,
   "Quem está por trás", FAQ em grupos e marcas-d'água de símbolos (um por dobra, cor única, 7%).
   Carregada só em /psicologoonline/, depois do amarelinha.css (que traz a amarelinha e a base .simbolo). */

/* Primeira dobra: o que acontece depois do formulário e provas de confiança, antes da foto */
.page-psych-online .online-micro{max-width:540px;margin:12px 0 0;color:#4b5a6b;font-size:14px;line-height:1.5}
.online-trust-strip{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:540px}
.online-trust-strip li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;padding:10px 11px;background:#fff;border:1px solid #d6e5e2;border-radius:12px}
.online-trust-strip svg{width:24px;height:24px;fill:none;stroke:#006b68;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.online-trust-strip strong{display:block;color:#14214d;font-size:13px;line-height:1.25}
.online-trust-strip small{display:block;margin-top:2px;color:#4b5a6b;font-size:12px;line-height:1.3}
.online-trust-strip a{color:#006b68;font-weight:700;text-decoration:underline}
.online-rating{margin:10px 0 0;color:#4b5a6b;font-size:13.5px}
.online-rating strong{color:#14214d}
.online-rating span{color:#d19a00}

/* Quando a terapia pode ajudar: ícones coloridos na paleta da amarelinha */
.sinal-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--b,#e3f4ef)}
.sinal-ic svg{width:26px;height:26px;fill:none;stroke:var(--f,#00615f);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sinal-ic-1{--b:#e3f4ef;--f:#00615f}
.sinal-ic-2{--b:#fbf3dc;--f:#9a6b00}
.sinal-ic-3{--b:#eeeaf8;--f:#5b47a8}
.sinal-ic-4{--b:#e5f1f8;--f:#1f6aa5}
.sinal-ic-5{--b:#fbe9e5;--f:#b4483c}
.sinal-ic-6{--b:#e3f4ef;--f:#00615f}

.page-psych-online .online-signal-grid article{align-items:stretch!important;text-align:left!important}
.page-psych-online .online-signal-grid article h3,.page-psych-online .online-signal-grid article p{text-align:left!important}
.page-psych-online .online-signal-grid article p{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}

/* Como funciona (amarelinha): a pilha da seção vinha com width:100% (sem margem lateral); devolve a largura padrão do site */
body.page-psych-online .online-process-section .online-process-stack{width:min(var(--container-max,1180px),calc(100% - (var(--page-pad,24px) * 2)))!important}
.online-process-section .amarelinha-palco{margin-top:0;margin-bottom:8px}
.online-process-section .amarelinha-acao{margin-top:4px}

/* Quem está por trás */
.quem-dados{margin:14px 0 0;display:grid;gap:8px}
.quem-dados div{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.45}
.quem-dados dt{color:#4b5a6b;font-weight:700}
.quem-dados dd{margin:0;color:#14214d}
.quem-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.quem-mapa{margin:18px 0 0;max-width:420px}
.quem-mapa svg{display:block;width:100%;height:auto;background:#fffef9;border:1px solid #d6e5e2;border-radius:14px}
@media(max-width:560px){.quem-dados div{grid-template-columns:1fr;gap:0}.quem-acoes .btn{width:100%;justify-content:center}}

/* FAQ em grupos e linha de revisão */
.online-faq-section .faq-revisao{max-width:760px;margin:10px auto 0;color:#4b5a6b;font-size:14px;line-height:1.5;text-align:center}
.online-faq-section .faq-grupo{max-width:880px;margin:30px auto 12px;color:var(--blue,#14214d);font-size:20px;line-height:1.25}
.online-faq-section .faq-list+.faq-grupo{margin-top:34px}
.online-faq-section .faq-list a{color:#006b68;font-weight:700;text-decoration:underline}

/* Marcas-d'água: o ::before e o tamanho vêm do amarelinha.css */
.simbolo-psi::before{background-image:url(/assets/img/psicologia-online/simbolo-psi.svg?v=1)}
/* No topo o ::before do page-hero ja leva o brilho desfocado, entao a sombra usa ::after e fica mais apagada */
.simbolo-boneco::after{content:"";position:absolute;z-index:0;width:min(46vw,320px);aspect-ratio:1;background:url(/assets/img/psicologia-online/simbolo-boneco.svg?v=3) no-repeat center/contain;opacity:.045;pointer-events:none;left:2%;top:14%;transform:rotate(-4deg)}
.page-hero.simbolo-boneco>.container{position:relative;z-index:1}

.simbolo-conversa::before{background-image:url(/assets/img/psicologia-online/simbolo-conversa.svg?v=1)}
.simbolo-coracao::before{background-image:url(/assets/img/psicologia-online/simbolo-coracao.svg?v=1)}
.simbolo-conexao::before{background-image:url(/assets/img/psicologia-online/simbolo-conexao.svg?v=1)}
.page-psych-online .page-hero.simbolo{overflow:hidden}