/* ── Quiz / Herramientas ─────────────────────────────── */
.quiz-wrap{max-width:640px;margin:0 auto}
.quiz-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 40px rgba(27,10,45,.12)}
.quiz-progress{display:flex;align-items:center;gap:14px;margin-bottom:32px}
.quiz-bar{flex:1;height:6px;background:var(--border,#ECD5F5);border-radius:100px;overflow:hidden}
.quiz-bar-fill{height:100%;background:var(--blue,#00BCD5);border-radius:100px;transition:width .4s ease;width:0%}
.quiz-step{font-size:.8rem;font-weight:700;color:var(--text-2,#374151);white-space:nowrap}
.quiz-q{font-size:1.2rem;font-weight:700;color:var(--navy,#1B0A2D);line-height:1.4;margin-bottom:24px}
.quiz-opts{display:grid;gap:10px}
.quiz-opt{display:flex;align-items:center;gap:14px;padding:14px 18px;border:2px solid var(--border,#ECD5F5);border-radius:12px;cursor:pointer;background:#fff;text-align:left;font-size:.95rem;font-weight:500;color:var(--navy,#1B0A2D);transition:border-color .15s,background .15s,color .15s;min-height:56px;width:100%;font-family:inherit}
.quiz-opt:hover{border-color:var(--blue,#00BCD5);background:var(--teal-light,#FDF4FF)}
.quiz-opt.selected{border-color:var(--blue,#00BCD5);background:var(--teal-light,#FDF4FF)}
.quiz-dot{width:20px;height:20px;border:2px solid var(--border,#ECD5F5);border-radius:50%;flex-shrink:0;transition:border-color .15s,background .15s}
.quiz-opt:hover .quiz-dot{border-color:var(--blue,#00BCD5)}
.quiz-opt.selected .quiz-dot{border-color:var(--blue,#00BCD5);background:var(--blue,#00BCD5);box-shadow:inset 0 0 0 3px #fff}
.quiz-result{text-align:center;animation:qfade .4s ease}
.result-icon{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2.5rem}
.ri-blue{background:#daf5f8}.ri-green{background:#dcf5e7}.ri-purple{background:var(--teal-light,#FDF4FF)}.ri-orange{background:#fef3dc}.ri-red{background:#fde8ef}
.result-badge{display:inline-block;padding:4px 14px;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:12px}
.rb-blue{background:#daf5f8;color:#006475}.rb-green{background:#dcf5e7;color:#1a5c2e}.rb-purple{background:var(--teal-light,#FDF4FF);color:var(--teal,#A21CAF)}.rb-orange{background:#fef3dc;color:#7c3d00}.rb-red{background:#fde8ef;color:#8b0a2a}
.result-title{font-size:1.6rem;font-weight:800;color:var(--navy,#1B0A2D);margin-bottom:12px}
.result-desc{font-size:.95rem;color:var(--text-2,#374151);line-height:1.75;margin-bottom:28px;max-width:480px;margin-left:auto;margin-right:auto}
.quiz-note{font-size:.85rem;color:var(--text-2,#374151);margin-bottom:20px}
.quiz-restart{background:none;border:2px solid var(--border,#ECD5F5);border-radius:8px;color:var(--text-2,#374151);font-size:.85rem;cursor:pointer;padding:8px 16px;margin-top:12px;font-family:inherit;transition:border-color .15s,background .15s}
.quiz-restart:hover{border-color:var(--blue,#00BCD5);background:var(--teal-light,#FDF4FF)}
.tool-teaser{background:linear-gradient(135deg,#1B0A2D 0%,#3b1a5a 100%);border-radius:16px;padding:36px 44px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;margin:0}
.tool-teaser-body h3{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:8px}
.tool-teaser-body p{color:rgba(255,255,255,.85);font-size:.9rem;line-height:1.6;margin-bottom:20px}
.tool-teaser-icon{font-size:3.5rem;flex-shrink:0}
@keyframes qfade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.quiz-card{padding:24px 20px}.quiz-q{font-size:1.05rem}.tool-teaser{padding:28px 24px}.tool-teaser-icon{display:none}}