/* r1.css · protótipo R1 da área "Secretárias" (PRÉVIA).
   Tokens e componentes: especialistas/design.json (prefixo sv-). Escala do site (corpo 17 px, H2, apoio, botões, cabeçalho, rodapé):
   copiada do site.css que está no ar, para a prévia ter a cara do site. Onde o token do design divergia do site, vale o site. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-800-normal.woff2) format('woff2')}

:root{
/* cor com função */
--sv-texto:#0B1733;--sv-texto-suave:#51607E;
--sv-decor:#8A97B0; /* só ícone decorativo e tracejado; nunca texto */
--sv-fundo:#FFFFFF;--sv-fundo-suave:#F5F7FB;--sv-fundo-pagina:#F5F7FB;
--sv-borda:#E3E9F4;--sv-borda-forte:#C7D3E6;--sv-borda-controle:#51607E;
--sv-acao:#0074AD;--sv-acao-press:#005A86;--sv-acao-suave:#EAF5FC;--sv-foco:#0074AD; /* anel de foco em 0074AD: 3:1 ou mais sobre branco, F5F7FB e EAF5FC */
--sv-sucesso:#267A22;--sv-sucesso-press:#1E5E1A;--sv-sucesso-forma:#38A830; /* 38A830 só em forma */
--sv-aviso:#8A6D00;--sv-aviso-marca:#F8D000; /* F8D000 só sobre marinho */
--sv-erro:#E00010;--sv-marinho:#0B1733;
--sv-rodape:#040E2B;--sv-rodape-suave:#A9B6D3;--sv-rodape-fio:#1B2A4F; /* rodapé do site.css */
/* tipografia */
--sv-f-texto:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
--sv-f-titulo:'Plus Jakarta Sans',Inter,system-ui,sans-serif;
--sv-t-h1:800 30px/1.12 var(--sv-f-titulo);
--sv-t-h2:800 26px/1.15 var(--sv-f-titulo);
--sv-t-h3:800 20px/1.2 var(--sv-f-titulo);
--sv-t-nome:800 17px/1.25 var(--sv-f-titulo);
--sv-t-corpo:400 17px/1.55 var(--sv-f-texto); /* site.css: 17/1.55 em toda largura */
--sv-t-frase:400 15px/1.45 var(--sv-f-texto);
--sv-t-apoio:400 14px/1.45 var(--sv-f-texto);
--sv-t-etiqueta:600 13px/1.35 var(--sv-f-texto); /* piso: nada abaixo de 13 px */
--sv-t-botao:600 16px/1.2 var(--sv-f-texto);
/* raios · sombras · espaços · toque · movimento */
--sv-r-etiqueta:6px;--sv-r-controle:12px;--sv-r-cartao:18px;--sv-r-pilula:999px;
--sv-s-2:0 14px 30px rgba(11,23,51,.10);
--sv-e-1:4px;--sv-e-2:8px;--sv-e-3:12px;--sv-e-4:16px;--sv-e-5:24px;--sv-e-6:32px;--sv-e-7:48px;
--sv-margem:20px;--sv-largura:1160px;--sv-toque:48px;--sv-toque-min:44px;--sv-dur:.16s;
--sv-anel:3px solid var(--sv-foco);
}
@media (min-width:1024px){:root{
--sv-t-h1:800 42px/1.12 var(--sv-f-titulo);--sv-t-h2:800 34px/1.12 var(--sv-f-titulo);--sv-t-h3:800 22px/1.2 var(--sv-f-titulo);
--sv-t-nome:800 18px/1.25 var(--sv-f-titulo);--sv-margem:24px;
}}
@media (prefers-reduced-motion:reduce){:root{--sv-dur:0s}}

