/* Examen de idoneidad · paleta de Civil (crema, verde, naranja) y guía articulada. */
.jid-page{max-width:1300px}
.jid-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;background:#eef4e3;border:1px solid #cfddbf;border-radius:26px;margin:18px 0 20px}
.jid-hero.is-compact{padding:24px}
.jid-hero h1{font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.045em;margin:12px 0 12px;color:#243f31}
.jid-hero h1 em{font-style:normal;color:#c75520}
.jid-hero p{font-size:16px;line-height:1.65;color:#4c6555;margin:0 0 10px;max-width:780px}
.jid-guide{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:240px}
.jid-guide-char .jru-hongo{width:120px;height:140px}
.jid-guide-char{width:140px;height:140px;display:grid;place-items:center}
.jid-mascot-img{display:block;width:138px;height:138px;object-fit:contain;filter:drop-shadow(0 10px 10px #243f3120);transform-origin:50% 85%;animation:none}
.jid-guide:hover .jid-mascot-img,.jid-guide:focus-within .jid-mascot-img{animation:jid-mascot-float 1.1s ease-in-out infinite}.jid-guide:hover .jid-mascot-img.is-wave,.jid-guide:focus-within .jid-mascot-img.is-wave{animation:jid-mascot-wave 1.05s ease-in-out infinite}.jid-guide:hover .jid-mascot-img.is-think,.jid-guide:focus-within .jid-mascot-img.is-think{animation:jid-mascot-think 1.25s ease-in-out infinite}.jid-guide:hover .jid-mascot-img.is-celebrate,.jid-guide:focus-within .jid-mascot-img.is-celebrate{animation:jid-mascot-celebrate .95s ease-in-out infinite}
.jid-bubble{position:relative;margin:0;padding:10px 14px;border-radius:16px;background:#233d34;color:#fff;font-size:13px;font-weight:700;line-height:1.45;text-align:center}
.jid-bubble::before{content:'';position:absolute;bottom:100%;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom-color:#233d34}
.jid-nav .jid-guide{margin-top:16px}.jid-nav .jid-guide-char{width:72px;height:84px}.jid-nav .jid-guide-char .jru-hongo,.jid-nav .jid-guide-char .jid-mascot-img{width:70px;height:82px}
.jid-name{margin-top:14px;max-width:560px}.jid-name label{display:block;font-weight:850;margin-bottom:8px;color:#253f31}.jid-name small{display:block;margin-top:6px;color:#5b7263;font-size:12px}
.jid-resume{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px;margin:0 0 18px;border-radius:18px;background:#fff3d4;border:2px solid #eb6834;color:#3d2a12}
.jid-resume .jcl-btn{margin:0}
.jid-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}
.jid-action{text-align:left;padding:20px;border-radius:20px;border:1px solid #d8dec9;background:#fffdf7;color:#253f31;cursor:pointer;font:inherit;transition:box-shadow .15s,transform .15s}
.jid-action:hover{box-shadow:0 8px 22px #344b2522;transform:translateY(-2px)}
.jid-action-mascot{display:block;width:74px;height:68px;object-fit:contain;margin:-8px 0 2px;filter:drop-shadow(0 7px 6px #243f3120);animation:none;transform-origin:50% 85%}
.jid-action:hover .jid-action-mascot,.jid-action:focus-visible .jid-action-mascot{animation:jid-card-bob 1.1s ease-in-out infinite}.jid-action h2{font-size:20px;letter-spacing:-.03em;margin:10px 0 6px;color:#243f31}.jid-action p{margin:0;font-size:14px;line-height:1.5;color:#4b6456}
.jid-card{margin:0 0 18px;padding:22px;border-radius:22px;background:#fffdf6;border:1px solid #d8dec9;color:#253f31}
.jid-card h2,.jid-h2{font-size:clamp(20px,2vw,26px);letter-spacing:-.03em;margin:8px 0 12px;color:#243f31}
.jid-card p{font-size:15px;line-height:1.65;color:#3f5747}
.jid-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 12px}
.jid-facts li{padding:8px 12px;border-radius:999px;background:#fff9ee;border:1px solid #d4ddc6;font-size:13px}
.jid-small{font-size:13px!important;color:#5b7263!important;line-height:1.55}
.jid-small a,.jid-card a{color:#356047}
.jid-details summary{cursor:pointer;font-weight:850;color:#2f5a3f}.jid-details ul{font-size:14px;line-height:1.6;color:#4b6456}
.jid-placeholder{padding:10px 14px;border:2px dashed #cc7929;border-radius:12px;background:#fff9ee;font-size:14px}
.jid-guide-pref{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:4px 0 20px;font-size:13px;font-weight:800;color:#284735}
.jid-guide-pref button{font:inherit;font-size:13px;padding:7px 12px;border-radius:10px;border:1px solid #d4ddc6;background:#fffdf7;color:#284735;cursor:pointer}
.jid-guide-pref button[aria-pressed="true"]{background:#233d34;color:#fff;border-color:#233d34}
.jid-materias,.jid-comps,.jid-profiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:0 0 20px}
.jid-materia,.jid-comp{padding:18px;border-radius:18px;background:#fffdf7;border:1px solid #d8dec9;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.jid-materia h3,.jid-comp h3{margin:0;font-size:18px;color:#243f31}.jid-materia p,.jid-comp p{margin:0;font-size:14px;line-height:1.55;color:#4b6456}
.jid-comp ol{margin:0;padding-left:20px;font-size:13px;line-height:1.5;color:#4b6456}
.jid-materia .jcl-btn,.jid-comp .jcl-btn{margin:6px 0 0}
.jid-status{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#e3f3e2;color:#1f5a32}
.jid-materia.is-parcial .jid-status{background:#fff1db;color:#8a4a12}.jid-materia.is-pendiente{background:#f4f2ec;border-style:dashed}.jid-materia.is-pendiente .jid-status{background:#ecebe6;color:#5e6274}
.jid-chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em;border:1px solid transparent}
.jid-chip.is-diagnostico{background:#e1f4f6;color:#1f5b63;border-color:#bfe2e7}.jid-chip.is-comunicacion{background:#fff1db;color:#8a4a12;border-color:#efcf9f}.jid-chip.is-constitucion{background:#e9e8ff;color:#3d3a7d;border-color:#cdcaf3}
.jid-setup .jrv-filters{margin:12px 0}
.jid-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.jid-row .jcl-btn{margin:0}
.jid-error{padding:12px 16px;border-radius:12px;background:#fce8e3;color:#7a2a1a;border:1px solid #f2bdb1}
.jid-qhead{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 8px}
.jid-page progress{width:100%;height:8px;accent-color:#2f7a4b}
.jid-qlayout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:24px;align-items:start}
.jid-situation{padding:18px 20px;border-radius:18px;background:#f4f7ee;border-left:5px solid #2f7a4b;margin:12px 0}
.jid-situation p{margin:8px 0 0;font-size:16px;line-height:1.75;color:#243f31}
.jid-q{font-size:clamp(19px,1.9vw,24px);line-height:1.4;letter-spacing:-.02em;margin:14px 0;color:#243f31}
.jid-q:focus{outline:none}
.jid-help{padding:12px 14px;border-radius:12px;background:#fff9ee;border:1px dashed #cc7929;font-size:14px;line-height:1.55}
.jid-sim .jid-simbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 18px;margin:8px 0 16px;border-radius:18px;background:#233d34;color:#fff}
.jid-simbar>div:first-child{display:flex;flex-direction:column;gap:2px}.jid-simbar span{font-size:13px;color:#d6e3da}
.jid-clock-wrap{display:flex;flex-direction:column;align-items:center}.jid-clock-wrap .jid-small{color:#d6e3da!important}.jid-clock-wrap small{font-size:11px;color:#b9d0c1}
.jid-clock{font:800 26px/1.1 Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#ffb65b}.jid-clock.is-low{color:#ff8a6b}
.jid-simbar .jcl-btn.is-light{background:#fff9ee}
.jid-simgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.jid-choices{display:flex;flex-direction:column;gap:10px}
.jid-choice{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px 16px;border-radius:14px;border:2px solid #d8dec9;background:#fffdf7;color:#253f31;font:inherit;font-size:15px;line-height:1.5;cursor:pointer}
.jid-choice b{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef4e3}
.jid-choice:hover{border-color:#cc7929}.jid-choice.is-picked{border-color:#233d34;background:#eef4e3}.jid-choice.is-picked b{background:#233d34;color:#fff}
.jid-simnav{justify-content:space-between}
.jid-nav{position:sticky;top:90px;padding:16px;border-radius:18px;background:#fffdf6;border:1px solid #d8dec9;max-height:calc(100vh - 110px);overflow:auto}
.jid-nav h2{font-size:17px;margin:0 0 6px}.jid-nav h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#93602d;margin:12px 0 6px}
.jid-legend{font-size:12px;color:#5b7263;margin:0}.jid-legend .is-answered{color:#2f7a4b}.jid-legend .is-marked{color:#eb6834}
.jid-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.jid-dot{font:inherit;font-size:12px;font-weight:800;padding:6px 0;border-radius:8px;border:1px solid #d4ddc6;background:#fff;color:#4b6456;cursor:pointer;position:relative}
.jid-dot.is-answered{background:#2f7a4b;color:#fff;border-color:#2f7a4b}.jid-dot.is-marked::after{content:'⚑';position:absolute;top:-8px;right:-5px;font-size:13px;color:#eb6834}
.jid-dot.is-current{outline:3px solid #cc7929;outline-offset:1px}
.jid-consulta ul{margin:0;padding-left:20px;line-height:1.8;font-size:14px}
.jid-twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.jid-bar{display:grid;grid-template-columns:minmax(120px,1fr) 2fr auto;gap:10px;align-items:center;margin:8px 0;font-size:14px}
.jid-review{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.jid-review li{padding:14px 16px;border-radius:14px;border:1px solid #e0e4d6;background:#fff}
.jid-review li.is-correcta{border-left:5px solid #2f7a4b}.jid-review li.is-incorrecta{border-left:5px solid #c9532f}.jid-review li.is-omitida{border-left:5px solid #b9b3a3}
.jid-review p{margin:6px 0;font-size:14px;line-height:1.6}
.jid-best{line-height:1.8;font-size:15px}
.jid-state{padding:14px;border-radius:14px;background:#f4f2ec;border:1px dashed #cfc7b3}
.jid-fresh-note{padding:12px 16px;margin:-4px 0 18px;border-radius:14px;background:#eef4e3;border:1px solid #cfddbf;color:#355342;font-size:14px;line-height:1.55}
.jid-alias{margin-top:12px;max-width:560px}.jid-alias label{display:block;font-weight:800;margin:8px 0 6px}.jid-check{display:flex!important;gap:8px;align-items:center;font-weight:700!important}
.jid-page button:focus-visible,.jid-page a:focus-visible,.jid-page input:focus-visible,.jid-page select:focus-visible,.jid-page summary:focus-visible{outline:3px solid #cc7929;outline-offset:3px}
/* Estados nuevos de la guía: saludar (bienvenida) y pensar (reflexión). */
.jru-hongo.is-wave .jru-arm-r{animation:jid-wave 1.2s ease-in-out infinite}
.jru-hongo.is-wave .jru-torso{animation:jru-breathe 2.6s ease-in-out infinite}
.jru-hongo.is-think .jru-arm-r{transform:rotate(-165deg)}.jru-hongo.is-think .jru-torso{animation:jid-ponder 3s ease-in-out infinite}
.jru-hongo.is-think .jru-eyes{transform:translateY(-2px)}
@keyframes jid-wave{0%,100%{transform:rotate(-150deg)}50%{transform:rotate(-115deg)}}
@keyframes jid-ponder{0%,100%{transform:rotate(0)}50%{transform:rotate(-3deg)}}
@keyframes jid-mascot-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}
@keyframes jid-mascot-wave{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(4deg)}}
@keyframes jid-mascot-think{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-2.5deg)}}
@keyframes jid-mascot-celebrate{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-10px) scale(1.035)}60%{transform:translateY(-7px) rotate(3deg)}}
@keyframes jid-card-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1.5deg)}}
@media (prefers-reduced-motion:reduce){.jid-page *{animation:none!important;transition:none!important}.jru-hongo.is-wave .jru-arm-r{transform:rotate(-140deg)}}
/* Destacado en el menú */
.nav-link[data-go="idoneidad"]{border-color:rgba(255,182,91,.35)}
.nav-link[data-go="idoneidad"]::before{content:'NUEVO';order:3;margin-left:auto;font-size:9px;font-weight:900;letter-spacing:.1em;padding:2px 6px;border-radius:6px;background:#ffb65b;color:#3d2a12}
.nav-link[data-go="idoneidad"].active::before{display:none}
@media(max-width:1050px){.jid-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.jid-simgrid{grid-template-columns:1fr}.jid-nav{position:static;max-height:none}.jid-qlayout{grid-template-columns:1fr}.jid-qlayout .jid-guide{display:none}}
@media(max-width:700px){.jid-hero{flex-direction:column-reverse;align-items:flex-start;padding:20px}.jid-guide{flex-direction:row;max-width:none}.jid-guide-char{width:78px;height:82px}.jid-guide-char .jru-hongo,.jid-guide-char .jid-mascot-img{width:76px;height:80px}.jid-actions{grid-template-columns:1fr}.jid-twocol{grid-template-columns:1fr}.jid-bar{grid-template-columns:1fr auto}.jid-bar .jru-bar{grid-column:1/-1;grid-row:2}.jid-simbar{position:static}.jid-dots{grid-template-columns:repeat(8,1fr)}}
.jid-hero .jid-bubble,.jid-page .jid-bubble{color:#fff}
.jid-simbar [data-jid="sim-deliver"]{background:#ffb65b;border-color:#ffb65b;color:#3d2a12}