/* ============================================================
   WELLNESS PLACE · Painel (02/out/2026)
   Linguagem do handoff v2: palco claro, cartão branco, Mirante no
   título, rótulo em caixa alta pequena, dourado só como traço e selo.
   ============================================================ */
.wpa-rot { font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #8A6B26; }
.wpa-sub { font-size: 12.5px; color: #6E6258; line-height: 1.5; }
.wpa-nota { font-size: 12.5px; color: #5A4520; background: rgba(154,123,62,.10); border-radius: 10px; padding: 10px 14px; line-height: 1.55; margin: 10px 0; }
.wpa-salvo { font-size: 12px; color: #5E534A; }
.wpa-linha { display: flex; align-items: center; gap: 10px 18px; flex-wrap: wrap; margin-top: 12px; }
.wpa-check { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #2E2A26; cursor: pointer; }
.wpa-check input { width: 16px; height: 16px; accent-color: #8A6B26; }
.wpa-check em, .wpa-campo em { font-style: normal; font-size: 11px; color: #8D7B6A; }
.wpa-check .wpa-sub { font-size: 11.5px; }
.wpa-campo { display: flex; flex-direction: column; gap: 5px; font-size: 11px; color: #6E6258; min-width: 0; }
.wpa-campo > span:first-child { font-weight: 600; letter-spacing: .02em; }
.wpa-campo.is-largo { grid-column: 1 / -1; }
.wpa-ta { resize: vertical; min-height: 64px; line-height: 1.5; font-family: inherit; }
.wpa-up { cursor: pointer; }
.wpa-mini-a { margin-left: 8px; font-size: 11.5px; color: #8A6B26; font-weight: 700; text-decoration: none; white-space: nowrap; }
.wpa-ficha-v { line-height: 1.5; display: flex; flex-direction: column; align-items: flex-end; text-align: right; gap: 2px; }
.wpa-ficha-v .wpa-mini-a { margin-left: 0; }

/* seletor de perfil (criar acesso, ficha) */
.wpa-acesso { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(46,42,38,.08); }
.wpa-seg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.wpa-seg-b { text-align: left; border: 1px solid rgba(46,42,38,.12); background: #FFFFFF; border-radius: 12px; padding: 11px 12px; cursor: pointer; font-family: inherit; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.wpa-seg-b b { font-size: 13px; color: #241F1B; font-weight: 700; }
.wpa-seg-b span { font-size: 11px; color: #6E6258; line-height: 1.4; }
.wpa-seg-b:hover { border-color: #CAA967; }
.wpa-seg-b.on { border-color: #8A6B26; box-shadow: 0 0 0 1px #8A6B26; background: #FBF7EF; }
@media (max-width: 640px) { .wpa-seg { grid-template-columns: 1fr; } }

/* modais próprios */
.wpa-ov { position: fixed; inset: 0; z-index: 99990; background: rgba(33,29,24,.45); display: flex; align-items: flex-start; justify-content: center; padding: 4vh 16px; overflow-y: auto; }
.wpa-modal { width: 100%; background: #F1EBE0; border-radius: 18px; overflow: hidden; box-shadow: 0 30px 80px rgba(20,15,10,.35); }
.wpa-m-top { display: flex; justify-content: space-between; gap: 16px; padding: 20px 24px 16px; background: #FFFFFF; border-bottom: 1px solid rgba(46,42,38,.08); }
.wpa-m-top h2 { font-family: var(--font-display, 'Mirante', serif); font-size: 22px; font-weight: 600; color: #241F1B; margin: 4px 0 4px; }
.wpa-x { border: 0; background: none; font-size: 24px; line-height: 1; color: #6E6258; cursor: pointer; padding: 4px 8px; height: 36px; }
.wpa-m-corpo { padding: 18px 24px 20px; }
.wpa-m-pe { display: flex; align-items: center; justify-content: flex-end; gap: 14px; padding: 14px 24px; background: #FFFFFF; border-top: 1px solid rgba(46,42,38,.08); }
.wpa-m-pe .wpa-salvo { margin-right: auto; }
.wpa-hist { list-style: none; margin: 8px 0 0; padding: 0; }
.wpa-hist li { display: flex; align-items: baseline; gap: 6px 12px; flex-wrap: wrap; padding: 8px 0; border-top: 1px solid rgba(46,42,38,.06); font-size: 12.5px; }
.wpa-hist li:first-child { border-top: 0; }
.wpa-hist li b { color: #241F1B; font-weight: 600; }
.wpa-hist li span { color: #6E6258; }
.wpa-hist-a { margin-left: auto; display: inline-flex; gap: 10px; }

/* duas colunas: formulário + prévia */
.wpa-duas { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 1fr); gap: 18px; align-items: start; }
.wpa-form { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.wpa-prev { position: sticky; top: 12px; background: #F6F1E8; border: 1px solid rgba(46,42,38,.08); border-radius: 16px; padding: 16px 18px 20px; min-width: 0; }
.wpa-m-corpo.wpa-duas .wpa-prev { position: static; }
.wpa-prev-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.wpa-seg-mini { display: inline-flex; border: 1px solid rgba(46,42,38,.14); border-radius: 99px; padding: 2px; background: #FFFFFF; }
.wpa-seg-mini button { border: 0; background: none; font-family: inherit; font-size: 11.5px; font-weight: 600; color: #6E6258; padding: 5px 12px; border-radius: 99px; cursor: pointer; }
.wpa-seg-mini button.on { background: #241F1B; color: #F6F2EE; }
@media (max-width: 1100px) { .wpa-duas { grid-template-columns: 1fr; } .wpa-prev { position: static; } }

/* prévia (miniatura fiel do que ela vê) */
.wpa-pv-eb { font-size: 9.5px; letter-spacing: .2em; text-transform: uppercase; color: #9B7B3E; font-weight: 600; }
.wpa-pv-h { font-family: var(--font-display, 'Mirante', serif); font-weight: 600; font-size: 20px; line-height: 1.12; color: #1E1915; margin: 6px 0 8px; }
.wpa-pv-p { font-size: 12.5px; line-height: 1.6; color: #5C5348; white-space: pre-line; }
.wpa-pv-ass { font-family: var(--font-display, 'Mirante', serif); font-style: italic; font-size: 14px; color: #1E1915; margin-top: 10px; }
.wpa-pv-btn { display: inline-block; margin-top: 12px; font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; background: #1E1915; color: #F6F2EE; border-radius: 10px; padding: 10px 14px; }
.wpa-pv-btn.is-ghost { background: transparent; color: #1E1915; box-shadow: inset 0 0 0 1px rgba(30,25,21,.18); }
.wpa-pv-carta, .wpa-pv-msg, .wpa-pv-ban { background: rgba(255,255,255,.72); border-radius: 16px; padding: 18px; position: relative; box-shadow: inset 0 0 0 1px rgba(30,25,21,.07); }
.wpa-pv-carta::before, .wpa-pv-msg::before { content: ""; position: absolute; left: 18px; top: 0; width: 28px; height: 2px; background: #CAA967; }
.wpa-pv-carta.is-centro { text-align: center; }
.wpa-pv-carta.is-centro::before { left: 50%; transform: translateX(-50%); }
.wpa-pv-msg, .wpa-pv-ban { display: flex; gap: 14px; align-items: center; }
.wpa-pv-msg img, .wpa-pv-ban img { width: 84px; height: 84px; object-fit: cover; border-radius: 12px; flex: none; }
.wpa-pv-mapa { margin-top: 8px; background: #2E2A26; color: #F6F2EE; border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.wpa-pv-mapa span { font-size: 9px; letter-spacing: .2em; text-transform: uppercase; color: #CAA967; font-weight: 600; }
.wpa-pv-mapa b { font-family: var(--font-display, 'Mirante', serif); font-weight: 500; font-size: 16px; }
.wpa-pv-mapa em { font-style: normal; font-size: 11.5px; color: #CFC6B8; line-height: 1.5; }
.wpa-pv-passos { list-style: none; margin: 12px 0 0; padding: 14px 14px 4px; background: rgba(255,255,255,.72); border-radius: 14px; box-shadow: inset 0 0 0 1px rgba(30,25,21,.07); }
.wpa-pv-passos li { display: grid; grid-template-columns: 24px 1fr; gap: 10px; padding-bottom: 12px; position: relative; }
.wpa-pv-passos li::before { content: ""; position: absolute; left: 11.5px; top: 26px; bottom: 2px; width: 1px; background: rgba(30,25,21,.13); }
.wpa-pv-passos li:last-child::before { display: none; }
.wpa-pv-passos li.fut::before { background: none; border-left: 1px dashed rgba(30,25,21,.2); width: 0; }
.wpa-pv-passos i { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 11px; font-weight: 700; color: #5C5348; box-shadow: inset 0 0 0 1px rgba(30,25,21,.18); background: #FFFFFF; position: relative; z-index: 1; }
.wpa-pv-passos li.ok i { background: #CAA967; color: #FFFFFF; box-shadow: none; }
.wpa-pv-passos li.agora i { background: #1E1915; color: #F6F2EE; box-shadow: 0 0 0 4px rgba(202,169,103,.22); }
.wpa-pv-passos li.marco i { box-shadow: inset 0 0 0 2px #CAA967; }
.wpa-pv-passos li.marco i::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #CAA967; }
.wpa-pv-passos b { font-family: var(--font-display, 'Mirante', serif); font-weight: 600; font-size: 13.5px; color: #1E1915; display: block; padding-top: 3px; }
.wpa-pv-passos li.fut b { color: #5C5348; }
.wpa-pv-passos p { font-size: 11.5px; color: #5C5348; line-height: 1.5; margin: 3px 0 0; }
.wpa-pv-tar { display: block; margin-top: 6px; font-size: 11.5px; color: #1E1915; padding: 7px 10px; border-radius: 9px; box-shadow: inset 0 0 0 1px rgba(30,25,21,.08); background: #FFFFFF; }
.wpa-pv-dots { display: flex; justify-content: center; gap: 5px; margin-top: 10px; }
.wpa-pv-dots i { width: 6px; height: 6px; border-radius: 99px; background: rgba(30,25,21,.15); }
.wpa-pv-dots i.on { width: 16px; background: #CAA967; }

/* página do menu Wellness Place */
.wpa-pagina { display: flex; flex-direction: column; gap: 14px; }
.wpa-intro p { font-size: 13px; color: #5E534A; margin: 0; max-width: 90ch; line-height: 1.55; }
.wpa-abas { display: flex; gap: 6px; flex-wrap: wrap; }
.wpa-aba { border: 1px solid rgba(46,42,38,.12); background: #FFFFFF; border-radius: 99px; padding: 8px 16px; font-family: inherit; font-size: 12.5px; font-weight: 600; color: #5A5049; cursor: pointer; }
.wpa-aba.on { background: #241F1B; color: #F6F2EE; border-color: #241F1B; }
.wpa-barra { position: sticky; bottom: 0; display: flex; align-items: center; justify-content: flex-end; gap: 14px; padding: 12px 0 4px; background: linear-gradient(to top, #F1EBE0 70%, rgba(241,235,224,0)); }
.wpa-perfis { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
.wpa-perfil { display: flex; flex-direction: column; gap: 10px; }
.wpa-abas-lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; }
.wpa-check.is-fixa { color: #8D7B6A; }
.wpa-num { display: inline-flex; align-items: center; gap: 8px; }
.wpa-num input { width: 110px; }
.wpa-num em { font-style: normal; font-size: 12px; color: #6E6258; }
.wpa-grupo .wpa-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px 14px; margin-top: 8px; }
.wpa-bans { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.wpa-ban { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid rgba(46,42,38,.08); border-radius: 12px; background: #FFFFFF; }
.wpa-ban.sel { border-color: #CAA967; box-shadow: 0 0 0 1px #CAA967; }
.wpa-ban.off .wpa-ban-t b { color: #8D7B6A; }
.wpa-ban-ord { display: flex; flex-direction: column; gap: 3px; }
.wpa-ban-ord .pcfe-ic { width: 26px; height: 22px; font-size: 11px; }
.wpa-ban-ord .pcfe-ic[disabled] { opacity: .35; cursor: default; }
.wpa-ban-t { flex: 1; min-width: 0; cursor: pointer; display: flex; flex-direction: column; gap: 2px; }
.wpa-ban-t b { font-size: 13.5px; color: #241F1B; }
.wpa-ban-t span { font-size: 11.5px; color: #6E6258; }
.wpa-switch { position: relative; width: 40px; height: 24px; flex: none; cursor: pointer; }
.wpa-switch input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.wpa-switch i { position: absolute; inset: 0; border-radius: 99px; background: rgba(46,42,38,.18); transition: background .15s ease; }
.wpa-switch i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #FFFFFF; transition: transform .15s ease; box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.wpa-switch input:checked + i { background: #8A6B26; }
.wpa-switch input:checked + i::after { transform: translateX(16px); }

/* CRM · cartão da lead */
.wpa-card { border: 1px solid rgba(202,169,103,.55) !important; margin-bottom: 14px; position: relative; }
.wpa-card::before { content: ""; position: absolute; left: 22px; top: -1px; width: 36px; height: 2px; background: #CAA967; }
.wpa-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px 18px; flex-wrap: wrap; }
.wpa-card-h { font-family: var(--font-display, 'Mirante', serif); font-size: 21px; font-weight: 600; color: #241F1B; margin: 4px 0 4px; }
.wpa-card-top .wpa-sub a { color: #8A6B26; font-weight: 700; text-decoration: none; }
.wpa-card-adm { display: inline-flex; gap: 14px; flex-wrap: wrap; }
.wpa-card-acoes { display: flex; align-items: center; gap: 10px 16px; flex-wrap: wrap; margin-top: 14px; }
.wpa-card.is-liberar .wpa-sub { max-width: 70ch; }
.wpa-jornada { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px; }
.wpa-j { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: #FBF9F5; border: 1px solid rgba(46,42,38,.07); min-width: 0; }
.wpa-j > div { min-width: 0; flex: 1; }
.wpa-j b { display: block; font-size: 13px; color: #241F1B; }
.wpa-j span { display: block; font-size: 12px; color: #6E6258; margin-top: 2px; }
.wpa-j-no { flex: none; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid rgba(46,42,38,.25); margin-top: 1px; position: relative; }
.wpa-j.ok .wpa-j-no { background: #CAA967; border-color: #CAA967; }
.wpa-j.ok .wpa-j-no::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.wpa-j .pcfp-det { margin-top: 6px; }
.wpa-j:has(.pcfp-det[open]) { grid-column: 1 / -1; }
.wpa-toques { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 12px; font-size: 12px; color: #6E6258; }
.wpa-toques b { color: #241F1B; }

/* aviso "fechou a consulta" · gentil, no canto, nunca bloqueia */
.wpa-aviso { position: fixed; right: 20px; bottom: 20px; z-index: 99980; max-width: 380px; background: #FFFFFF; border-radius: 14px; padding: 16px 18px; box-shadow: 0 18px 44px rgba(20,15,10,.22); border-top: 2px solid #CAA967; display: flex; flex-direction: column; gap: 12px; }
.wpa-aviso b { display: block; font-family: var(--font-display, 'Mirante', serif); font-size: 16px; color: #241F1B; }
.wpa-aviso span { display: block; font-size: 12.5px; color: #5E534A; margin-top: 2px; }
.wpa-aviso-b { display: flex; justify-content: flex-end; align-items: center; gap: 14px; }
/* ficha · Wellness Place & plano */
.wpa-plano { margin: 4px 0 16px; padding: 14px 16px 12px; border-radius: 12px; background: #FBF9F5; border: 1px solid rgba(46,42,38,.08); }
.wpa-plano .wpa-seg-b[disabled] { cursor: default; }
.wpa-dur { border: 1px solid rgba(46,42,38,.14); background: #FFFFFF; border-radius: 99px; padding: 7px 14px; font-family: inherit; font-size: 12.5px; font-weight: 600; color: #3E3731; cursor: pointer; }
.wpa-dur.on { background: #241F1B; color: #F6F2EE; border-color: #241F1B; }
.wpa-antigo { margin-left: auto; font-size: 11.5px; color: #8D7B6A; }

/* ── uma pessoa, uma ficha (02/out · caso Mylena) ── */
.pn-grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 14px; }
.pn-grade .v2s-in { width: 100%; }
@media (max-width: 640px) { .pn-grade { grid-template-columns: 1fr; } }
.pes-achou { margin-top: 14px; background: #FFFFFF; border-radius: 14px; box-shadow: inset 0 0 0 1px rgba(138,107,38,.35); padding: 12px 14px 6px; }
.pes-achou-h { font-size: 12.5px; font-weight: 700; color: #5A4520; margin-bottom: 4px; }
.pes-item { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; padding: 10px 0; border-top: 1px solid rgba(46,42,38,.07); }
.pes-item:first-of-type { border-top: 0; }
.pes-item > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pes-item b { font-size: 13.5px; color: #241F1B; font-weight: 600; }
.pes-item span { font-size: 12px; color: #6E6258; }
.pes-item.is-lead { cursor: pointer; }
.pes-item .wpa-check { font-size: 12px; }
.pes-nao { padding: 8px 0 8px; font-size: 12px; }
#pes-acesso-aviso:empty { display: none; }
#pes-acesso-aviso .pes-achou { margin: 0 0 14px; }
.v2gs-item .v2gs-lead { margin-left: auto; flex: none; font-size: 10.5px; font-weight: 700; letter-spacing: .04em; color: #8A6B26; border: 1px solid rgba(138,107,38,.35); border-radius: 99px; padding: 3px 9px; cursor: pointer; }
.v2gs-item .v2gs-lead:hover { background: rgba(202,169,103,.14); }
.v2gs-item .v2gs-lead + .v2gs-go { margin-left: 10px; }

/* ── Hoje: frases do topo ── */
.wpa-frases { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; counter-reset: fr; }
.wpa-frases li { padding: 12px 12px 10px; border-radius: 12px; background: #FBF8F2; border: 1px solid rgba(46,42,38,.08); }
.wpa-frases select.v2s-in { width: auto; min-width: 220px; }

/* ── Feed (Painel) ── */
.wfp-regra { font-size: 12.5px; line-height: 1.55; color: #5A4520; background: rgba(154,123,62,.10); border-left: 2px solid #CAA967; border-radius: 0 10px 10px 0; padding: 10px 14px; margin: 4px 0 14px; }
.wfp-alerta { font-size: 12.5px; line-height: 1.5; color: #7A4A33; background: rgba(122,74,51,.08); border-radius: 10px; padding: 9px 12px; }
#wfp-alertas:empty { display: none; }
.wfp-midia-nome { font-size: 12.5px; color: #2E2A26; font-weight: 600; }
.wfp-posts { list-style: none; margin: 10px 0 0; padding: 0; }
.wfp-posts li { display: flex; align-items: center; gap: 12px; padding: 10px 8px; border-top: 1px solid rgba(46,42,38,.07); border-radius: 10px; }
.wfp-posts li:first-child { border-top: 0; }
.wfp-posts li.sel { background: #FBF7EF; box-shadow: inset 0 0 0 1px rgba(138,107,38,.35); }
.wfp-post-t { flex: 1; min-width: 0; text-align: left; border: 0; background: none; cursor: pointer; font-family: inherit; display: flex; flex-direction: column; gap: 4px; padding: 0; }
.wfp-post-t b { font-size: 13.5px; color: #241F1B; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wfp-post-t span { font-size: 12px; color: #6E6258; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.wfp-chip { font-style: normal; font-size: 10.5px; font-weight: 700; letter-spacing: .04em; border-radius: 99px; padding: 2px 8px; background: rgba(46,42,38,.06); color: #5E534A; }
.wfp-chip.ok { background: rgba(95,107,78,.12); color: #4A5A3C; }
.wfp-chip.ag { background: rgba(176,138,46,.14); color: #7A5F2F; }
.wfp-chip.off { background: rgba(46,42,38,.08); color: #8D7B6A; }
.wfp-chip.ouro { background: rgba(202,169,103,.18); color: #7A5F2F; }
.wfp-coms { list-style: none; margin: 10px 0 0; padding: 0; }
.wfp-coms li { padding: 12px 0; border-top: 1px solid rgba(46,42,38,.07); }
.wfp-coms li:first-child { border-top: 0; }
.wfp-coms li.is-oculto .wfp-com-t { color: #8D7B6A; text-decoration: line-through; text-decoration-color: rgba(46,42,38,.25); }
.wfp-com-top { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-size: 13px; }
.wfp-com-top a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(138,107,38,.4); }
.wfp-com-top b { color: #241F1B; font-weight: 600; }
.wfp-com-top time { font-size: 11.5px; color: #8D7B6A; }
.wfp-tag { font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: #8A6B26; font-weight: 700; }
.wfp-com-t { font-size: 13.5px; color: #2E2A26; line-height: 1.5; margin-top: 4px; white-space: pre-line; }
.wfp-com-pe { display: flex; align-items: center; justify-content: space-between; gap: 8px 14px; flex-wrap: wrap; margin-top: 6px; }
.wfp-com-acoes { display: inline-flex; gap: 12px; }
.wfp-com-acoes .crx-link.on { color: #8A6B26; }
.wfp-resp { margin-top: 10px; }
.wfp-resp .wpa-linha { justify-content: flex-end; }
/* prévia fiel (Área B, Dia) */
.wfp-celular { background: #F1EBE0; border-radius: 18px; padding: 14px; }
.wfp-post { background: rgba(255,255,255,.72); border-radius: 18px; padding: 16px 16px 14px; box-shadow: inset 0 0 0 1px rgba(30,25,21,.07), 0 18px 40px -30px rgba(30,25,21,.45); }
.wfp-post.is-fixado { box-shadow: inset 0 0 0 1px rgba(202,169,103,.45), 0 18px 40px -30px rgba(30,25,21,.45); }
.wfp-autor { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.wfp-autor > div { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.wfp-autor b { font-size: 13px; color: #1E1915; }
.wfp-autor span { font-size: 11px; color: #8D7B6A; }
.wfp-autor em { font-style: normal; font-size: 9px; letter-spacing: .2em; text-transform: uppercase; color: #9B7B3E; font-weight: 600; }
.wfp-av { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-family: var(--font-display, 'Mirante', serif); font-size: 12px; color: #9B7B3E; box-shadow: inset 0 0 0 1px rgba(202,169,103,.55); background: #E8E0CE; flex: none; }
.wfp-texto { font-size: 13px; line-height: 1.6; color: #1E1915; }
.wfp-texto p + p { margin-top: 8px; }
.wfp-midia { display: block; width: 100%; max-height: 320px; object-fit: cover; border-radius: 12px; margin-top: 10px; background: #000; }
.wfp-link { display: inline-block; margin-top: 10px; font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: #9B7B3E; font-weight: 600; }
.wfp-acoes { display: flex; gap: 14px; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(30,25,21,.06); font-size: 12px; color: #5C5348; }
.wfp-caixa { margin-top: 10px; border-radius: 14px; padding: 9px 12px; font-size: 12px; color: #8D7B6A; background: rgba(255,255,255,.78); box-shadow: inset 0 0 0 1px rgba(30,25,21,.07); }

/* ── 02/out · menu Wellness Place redesenhado: menu lateral + cabeçalho com Salvar ── */
.wpa-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 22px; align-items: start; }
.wpa-nav { position: sticky; top: 12px; display: flex; flex-direction: column; gap: 18px; background: #FFFFFF; border-radius: 18px; padding: 16px 12px; box-shadow: 0 1px 0 rgba(46,42,38,.04), 0 0 0 1px rgba(46,42,38,.06); }
.wpa-nav-g { display: flex; flex-direction: column; gap: 2px; }
.wpa-nav-gt { font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #8A6B26; padding: 0 10px 6px; }
.wpa-nav-i { text-align: left; border: 0; background: none; border-radius: 12px; padding: 9px 10px; cursor: pointer; font-family: inherit; display: flex; flex-direction: column; gap: 2px; }
.wpa-nav-i b { font-size: 13.5px; font-weight: 600; color: #241F1B; }
.wpa-nav-i span { font-size: 11.5px; line-height: 1.4; color: #7A6E63; }
.wpa-nav-i:hover { background: #F6F1E8; }
.wpa-nav-i.on { background: #241F1B; }
.wpa-nav-i.on b { color: #F6F2EE; }
.wpa-nav-i.on span { color: #CFC6B8; }
.wpa-conteudo { min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.wpa-cab { position: sticky; top: 0; z-index: 5; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 14px 0 12px; background: #F1EBE0; border-bottom: 1px solid rgba(46,42,38,.08); }
.wpa-cab h2 { font-family: var(--font-display, 'Mirante', serif); font-size: 26px; font-weight: 500; color: #241F1B; margin: 0 0 4px; }
.wpa-cab p { margin: 0; font-size: 13px; color: #6E6258; line-height: 1.5; }
.wpa-salvar { display: flex; align-items: center; gap: 12px; flex: none; }
.wpa-barra { display: none; }

.wpa-perfis-sel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.wpa-pcard { text-align: left; border: 1px solid rgba(46,42,38,.1); background: #FFFFFF; border-radius: 16px; padding: 14px 16px; cursor: pointer; font-family: inherit; display: flex; flex-direction: column; gap: 4px; }
.wpa-pcard b { font-family: var(--font-display, 'Mirante', serif); font-size: 19px; font-weight: 500; color: #241F1B; }
.wpa-pcard em { font-style: normal; font-size: 12px; color: #6E6258; }
.wpa-pcard:hover { border-color: #CAA967; }
.wpa-pcard.on { border-color: #8A6B26; box-shadow: 0 0 0 1px #8A6B26; background: #FBF7EF; }
.wpa-perfil-corpo { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 18px; align-items: start; }
.wpa-perfil-form { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.wpa-telas { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.wpa-telas li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 12px; border-radius: 12px; border: 1px solid rgba(46,42,38,.08); background: #FBF9F5; }
.wpa-telas li.on { background: #FFFFFF; border-color: rgba(138,107,38,.35); }
.wpa-telas li div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.wpa-telas li b { font-size: 13.5px; color: #241F1B; font-weight: 600; }
.wpa-telas li:not(.on) b { color: #8D7B6A; }
.wpa-telas li span { font-size: 11.5px; color: #7A6E63; line-height: 1.4; }
.wpa-telas li.fixa { opacity: .85; }
.wpa-det summary { cursor: pointer; font-size: 13.5px; font-weight: 600; color: #241F1B; list-style: none; }
.wpa-det summary::-webkit-details-marker { display: none; }
.wpa-det summary::after { content: '  ›'; color: #8A6B26; }
.wpa-det[open] summary::after { content: '  ⌄'; }

/* prévia do celular */
.wpa-cel { position: sticky; top: 90px; }
.wpa-cel-tela { width: 100%; aspect-ratio: 9 / 17.5; max-height: 540px; border-radius: 34px; background: #EFE8DC; border: 8px solid #241F1B; box-shadow: 0 22px 50px rgba(30,25,21,.18); padding: 20px 16px 0; display: flex; flex-direction: column; overflow: hidden; position: relative; }
.wpa-cel-top { display: flex; justify-content: space-between; align-items: center; font-size: 9px; letter-spacing: .2em; text-transform: uppercase; color: #6E6258; font-weight: 700; }
.wpa-cel-top i { width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(30,25,21,.25); }
.wpa-cel-h { font-family: var(--font-display, 'Mirante', serif); font-size: 22px; color: #1E1915; margin-top: 18px; line-height: 1.1; }
.wpa-cel-s { font-size: 11px; color: #8A6B26; margin-top: 4px; letter-spacing: .04em; }
.wpa-cel-bloco { height: 90px; border-radius: 16px; background: rgba(255,255,255,.75); margin-top: 16px; }
.wpa-cel-bloco.curto { height: 54px; margin-top: 10px; }
.wpa-cel-menu { margin-top: auto; margin-left: -16px; margin-right: -16px; background: rgba(255,255,255,.92); padding: 10px 10px 14px; display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; border-top: 1px solid rgba(30,25,21,.08); }
.wpa-cel-menu span { font-size: 10px; padding: 4px 8px; border-radius: 99px; color: #5C5348; background: #F6F1E8; }
.wpa-cel-menu span.on { background: #241F1B; color: #F6F2EE; }

@media (max-width: 1180px) { .wpa-perfil-corpo { grid-template-columns: 1fr; } .wpa-cel { position: static; max-width: 280px; margin: 0 auto; } }
@media (max-width: 980px) {
  .wpa-layout { grid-template-columns: 1fr; }
  .wpa-nav { position: static; flex-direction: row; overflow-x: auto; gap: 8px; padding: 10px; }
  .wpa-nav-g { flex-direction: row; gap: 6px; }
  .wpa-nav-gt { display: none; }
  .wpa-nav-i { white-space: nowrap; }
  .wpa-nav-i span { display: none; }
  .wpa-perfis-sel, .wpa-telas { grid-template-columns: 1fr; }
  .wpa-cab { flex-direction: column; }
}

/* 02/out · o cabeçalho fixo deixava uma faixa por onde o conteúdo aparecia por cima ao rolar
   (o palco do Painel tem 26px de respiro): ele cola na borda de cima e cobre o respiro */
.wpa-cab { top: -26px; margin-top: -26px; padding-top: 40px; background: var(--v2-canvas, #F1EBE0); }
.wpa-prev, .wpa-cel { top: 128px; }
.wpa-nav { top: 0; }
@media (max-width: 880px) { .wpa-cab { top: -14px; margin-top: -14px; padding-top: 28px; } }