/* Funil "auditoria" — usa style.css (tokens, .btn-green, .chat-*) */
body.aud { background: #fff; min-height: 100vh; }

.aud-header { display: flex; justify-content: center; padding: 18px 24px; background: #fff; box-shadow: 0 2px 12px rgba(2,11,51,.06); }
.aud-header .header-logo { height: 34px; }

.aud-main { max-width: 760px; margin: 0 auto; padding: 28px 20px 60px; }

.aud-progress { height: 8px; background: rgba(0,50,220,.12); border-radius: 8px; overflow: hidden; margin-bottom: 20px; }
.aud-progress span { display: block; height: 100%; width: 0; background: var(--green); border-radius: 8px; transition: width .35s ease; }

.aud-screen { display: none; }
.aud-screen.is-active { display: block; animation: audIn .3s ease; }
@keyframes audIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

.aud-card { background: none; padding: 24px 0; text-align: center; }
.aud-title { margin-bottom: 24px; }

.aud-tag { display: inline-block; background: var(--hero-bg-1); color: var(--blue-dark); font-weight: 700; font-size: .8rem; letter-spacing: .5px; text-transform: uppercase; padding: 6px 14px; border-radius: 999px; margin-bottom: 18px; }
.aud-title { font-size: clamp(1.7rem, 5vw, 2.5rem); font-weight: 800; color: var(--navy); line-height: 1.15; }
.aud-title span, .aud-hl { color: #FF6A00; }
.aud-question { font-size: clamp(1.35rem, 4vw, 1.9rem); font-weight: 800; color: var(--navy); margin-bottom: 22px; }

.aud-checks { display: inline-flex; flex-direction: column; gap: 12px; text-align: left; margin-bottom: 30px; }
.aud-checks li { display: flex; align-items: center; gap: 10px; font-weight: 600; color: var(--text); }
.aud-checks svg { width: 22px; height: 22px; color: var(--green); flex: none; }

.btn-green { border: 0; cursor: pointer; font-family: inherit; }
.aud-micro { color: var(--gray); font-size: .85rem; }

.aud-trust { display: flex; justify-content: center; align-items: center; gap: 22px; margin-top: 26px; flex-wrap: wrap; }
.aud-trust { gap: 18px; opacity: .55; }
.aud-trust img { height: 26px; width: auto; object-fit: contain; filter: grayscale(1); }

.aud-footer { background: var(--hero-bg-1); text-align: center; padding: 32px 20px 24px; margin-top: 24px; }
.aud-footer-logo { height: 34px; width: auto; margin: 0 auto 10px; }
.aud-footer-tag { color: var(--gray); font-size: .8rem; line-height: 1.4; max-width: 300px; margin: 0 auto 18px; }
.aud-footer-info { display: flex; flex-direction: column; gap: 4px; color: var(--gray); font-size: .75rem; margin-bottom: 16px; }
.aud-footer-info a { color: var(--gray); text-decoration: underline; }
.aud-footer-seals { display: flex; justify-content: center; align-items: center; gap: 14px; opacity: .55; margin-bottom: 16px; }
.aud-footer-seals img { height: 20px; width: auto; filter: grayscale(1); }
.aud-footer-legal { color: #9ca3af; font-size: .7rem; line-height: 1.6; }
.aud-footer-legal a { color: #9ca3af; text-decoration: underline; }

.aud-options { display: flex; flex-direction: column; gap: 12px; }
.aud-option { background: #fff; border: 2px solid #d7deec; color: var(--navy); font: inherit; font-weight: 700; font-size: 1.05rem; padding: 18px 22px; border-radius: 18px; cursor: pointer; text-align: left; transition: border-color .15s, background .15s, transform .15s; }
.aud-option:hover { border-color: var(--blue-dark); background: #f4f7ff; transform: translateY(-1px); }
.aud-option.is-picked { border-color: var(--green); background: #eafaf2; }

.aud-card-wide { padding: 24px 0; }
.aud-video { position: relative; border-radius: 20px; overflow: hidden; background: #000; aspect-ratio: 16 / 9; margin-bottom: 22px; }
.aud-video video { width: 100%; height: 100%; display: block; object-fit: contain; }
.aud-play { position: absolute; inset: 0; margin: auto; width: 84px; height: 84px; border-radius: 50%; border: 0; background: var(--green); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 0 0 10px rgba(26,194,113,.25); }
.aud-play.is-hidden { display: none; }
.aud-reveal { margin-top: 6px; animation: audIn .4s ease; }
.aud-reveal[hidden] { display: none; }

/* Formulário em formato de chat, inline na página */
.aud-chat[hidden] { display: none; }
.aud-chat { margin-top: 28px; background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 24px 60px -24px rgba(2,11,51,.35); display: flex; flex-direction: column; height: min(640px, calc(100vh - 140px)); }
.aud-chat .chat-widget-body { font-size: 1rem; }

.aud-debug { position: fixed; left: 12px; bottom: 12px; max-width: 360px; max-height: 40vh; overflow: auto; background: rgba(2,11,51,.92); color: #cfe0ff; font-size: .7rem; padding: 10px 12px; border-radius: 10px; z-index: 500; }
.aud-debug pre { margin: 6px 0 0; white-space: pre-wrap; word-break: break-word; }

@media (max-width: 480px) {
  .aud-main { padding: 18px 14px 40px; }
  .aud-card { padding: 16px 0; }
  .btn-fill { padding: 18px 26px; font-size: 1rem; }
  .btn { white-space: normal; }
}

/* Botão de arrastar: trilho cinza, botão verde que desliza da esquerda para a direita */
.aud-slide { position: relative; width: min(100%, 380px); height: 60px; margin: 0 auto; border-radius: 999px; background: #e5e7eb; box-shadow: inset 0 2px 4px rgba(0,0,0,.08); overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; outline: none; }
.aud-slide-label { position: absolute; inset: 0; display: flex; align-items: center; justify-content: flex-end; padding-right: 20px; color: #9ca3af; font-weight: 600; font-size: .75rem; letter-spacing: .4px; text-transform: uppercase; pointer-events: none; }
.aud-slide-label svg { margin-left: 6px; }
.aud-slide-knob b { margin-left: 6px; letter-spacing: 2px; animation: audHint 1.4s ease-in-out infinite; }
.aud-slide-label b { margin-left: 6px; letter-spacing: 2px; animation: audHint 1.4s ease-in-out infinite; }
@keyframes audHint { 0%,100% { opacity: .3; transform: translateX(0); } 50% { opacity: 1; transform: translateX(4px); } }
.aud-slide-knob { position: absolute; top: 0; bottom: 0; left: 5px; margin: 5px 0; height: auto; padding: 0 20px; gap: 8px; border-radius: 999px; background: var(--green); color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 700; font-size: .92rem; white-space: nowrap; cursor: grab; box-shadow: 0 2px 8px -2px rgba(26,194,113,.55); will-change: transform; }
.aud-slide.is-dragging .aud-slide-knob { cursor: grabbing; }
.aud-slide:not(.is-dragging) .aud-slide-knob { transition: transform .25s ease; }
.aud-slide-fill { position: absolute; top: 0; left: 0; bottom: 0; width: 0; background: var(--green); border-radius: 999px; pointer-events: none; }
.aud-slide:not(.is-dragging) .aud-slide-fill { transition: width .25s ease; }
.aud-slide.is-done .aud-slide-label { opacity: 0; }
.aud-slide:focus, .aud-slide:focus-visible { outline: none; }
#screen1 .aud-tag, #screen2 .aud-tag { font-size: .6rem; padding: 4px 10px; margin-bottom: 12px; background: #eceef1; color: #6b7280; }

/* Mobile: vídeo quase de borda a borda (margem mínima de 6px) */
@media (max-width: 600px) {
  #screen2 .aud-video { margin-left: -8px; margin-right: -8px; }
}

.aud-ages-row { display: flex; align-items: flex-start; gap: 10px; }
.aud-ages-row .chat-ages-boxes { flex: 0 1 auto; }
.aud-ages-hint { display: flex; align-items: center; height: 42px; color: #b0b6c0; font-size: .72rem; line-height: 1.25; max-width: 106px; }