/* Jornada do participante: mesma composição real, uma escolha por vez. */
:root { --fundo:#faf9f4; --cartao:#efeee7; --botao-2:#fffefa; --linha-sutil:#deded4; --texto:#252b28; --texto-2:#555d56; --texto-3:#646b61; --vermelho:#ed4937; --vermelho-claro:#b93425; color-scheme:light; }
.btn { color:var(--texto); border:1px solid #dcded3; background:var(--botao-2); }
.btn-primario { background:var(--vermelho); color:#fff; border-color:var(--vermelho); }
.btn-texto { background:transparent; border-color:transparent; color:var(--texto-2); }
.btn-excluir { color:#b93425; box-shadow:none; border:0; font-size:12px; min-height:44px; }
.inicio { max-width:520px; gap:10px; }
.inicio h1 { font-size:clamp(23px,4.5vw,30px); letter-spacing:-.035em; }
.inicio .marca-camera { filter:none; }
.inicio .btn-texto { flex-shrink:0; font-size:14px; }
.inicio .previa-area { min-height:70px; }
.voltar, .pilula-pequena { color:var(--texto); }
.pilula-pequena { min-height:44px; border:1px solid var(--linha-sutil); }
.camera { background:#242b2e; color:#fff; }
.camera .capture-tools { color:#fff; }
.capture-actions button { min-height:44px; }
.capture-tools { top:calc(var(--linha-topo) - 89px); }
.capture-tools p { color:#fff; }
.journey-camera-hint { position:absolute; top:calc(var(--topo) + 74px); left:calc(var(--cl) + 18px); right:calc(var(--cl) + 18px); padding:12px 16px; border-radius:14px; background:#f4f5eaf5; color:#243b30; font-size:14px; text-align:center; z-index:3; pointer-events:none; }
.journey-preview { gap:8px; padding:max(12px,var(--topo)) max(18px,calc((100vw - 480px)/2)) max(12px,var(--base)); background:var(--fundo); color:var(--texto); }
.journey-header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; flex:none; width:100%; min-height:44px; }
.journey-header > :first-child { justify-self:start; padding:0 8px; }
.journey-header > :last-child { justify-self:end; padding:0 8px; }
.journey-header h2, #foto-posicao { font-size:12px; letter-spacing:.07em; text-transform:uppercase; font-weight:800; color:var(--texto-3); }
.journey-preview > h2 { flex:none; text-align:center; font-size:24px; letter-spacing:-.04em; }
.journey-preview > img, .journey-preview > video { position:static; flex:1 1 0; width:100%; min-height:40px; height:0; object-fit:contain; background:transparent; border-radius:18px; }
.journey-detail { text-align:center; font-size:12px; flex:none; }
.journey-actions { flex:none; display:grid; gap:7px; width:100%; }
.journey-actions > .btn { width:100%; }
.journey-actions .btn { min-height:46px; border-radius:16px; }
.journey-actions .duas .btn { font-size:12px; min-height:44px; padding:0 6px; }
.journey-actions .journey-guide { font-size:11px; min-height:44px; padding:0; }
.journey-actions .journey-collection { font-size:12px; min-height:44px; padding:0; }
.journey-hint { display:flex; align-items:center; flex:none; gap:8px; background:#eaf0e5; border-radius:14px; padding:8px 12px; font-size:12px; }
.journey-hint span { flex:1; }
.journey-hint button { flex:none; width:44px; padding:0; }
#capture-viewer { width:100vw; height:100dvh; max-height:100dvh; max-width:100vw; margin:0; border:0; border-radius:0; padding:max(12px,var(--topo)) max(18px,calc((100vw - 480px)/2)) max(12px,var(--base)); overflow:hidden; }
#capture-viewer[open] { gap:8px; }
#salvar-fotos { width:100vw; height:100dvh; max-width:100vw; max-height:100dvh; margin:0; border:0; color:var(--texto); }
#salvar-fotos::backdrop { background:#202923d9; }
.posting-steps { padding-left:24px; font-size:14px; line-height:1.5; }
.posting-steps li + li { margin-top:6px; }
.batch-more { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.batch-more .btn { font-size:12px; min-height:44px; padding:0 8px; }
#galeria .rodape-acoes { gap:6px; padding:10px 14px; flex:none; border-color:var(--linha-sutil); }
#galeria .rodape-acoes > .btn { min-height:44px; }
.item-foto.marcada, .item-video.marcada { box-shadow:0 0 0 2px var(--vermelho); }
.capture-consent, .capture-batch { border-color:var(--linha-sutil); }
.capture-batch-list li { border-color:var(--linha-sutil); }
.capture-batch .btn { flex-shrink:0; }
@media(max-height:700px) { .journey-preview { gap:4px; padding-top:6px; padding-bottom:6px; } .journey-preview > h2 { font-size:20px; } .journey-actions { gap:4px; } .journey-hint { padding:3px 10px; } .inicio .marca-camera { width:140px; margin-bottom:6px; } .inicio h1 { font-size:22px; } .inicio { gap:6px; } }
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { animation:none!important; transition:none!important; } }
@media(max-height:600px) { .inicio { gap:4px; padding:10px 14px 8px; } .inicio .marca-camera { width:120px; margin-bottom:2px; } .inicio h1 { font-size:20px; } }
.inicio .previa { box-shadow:0 8px 28px #26342916; }
.journey-header .btn-excluir { background:transparent; }
.journey-header .btn-excluir.confirmar { background:var(--vermelho-claro); color:#fff; }

/* Superfícies claras: cores herdadas do antigo tema escuro. */
#folha-ajuda .itens-ajuda button, #salvar-fotos .lista-salvar .btn.baixada, .tela-info .icone-redondo { color:var(--texto); }
#folha-ig > .folha-acoes { margin-top:14px; }