@font-face{font-family:"Roboto Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url("./app.woff2") format("woff2-variations")}:root{color-scheme:light;--black:#080808;--white:#fff;--bg:#f5f5f3;--soft:#f7f7f5;--line:#e4e4e1;--text:#171717;--muted:#737373;--danger:#c92a2a}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:"Roboto Variable",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.survey-app{width:min(100%,680px);min-height:100vh;margin:0 auto;background:var(--bg)}.mobile-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 16px;border-bottom:1px solid #252525;background:rgba(8,8,8,.97);color:#fff;backdrop-filter:blur(14px)}.mobile-header img{width:43px;height:43px;object-fit:contain}.mobile-header strong,.mobile-header span{display:block}.mobile-header strong{font-size:11px;text-transform:uppercase}.mobile-header span{margin-top:3px;color:#999;font-size:9px;text-transform:uppercase}.state-screen{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:24px 18px}.state-card{width:100%;padding:30px 22px;border:1px solid var(--line);background:#fff}.state-index,.question-number,.hero-eyebrow{display:block;color:var(--muted);font:800 9px "Roboto Variable",Roboto,Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase}.state-card h1,.success-screen h1{margin:14px 0 8px;font:900 31px/.98 "Roboto Variable",Roboto,Arial,sans-serif;letter-spacing:-1.4px;text-transform:uppercase}.state-card p,.success-screen p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.loader{width:40px;height:40px;margin-top:28px;border:3px solid #ececea;border-top-color:#080808;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.survey-shell{padding-bottom:110px}.survey-hero{padding:34px 20px 28px;background:#080808;color:#fff}.hero-eyebrow{color:#aaa}.survey-hero h1{margin:14px 0 11px;font:900 clamp(38px,11vw,58px)/.94 "Roboto Variable",Roboto,Arial,sans-serif;letter-spacing:-2.5px;text-transform:lowercase}.survey-hero p{margin:0;color:#c3c3c3;font-size:13px;line-height:1.6}.hero-meta{display:flex;justify-content:space-between;gap:14px;margin-top:25px;padding-top:16px;border-top:1px solid #2c2c2c;color:#aaa;font-size:9px;text-transform:uppercase}.hero-meta strong{color:#fff}.survey-progress-card{margin:12px 12px 0;padding:15px;border:1px solid var(--line);background:#fff}.progress-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:10px;font-weight:800;text-transform:uppercase}.progress-header span{color:var(--muted)}.progress-track{height:9px;overflow:hidden;border:1px solid var(--line);background:var(--soft)}.progress-track i{display:block;width:0;height:100%;background:#080808;transition:width .45s ease}.question-card,.contact-card{min-height:360px;margin:12px;padding:24px 18px;border:1px solid var(--line);background:#fff}.question-card h2,.contact-card h2{margin:12px 0 7px;font:900 clamp(24px,7vw,33px)/1.04 "Roboto Variable",Roboto,Arial,sans-serif;letter-spacing:-1px}.question-description,.contact-card>p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.answer-area{margin-top:25px}.scale-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.scale-grid.five{grid-template-columns:repeat(5,1fr)}.scale-button{min-height:48px;border:1px solid var(--line);background:var(--soft);color:#111;font-weight:900}.scale-button.selected{border-color:#080808;background:#080808;color:#fff;transform:translateY(-2px)}.scale-labels{display:flex;justify-content:space-between;gap:14px;margin-top:12px;color:var(--muted);font-size:9px}.choice-list{display:grid;gap:9px}.choice-button,.choice-check{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--line);background:var(--soft);color:#222;text-align:left;font-size:12px;font-weight:700}.choice-button::before,.choice-check::before{content:"";flex:0 0 19px;width:19px;height:19px;border:1px solid #bdbdb8;background:#fff}.choice-button.selected,.choice-check.selected{border-color:#080808;background:#fff}.choice-button.selected::before{border:6px solid #080808;border-radius:50%}.choice-check.selected::before{content:"✓";display:grid;place-items:center;border-color:#080808;background:#080808;color:#fff;font-size:12px}.text-answer{width:100%;min-height:54px;border:1px solid var(--line);background:#fff;padding:14px;color:#171717;outline:none;font-size:16px}textarea.text-answer{min-height:150px;resize:vertical}.text-answer:focus{border-color:#080808}.contact-permission{display:flex;gap:12px;margin-top:24px;padding:15px;border:1px solid var(--line);background:var(--soft)}.contact-permission input{width:20px;height:20px;margin:0}.contact-permission strong,.contact-permission small{display:block}.contact-permission strong{font-size:12px}.contact-permission small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.contact-fields{display:grid;gap:13px;margin-top:16px}.contact-fields label{display:grid;gap:7px}.contact-fields label span{color:#555;font-size:9px;font-weight:800;text-transform:uppercase}.contact-fields input{height:49px;border:1px solid var(--line);padding:0 13px;outline:none;font-size:16px}.contact-fields input:focus{border-color:#080808}.form-message{min-height:18px;margin:0 18px;color:var(--danger);font-size:11px}.mobile-actions{position:fixed;z-index:9;left:50%;bottom:0;display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;width:min(100%,680px);padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.97);transform:translateX(-50%);backdrop-filter:blur(14px)}.primary-button,.secondary-button{min-height:49px;border:1px solid #080808;padding:0 16px;font:800 10px "Roboto Variable",Roboto,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase}.primary-button{background:#080808;color:#fff}.secondary-button{background:#fff;color:#080808}.mobile-actions .primary-button:last-child{grid-column:2}.success-screen{min-height:calc(100vh - 68px);display:flex;flex-direction:column;justify-content:center;padding:36px 22px;background:#fff}.success-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:25px;background:#080808;color:#fff;font-size:35px;font-weight:900}.success-brand{display:flex;align-items:center;gap:10px;margin-top:36px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;text-transform:uppercase}.success-brand img{width:36px;height:36px}@media(min-width:620px){.survey-app{min-height:calc(100vh - 36px);margin:18px auto;border:1px solid var(--line)}.mobile-actions{bottom:18px;width:min(calc(100% - 2px),678px)}}


/* M2 Pesquisas V2 — leitura ampliada e fluxo dinâmico */
.mobile-header strong{
  font-size:14px;
  letter-spacing:.4px
}
.mobile-header span{
  font-size:11px;
  line-height:1.35
}
.state-index,
.question-number,
.hero-eyebrow{
  font-size:11px;
  letter-spacing:1.35px
}
.state-card p,
.success-screen p{
  font-size:16px
}
.survey-unit-brand{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:27px;
  padding-bottom:20px;
  border-bottom:1px solid #2d2d2d
}
.survey-unit-logo-wrap{
  display:grid;
  place-items:center;
  width:70px;
  height:70px;
  overflow:hidden;
  flex:0 0 70px;
  background:#fff
}
.survey-unit-logo-wrap img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:7px
}
.survey-unit-brand span,
.survey-unit-brand strong{
  display:block
}
.survey-unit-brand span{
  color:#999;
  font-size:11px;
  font-weight:800;
  letter-spacing:.8px;
  text-transform:uppercase
}
.survey-unit-brand strong{
  margin-top:5px;
  color:#fff;
  font-size:20px;
  line-height:1.15
}
.survey-hero p{
  font-size:16px;
  line-height:1.65
}
.hero-meta{
  font-size:11px;
  line-height:1.45
}
.progress-header{
  font-size:13px
}
.question-card,
.contact-card{
  min-height:420px;
  padding:28px 21px
}
.question-card h2,
.contact-card h2{
  font-size:clamp(29px,8vw,43px);
  line-height:1.03
}
.question-description,
.contact-card>p{
  font-size:15px;
  line-height:1.6
}
.auto-advance-hint{
  margin:13px 0 0;
  color:#646464;
  font-size:12px;
  font-weight:700;
  line-height:1.45
}
.answer-area{
  margin-top:30px
}
.scale-button{
  min-height:58px;
  font-size:18px
}
.scale-labels{
  font-size:11px;
  line-height:1.4
}
.choice-button,
.choice-check{
  min-height:64px;
  padding:15px 16px;
  font-size:16px;
  line-height:1.35
}
.choice-button::before,
.choice-check::before{
  flex-basis:23px;
  width:23px;
  height:23px
}
.text-answer{
  min-height:58px;
  font-size:17px
}
textarea.text-answer{
  min-height:175px
}
.contact-permission strong{
  font-size:15px
}
.contact-permission small{
  font-size:12px
}
.contact-fields label span{
  font-size:11px
}
.primary-button,
.secondary-button{
  min-height:54px;
  font-size:13px
}
.form-message{
  font-size:13px
}
.question-card.question-enter{
  animation:m2QuestionEnter .32s ease both
}
.question-card.is-advancing{
  pointer-events:none;
  animation:m2QuestionSelected .36s ease both
}
@keyframes m2QuestionEnter{
  from{
    opacity:0;
    transform:translateX(18px)
  }
  to{
    opacity:1;
    transform:translateX(0)
  }
}
@keyframes m2QuestionSelected{
  0%{
    opacity:1;
    transform:translateX(0)
  }
  65%{
    opacity:1;
    transform:translateX(-7px)
  }
  100%{
    opacity:.35;
    transform:translateX(-22px)
  }
}
@media(max-width:430px){
  .scale-grid{
    grid-template-columns:repeat(4,1fr)
  }
  .scale-grid.five{
    grid-template-columns:repeat(5,1fr)
  }
  .scale-button{
    min-height:56px
  }
  .survey-hero h1{
    font-size:clamp(37px,11vw,49px)
  }
}


/* Logo transparente exibido sobre fundo preto */
.survey-unit-logo-wrap{
  background:#080808!important;
  border:1px solid #2d2d2d
}
.survey-unit-logo-wrap img{
  background:transparent!important;
  padding:8px
}