/* Codex · 06/10 · refino integral da prévia. Fontes e cores da Bessa. */
:root{--ref-ink:#0E0D0C;--ref-paper:#F4EFE6;--ref-wine:#7B2437;--ref-gold:#C9A55E;--ref-ease:cubic-bezier(.22,.61,.36,1)}
html{scrollbar-gutter:stable}
[data-screen-label="Fundo vivo"]{display:none!important}
[data-screen-label="Canvas conversacional"]{opacity:1!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}
.ref-chat-head{box-sizing:border-box;width:100%;max-width:1180px;margin:40px auto 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;color:var(--ref-ink)}
.ref-kicker{font:500 .65rem/1.5 'JetBrains Mono',monospace;letter-spacing:.16em;color:var(--ref-wine)}
.ref-chat-head h2{font:500 clamp(1.9rem,3vw,2.6rem)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;margin:9px 0}
.ref-chat-head p{font:400 .94rem/1.6 'Instrument Sans',sans-serif;color:#64564D;margin:0}
.ref-chat-head>a{color:var(--ref-wine);font:500 .84rem/1.4 'Instrument Sans',sans-serif;display:inline-flex;align-items:center;gap:18px;min-height:44px;text-decoration:none;white-space:nowrap}
.ref-chat-head>a:hover{text-decoration:underline;text-underline-offset:5px}
/* Um movimento principal por seção. Os fios continuam, discretos, atrás do conteúdo. */
section>.bg-vivo{opacity:.16!important}
#rafaela>.bg-vivo{opacity:.13!important}
#como .cx-film.elite-film{border-color:rgba(201,165,94,.18);box-shadow:none;border-radius:16px}
#como .cx-film .elite-film-art{opacity:.45}
#como .cx-film .elite-film-art i{display:none}
#como .cx-film .elite-film-art>span{opacity:.09}
#como .cx-film figcaption{background:linear-gradient(90deg,rgba(14,13,12,.95),rgba(14,13,12,.54) 78%,transparent)}
/* A palavra flutuante repetia a ação escrita no próprio botão. */
.bpt-pal{display:none!important}
/* Leitura: indicador de avanço sem capturar a rolagem. */
.ref-leitura{position:fixed;left:0;right:0;top:62px;height:2px;z-index:60;pointer-events:none;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--ref-wine),var(--ref-gold));opacity:.85}
.ref-topo{position:fixed;right:22px;bottom:22px;z-index:55;width:44px;height:44px;border:1px solid rgba(201,165,94,.32);border-radius:50%;background:rgba(14,13,12,.85);color:#F4ECDE;backdrop-filter:blur(8px);font:400 22px/1 'Instrument Sans',sans-serif;cursor:pointer;opacity:0;visibility:hidden;translate:0 8px;transition:opacity .25s,translate .3s var(--ref-ease),visibility .25s}
.ref-topo.ref-visivel{opacity:1;visibility:visible;translate:0 0}
.ref-topo:hover{border-color:var(--ref-gold);background:var(--ref-ink)}
.ref-topo:focus-visible,.ref-chat-head>a:focus-visible{outline:3px solid var(--ref-gold);outline-offset:4px}
/* SALA: a tela é o centro. Nenhuma moldura de cartão ou coluna lateral. */
.cin-modal{background:#080706;color:#F4ECDE;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#51433A #080706}
.cin-modal::backdrop{background:rgba(5,4,3,.98)}
.cin-caixa{width:100%;max-width:none;height:100dvh;min-height:540px;padding:0 clamp(16px,3vw,48px);display:grid;grid-template-rows:76px minmax(0,1fr) 54px;gap:0;align-items:stretch}
.cin-topo{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(244,236,222,.09);z-index:4}
.cin-identidade{display:flex;align-items:center;gap:22px}
.cin-marca{font:500 2rem/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;color:#F4ECDE}
.cin-marca>span{color:var(--ref-gold)}
.cin-divisor{width:1px;height:25px;background:rgba(244,236,222,.16)}
.cin-edicao{display:block;font:500 .57rem/1.5 'JetBrains Mono',monospace;letter-spacing:.18em;color:var(--ref-gold)}
.cin-topo h2{font:500 1.25rem/1.1 'Cormorant Garamond',Georgia,serif;margin:3px 0 0;letter-spacing:.005em}
.cin-fechar{min-height:44px;padding:0 4px 0 16px;border:0;background:transparent;border-radius:4px;color:#CFC3AF;font-size:.84rem;gap:18px;transition:color .2s}
.cin-fechar>span{display:grid;place-items:center;border:1px solid rgba(244,236,222,.2);border-radius:50%;width:34px;height:34px;font-size:14px}
.cin-fechar:hover{background:transparent;color:#FFF6E8}
.cin-fechar:hover>span{border-color:var(--ref-gold)}
.cin-tela{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:0;background:#080706;box-shadow:none}
.cin-tela video,.cin-tela iframe{display:block;width:100%;height:100%;aspect-ratio:auto;max-height:none;object-fit:contain;background:#080706;border:0}
.cin-tela video::cue{font:500 clamp(14px,1.5vw,24px)/1.4 'Instrument Sans',sans-serif;color:#FFFBF4;background:rgba(8,7,6,.85)}
.cin-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(244,236,222,.09);z-index:5}
.cin-nota{font-size:.69rem;line-height:1.5;color:#A99F91}
.cin-sobre>summary{cursor:pointer;color:#CFC3AF;list-style:none;min-height:44px;display:flex;align-items:center;gap:18px;font-size:.76rem}
.cin-sobre>summary::-webkit-details-marker{display:none}
.cin-sobre[open]>summary{color:var(--ref-gold)}
.cin-sobre[open]>summary>span{rotate:45deg}
.cin-sobre .cin-texto{position:absolute;right:0;bottom:58px;box-sizing:border-box;width:min(560px,calc(100vw - 32px));padding:24px;background:rgba(22,17,15,.98);border:1px solid rgba(201,165,94,.24);border-radius:12px;box-shadow:0 16px 64px #0009}
.cin-sobre .cin-resumo{font-size:.94rem;line-height:1.6}
.cin-sobre .cin-ia,.cin-sobre .cin-marcas{font-size:.78rem;line-height:1.6}
.sala-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sala-espera{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;background:#080706;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.sala-espera>span{width:30px;height:30px;border:1px solid rgba(201,165,94,.15);border-top-color:var(--ref-gold);border-radius:50%;animation:salaEspera 1.4s linear infinite}
.sala-espera p{margin:0;font-size:.78rem;letter-spacing:.03em;color:#CFC3AF}
.cin-tela.sala-carregando .sala-espera{opacity:1;visibility:visible}
.sala-controles{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 12px;background:linear-gradient(transparent,rgba(5,4,3,.88));opacity:1;translate:0 0;transition:opacity .3s,translate .35s var(--ref-ease);z-index:3}
.sala-controles[hidden],.sala-final[hidden]{display:none!important}
.sala-quieta .sala-controles{opacity:0;translate:0 8px;pointer-events:none}
.sala-quieta{cursor:none}
.sala-controles:focus-within{opacity:1;translate:0 0;pointer-events:auto}
.sala-progresso{display:block;position:relative;height:22px;cursor:pointer}
.sala-progresso input{--avanco:0%;display:block;appearance:none;-webkit-appearance:none;width:100%;margin:0;height:22px;cursor:pointer;background:transparent}
.sala-progresso input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#C9A55E var(--avanco),rgba(244,236,222,.25) var(--avanco));border:0;border-radius:2px}
.sala-progresso input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:#F4ECDE;border:0;box-shadow:0 0 0 3px rgba(201,165,94,.15)}
.sala-progresso input::-moz-range-track{height:2px;background:rgba(244,236,222,.3)}
.sala-progresso input::-moz-range-progress{background:#C9A55E;height:2px}
.sala-progresso input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#F4ECDE}
.sala-barra{display:flex;align-items:center;gap:14px;min-height:44px}
.sala-barra button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:#E8DECE;font:500 .75rem/1.3 'Instrument Sans',sans-serif;cursor:pointer;white-space:nowrap}
.sala-barra button:hover{color:#FFF8EA;background:rgba(244,236,222,.08)}
.sala-barra .sala-play{width:44px;font-size:21px;padding:0}
.sala-barra .cin-leg[aria-pressed="true"]{background:transparent;color:#E4C078;box-shadow:inset 0 -2px #C9A55E}
.sala-barra button:focus-visible,.sala-progresso input:focus-visible,.cin-sobre>summary:focus-visible,.sala-rever:focus-visible{outline:2px solid #E4C078;outline-offset:3px}
.sala-tempo{font:500 .68rem/1.3 'JetBrains Mono',monospace;letter-spacing:.02em;color:#CFC3AF;font-variant-numeric:tabular-nums}
.sala-espaco{flex:1}
.sala-final{position:absolute;inset:0;z-index:2;background:rgba(8,7,6,.94);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;animation:salaEntrada .55s var(--ref-ease) both}
.sala-final h3{font:500 clamp(2.1rem,5vw,4.5rem)/1.05 'Cormorant Garamond',Georgia,serif;font-weight:500;margin:20px 0 28px;letter-spacing:-.025em;color:#F4ECDE;max-width:12em;text-wrap:balance}
.sala-final .cin-saida{justify-content:center}
.sala-rever{min-height:44px;border:0;background:none;color:#CFC3AF;font:400 .8rem/1.3 'Instrument Sans',sans-serif;padding:10px 18px;margin-top:20px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.cin-tela:fullscreen{width:100vw;height:100dvh;background:#000}
.cin-tela:fullscreen video{width:100%;height:100%;max-height:none}
.cin-modal[open] .cin-tela{animation:salaEntrada .55s var(--ref-ease) both}
.cin-erro{position:absolute;left:20px;right:20px;bottom:70px;z-index:6;background:#26151B}
@keyframes salaEntrada{from{opacity:0;transform:scale(.988)}to{opacity:1;transform:none}}
@keyframes salaEspera{to{transform:rotate(360deg)}}
@media(max-width:759px){
 .ref-leitura{top:55px}.ref-topo{right:16px;bottom:16px}
 .ref-chat-head{margin-top:24px;display:block}.ref-chat-head>a{margin-top:12px}
 .ref-chat-head h2{font-size:2rem}.ref-chat-head p{max-width:28em;font-size:.89rem}
 .cin-caixa{padding:0 12px;min-height:440px;grid-template-rows:68px minmax(0,1fr) 58px}
 .cin-topo{flex-wrap:nowrap;gap:10px}.cin-identidade{gap:10px}.cin-marca{font-size:1.6rem}.cin-divisor{height:23px}
 .cin-edicao{font-size:.5rem;letter-spacing:.12em}.cin-topo h2{font-size:1.1rem}
 .cin-fechar{font-size:0;padding:0;gap:0}.cin-fechar>span{font-size:14px}
 .cin-tela{margin:0 -12px;border-radius:0}.sala-controles{padding:48px 10px 12px}
 .sala-barra{gap:4px;flex-wrap:wrap}.sala-barra button{font-size:.66rem;padding:0 7px}.sala-tempo{font-size:.59rem}
 .sala-barra .sala-play{width:32px}.sala-barra .sala-som{font-size:0;width:32px}.sala-barra .sala-som::before{content:'♪';font-size:18px}
 .sala-barra .sala-som[aria-pressed="true"]::before{content:'♩';opacity:.4}
 .sala-barra .sala-cheia{padding:0 5px}.sala-espaco{min-width:0}
 .cin-nota{font-size:.59rem;max-width:180px}.cin-sobre>summary{font-size:.67rem;gap:8px}
 .sala-final{padding:18px}.sala-final h3{font-size:2.2rem;margin:14px 0 20px}.sala-final .cin-saida{gap:8px}
 .sala-final .cin-seguir,.sala-final .cin-dx{min-height:44px;font-size:.84rem}.sala-final .cin-saida{flex-direction:row;align-items:center}.sala-rever{margin-top:8px}
}
@media(max-height:520px) and (orientation:landscape){.cin-caixa{min-height:0;height:100dvh;grid-template-rows:44px minmax(0,1fr) 30px}.cin-foot{font-size:.6rem}.cin-topo h2{font-size:1rem}.cin-edicao{display:none}.cin-sobre>summary{min-height:28px}.cin-marca{font-size:1.5rem}.cin-fechar{min-height:36px}.cin-fechar>span{width:28px;height:28px}.cin-topo{border:0}.sala-controles{padding-bottom:2px}}
@media(prefers-reduced-motion:reduce){.cin-modal[open] .cin-tela,.sala-final{animation:none}.sala-espera>span{animation:none}.sala-controles,.ref-topo{transition:none}}

/* Legenda: corpo neutro e legivel, sem herdar o italico editorial. */
#cin-video::cue{font-family:Arial,sans-serif;font-style:normal;font-weight:500;font-size:22px;line-height:1.35;color:#FFFBF4;background-color:rgba(8,7,6,.84);text-shadow:none}
@media(max-width:759px){#cin-video::cue{font-size:15px}}


/* 07/10: a legenda nativa NAO e mais escondida por ::cue transparente. Sala personalizada = trilha 'hidden' (so a .sala-caption aparece); tela cheia nativa e modo de reserva = trilha 'showing' (so a nativa, no estilo acima). */
.sala-caption{position:absolute;left:8%;right:8%;bottom:24px;z-index:2;pointer-events:none;text-align:center;white-space:pre-line;text-wrap:balance;font:500 22px/1.4 'Instrument Sans',Arial,sans-serif;color:#FFFBF4;text-shadow:0 2px 5px #000,0 0 14px #000;background:transparent;transition:bottom .22s ease}
.sala-caption[hidden]{display:none}
html.cin-aberto .ref-leitura,html.cin-aberto .ref-topo{display:none}
@media(max-width:759px){.sala-caption{font-size:15px;left:5%;right:5%;line-height:1.35}}


/* ===== LOTE CLAUDE · 06/10 · ajuste fino da sala (soma-se a sala do Codex; nada foi refeito; so opacidade, escala e posicao) ===== */
/* 1. Entrada de estreia: as luzes baixam (o site escurece por baixo, em vez de cortar seco), a tela cresce de leve e o resto chega depois. */
@keyframes salaLuzes{from{opacity:0}to{opacity:1}}
@keyframes salaPalco{from{opacity:0;transform:scale(.962)}to{opacity:1;transform:none}}
@keyframes salaSobe{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.cin-modal[open]{animation:salaLuzes .7s var(--ref-ease) backwards}
.cin-modal[open]::backdrop{animation:salaLuzes .7s var(--ref-ease) backwards}
.cin-modal[open] .cin-tela{animation:salaPalco 1s var(--ref-ease) .14s backwards}
.cin-modal[open] .cin-topo,.cin-modal[open] .cin-foot{animation:salaSobe .8s var(--ref-ease) .42s backwards}
/* 2. Controles minimos: durante a reproducao some tudo o que nao e a imagem (barra de baixo, cabecalho e "sobre este filme"); o aviso de IA fica. Mouse, toque ou teclado trazem de volta. */
.cin-topo,.cin-sobre{transition:opacity .5s var(--ref-ease)}
.cin-modal.sala-calma{cursor:none}
.cin-modal.sala-calma .cin-topo,.cin-modal.sala-calma .cin-sobre{opacity:0;pointer-events:none}
.cin-modal.sala-calma .cin-topo:focus-within,.cin-modal.sala-calma .cin-sobre:focus-within{opacity:1;pointer-events:auto}
.cin-modal.sala-calma .cin-topo,.cin-modal.sala-calma .cin-foot{border-color:transparent}
.cin-tela video:focus-visible{outline:1px solid rgba(228,192,120,.34);outline-offset:-2px}
.sala-fim .sala-controles{opacity:0;pointer-events:none}
/* 3. Legenda de cinema: caixa so do tamanho do texto, fundo suave (le sobre cena clara), acima das etiquetas gravadas no proprio filme. */
.sala-caption{left:50%;right:auto;width:max-content;max-width:min(86%,44em);translate:-50% 0;box-sizing:border-box;padding:.26em .7em .3em;border-radius:8px;background:rgba(8,7,6,.62);-webkit-box-decoration-break:clone;box-decoration-break:clone;letter-spacing:.004em;text-shadow:0 1px 3px rgba(0,0,0,.85);transition:bottom .3s var(--ref-ease),opacity .2s}
@media(max-width:759px){.sala-caption{left:50%;right:auto;max-width:92%;padding:.22em .55em .26em;border-radius:6px}}
/* 4. Retrato (celular em pe): a barra desce para a faixa preta logo abaixo da imagem, em vez de ficar longe, no pe da tela (a posicao vem do JS: --sala-ctl). */
.sala-controles{bottom:var(--sala-ctl,0px)}
/* 5. Aviso de IA e "sobre este filme" legiveis no celular (estavam com 9 px). */
@media(max-width:759px){.cin-nota{font-size:.72rem;line-height:1.35;max-width:200px}.cin-sobre>summary{font-size:.78rem}.cin-foot{gap:10px}}
/* 6. Final que convida: palavras chegam em sequencia, com a assinatura de quem responde; o ultimo quadro do filme continua por tras. */
.sala-final{background:radial-gradient(60% 55% at 50% 44%,rgba(201,165,94,.11),transparent 72%),rgba(8,7,6,.88);gap:0}
.sala-final>*{animation:salaSobe .9s var(--ref-ease) backwards}
.sala-final>:nth-child(1){animation-delay:.1s}
.sala-final>:nth-child(2){animation-delay:.28s}
.sala-final>:nth-child(3){animation-delay:.46s}
.sala-final>:nth-child(4){animation-delay:.62s}
.sala-final>:nth-child(5){animation-delay:.8s}
.sala-assina{display:block;margin:-6px 0 26px;font:500 .62rem/1.5 'JetBrains Mono',monospace;letter-spacing:.2em;text-transform:uppercase;color:#CFC3AF}
.sala-assina b{font-weight:500;color:var(--ref-gold)}
.sala-final .cin-seguir{box-shadow:0 18px 44px -18px rgba(201,165,94,.75)}
@media(max-width:759px){.sala-assina{font-size:.56rem;margin:-4px 0 18px}}
/* 7. Saida: a luz volta devagar (200 ms), nao num corte. */
@keyframes salaApaga{to{opacity:0}}
.cin-modal.sala-saindo,.cin-modal.sala-saindo::backdrop{animation:salaApaga .22s ease-in both}
@media(prefers-reduced-motion:reduce){.cin-modal[open],.cin-modal[open]::backdrop,.cin-modal[open] .cin-tela,.cin-modal[open] .cin-topo,.cin-modal[open] .cin-foot,.sala-final>*,.cin-modal.sala-saindo,.cin-modal.sala-saindo::backdrop{animation:none!important}.cin-topo,.cin-sobre,.sala-caption{transition:none}}
/* P1b 07/10 (Codex): a pausa do site (elite.css:40, animation-play-state:paused em tudo) congelava a entrada da sala no quadro 0 (opacidade 0): o filme tocava atras de uma sala invisivel. Conteudo aberto pela pessoa entra sem animacao quando o movimento esta pausado. */
html[data-elite-paused] .cin-modal[open],html[data-elite-paused] .cin-modal[open]::backdrop,html[data-elite-paused] .cin-modal[open] .cin-tela,html[data-elite-paused] .cin-modal[open] .cin-topo,html[data-elite-paused] .cin-modal[open] .cin-foot,html[data-elite-paused] .sala-final,html[data-elite-paused] .sala-final>*,html[data-elite-paused] .cin-modal.sala-saindo,html[data-elite-paused] .cin-modal.sala-saindo::backdrop{animation:none!important}

/* ===== LOTE CLAUDE · 06/10 · ritmo da pagina: convite ao fim de "Crie uma Rafa" (mesmo gesto do fecho; sem prazo, taxa ou resultado) ===== */
/* a pagina de baixo (Seguranca) sobe por cima do fim de Crie; a margem de baixo mantem o convite acima da faixa que ela cobre primeiro */
#crie .cx-convite{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;margin:34px 0 128px;padding:28px 0 0;border-top:1px solid rgba(244,236,222,.12)}
#crie .cx-convite p{margin:0;max-width:21em;font:italic 500 clamp(1.55rem,2.8vw,2.3rem)/1.14 'Cormorant Garamond',Georgia,serif;letter-spacing:-.01em;color:#F4ECDE;text-wrap:balance}
#crie .cx-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:56px;padding:0 9px 0 28px;border-radius:999px;background:linear-gradient(135deg,#F1D08A 0%,#DDB96E 48%,#C9A55E 100%);color:#1B0F13;font:600 1rem/1.2 'Instrument Sans',system-ui,sans-serif;text-decoration:none;box-shadow:0 18px 44px -16px rgba(201,165,94,.65),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .25s,box-shadow .25s}
#crie .cx-cta>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1B0F13;color:#E4C078;font-size:1.05rem;transition:transform .25s}
#crie .cx-cta:hover{color:#1B0F13;transform:translateY(-2px);box-shadow:0 22px 52px -14px rgba(228,192,120,.75),inset 0 1px 0 rgba(255,255,255,.5)}
#crie .cx-cta:hover>span{transform:translateX(3px)}
#crie .cx-cta:focus-visible{outline:3px solid #F4ECDE;outline-offset:4px}
@media(max-width:759px){#crie .cx-convite{display:block;margin-bottom:96px}#crie .cx-cta{display:flex;width:100%;box-sizing:border-box;margin-top:18px;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){#crie .cx-cta,#crie .cx-cta>span{transition:none}}

/* ===== LOTE CLAUDE · 06/10 · acabamento medido na revisao ===== */
/* (a) uma barra de leitura so: onde o CSS scroll-driven existe, a barra do cabecalho basta (a de JS ficava por cima e engrossava a linha de 2 para 3 px) */
@supports (animation-timeline:scroll()){@media(prefers-reduced-motion:no-preference){html:not([data-elite-paused]) .ref-leitura{display:none}}}
/* (b) o botao de voltar ao topo nao cobre a leitura no celular: some ao rolar para baixo (a regra de aparecer so ao subir esta no sala.js) */
@media(max-width:759px){.ref-topo{transition:opacity .25s,translate .3s var(--ref-ease),visibility .25s}}
/* (c) rotulos de dado ficticio legiveis no celular (11 px) */
@media(max-width:759px){.cb-chip,.cx-demo,#crie .cx-sabe-t span,.rg-top span,.cx-bar em,.cx-qh em,.sx-msg-meta span,.sd-cap span,#crie .cx-quem,.cx-m small{font-size:11px!important}}
/* toque em "Veja nascer uma Rafa" antes de os scripts chegarem (rede lenta): o botao mostra que esta abrindo em vez de ficar mudo */
.cin-pend{opacity:.62;cursor:progress}
/* costura 01 (hero -> Como funciona): o veu escuro sobre o hero e mais leve e, sem animacao por rolagem (html.tr-fb), nao existe: a conversa do hero esta logo acima da emenda */
html .tr-s0{--dim:.34}
html.tr-fb .tr-s0 .tr-dim,html.tr-fb .tr-s0 .tr-shade{display:none}

/* ===== LOTE HOME-VISUAL · 07/10 · capa variante A, presenca humana, "Prefere conversar?", legibilidade (soma-se; nada removido; so cores do site) ===== */
/* (1) faixa de presenca humana logo depois da entrada: retrato real ja usado na secao Rafaela, uma linha no computador e duas no celular; so aparece com a conversa em repouso */
.hv-faixa{box-sizing:border-box;display:flex;align-items:center;gap:11px;width:100%;max-width:1180px;margin:22px auto 0;padding:13px 2px;border-top:1px solid rgba(123,36,55,.16);border-bottom:1px solid rgba(14,13,12,.08)}
.hv-ret{position:relative;flex:none;overflow:hidden;width:42px;height:42px;border-radius:50%;background:#0E0D0C;box-shadow:0 0 0 1px rgba(201,165,94,.75),0 6px 14px -8px rgba(74,19,32,.55)}
.hv-ret img{position:absolute;left:-54%;top:-20%;width:196%;max-width:none;height:auto;display:block}
.hv-txt{margin:0;font-size:14px;line-height:1.45;color:#2A2623;text-wrap:pretty}
.hv-txt b{font-weight:600;color:#0E0D0C}
@media(min-width:760px){.hv-faixa{gap:16px;padding:15px 2px}.hv-ret{width:52px;height:52px}.hv-txt{font-size:16px}}
/* (2) "Prefere conversar?": linha discreta (nao e um segundo botao) perto do botao do diagnostico da entrada e no fim da pagina; mesmo destino /diagnostico/ */
.hv-conversar{order:4;margin:14px 0 0;max-width:30em;font-size:15px;line-height:1.5;color:#4A4541;text-wrap:pretty}
.hv-conversar a{color:#7B2437;font-weight:500;text-decoration:underline;text-decoration-color:rgba(123,36,55,.42);text-decoration-thickness:1px;text-underline-offset:4px}
.hv-conversar a:hover{text-decoration-color:#7B2437}
.hv-conversar a:focus-visible{outline:3px solid #C9A55E;outline-offset:3px;border-radius:3px}
@media(min-width:760px){.hv-conversar{order:3}}
#diagnostico .hv-conversar-fim{max-width:34em;margin:10px 0 0;font-size:1rem;line-height:1.6;color:var(--m2);text-wrap:pretty}
#diagnostico .hv-conversar-fim a{color:var(--ouro2);font-weight:500;text-decoration:underline;text-decoration-color:rgba(228,192,120,.5);text-decoration-thickness:1px;text-underline-offset:4px}
#diagnostico .hv-conversar-fim a:hover{color:var(--marfim);text-decoration-color:var(--ouro2)}
#diagnostico .hv-conversar-fim a:focus-visible{outline:2px solid var(--ouro2);outline-offset:3px;border-radius:3px}
/* (3) legibilidade no computador/tablet (>= 760 px): prosa e avisos >= 15 px, rotulos >= 13 px, texto de maquete >= 12 px; contraste AA; mesma fonte, mesma paleta (mais claro/escuro dentro dos tons ja usados) */
@media(min-width:760px){
.cin-selo-img{font-size:15px!important}
.ref-kicker{font-size:13px!important}
.ref-chat-head>a{font-size:15px!important}
.hv-nota{font-size:15px!important}
.hv-rot{font-size:13px!important}
#diagnostico .en-lead{color:var(--marfim)}
#diagnostico .en-eyebrow,#diagnostico .en-status-t,#diagnostico .en-cap{font-size:.8125rem!important}
#diagnostico .en-cap{color:var(--marfim)}
#diagnostico .en-note{font-size:1rem!important;color:var(--m2)}
#diagnostico .en-marcas{font-size:.9375rem!important;color:var(--m2)}
#diagnostico .en-legal,#diagnostico .en-legal span,#diagnostico .en-legal a{font-size:.9375rem!important}
.elite-rot{font-size:.8125rem!important}
#como .cx-eyebrow,.cb-eyebrow,.rg-eyebrow,.sx-kick,.sd-eyebrow,.pg-eyebrow{font-size:13px!important}
.pg-n,.sd-n,.sd-to{font-size:13px!important}
#como .cx-fict,#como .cx-foot,#como .cx-ir{font-size:15px!important}
#como .cx-lab{font-size:13px!important}
#como :is(.cx-bar,.cx-bar *,.cx-ator,.cx-ator *,.cx-m small,.cx-dl dt,.cx-q-k,.cx-qh,.cx-qh *){font-size:12px!important}
#como .cx-q-path span{font-size:14px!important}
.cb-chip,.cb-tab .sc-interp:first-child{font-size:12.5px!important}
.rg-top,.rg-top *,.rg-s small{font-size:12.5px!important}
.rl-tag{font-size:11px!important}
.cx-mae small{font-size:14px!important}
.cx-lim,.cx-lim .sc-interp{font-size:14.5px!important}
.cx-cabt,.cx-demo,.cx-faz em,.cx-sabe-t span,.cx-sabe-l dt,.cx-consulta i,.cx-quem,.cx-quem .sc-interp{font-size:12px!important}
.cx-sabe-l dd,.cx-passo .sc-interp{font-size:15px!important}
.cx-consulta span,.cx-replay{font-size:14px!important}
.sx-refs b{font-size:12.5px!important}
.sx-refs span{font-size:14.5px!important}
.sd-cap,.sd-mono,.sd-seals-t,.sx-rev{font-size:12.5px!important}
.sd-foot{font-size:14px!important}
}
/* (4) ajuste da medicao: ultimos rotulos abaixo de 12 px e frases de maquete/chat que ficaram entre 14 e 15 px */
@media(min-width:760px){
.rl-tag,.cx-muda b,#crie .cx-trilha-cab>span,.cx-cabt{font-size:12px!important}
.scp0 .sc-interp,.cr-bolha .sc-interp,.cx-muda p,.sx-refs span,.sd-foot,.cx-mae small,#como .cx-q-path span,.cx-consulta span{font-size:15px!important}
}
@media(min-width:760px){.cb-chip,.rg-top span,.cx-sabe-t span,.sd-mono,.scp1>span>span:first-child{font-size:13px!important}}
/* contraste do encerramento em qualquer largura (so cor; o tamanho sobe so a partir de 760 px): paragrafo e avisos mais claros, dentro dos tons ja usados */
#diagnostico .en-lead{color:var(--marfim)}
#diagnostico .en-note,#diagnostico .en-marcas{color:var(--m2)}
@media(max-width:380px){.hv-faixa{gap:10px}.hv-ret{width:38px;height:38px}.hv-txt{font-size:13.5px;letter-spacing:-.004em}}
@media(min-width:760px){.cx-cabt small,#crie .cx-cabt small{font-size:12px!important}}