/* termometro.css — solo lo especifico de la encuesta. El resto (fuentes,
   colores, .btn/.btn-p/.btn-g, inputs, otp-digit...) viene de clarity.css. */

body{background:var(--bg);color:var(--text)}

.term-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;gap:16px}
.term-brand{font-family:var(--M);font-size:11px;letter-spacing:.1em;color:var(--text2);text-transform:uppercase;white-space:nowrap}
.term-brand-accent{color:var(--walnut)}

.term-therm-wrap{display:flex;align-items:center;gap:10px}
.term-therm{width:14px;height:22px;border:1.5px solid var(--walnut);border-radius:4px;position:relative;overflow:hidden;flex-shrink:0;background:var(--bg3)}
.term-therm-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,var(--walnut2),var(--walnut));height:0%;transition:height .5s cubic-bezier(.4,0,.2,1)}
.term-progress-label{font-family:var(--M);font-size:11px;color:var(--walnut);letter-spacing:.06em}

.term-progress-track{height:2px;background:var(--border2);position:relative;margin:0 24px}
.term-progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--walnut),var(--walnut2));width:0%;transition:width .5s cubic-bezier(.4,0,.2,1)}

.term-main{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px 40px;min-height:calc(100vh - 140px)}
.term-card{width:100%;max-width:640px;animation:term-rise .45s cubic-bezier(.16,1,.3,1)}
@keyframes term-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

.term-eyebrow{font-family:var(--M);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--walnut);margin-bottom:18px;display:block}
.term-h1{font-family:var(--F);font-weight:700;font-size:clamp(22px,4vw,30px);line-height:1.28;margin:0 0 14px;padding-bottom:14px;border-bottom:2px solid var(--walnut)}
.term-hint{color:var(--text2);font-size:14px;margin:0 0 24px;line-height:1.6}

.term-options{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.term-opt{background:var(--bg3);border:1px solid var(--border2);color:var(--text);text-align:left;padding:16px 18px;border-radius:var(--r2);font-family:var(--F);font-size:15px;cursor:pointer;transition:border-color .15s,background .15s;width:100%}
.term-opt:hover{border-color:var(--walnut)}
.term-opt.selected{border-color:var(--walnut);background:var(--walnut-bg)}

.term-scale-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.term-scale-btn{flex:1;min-width:calc(20% - 7px);background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:var(--r2);padding:14px 6px 12px;cursor:pointer;text-align:center;font-family:var(--F);transition:border-color .15s,background .15s}
.term-scale-btn:hover{border-color:var(--walnut)}
.term-scale-btn.selected{border-color:var(--walnut);background:var(--walnut-bg)}
.term-scale-num{font-weight:700;font-size:20px;display:block;margin-bottom:6px;color:var(--walnut)}
.term-scale-label{font-size:11px;color:var(--text2);line-height:1.3;display:block}
.term-unknown-btn{display:block;width:100%;text-align:center;margin:0 0 24px;background:none;border:1px dashed var(--border2);color:var(--text3);font-size:13px;padding:10px;border-radius:var(--r2);cursor:pointer}
.term-unknown-btn.selected{border-color:var(--walnut);border-style:solid;color:var(--walnut)}

.term-field{margin-bottom:18px}
.term-field label{display:block;font-size:13px;color:var(--text2);margin-bottom:6px}
.term-field textarea{width:100%;background:var(--bg3);border:1px solid var(--border2);color:var(--text);padding:13px 14px;border-radius:var(--r);font-family:var(--F);font-size:15px;resize:vertical;min-height:70px}
.term-field textarea:focus,.term-field input:focus{outline:none;border-color:var(--walnut)}
.term-field input.term-input-error,.term-field select.term-input-error{border-color:var(--ember) !important}

.term-nav{display:flex;justify-content:space-between;align-items:center;gap:12px}
.term-error-msg{color:var(--ember);font-size:13px;margin:-14px 0 18px;display:none}

.term-meta-row{display:flex;gap:18px;margin:22px 0 30px;flex-wrap:wrap}
.term-meta-item{font-family:var(--M);font-size:11px;color:var(--text2);letter-spacing:.04em}
.term-meta-item b{color:var(--walnut)}

.term-consent-row{display:flex;align-items:flex-start;gap:10px;margin:20px 0 22px}
.term-consent-row input[type=checkbox]{margin-top:3px;width:16px;height:16px;accent-color:var(--walnut);flex-shrink:0;cursor:pointer}
.term-consent-row label{font-size:13px;color:var(--text2);line-height:1.5;cursor:pointer}
.term-consent-row a{color:var(--walnut);text-decoration:underline}

.term-footer{text-align:center;padding:18px;font-family:var(--M);font-size:10.5px;color:var(--text3);letter-spacing:.08em}

/* Panel admin */
.term-admin-wrap{max-width:1100px;margin:32px auto;padding:0 20px}
.term-admin-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.term-admin-stats{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:26px}
.term-stat{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r2);padding:14px 18px;min-width:120px}
.term-stat b{display:block;font-weight:700;font-size:26px;color:var(--walnut)}
.term-stat span{font-family:var(--M);font-size:10.5px;color:var(--text2);letter-spacing:.06em;text-transform:uppercase}
.term-table-wrap{overflow-x:auto;border:1px solid var(--border2);border-radius:var(--r2)}
table.term-results{border-collapse:collapse;width:100%;font-family:var(--M);font-size:12px}
table.term-results th,table.term-results td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border2);white-space:nowrap}
table.term-results th{background:var(--bg3);color:var(--walnut);text-transform:uppercase;font-size:10.5px;letter-spacing:.05em;position:sticky;top:0}
table.term-results tr:last-child td{border-bottom:none}
table.term-results td{color:var(--text2)}
.term-empty-state{color:var(--text2);padding:40px 0;text-align:center}

@media(max-width:520px){
  .term-scale-btn{min-width:calc(33.33% - 6px)}
}