/* ===== base ===== */
html{-webkit-text-size-adjust:100%;scroll-padding-top:132px}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:var(--sv-t-corpo);color:var(--sv-texto);background:var(--sv-fundo)}
body.sv-pag{background:var(--sv-fundo-pagina)}
[hidden]{display:none!important}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{max-width:100%}
a{color:var(--sv-acao)}
button{font:inherit;color:inherit}
h1{font:var(--sv-t-h1);letter-spacing:-.02em;overflow-wrap:anywhere}
h2{font:var(--sv-t-h2);letter-spacing:-.02em}
h3{font:var(--sv-t-h3)}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:var(--sv-anel);outline-offset:2px}
.sv-cx{max-width:var(--sv-largura);margin:0 auto;padding:0 var(--sv-margem)}
.sv-so-leitor{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sv-pular{position:absolute;left:8px;top:-80px;z-index:100;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:8px;background:var(--sv-fundo);font-weight:600}
.sv-pular:focus{top:8px}

/* ===== faixa da prévia (só na prévia) ===== */
.sv-previa{padding-top:6px;background:var(--sv-marinho);color:#fff;font:400 13px/1.45 var(--sv-f-texto)} /* fechada: linha curta + "O que é simulado aqui" (cerca de 70 px) */
.sv-previa strong{color:var(--sv-aviso-marca);font-weight:600}
.sv-previa summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;list-style:none}
.sv-previa summary::-webkit-details-marker{display:none}
.sv-previa summary::after{content:"";width:7px;height:7px;margin-bottom:3px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.sv-previa details[open] summary::after{margin-bottom:-4px;transform:rotate(-135deg)}
.sv-previa__at{display:flex;align-items:center;gap:0 4px;margin-top:2px;overflow-x:auto;white-space:nowrap}
.sv-previa__at>*{flex:none}
.sv-previa__at span{opacity:.8}
.sv-previa a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;color:#fff}
.sv-previa a[aria-current]{font-weight:600;text-decoration:none}

/* ===== cabeçalho e rodapé: mesma cara do site (moldura mínima) ===== */
.sv-topo{position:sticky;top:0;z-index:40;background:var(--sv-fundo);border-bottom:1px solid var(--sv-borda);box-shadow:0 2px 12px rgba(11,23,51,.07)}
.sv-topo__cx{max-width:var(--sv-largura);margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sv-marca{display:inline-flex;align-items:center;min-height:44px}
.sv-marca img{display:block;width:112px;height:55px}
.sv-topo__hannah{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border-radius:10px;background:var(--sv-sucesso);color:#fff;font:600 14px/1.2 var(--sv-f-texto);text-decoration:none;white-space:nowrap}
.sv-topo__hannah:hover{background:var(--sv-sucesso-press)}
.sv-menu{border-top:1px solid var(--sv-borda);overflow-x:auto}
.sv-menu__cx{max-width:var(--sv-largura);margin:0 auto;padding:0 24px;display:flex;gap:26px;white-space:nowrap;font-size:15px}
.sv-menu a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--sv-texto);font-weight:600;text-decoration:none}
.sv-menu a:hover{text-decoration:underline}
.sv-menu a[aria-current]{color:var(--sv-acao-press);box-shadow:inset 0 -3px 0 var(--sv-acao)}
.sv-menu__criar{color:var(--sv-sucesso-press)!important}
.sv-menu__criar::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sv-sucesso)}
@media (max-width:640px){html{scroll-padding-top:106px}.sv-topo__cx{padding:4px 16px;gap:8px}.sv-marca img{width:88px;height:43px}.sv-so-largo{display:none}.sv-menu__cx{padding:0 16px;gap:20px}}
.sv-rodape{margin-top:var(--sv-e-7);background:var(--sv-rodape);color:#fff;font-size:15px}
.sv-bloco+.sv-moldura+.sv-rodape,main>.sv-moldura:last-child{margin-top:0}
.sv-rodape__cx{max-width:var(--sv-largura);margin:0 auto;padding:40px 24px 24px;display:flex;flex-wrap:wrap;gap:24px 48px}
.sv-rodape__cx>*{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.sv-rodape__marca{font:800 19px/1.3 var(--sv-f-titulo)}
.sv-rodape__nota,.sv-rodape__fim{font-size:14px;color:var(--sv-rodape-suave)}
.sv-rodape a{display:inline-flex;align-items:center;min-height:44px;color:#fff}
.sv-rodape__fim{padding:16px 24px 28px;text-align:center;border-top:1px solid var(--sv-rodape-fio)}
main>.sv-moldura:last-child+*{margin-top:0}
body[data-pagina="home"] .sv-rodape{margin-top:0}

/* ===== moldura da home (o que não muda) ===== */
.sv-moldura{padding:28px 0;border-bottom:1px solid var(--sv-borda)}
.sv-moldura__nota{display:inline-block;padding:4px 10px;border:1.5px dashed var(--sv-decor);border-radius:var(--sv-r-etiqueta);font:var(--sv-t-etiqueta);font-weight:400;color:var(--sv-texto-suave)}
.sv-moldura h1{margin-top:12px;max-width:18ch;color:var(--sv-texto-suave)}

/* ===== bloco da home e textos de abertura ===== */
.sv-bloco{padding:48px 0;background:var(--sv-fundo-suave)}
.sv-miolo{display:block;padding:20px 0 0}
.sv-sobret{margin-bottom:12px;font:var(--sv-t-etiqueta);letter-spacing:.08em;text-transform:uppercase;color:var(--sv-acao)}
.sv-h2-home{font:800 clamp(28px,3.4vw,42px)/1.12 var(--sv-f-titulo);max-width:20ch} /* H2 do site.css */
.sv-apoio{margin-top:14px;font-size:18px;color:var(--sv-texto-suave);max-width:40em}
.sv-nota{margin-top:var(--sv-e-4);font:var(--sv-t-apoio);color:var(--sv-texto-suave);max-width:65ch}
.sv-ver-todas{margin-top:var(--sv-e-4)}
.sv-prof{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin-top:var(--sv-e-2);font:var(--sv-t-apoio);color:var(--sv-texto-suave)} /* linha discreta para a profissional, logo abaixo dos atalhos */
.sv-prof .sv-link{font-size:14px}
.sv-rot{margin-bottom:6px;font:600 15px/1.35 var(--sv-f-texto)}
@media (min-width:1024px){.sv-bloco{padding:72px 0}}
@media (max-width:599.98px){ /* celular: só espaços verticais mais justos, para o 1º perfil aparecer na 1ª tela do bloco; nenhum texto sai */
 .sv-bloco{padding-top:28px}
 .sv-bloco .sv-sobret{margin-bottom:8px}
 .sv-bloco .sv-apoio{margin-top:10px}
 .sv-bloco .sv-buscaf{margin-top:16px}
 .sv-bloco .sv-atalhos{margin-top:10px}
 .sv-bloco .sv-prof{flex-wrap:nowrap;margin-top:4px}
 .sv-bloco .sv-prof span{flex:none}
 .sv-bloco .sv-lista{margin-top:16px}
}

/* ===== botões e links de ação ===== */
.sv-bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--sv-toque);padding:10px 20px;border:1.5px solid transparent;border-radius:var(--sv-r-controle);font:var(--sv-t-botao);text-align:center;text-decoration:none;cursor:pointer;transition:background var(--sv-dur),border-color var(--sv-dur),color var(--sv-dur)}
.sv-bt--acao{background:var(--sv-acao);color:#fff}
.sv-bt--acao:hover{background:var(--sv-acao-press)}
.sv-bt--acao:active{background:var(--sv-marinho)}
.sv-bt--linha{background:var(--sv-fundo);border-color:var(--sv-acao);color:var(--sv-acao)}
.sv-bt--linha:hover{background:var(--sv-acao-suave)}
.sv-bt--verde{background:var(--sv-sucesso);color:#fff}
.sv-bt--verde:hover{background:var(--sv-sucesso-press)}
.sv-bt--verde-linha{background:var(--sv-fundo);border-color:var(--sv-sucesso);color:var(--sv-sucesso)}
.sv-bt--verde-linha:hover{background:var(--sv-sucesso);color:#fff}
.sv-link{display:inline-flex;align-items:center;min-height:var(--sv-toque-min);padding:0;border:0;background:none;font:600 16px/1.3 var(--sv-f-texto);color:var(--sv-acao);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sv-link:hover{color:var(--sv-acao-press)}
.sv-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px}
@media (max-width:599.98px){.sv-acoes .sv-bt,.sv-sugestoes li,.sv-sugestoes .sv-bt,.sv-mais .sv-bt{width:100%}}

/* ===== 1 · campo de busca (design) ===== */
.sv-buscaf{margin-top:var(--sv-e-5);max-width:640px}
.sv-buscaf label{display:block;margin-bottom:6px;font:600 15px/1.35 var(--sv-f-texto)}
.sv-dica{margin-top:6px;font:var(--sv-t-apoio);color:var(--sv-texto-suave)}
.sv-busca{display:flex;align-items:center;gap:var(--sv-e-1);min-height:52px;padding:3px;background:var(--sv-fundo);border:1px solid var(--sv-borda-controle);border-radius:var(--sv-r-controle);transition:border-color var(--sv-dur),box-shadow var(--sv-dur)}
.sv-busca:hover{border-color:var(--sv-texto)}
.sv-busca:focus-within{border-color:var(--sv-acao);box-shadow:0 0 0 1px var(--sv-acao)}
.sv-busca:has(.sv-busca__campo:focus-visible){outline:var(--sv-anel);outline-offset:2px}
.sv-busca__ico{display:none;flex:none;width:20px;height:20px;margin:0 var(--sv-e-2) 0 var(--sv-e-3);color:var(--sv-texto-suave)}
.sv-busca__campo{flex:1;min-width:0;height:44px;padding:0 0 0 var(--sv-e-3);border:0;background:none;font:400 16px/1.5 var(--sv-f-texto);color:var(--sv-texto);outline:0;appearance:none;-webkit-appearance:none}
.sv-busca__campo::-webkit-search-cancel-button{display:none}
.sv-busca__limpar{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--sv-texto-suave);font-size:24px;line-height:1;cursor:pointer}
.sv-busca__botao{flex:none;min-width:76px;height:44px;padding:0 var(--sv-e-4);border:0;border-radius:9px;background:var(--sv-acao);color:#fff;font:var(--sv-t-botao);cursor:pointer;transition:background var(--sv-dur)}
.sv-busca__botao:hover{background:var(--sv-acao-press)}
.sv-busca__botao:active{background:var(--sv-marinho)}
.sv-busca[aria-busy="true"] .sv-busca__botao{background:var(--sv-borda-forte);color:var(--sv-texto);cursor:progress}
@media (min-width:480px){.sv-busca__ico{display:block}.sv-busca__campo{padding-left:0}}

/* ===== sugestões enquanto digita (combobox): a lista fica SOBRE a página, não empurra nada; cada opção tem 48 px ou mais ===== */
.sv-busca{position:relative}
.sv-sug{position:absolute;left:-1px;right:-1px;top:calc(100% + 6px);z-index:35;max-height:min(420px,70vh);overflow-y:auto;overscroll-behavior:contain;background:var(--sv-fundo);border:1px solid var(--sv-borda-forte);border-radius:var(--sv-r-controle);box-shadow:var(--sv-s-2)}
.sv-sug__nada{padding:10px 12px 4px;font:var(--sv-t-apoio);color:var(--sv-texto-suave)}
.sv-sug__op{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;min-height:var(--sv-toque);padding:6px 12px;cursor:pointer}
.sv-sug__op+.sv-sug__op{border-top:1px solid var(--sv-borda)}
.sv-sug__op[aria-selected="true"]{background:var(--sv-acao-suave);box-shadow:inset 3px 0 0 var(--sv-acao)} /* a opção ativa tem fundo E barra à esquerda (não depende só da cor) */
.sv-sug__txt{min-width:0;font:400 16px/1.3 var(--sv-f-texto);color:var(--sv-texto);overflow-wrap:anywhere}
.sv-sug__txt mark{background:none;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px} /* o trecho digitado, em destaque */
.sv-sug__meta{flex:none;font:var(--sv-t-etiqueta);font-weight:400;color:var(--sv-texto-suave)}
@media (hover:hover){.sv-sug__op:hover{background:var(--sv-fundo-suave)}}

/* ===== 2 · atalho de área e chip de filtro (design): <a> na home, <button aria-pressed> no catálogo ===== */
.sv-atalhos{display:grid;grid-template-columns:1fr 1fr;gap:var(--sv-e-2);margin-top:var(--sv-e-3)}
.sv-filtro{margin-top:var(--sv-e-4)}
.sv-filtro .sv-atalhos{margin-top:0}
.sv-chip{display:flex;align-items:center;gap:var(--sv-e-2);width:100%;min-height:var(--sv-toque);padding:6px var(--sv-e-3);border:1px solid var(--sv-borda-forte);border-radius:var(--sv-r-controle);background:var(--sv-fundo);color:var(--sv-texto);font:600 14px/1.25 var(--sv-f-texto);text-align:left;text-decoration:none;cursor:pointer;transition:border-color var(--sv-dur),background var(--sv-dur)}
.sv-chip:hover{border-color:var(--sv-acao)}
.sv-chip:active{background:var(--sv-borda)}
.sv-chip[aria-pressed="true"]{border-color:var(--sv-marinho);background:var(--sv-marinho);color:#fff}
.sv-chip[aria-pressed="true"]::before{content:"";flex:none;width:10px;height:5px;margin-top:-3px;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(-45deg)} /* visto: o marcado não depende só da cor */
@media (min-width:600px){.sv-atalhos{display:flex;flex-wrap:wrap}.sv-chip{width:auto;min-height:var(--sv-toque-min);padding:0 var(--sv-e-4);border-radius:var(--sv-r-pilula);white-space:nowrap}}

/* ===== critérios aplicados e título dos resultados ===== */
.sv-res__tit{width:fit-content;max-width:100%;margin-top:var(--sv-e-6);font:var(--sv-t-h3);letter-spacing:0;scroll-margin-top:140px}
.sv-res__tit:focus{outline:1px solid var(--sv-borda-controle);outline-offset:6px;border-radius:var(--sv-r-etiqueta)} /* foco posto por script depois da busca: contorno fino (não é controle) */
.sv-crit{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:var(--sv-e-3)}
/* CARTÃO DE ÁREA ABERTA (não é pessoa): mesma moldura dos cartões, borda tracejada, ícone neutro no lugar da foto; a diferença não depende só de cor */
.sv-cartao.sv-cartao--area{min-height:284px;border-style:dashed;border-color:var(--sv-borda-controle);background:transparent}
.sv-cartao--area .sv-cartao__topo{padding-right:104px}
.sv-ab{position:absolute;top:12px;right:12px;margin:0;padding:3px 9px;border:1px solid var(--sv-borda-controle);border-radius:var(--sv-r-etiqueta);font:var(--sv-t-etiqueta);color:var(--sv-texto)}
.sv-ab__ico{display:flex;flex:none;align-items:center;justify-content:center;width:56px;height:56px;border:1.5px dashed var(--sv-borda-controle);border-radius:var(--sv-r-controle);color:var(--sv-texto-suave)}
.sv-ab__txt{font:var(--sv-t-apoio);color:var(--sv-texto-suave)}
.sv-cartao--area .sv-cartao__pe{margin-top:auto;justify-content:flex-end}
.sv-segue{margin-top:var(--sv-e-4);font:400 16px/1.45 var(--sv-f-texto);color:var(--sv-texto)} /* a busca direta não achou ninguém: os cartões são os da 1ª sugestão */
.sv-segue+.sv-lista{margin-top:var(--sv-e-3)}
.sv-crit__rot{font:var(--sv-t-apoio);color:var(--sv-texto-suave)}
.sv-crit__chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:44px;padding:4px 14px;border:1px solid transparent;border-radius:var(--sv-r-pilula);background:var(--sv-acao-suave);color:var(--sv-acao-press);font:600 14px/1.25 var(--sv-f-texto);text-align:left;overflow-wrap:anywhere;cursor:pointer}
.sv-crit__chip:hover{border-color:var(--sv-acao)}
.sv-crit__chip span{font-size:18px;line-height:1}

/* ===== 3 · lista e cartão de perfil (design) ===== */
.sv-lista{display:grid;gap:var(--sv-e-3);margin-top:var(--sv-e-5)}
.sv-cartao{position:relative;display:flex;flex-direction:column;gap:var(--sv-e-2);min-width:0;padding:var(--sv-e-4);background:var(--sv-fundo);border:1px solid var(--sv-borda);border-radius:var(--sv-r-cartao);transition:border-color var(--sv-dur),box-shadow var(--sv-dur)}
.sv-cartao__topo{display:flex;align-items:center;gap:var(--sv-e-3);min-width:0}
.sv-cartao__id{min-width:0;flex:1}
.sv-foto{position:relative;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--sv-borda);box-shadow:0 0 0 1px var(--sv-borda);font-family:var(--sv-f-titulo);font-weight:800;line-height:1;color:var(--sv-texto)} /* iniciais em uma cor só; a foto cobre */
.sv-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv-cartao__foto{flex:none;width:56px;height:56px;border-radius:50%;font-size:20px}
.sv-cartao__nome{font:var(--sv-t-nome);color:var(--sv-texto);overflow-wrap:anywhere}
.sv-cartao__desde,.sv-cartao__rot{font:var(--sv-t-etiqueta);font-weight:400;color:var(--sv-texto-suave)}
.sv-cartao__area,.sv-cartao__frase{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.sv-cartao__area{font:var(--sv-t-apoio);color:var(--sv-texto-suave)}
.sv-cartao__area b{font-weight:600;color:var(--sv-texto)}
.sv-cartao__frase{font:var(--sv-t-frase);color:var(--sv-texto)}
.sv-cartao__decl{display:flex;flex-wrap:wrap;gap:2px var(--sv-e-3);font:var(--sv-t-apoio);color:var(--sv-texto)} /* grupo "Declarado no perfil": uma legenda acima */
.sv-cartao__rot{flex-basis:100%}
.sv-disp{display:inline-flex;align-items:center;gap:6px}
.sv-disp i{flex:none;width:12px;height:12px;border:1.5px solid var(--sv-sucesso);border-radius:50%;background:var(--sv-sucesso)} /* alta = cheio */
.sv-disp[data-nivel="baixa"] i{background:linear-gradient(90deg,var(--sv-sucesso) 50%,transparent 50%)} /* baixa = metade */
.sv-disp[data-nivel="sem"]{color:var(--sv-texto-suave)}
.sv-disp[data-nivel="sem"] i{border-color:var(--sv-texto-suave);background:none} /* sem = vazio */
.sv-cartao__pe{display:flex;align-items:center;justify-content:space-between;gap:var(--sv-e-3);margin-top:auto;padding-top:var(--sv-e-3);border-top:1px solid var(--sv-borda)}
.sv-conferida{display:inline-flex;align-items:center;gap:6px;font:var(--sv-t-etiqueta);color:var(--sv-sucesso)}
.sv-conferida svg{flex:none}
.sv-cartao__acao{display:inline-block;padding:10px 0;margin:-10px 0;font:600 15px/1.6 var(--sv-f-texto);color:var(--sv-acao);text-decoration:none;white-space:nowrap}
.sv-cartao__acao::after{content:"";position:absolute;inset:0;border-radius:var(--sv-r-cartao)} /* o cartão inteiro é alvo de toque */
.sv-cartao:active{background:var(--sv-fundo-suave)}
.sv-cartao__acao:focus-visible{outline:0}
.sv-cartao__acao:focus-visible::after{outline:var(--sv-anel);outline-offset:2px}
@media (hover:hover){.sv-cartao:hover{border-color:var(--sv-borda-forte);box-shadow:var(--sv-s-2)}.sv-cartao:hover .sv-cartao__acao{text-decoration:underline}}
@media (min-width:600px) and (max-width:1023.98px){.sv-lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sv-e-4)}.sv-lista>:last-child:nth-child(odd){grid-column:1/-1}}
@media (min-width:1024px){
 .sv-lista{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sv-e-4)}
 .sv-lista>*{grid-column:span 2} /* 3 por linha */
 .sv-lista[data-n="5"]>:nth-child(n+4),.sv-lista[data-n="4"]>*,.sv-lista[data-n="2"]>*,.sv-lista[data-n="1"]>*{grid-column:span 3} /* 3+2 · 2×2 · 2×1 · 1: sem célula vazia */
 .sv-cartao__foto{width:64px;height:64px}
}
.sv-lista>.sv-convite--lista{grid-column:1/-1}
.sv-mais{margin-top:var(--sv-e-5);text-align:center}

/* esqueleto de carregamento: caixa do cartão, círculo e quatro barras */
.sv-esq i{display:block;height:12px;margin-top:10px;border-radius:6px}
.sv-esq .sv-cartao__id i:first-child{width:60%;margin-top:0}
.sv-esq .sv-cartao__id i:last-child{width:40%}
.sv-esq>i:nth-of-type(1){width:90%}
.sv-esq>i:nth-of-type(2){width:70%}
.sv-esq i,.sv-esq .sv-cartao__foto{background:linear-gradient(90deg,var(--sv-borda) 25%,var(--sv-fundo-suave) 50%,var(--sv-borda) 75%);background-size:200% 100%;animation:sv-brilho 1.2s linear infinite}
.sv-esq--perfil{padding:20px;background:var(--sv-fundo);border:1px solid var(--sv-borda);border-radius:var(--sv-r-cartao)}
@keyframes sv-brilho{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.sv-esq i,.sv-esq .sv-cartao__foto{animation:none}}

/* ===== avisos: sem resultados, erro, poucos perfis ===== */
.sv-aviso{display:flex;align-items:flex-start;gap:var(--sv-e-3);margin-top:var(--sv-e-4);padding:var(--sv-e-4);background:var(--sv-fundo);border:1px solid var(--sv-borda);border-radius:var(--sv-r-controle)}
.sv-aviso>svg{flex:none;margin-top:2px;color:var(--sv-texto-suave)}
.sv-aviso>div{flex:1;min-width:0}
.sv-aviso p{max-width:65ch}
.sv-aviso p+p,.sv-aviso ul{margin-top:8px}
.sv-aviso__tit{font:600 16px/1.4 var(--sv-f-texto)}
.sv-aviso--erro{border-left:3px solid var(--sv-erro)}
.sv-aviso--erro>svg{color:var(--sv-erro)}
.sv-sugestoes{display:flex;flex-wrap:wrap;gap:8px}

/* ===== convite à profissional: verde, fora da grade de perfis, sem foto, sem animação ===== */
.sv-convite{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:var(--sv-e-6);padding:20px;background:var(--sv-fundo);border:1px solid var(--sv-borda);border-left:4px solid var(--sv-sucesso-forma);border-radius:var(--sv-r-cartao)}
.sv-convite__ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sv-fundo-suave);color:var(--sv-sucesso)}
.sv-convite__txt{flex:1 1 260px;min-width:0}
.sv-convite__tit{font:var(--sv-t-h3);letter-spacing:0}
.sv-convite__txt p{margin-top:4px;font:var(--sv-t-apoio);color:var(--sv-texto-suave)}
.sv-convite .sv-acoes{margin-top:0}
.sv-convite--lista{margin-top:0}
.sv-convite--lista .sv-convite__tit{flex:1 1 260px;font:var(--sv-t-nome)}
.sv-convite--amplo,.sv-convite--prota{padding:28px 24px}
.sv-convite--amplo .sv-bt--verde-linha,.sv-convite--prota .sv-bt--verde-linha{background:var(--sv-sucesso);color:#fff} /* estoque baixo: o convite cresce e o botão fica cheio */
.sv-convite--amplo .sv-bt--verde-linha:hover,.sv-convite--prota .sv-bt--verde-linha:hover{background:var(--sv-sucesso-press)}
.sv-convite--prota .sv-convite__tit{font:var(--sv-t-h2)}
.sv-convite--prota .sv-convite__txt p{font-size:17px}
@media (max-width:599.98px){.sv-convite .sv-acoes{width:100%}}

/* ===== catálogo: trilha, seções de texto ===== */
.sv-trilha{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font:var(--sv-t-apoio);color:var(--sv-texto-suave)}
.sv-trilha>*{flex:none}
.sv-trilha a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
.sv-sec{margin-top:var(--sv-e-7)}
.sv-sec>h2{margin-bottom:var(--sv-e-4)}
.sv-duas{display:grid;gap:var(--sv-e-4)}
.sv-duas>div{padding:20px;background:var(--sv-fundo);border:1px solid var(--sv-borda);border-radius:var(--sv-r-cartao)}
.sv-duas h3{margin-bottom:10px}
.sv-pontos,.sv-trava ul{display:grid;gap:6px;padding-left:20px;list-style:disc}
.sv-faq h3{margin-top:20px;font:600 17px/1.35 var(--sv-f-texto)}
.sv-faq p{margin-top:6px;max-width:65ch;color:var(--sv-texto-suave)}
.sv-faq__hoje{margin-top:20px!important}
@media (min-width:768px){.sv-duas{grid-template-columns:1fr 1fr}}

/* ===== perfil: página própria (o diálogo sai) ===== */
.sv-volta{margin-bottom:8px}
.sv-perfil{display:grid;gap:var(--sv-e-4)}
.sv-perfil__lado{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:20px;background:var(--sv-fundo);border:1px solid var(--sv-borda);border-radius:var(--sv-r-cartao)}
.sv-perfil__lado h1{font:800 26px/1.15 var(--sv-f-titulo)}
.sv-perfil__resumo{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}
.sv-perfil__foto{width:96px;height:96px;font-size:32px}
.sv-perfil__area{font-weight:600}
.sv-perfil__frase{font:var(--sv-t-frase)}
.sv-perfil__nota{font:var(--sv-t-apoio);color:var(--sv-texto-suave)}
.sv-perfil__acao{display:none}
.sv-perfil__acao .sv-bt{width:100%}
.sv-conferida-d{border:solid var(--sv-borda);border-width:1px 0}
.sv-conferida-d summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:var(--sv-toque);cursor:pointer;list-style:none}
.sv-conferida-d summary::-webkit-details-marker{display:none}
.sv-conferida-d summary::after{content:"";flex:none;width:8px;height:8px;margin:0 6px 4px;border:solid var(--sv-texto-suave);border-width:0 2px 2px 0;transform:rotate(45deg)}
.sv-conferida-d[open] summary::after{margin-bottom:-4px;transform:rotate(-135deg)}
.sv-conferida-d p{padding-bottom:12px;font:var(--sv-t-apoio);color:var(--sv-texto-suave)}
.sv-perfil__miolo{display:grid;gap:var(--sv-e-4);min-width:0}
.sv-psec{min-width:0;padding:20px;background:var(--sv-fundo);border:1px solid var(--sv-borda);border-radius:var(--sv-r-cartao)}
.sv-psec>h2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:var(--sv-e-3);font:var(--sv-t-h3);letter-spacing:0}
.sv-psec h3{margin:var(--sv-e-4) 0 var(--sv-e-2);font:600 15px/1.3 var(--sv-f-texto)}
.sv-psec>h3:first-of-type{margin-top:0}
.sv-psec p{max-width:65ch;overflow-wrap:anywhere}
.sv-psec p+p{margin-top:8px}
.sv-etq{display:inline-block;padding:2px 8px;border:1px solid var(--sv-borda-forte);border-radius:var(--sv-r-etiqueta);font:var(--sv-t-etiqueta);font-weight:400;color:var(--sv-texto-suave)} /* etiqueta neutra "Declarado no perfil" */
.sv-tags{display:flex;flex-wrap:wrap;gap:8px}
.sv-tags li{max-width:100%;padding:5px 10px;border:1px solid var(--sv-borda);border-radius:var(--sv-r-etiqueta);background:var(--sv-fundo-suave);font:var(--sv-t-apoio);overflow-wrap:anywhere}
.sv-linha-tempo{display:grid;gap:14px}
.sv-linha-tempo li{padding-left:14px;border-left:2px solid var(--sv-borda)}
.sv-linha-tempo p{margin-top:4px;font:var(--sv-t-frase);color:var(--sv-texto-suave)}
.sv-quando{font:var(--sv-t-apoio);color:var(--sv-texto-suave);white-space:nowrap}
.sv-trava{margin-top:14px;padding:var(--sv-e-4);border:1.5px dashed var(--sv-borda-controle);border-radius:var(--sv-r-controle);background:var(--sv-fundo-suave)} /* caixa travada: cadeado em traço, sem campo falso */
.sv-trava h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:600 17px/1.3 var(--sv-f-texto)}
.sv-trava h3 svg{flex:none}
.sv-trava__cols{display:grid;gap:var(--sv-e-3);margin-top:var(--sv-e-3);font:var(--sv-t-frase)}
.sv-chamada{margin-top:var(--sv-e-4);padding:var(--sv-e-4);border-radius:var(--sv-r-controle);background:var(--sv-acao-suave)}
.sv-chamada h3{margin:0 0 6px;font:var(--sv-t-h3)}
.sv-pe{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:8px var(--sv-margem) calc(8px + env(safe-area-inset-bottom,0px));background:var(--sv-fundo);border-top:1px solid var(--sv-borda);box-shadow:0 -6px 20px rgba(11,23,51,.10)}
.sv-pe .sv-bt{width:100%}
html.sv-com-pe body{padding-bottom:88px}
@media (max-width:767.98px){html.sv-com-pe{scroll-padding-bottom:88px}} /* o pé fixo nunca cobre o elemento com foco */
@media (min-width:600px){.sv-trava__cols{grid-template-columns:1fr 1fr}}
@media (min-width:768px){
 .sv-pe{display:none}
 html.sv-com-pe body{padding-bottom:0}
 .sv-perfil{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:var(--sv-e-5)}
 .sv-perfil__lado{position:sticky;top:136px}
 .sv-perfil__acao{display:block}
 .sv-perfil--estado{grid-template-columns:minmax(0,640px)}
 .sv-perfil--estado .sv-perfil__lado{position:static}
}
@media (min-width:1024px){.sv-perfil__lado h1{font-size:30px}}

