/* ============================================================
   Autodiagnóstico — Seranta (sistema Alba)
   ============================================================ */

#adx-zona{margin-top:44px}
#adx{max-width:720px}

/* ---------- Progreso ---------- */
.adx-prog{margin-bottom:30px}
.adx-prog-bar{height:4px;background:var(--acento-soft);border-radius:3px;overflow:hidden}
.adx-prog-bar span{display:block;height:100%;background:var(--acento);border-radius:3px;
  transition:width .45s cubic-bezier(.22,.61,.36,1)}
.adx-prog-txt{margin-top:10px;font-family:var(--display);font-size:12px;letter-spacing:1.4px;
  text-transform:uppercase;color:var(--gris);font-weight:600}

/* ---------- Pregunta ---------- */
.adx-q{animation:adxIn .38s cubic-bezier(.22,.61,.36,1)}
@keyframes adxIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.adx-kicker{display:inline-block;font-family:var(--display);font-size:11px;letter-spacing:2px;
  text-transform:uppercase;color:var(--acento-oscuro);font-weight:600;margin-bottom:12px}
.adx-q h3{font-family:var(--display);font-size:25px;font-weight:600;letter-spacing:-.5px;
  line-height:1.32;margin-bottom:26px;outline:none}
.adx-q h3:focus-visible{outline:2px solid var(--acento);outline-offset:6px;border-radius:4px}
.adx-help{font-size:15px;color:var(--gris);line-height:1.6;margin:-14px 0 24px}

.adx-ops{display:flex;flex-direction:column;gap:10px}
.adx-op{display:block;width:100%;text-align:left;font-family:var(--body);font-size:15.5px;
  color:#3F4D4A;line-height:1.5;background:#fff;border:1px solid var(--linea);border-radius:12px;
  padding:16px 18px 16px 50px;cursor:pointer;position:relative;
  transition:border-color .2s,background .2s,transform .18s}
.adx-op::before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);
  width:17px;height:17px;border-radius:50%;border:1.5px solid #C3CECC;transition:border-color .2s}
