/* KEYAH — questionário floral (complementa keyah.css) */

.q-topo{background:var(--papel);position:sticky;top:0;z-index:var(--z-topo)}
.q-topo__in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px}
.q-voltar{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;
  color:var(--tinta);text-decoration:none}
.q-voltar svg{width:16px;height:16px;transition:transform .35s var(--saida)}
.q-voltar:hover svg{transform:translateX(-4px)}
.q-barra{height:3px;background:var(--linha)}
.q-barra i{display:block;height:100%;width:0;background:var(--terra-esc);
  transition:width .7s var(--saida)}

.q-cabeca{max-width:760px;margin:0 auto clamp(34px,5vw,56px)}
.q-passo{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--terra-esc);
  margin-bottom:10px}
.q-cabeca h1{font-size:clamp(2.3rem,5.4vw,3.8rem);margin-bottom:16px}
.q-cabeca p:last-child{font-size:1.08rem;max-width:54ch}

.q-forma{max-width:760px;margin-inline:auto}
.q-secao{display:none}
.q-secao.ativa{display:block;animation:q-entra .7s var(--saida)}
@keyframes q-entra{from{opacity:0;transform:translateY(16px)}}

.q-forma .campo{margin-bottom:28px}
.q-forma .campo label{font-size:16px;line-height:1.5}
.q-forma .campo .obr{color:var(--terra-esc)}
.q-forma .campo .ajuda{display:block;font-size:14px;color:var(--tinta-3);margin:-4px 0 10px}
.q-forma .campo textarea{min-height:128px}
.q-forma .campo select{appearance:none;cursor:pointer;padding-right:46px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237D6B61' stroke-width='1.6'%3E%3Cpath d='M6 9l6 6 6-6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;background-size:19px}
.q-forma .campo.erro select{border-color:#A03B2B}

.q-nav{display:flex;gap:12px;justify-content:space-between;margin-top:40px;padding-top:30px;
  border-top:1px solid var(--linha)}
.q-nav .btn{min-width:170px}

.consent{display:flex;gap:14px;align-items:flex-start;background:var(--areia-2);
  border-radius:var(--raio);padding:20px 22px}
.consent input{width:20px;height:20px;flex:none;margin-top:3px;accent-color:var(--terra-esc)}
.q-forma .consent label{font-size:14.5px;font-weight:400;color:var(--tinta-2);line-height:1.65;margin:0}

.q-aviso{background:var(--areia-2);border-radius:var(--raio);padding:20px 24px;margin-bottom:32px;
  font-size:15px;line-height:1.7}

.q-fim{max-width:620px;margin-inline:auto;padding-block:clamp(30px,6vw,70px)}
.q-fim__icone{color:var(--terra-esc);margin-bottom:26px}
.q-fim__icone svg{width:56px;height:56px}
.q-fim h2{margin-bottom:18px}
.q-fim p{margin-bottom:34px;font-size:1.08rem}

@media(max-width:620px){
  .q-nav{flex-direction:column-reverse}
  .q-nav .btn{width:100%}
}