/* V123 - Experiencia visual de autoevaluación. Aislada al módulo. */
#autoevaluacion{position:relative;isolation:isolate;padding-bottom:38px}
#autoevaluacion:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 9% 32%,rgba(36,186,209,.16),transparent 38%),radial-gradient(ellipse at 96% 66%,rgba(113,92,241,.13),transparent 36%),linear-gradient(150deg,#f2f9ff,#fff 52%,#f3f6ff)}
#autoevaluacion .autoeval-hero{min-height:280px;border-radius:27px;position:relative;overflow:hidden;box-shadow:0 18px 48px rgba(22,66,117,.12);background:linear-gradient(96deg,rgba(232,249,255,.97) 0%,rgba(233,248,255,.88) 48%,rgba(232,248,255,.12) 76%),url('../assets/autoeval-hero-background.png') center/cover no-repeat}
#autoevaluacion .autoeval-hero:after{content:"";position:absolute;inset:auto -12% -75% 25%;height:210px;border:1px solid rgba(255,255,255,.65);border-radius:50%;pointer-events:none}
#autoevaluacion .autoeval-hero-copy{position:relative;z-index:2;max-width:610px;padding:38px 38px 42px}
#autoevaluacion .autoeval-kicker{display:inline-flex;align-items:center;border-radius:100px;padding:8px 13px;background:#e3fbf3;color:#007b67;font-weight:800;letter-spacing:.08em}
#autoevaluacion .autoeval-hero h1{font-size:clamp(30px,3.3vw,48px);line-height:1.1;letter-spacing:-.035em;color:#102d56;max-width:540px;margin:15px 0}
#autoevaluacion .autoeval-hero p{font-size:clamp(15px,1.25vw,18px);line-height:1.6;max-width:510px;color:#426180}
#autoevaluacion .autoeval-advisor{filter:drop-shadow(0 16px 22px rgba(18,49,89,.13))}
#autoevaluacion .autoeval-panel{border:1px solid #e4eef8;border-radius:26px;background:rgba(255,255,255,.87);box-shadow:0 16px 45px rgba(20,66,120,.09);backdrop-filter:blur(10px);overflow:visible}
#autoevaluacion .autoeval-panel-head{background:linear-gradient(100deg,#f5fbff,#f4f9ff 65%,#f5f0ff);border-radius:25px 25px 0 0;padding:24px 28px}
#autoevaluacion .autoeval-panel-head h2{font-size:clamp(20px,2vw,27px);letter-spacing:-.02em}
#autoevaluacion .sales-checklist{max-width:900px;margin:0 auto;padding:22px 20px 28px}
#autoevaluacion .diagnosis-progress{padding:20px 24px;background:linear-gradient(120deg,#edfaff,#f5f4ff);border:1px solid #dfeefa;border-radius:20px;margin-bottom:22px}
#autoevaluacion .diagnosis-progress-track{height:10px;border-radius:99px;overflow:hidden;background:#dbe6f3}
#autoevaluacion .diagnosis-progress-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1fc4b2,#267bf2,#7655f6);transition:width .6s cubic-bezier(.2,.75,.25,1)}
#autoevaluacion .diagnosis-card{position:relative;border:1px solid #e2eaf6;border-radius:23px;background:radial-gradient(circle at 100% 0%,rgba(106,107,243,.07),transparent 42%),#fff;box-shadow:0 15px 38px rgba(27,73,130,.1);padding:clamp(22px,3vw,36px);animation:academyQuestionEnter .45s cubic-bezier(.2,.8,.25,1) both}
#autoevaluacion .diagnosis-card:before{content:"";position:absolute;right:24px;top:22px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(36,196,190,.12),transparent 70%);pointer-events:none}
#autoevaluacion .diagnosis-meta{display:flex;align-items:center;gap:12px;margin-bottom:20px}
#autoevaluacion .diagnosis-meta>span{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#268cf3,#7258ee);box-shadow:0 7px 16px rgba(52,111,232,.23);font-weight:800}
#autoevaluacion .diagnosis-meta>b{border-radius:99px;background:#e9f5ff;color:#1964b4;padding:8px 14px;font-size:12px;letter-spacing:.06em}
#autoevaluacion .diagnosis-card h3{font-size:clamp(21px,2.2vw,30px);line-height:1.3;letter-spacing:-.02em;color:#122f59;max-width:740px}
#autoevaluacion .diagnosis-hint{color:#647d9d;font-size:15px;margin:9px 0 20px}
#autoevaluacion .diagnosis-options{display:grid;gap:12px}
#autoevaluacion .diagnosis-option{width:100%;min-height:65px;display:flex;align-items:center;gap:15px;text-align:left;padding:13px 18px;border:1.5px solid #e4ecf8;border-radius:15px;background:linear-gradient(110deg,#fff,#f8fbff);color:#18365f;font-size:15px;line-height:1.5;box-shadow:0 4px 12px rgba(31,71,118,.035);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}
#autoevaluacion .diagnosis-option:not(:disabled):hover{transform:translateY(-3px) scale(1.012);border-color:#6a9fff;box-shadow:0 10px 22px rgba(48,106,196,.13);background:#f0f7ff}
#autoevaluacion .diagnosis-option.selected{border-color:#357bfa;background:linear-gradient(100deg,#e9f4ff,#f1efff);box-shadow:0 0 0 3px rgba(48,117,241,.12)}
#autoevaluacion .option-letter{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#e8effb;color:#2c5b9a;font-weight:800}
#autoevaluacion .diagnosis-option.selected .option-letter{background:#277bf3;color:#fff}
#autoevaluacion .diagnosis-feedback{margin-top:22px;border-radius:19px;padding:23px;background:linear-gradient(120deg,#edfff8,#f7fffc);border:1px solid #b8e9d6;animation:academyFeedback .45s ease both}
#autoevaluacion .diagnosis-feedback.growth{background:linear-gradient(120deg,#fff6f2,#fffaf8);border-color:#f6d9c9}
#autoevaluacion .diagnosis-feedback-kicker{font-size:19px;font-weight:800;color:#078566}
#autoevaluacion .diagnosis-feedback.growth .diagnosis-feedback-kicker{color:#ad5d32}
#autoevaluacion .diagnosis-feedback p{font-size:16px;line-height:1.65;margin:10px 0}
#autoevaluacion .diagnosis-feedback small{display:block;font-size:14px;line-height:1.6;color:#52677e}
#autoevaluacion .diagnosis-next{margin-top:18px;border-radius:13px;min-height:46px;padding:10px 25px;transition:transform .2s ease,box-shadow .2s ease}
#autoevaluacion .diagnosis-next:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(25,120,200,.2)}
#autoevaluacion .autoeval-result{animation:academyQuestionEnter .55s ease both}
@keyframes academyQuestionEnter{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes academyFeedback{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:700px){#autoevaluacion .autoeval-hero{min-height:260px;background-position:65% center}#autoevaluacion .autoeval-hero-copy{padding:24px 20px;max-width:100%;background:linear-gradient(90deg,rgba(239,250,255,.96),rgba(239,250,255,.83) 78%,rgba(239,250,255,.62))}#autoevaluacion .autoeval-hero h1{font-size:30px;max-width:340px}#autoevaluacion .autoeval-hero p{font-size:14px;max-width:350px}#autoevaluacion .autoeval-advisor{opacity:.28}#autoevaluacion .autoeval-panel-head{padding:18px}#autoevaluacion .sales-checklist{padding:15px 12px 22px}#autoevaluacion .diagnosis-card{padding:19px 16px}#autoevaluacion .diagnosis-progress{padding:16px 14px}#autoevaluacion .diagnosis-option{font-size:14px;padding:12px;min-height:58px}#autoevaluacion .diagnosis-feedback{padding:17px}}
@media(prefers-reduced-motion:reduce){#autoevaluacion *,#autoevaluacion *:before,#autoevaluacion *:after{animation:none!important;transition:none!important}}