.adx-op:hover{border-color:var(--acento);background:#FFFDF9;transform:translateX(2px)}
.adx-op:hover::before{border-color:var(--acento)}
.adx-op:focus-visible{outline:2px solid var(--acento);outline-offset:2px}
.adx-op.sel{border-color:var(--acento);background:var(--acento-soft)}
.adx-op.sel::before{border-color:var(--acento);background:var(--acento);
  box-shadow:inset 0 0 0 3px #fff}
.adx-op.adx-na{font-size:14.5px;color:var(--gris);border-style:dashed}

/* ---------- Navegación ---------- */
.adx-nav{margin-top:24px;display:flex;gap:14px}
.adx-back{background:none;border:none;font-family:var(--display);font-weight:600;font-size:14px;
  color:var(--gris);cursor:pointer;padding:8px 2px;display:inline-flex;align-items:center;gap:8px;
  transition:color .2s}
.adx-back::before{content:"←";color:var(--acento)}
.adx-back:hover{color:var(--pino)}
.adx-back:focus-visible{outline:2px solid var(--acento);outline-offset:3px;border-radius:4px}

/* ---------- Formulario de contacto ---------- */
.adx-form{display:flex;flex-direction:column;max-width:440px}
.adx-form label{font-family:var(--display);font-size:12.5px;letter-spacing:1.2px;
  text-transform:uppercase;color:var(--gris);font-weight:600;margin-bottom:8px}
.adx-form input{font-family:var(--body);font-size:16px;color:var(--pino);background:#fff;
  border:1px solid var(--linea);border-radius:10px;padding:14px 16px;margin-bottom:20px;
  transition:border-color .2s,box-shadow .2s}
.adx-form input:focus{outline:none;border-color:var(--acento);
  box-shadow:0 0 0 3px rgba(184,134,46,.14)}
.adx-form input::placeholder{color:#A9B5B3}
.adx-enviar{border:none;cursor:pointer;font-size:15px;width:100%;margin-top:4px}
.adx-enviar:disabled{opacity:.65;cursor:default}
.adx-error{color:#9C3B1E;font-size:14px;margin:-12px 0 16px;line-height:1.5}
.adx-legal{font-size:12.5px;color:#8B9794;line-height:1.6;margin-top:16px}

/* ---------- Resultado ---------- */
.adx-res{animation:adxIn .5s cubic-bezier(.22,.61,.36,1)}
.adx-res-head{border:1px solid var(--linea);border-radius:16px;padding:32px;background:#fff;
  box-shadow:0 18px 40px -30px rgba(20,38,36,.4)}
.adx-score{display:flex;align-items:center;gap:22px;margin:6px 0 20px}
.adx-score-n{font-family:var(--display);font-size:60px;font-weight:600;letter-spacing:-2.5px;
  line-height:1;color:var(--acento)}
.adx-score-n small{font-size:19px;color:#A9B5B3;letter-spacing:-.5px;margin-left:2px}
.adx-score-l b{display:block;font-family:var(--display);font-size:23px;font-weight:600;
  letter-spacing:-.4px;color:var(--acento-oscuro)}
.adx-score-l span{font-family:var(--display);font-size:11.5px;letter-spacing:1.8px;
  text-transform:uppercase;color:var(--gris);font-weight:600}
.adx-res-txt{font-size:15.5px;color:#3F4D4A;line-height:1.7}

.adx-dims{margin-top:34px}
.adx-dims h4,.adx-prio h4,.adx-cierre h4{font-family:var(--display);font-size:12px;letter-spacing:2px;
  text-transform:uppercase;color:var(--gris);font-weight:600;margin-bottom:20px}
.adx-dim{margin-bottom:18px}
.adx-dim-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.adx-dim-h span{font-size:14.5px;color:#3F4D4A}
.adx-dim-h b{font-family:var(--display);font-size:15px;font-weight:600;color:var(--acento)}
.adx-dim-h b.na{font-size:12px;color:#A9B5B3;font-weight:500;letter-spacing:.5px}
.adx-bar{height:8px;background:var(--acento-soft);border-radius:5px;overflow:hidden}
.adx-bar span{display:block;height:100%;border-radius:5px;
  background:linear-gradient(90deg,var(--acento),var(--acento-oscuro));
  animation:adxBar .9s cubic-bezier(.22,.61,.36,1)}
@keyframes adxBar{from{width:0!important}}

.adx-prio{margin-top:38px;border-top:1px solid var(--linea);padding-top:32px}
.adx-prio-i{border-left:2px solid var(--acento);padding:2px 0 2px 20px;margin-bottom:24px}
.adx-prio-i h5{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.3px;
  margin-bottom:7px}
.adx-prio-i p{font-size:14.5px;color:var(--gris);line-height:1.6;margin-bottom:9px}
.adx-prio-i a{font-family:var(--display);font-weight:600;font-size:14px;color:var(--acento);
  display:inline-flex;align-items:center;gap:7px}
.adx-prio-i a::after{content:"→";color:var(--acento);transition:transform .2s}
.adx-prio-i a:hover{color:var(--acento-oscuro)}
.adx-prio-i a:hover::after{transform:translateX(4px)}

.adx-sent{margin-top:26px;font-size:14.5px;color:var(--acento);background:var(--acento-soft);
  border-radius:10px;padding:14px 18px;line-height:1.55}
.adx-sent.warn{background:rgba(199,122,58,.14);color:var(--cobre)}

.adx-cierre{margin-top:38px;border-top:1px solid var(--linea);padding-top:32px}
.adx-cierre p{font-size:15px;color:#3F4D4A;line-height:1.65;margin-bottom:20px;max-width:560px}
.adx-cierre .adx-legal{margin-top:14px}

@media(max-width:620px){
  .adx-q h3{font-size:21px}
  .adx-op{font-size:15px;padding:15px 16px 15px 46px}
  .adx-score-n{font-size:48px}
  .adx-score{gap:16px}
  .adx-score-l b{font-size:20px}
  .adx-res-head{padding:24px}
}
@media(prefers-reduced-motion:reduce){
  .adx-q,.adx-res{animation:none}
  .adx-bar span{animation:none}
  .adx-prog-bar span{transition:none}
}