/* Visual G (marinho, cantos retos), desde 19/10/2026. */
/* Guia de Entrevista (14/10/2026). Desenho de leitura: um capítulo por vez, índice por
   parte, caixas com cor por tipo. Usa as fichas de cor do site (--accent, --sell,
   --outras); fora do index.html (prévia), os valores de reserva valem.
   Raios: 10px caixa, 6px elemento pequeno, 999px pílula (CLAUDE.md 2b). */
.g-guia{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}
@media(max-width:820px){.g-guia{grid-template-columns:minmax(0,1fr);gap:16px}}
.g-indice{position:sticky;top:88px;font-size:14px}
@media(max-width:820px){.g-indice{position:static}}
.g-indice details{border:1px solid var(--line,#e9ebf0);border-radius:4px;background:var(--surface,#fff);padding:12px 14px}
.g-indice summary{font-weight:600;cursor:pointer;list-style:none}
.g-indice summary::-webkit-details-marker{display:none}
.g-indice .g-parte{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#828b99);margin:14px 0 6px}
.g-indice ol{margin:0;padding:0;list-style:none}
.g-indice li a{display:flex;gap:8px;padding:6px 8px;border-radius:2px;color:inherit;text-decoration:none;line-height:1.35}
.g-indice li a:hover{background:var(--surface-2,#f6f7f9)}
.g-indice li a[aria-current="true"]{background:var(--accent-soft,#E9EEF5);color:var(--accent-ink,#0F2340);font-weight:600}
.g-indice li a span{font-variant-numeric:tabular-nums;color:var(--muted,#828b99);min-width:18px}
.g-indice li a.g-feito span{color:var(--ok,#16a34a)}
.g-barra{height:6px;border-radius:4px;background:var(--surface-2,#f6f7f9);overflow:hidden;margin:4px 0 0}
.g-barra i{display:block;height:100%;background:var(--accent,#0F2340);border-radius:4px}
.g-cap{max-width:70ch}
.g-etiqueta{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--accent,#0F2340);border-radius:4px;padding:4px 12px}
.g-cap h2{font-size:30px;line-height:1.2;margin:12px 0 4px}
.g-cap .g-num{font-size:14px;color:var(--muted,#828b99);font-variant-numeric:tabular-nums;margin:0 0 20px}
.g-cap h4{font-size:17px;margin:28px 0 8px}
.g-cap p,.g-cap li{font-size:17px;line-height:1.65}
.g-cap li{margin:6px 0}
.g-minuto,.g-quer,.g-arm,.g-modelo{border-radius:4px;padding:16px 20px;margin:20px 0}
.g-minuto{background:var(--accent-soft,#E9EEF5);border-left:4px solid var(--accent,#0F2340)}
.g-quer{background:var(--sell-soft,#e6f6f3);border-left:4px solid var(--sell,#0d9488)}
.g-arm{background:var(--outras-soft,#fef3e2);border-left:4px solid var(--outras,#d97706)}
.g-modelo{background:var(--surface-2,#f6f7f9);border:1px dashed var(--line,#d5d9e2)}
.g-minuto>b,.g-quer>b,.g-arm>b,.g-modelo>b{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}
.g-minuto>b{color:var(--accent-ink,#0F2340)}
.g-quer>b{color:var(--sell-ink,#0f766e)}
.g-arm>b{color:#b45309}
.g-modelo>b{color:var(--muted,#5b6475)}
.g-minuto ul{margin:0;padding-left:20px}
.g-minuto p:last-child,.g-quer p:last-child,.g-arm p:last-child,.g-modelo p:last-child{margin-bottom:0}
.g-arm p,.g-quer p,.g-modelo p{margin:0 0 8px}
.g-tag{display:inline-block;font-size:12px;font-weight:700;background:var(--surface,#fff);border:1px solid var(--line,#e9ebf0);border-radius:4px;padding:2px 10px;margin-right:6px;vertical-align:1px}
.g-check{list-style:none;padding:0;margin:16px 0}
.g-check li{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line,#e9ebf0);border-radius:2px;margin:8px 0;cursor:pointer;background:var(--surface,#fff)}
.g-check li::before{content:"";flex:0 0 20px;height:20px;border:2px solid var(--line,#c9ced8);border-radius:2px;margin-top:3px;background:var(--surface,#fff)}
.g-check li.on{background:var(--sell-soft,#e6f6f3);border-color:transparent}
.g-check li.on::before{background:var(--sell,#0d9488) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;border-color:var(--sell,#0d9488)}
.g-nav{display:flex;justify-content:space-between;gap:12px;margin:36px 0 0;padding-top:20px;border-top:1px solid var(--line,#e9ebf0)}
.g-nav button{font:inherit;font-size:15px;font-weight:600;border:1px solid var(--line,#e9ebf0);background:var(--surface,#fff);color:inherit;border-radius:4px;padding:10px 18px;cursor:pointer;max-width:48%;text-align:left}
.g-nav button.g-prox{margin-left:auto;background:var(--accent,#0F2340);border-color:var(--accent,#0F2340);color:#fff;text-align:right}
.g-nav button small{display:block;font-size:12px;font-weight:500;opacity:.8}
.g-capa{border-radius:4px;padding:24px;background:var(--accent-soft,#E9EEF5);margin:0 0 20px}
.g-capa h1{font-size:32px;margin:0 0 6px}
.g-capa p{margin:0;max-width:60ch}
/* Tabela de conta (materiais grátis, 14/10/2026): números alinhados à direita. */
.g-tab{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.g-tab th,.g-tab td{padding:8px 10px;border-bottom:1px solid var(--line,#e9ebf0);text-align:left;vertical-align:top}
.g-tab th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#828b99)}
.g-tab td+td,.g-tab th+th{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.g-tab tr.g-total td{font-weight:700;border-top:2px solid var(--line,#c9ced8)}
.g-cap .g-tab-rola{overflow-x:auto}
/* "Ver resposta" dos exercícios */
.g-cap details{border:1px solid var(--line,#e9ebf0);border-radius:2px;padding:10px 14px;margin:8px 0 16px;background:var(--surface,#fff)}
.g-cap details summary{cursor:pointer;font-weight:600;color:var(--accent-ink,#0F2340)}

/* PROTEÇÃO DO GUIA PAGO (14/10/2026): o mesmo do Banco
   (public/banco-tecnico/app.css, .ez-marca e .qreal-prot). Marca d'água com o
   e-mail fixa sobre a tela, sem pegar clique; texto sem seleção nem menu de
   toque; borrado quando a janela perde o foco; fora da impressão. Os
   materiais grátis não ganham .g-prot. */
#view-guia-entrevista .ez-marca{position:fixed;inset:0;pointer-events:none;z-index:40;background-repeat:repeat}
.g-prot{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.g-prot .g-cap{transition:filter .12s}
.g-prot.borrado .g-cap{filter:blur(9px)}
.g-prot.g-trocando .g-cap{opacity:.5}
@media print{
  .g-prot>*{display:none!important}
  .g-prot::before{content:"Conteúdo exclusivo de quem comprou o guia, visto no site.";display:block;font-weight:600}
}

/* PÁGINA DE VENDA (14/10/2026): o que tem dentro, por parte, e os três motivos. */
.gv-partes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}
@media(max-width:980px){.gv-partes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.gv-partes{grid-template-columns:minmax(0,1fr)}}
.gv-parte{border:1px solid var(--line,#e9ebf0);border-radius:4px;background:var(--surface,#fff);padding:16px 18px}
.gv-parte>b{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink,#0F2340);margin:0 0 8px}
.gv-parte ol{margin:0;padding-left:22px;font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums}
.gv-parte li{margin:4px 0}
.gv-pontos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:820px){.gv-pontos{grid-template-columns:minmax(0,1fr)}}
.gv-ponto{border-radius:4px;padding:16px 20px;background:var(--surface-2,#f6f7f9)}
.gv-ponto:nth-child(1){background:var(--accent-soft,#E9EEF5)}
.gv-ponto:nth-child(2){background:var(--sell-soft,#e6f6f3)}
.gv-ponto:nth-child(3){background:var(--outras-soft,#fef3e2)}
.gv-ponto>b{display:block;font-size:16px;margin:0 0 6px}
.gv-ponto p{margin:0;font-size:15px;line-height:1.55}

/* PESQUISA DE DORES (14/10/2026), rota #pesquisa: perguntas com opções em pílula
   de caixa (raio 10px), largura de leitura. Lógica em ez-pesquisa.js. */
.pq{max-width:720px}
.pq h2{margin:8px 0 10px}
.pq-intro{color:var(--ink-2);font-size:16px;line-height:1.6;margin:0 0 24px}
.pq-caixa{padding:24px;max-width:480px}
.pq-caixa p{font-size:15px;line-height:1.55;margin:0 0 14px}
.pq-msg{font-size:13px;color:var(--ink-2);margin-top:12px}
.pq-quem{font-size:13px;color:var(--muted);margin:0 0 16px}
.pq-q{border:1px solid var(--line);border-radius:4px;background:var(--surface,#fff);padding:18px 20px;margin:0 0 14px}
.pq-q legend{font-weight:600;font-size:16px;line-height:1.4;padding:0 6px;margin-left:-6px}
.pq-q legend span{font-weight:400;font-size:13px;color:var(--muted)}
.pq-op{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:2px;cursor:pointer;font-size:15px;line-height:1.4}
.pq-op:hover{background:var(--surface-2)}
.pq-op input{accent-color:var(--accent);width:16px;height:16px;flex:0 0 auto;margin-top:2px}
.pq-q textarea{width:100%;margin-top:8px;resize:vertical;font:inherit}

/* PLANOS (14/10/2026), rota #planos: três cartões por necessidade, o completo
   no meio, e as outras combinações numa faixa embaixo. Também o link "ver os
   planos" que substituiu os botões extras nas páginas de produto. */
.ch-pacote-sub{text-align:center;font-size:12px;color:var(--muted);margin-top:6px}
.ch-planos{display:block;text-align:center;font-size:13px;font-weight:600;margin-top:12px;color:var(--accent-ink,#0F2340)}
.pl-topo{max-width:760px;margin:0 auto 32px;text-align:center}

.pl-topo p{font-size:17px;line-height:1.6;color:var(--ink-2);margin:14px 0 0}
.pl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;max-width:1040px;margin:0 auto}
@media(max-width:900px){.pl-grid{grid-template-columns:minmax(0,1fr);max-width:480px}}
.pl-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;background:var(--surface,#fff);padding:26px 24px 22px}
.pl-destaque{border:2px solid var(--accent,#0F2340);background:var(--accent-soft,#E9EEF5);box-shadow:var(--shadow)}
.pl-selo{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent,#0F2340);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;padding:4px 12px;border-radius:4px;white-space:nowrap}
.pl-para{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink,#0F2340)}
.pl-nome{font-size:20px;font-weight:700;margin-top:6px}
.pl-preco{font-size:34px;font-weight:700;margin:8px 0 16px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pl-preco span{font-size:15px;font-weight:600;color:var(--muted)}
.pl-lista{list-style:none;margin:0 0 22px;padding:0;flex:1}
.pl-lista li{position:relative;padding-left:26px;margin:0 0 10px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.pl-lista li::before{content:"";position:absolute;left:4px;top:4px;width:6px;height:11px;border:solid var(--ok,#16a34a);border-width:0 2px 2px 0;transform:rotate(45deg)}
.pl-card .btn{width:100%}
.pl-mais{display:block;text-align:center;font-size:13px;font-weight:600;margin-top:12px}
.pl-outros{max-width:760px;margin:28px auto 0;padding:18px 22px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2)}
.pl-outros p{font-size:14px;line-height:1.6;color:var(--ink-2);margin:0 0 6px}
.pl-outros p:last-child{margin:0}
.pl-outros a{color:var(--accent-ink,#0F2340);font-weight:600}
/* 16/10/2026: simulação de entrevista 1:1, paga, como terceira coluna dos planos. */
.pl-sim{border-color:var(--ink,#0e1116)}
.pl-sim .pl-nota{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}
.pl-pacote{border:1px solid var(--line);border-radius:2px;padding:12px;margin:0 0 10px;background:var(--surface-2,#f6f7f9);text-align:center}
.pl-pacote-t{font-size:14px;font-weight:700}
.pl-pacote-p{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;margin:2px 0 8px}
.pl-pacote-p span{font-size:13px;font-weight:500;color:var(--muted)}
.pl-pacote .btn{width:100%}
.pl-sim-quem{font-size:13px;color:var(--muted);text-align:center;margin:10px 0 0}
.pl-sim-quem a{color:var(--accent-ink,#0F2340);font-weight:600}

/* Anual dos três (14/10/2026): o riscado é o preço real do mesmo plano pago por mês. */
.pl-de{color:var(--muted);font-weight:500}
.pl-anual{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);text-align:center;font-size:15px}
.pl-anual b{font-size:18px;font-variant-numeric:tabular-nums}
.pl-anual-sub{font-size:13px;color:var(--ink-2);margin:2px 0 10px}
/* 15/10/2026: pergunta do momento e seletor de período dos três juntos (temporada de processos). */
.pl-momento{max-width:820px;margin:0 auto 34px;text-align:center}
.pl-momento-q{font-size:15px;font-weight:700;margin-bottom:12px}
.pl-momento-op{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pl-momento-op button,.pl-periodo button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface,#fff);color:var(--ink-2);border-radius:4px;transition:background .15s,border-color .15s,color .15s}
.pl-momento-op button{font-size:15px;font-weight:600;padding:10px 18px}
.pl-momento-op button:hover,.pl-periodo button:hover{border-color:var(--accent,#0F2340);color:var(--ink)}
.pl-momento-op button[aria-pressed="true"],.pl-periodo button[aria-pressed="true"]{background:var(--accent,#0F2340);border-color:var(--accent,#0F2340);color:#fff}
.pl-momento-op button:focus-visible,.pl-periodo button:focus-visible{outline:2px solid var(--accent,#0F2340);outline-offset:2px}
.pl-periodo{display:flex;gap:6px;margin:14px 0 2px;padding:4px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:4px}
.pl-periodo button{flex:1;border:0;font-size:14px;font-weight:600;padding:7px 8px;background:transparent}
.pl-eco{font-size:14px;color:var(--ink-2);margin:-8px 0 16px;font-variant-numeric:tabular-nums}
.pl-nota{font-size:13px;line-height:1.5;color:var(--ink-2);text-align:center;margin-top:10px}
@media(max-width:600px){.pl-momento-op{flex-direction:column;align-items:stretch}}
@media(max-width:900px){.pl-destaque{order:-1;margin-top:8px}}

/* A parte viva do guia (21/10/2026, specs/2026-10-21-guia-entrevista-vivo.md):
   a faixa de novidades no topo e a caixa da semana no capítulo 8. Mesmo raio e
   mesma família de caixas do guia; marinho, sem cor nova. */
.g-novo{border:1px solid var(--line,#d5d9e2);border-left:4px solid var(--accent,#0F2340);border-radius:4px;padding:12px 16px;margin:0 0 20px;background:var(--surface,#fff)}
.g-novo>b{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink,#0F2340);margin:0 0 4px}
.g-novo p{margin:0;font-size:15px}
.g-novo a{font-weight:600;margin-left:4px}
.g-semana{border:1px solid var(--line,#d5d9e2);border-top:4px solid var(--accent,#0F2340);border-radius:4px;padding:16px 20px;margin:20px 0}
.g-semana>b{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink,#0F2340);margin:0 0 4px}
.g-assunto{padding:14px 0;border-top:1px solid var(--line,#e9ebf0)}
.g-assunto:first-of-type{border-top:0}
.g-assunto h3{font-size:17px;line-height:1.35;margin:0 0 6px}
.g-assunto p{margin:0 0 8px}
.g-assunto .g-fonte{font-size:13px;color:var(--muted,#5b6475);font-variant-numeric:tabular-nums}
.g-assunto .g-pergunta{background:var(--accent-soft,#E9EEF5);border-radius:4px;padding:10px 14px}
.g-assunto .g-pergunta span,.g-assunto .g-precisa{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5b6475);margin:0 0 4px}
.g-assunto ul{margin:0;padding-left:20px}
.g-assunto li{margin:0 0 4px}