/* O mesmo visual da tela de cadastro do NutriCheck (cbse-nutricheck/pagina/estilo.css),
   sem as regras do quiz (termômetro, opções, resultado). Mudou lá, trazer para cá. */
:root{
  /* ---- IDENTIDADE VISUAL ---- */
  --creme:        #F5ECCF;
  --creme-claro:  #FBF6E6;
  --verde:        #2E4A34;
  --verde-fim:    #223826;
  --verde-claro:  #6CB246;
  --verde-botao2: #3F7A2A;
  --laranja:      #E5A54A;
  --vermelho:     #B5472F;
  --texto:        #2B3A2E;
  --texto-suave:  #61705F;
  --borda:        #E2D9BC;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--creme);
  color:var(--texto);
  line-height:1.5;
  padding:18px;
  min-height:100vh;
}
.wrap{max-width:720px;margin:0 auto}

/* ---------- CABEÇALHO ---------- */
header{text-align:center;padding:14px 0 18px}
.marca{
  font-family:'Playfair Display',Georgia,serif;
  font-style:italic;font-weight:700;
  font-size:clamp(38px,7vw,58px);
  color:var(--verde);line-height:1;
}
.marca-sub{
  font-size:clamp(13px,2.6vw,15px);font-weight:300;
  color:var(--texto-suave);margin-top:6px;
}
.risco{
  width:70px;height:3px;background:var(--laranja);
  margin:14px auto 0;border-radius:3px;
}

/* ---------- CARTÕES ---------- */
.card{
  background:var(--creme-claro);
  border:1px solid var(--borda);
  border-radius:22px;
  padding:clamp(22px,4vw,34px);
  box-shadow:0 6px 20px rgba(46,74,52,.07);
}
.pergunta{
  font-size:clamp(19px,3.4vw,23px);
  font-weight:500;line-height:1.35;margin-bottom:6px;
}
.ajuda{font-size:14px;color:var(--texto-suave);margin-bottom:20px}

/* ---------- BOTÕES ---------- */
.linha-botoes{display:flex;gap:12px;align-items:center;margin-top:20px}
.btn{
  font-family:inherit;font-size:16px;font-weight:500;
  border:none;border-radius:14px;padding:15px 30px;
  cursor:pointer;transition:all .15s ease;
}
.btn-principal{
  background:linear-gradient(to right,var(--verde-claro),var(--verde-botao2));
  color:#fff;box-shadow:0 5px 14px rgba(63,122,42,.28);
}
.btn-principal:hover{transform:translateY(-2px)}
.btn-principal:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
.btn-fantasma{background:none;color:var(--texto-suave);padding:15px 8px}
.btn-fantasma:hover{color:var(--verde)}

/* ---------- CAMPOS DE CADASTRO ---------- */
.campos{margin:22px 0 4px}
.campo{margin-bottom:14px}
.campo label{
  display:block;font-size:14px;font-weight:500;
  margin-bottom:6px;color:var(--texto);
}
.campo input{
  width:100%;font-family:inherit;font-size:16px;color:var(--texto);
  background:#fff;border:1.6px solid var(--borda);border-radius:14px;
  padding:14px 16px;transition:border-color .15s ease;
}
.campo input:focus{outline:none;border-color:var(--verde-claro)}
.campo input.erro{border-color:var(--vermelho);background:#FDF4F1}
.msg-erro{
  display:none;font-size:13px;color:var(--vermelho);margin-top:5px;
}
.msg-erro.ver{display:block}

/* ---------- TELA INICIAL ---------- */
.intro p{margin-bottom:14px;font-size:16px}
.intro .destaque{
  background:#EFF5E9;border-left:4px solid var(--verde-claro);
  border-radius:0 12px 12px 0;padding:14px 16px;
  font-size:15px;color:var(--texto-suave);
}

.assinatura{
  font-size:12px;color:var(--texto-suave);text-align:center;
  line-height:1.7;margin:26px auto;max-width:560px;
}
.oculto{display:none}

/* ---------- ACRÉSCIMOS DO NUTRICHECK (não existem no original dele) ---------- */
.consentimento{
  display:flex;gap:10px;align-items:flex-start;margin-top:6px;
  font-size:11px;color:var(--texto-suave);line-height:1.5;cursor:pointer;
}
.consentimento input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--verde)}
.alerta{
  display:none;background:#FDF4F1;border:1px solid #EBC3B6;color:var(--vermelho);
  border-radius:12px;padding:12px 14px;font-size:14px;margin-top:14px;
}
.alerta.ver{display:block}
.btn-principal[aria-busy="true"]{opacity:.6;cursor:progress}
.armadilha{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.turnstile{margin-top:14px;min-height:0}