/* ===== sua página: benefícios, passos, preço e o modelo de página ===== */
.sv-beneficios{display:grid;gap:var(--sv-e-3);margin-top:var(--sv-e-6)}
.sv-beneficios li{padding:var(--sv-e-4);background:var(--sv-fundo);border:1px solid var(--sv-borda);border-radius:var(--sv-r-cartao)}
.sv-beneficios strong{display:block;margin-bottom:4px;font:var(--sv-t-nome)}
.sv-beneficios span{display:block;font:var(--sv-t-apoio);color:var(--sv-texto-suave)}
.sv-passos{display:grid;gap:var(--sv-e-3);max-width:65ch;counter-reset:passo}
.sv-passos li{display:flex;align-items:flex-start;gap:var(--sv-e-3);counter-increment:passo}
.sv-passos li::before{content:counter(passo);flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sv-sucesso);color:#fff;font:800 16px/1 var(--sv-f-titulo)}
.sv-preco{font:var(--sv-t-h3);max-width:30em}
.sv-modelo{display:flex;flex-direction:column;gap:var(--sv-e-2);max-width:420px;margin-top:var(--sv-e-4);padding:var(--sv-e-4);background:var(--sv-fundo);border:1.5px dashed var(--sv-decor);border-radius:var(--sv-r-cartao)} /* três sinais: etiqueta, moldura tracejada, legenda */
.sv-modelo__etq{align-self:flex-start;padding:3px 8px;border-radius:var(--sv-r-etiqueta);background:var(--sv-marinho);color:#fff;font:var(--sv-t-etiqueta)}
.sv-modelo__foto{flex:none;display:grid;place-items:center;width:64px;height:64px;border:1.5px dashed var(--sv-decor);border-radius:50%;font:var(--sv-t-etiqueta);font-weight:400;line-height:1.1;color:var(--sv-texto-suave);text-align:center}
.sv-modelo__leg{padding-top:var(--sv-e-3);border-top:1px solid var(--sv-borda);font:var(--sv-t-etiqueta);font-weight:400;color:var(--sv-texto-suave)}
@media (min-width:768px){.sv-beneficios{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 2ª subida (12/11/2026): cabeçalho e rodapé com o mesmo conteúdo dos da página inicial (medidas copiadas do site.css do ar) */
.sv-topo__dir{display:flex;align-items:center;gap:8px}
.sv-topo__fones{display:flex;flex-direction:column}
.sv-topo__fones a{display:inline-flex;align-items:center;gap:5px;min-height:24px;color:var(--sv-texto);font:600 13px/1.1 var(--sv-f-texto);text-decoration:none;white-space:nowrap}
.sv-topo__fones a:hover{text-decoration:underline}
@media (max-width:519.98px){.sv-topo__fones{display:none}}
.sv-rodape__cx{padding-top:48px;padding-bottom:32px;gap:32px 48px}
.sv-rodape__tit{margin-bottom:6px;font-weight:600}
.sv-rodape .sv-rodape__suite{margin-top:16px;align-self:flex-start;gap:14px;max-width:320px;padding:10px 16px 10px 12px;border-radius:12px;background:#fff;color:var(--sv-texto);font:600 14px/1.35 var(--sv-f-texto);text-decoration:none}
.sv-rodape__suite img{display:block;flex:0 0 58px;width:58px;height:70px}
.sv-rodape__cores{margin-top:14px;display:flex;gap:6px}
.sv-rodape__cores span{width:22px;height:4px;border-radius:2px;background:#F8D000}
.sv-rodape__cores span:nth-child(2){background:#0098D8}
.sv-rodape__cores span:nth-child(3){background:#38A830}
.sv-rodape__cores span:nth-child(4){background:#E00010}