/* SYM Capacitaciones · Experiencia del practicante e implementador
 * Correcciones finales: lectura, prioridad, calificación y Safari iOS.
 * Se importa al final para no eliminar estilos previos. */
:root{--sym2-ink:#122e60;--sym2-blue:#146bdb;--sym2-light:#edf6ff;--sym2-border:#d7e6f5;--sym2-muted:#607995;--sym2-shadow:0 13px 32px rgba(14,65,126,.09)}
body.cap-learner-v96 .native-player-shell,body.cap-learner-v96 .v83-student-page,body.cap-learner-v96 .sym-exam-modern{font-family:inherit}
/* Siempre responder primero; el ranking es complementario. */
body.cap-learner-v96 .v51-player-layout{display:grid;align-items:start;grid-template-columns:minmax(0,1fr) minmax(240px,295px)!important;gap:18px}
body.cap-learner-v96 .v51-player-stage{min-width:0;grid-column:1}
body.cap-learner-v96 .v51-player-ranking{min-width:0;grid-column:2;position:sticky;top:14px;order:initial}
body.cap-learner-v96 .native-player-top{gap:8px;padding:17px 20px;background:linear-gradient(120deg,#fff,#eaf5ff)}
body.cap-learner-v96 .native-player-top>div:first-child{min-width:0;max-width:100%}
body.cap-learner-v96 .native-player-top strong{font-size:clamp(17px,2vw,24px)!important;line-height:1.25!important;letter-spacing:-.02em!important;overflow-wrap:anywhere;word-break:normal}
body.cap-learner-v96 .native-player-top small{display:block;font-size:12px;margin-top:5px;color:var(--sym2-muted)}
body.cap-learner-v96 .native-player-question{padding:clamp(15px,2vw,26px)!important;border-radius:23px;background:#fff}
body.cap-learner-v96 .native-player-question-head{display:flex!important;flex-direction:row!important;gap:15px;align-items:start!important;justify-content:space-between}
body.cap-learner-v96 .native-player-question-head>div:first-child{min-width:0;flex:1}
body.cap-learner-v96 .native-player-question-head h1{max-width:100%;margin:8px 0 4px!important;font-size:clamp(20px,2.7vw,31px)!important;line-height:1.26!important;letter-spacing:-.025em;overflow-wrap:anywhere}
body.cap-learner-v96 .native-timer{flex-shrink:0;width:92px;height:82px;max-width:31%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:18px;border:1px solid #c8e1f6;background:#e9f5ff}
body.cap-learner-v96 .native-timer strong{font-size:clamp(20px,2.1vw,28px)!important;white-space:nowrap}
body.cap-learner-v96 .native-player-instruction{font-size:13px!important;line-height:1.6!important;background:#f2f8ff;padding:12px 15px;border:1px solid #dce9f8;border-radius:15px;color:#365b7b}
body.cap-learner-v96 .native-player-answer-form>.btn-live{display:block;width:100%;max-width:560px;margin:20px auto 0;min-height:53px;border-radius:15px;background:linear-gradient(115deg,#1e56b7,#1689e9);color:#fff;font-size:15px;font-weight:900}
body.cap-learner-v96 .native-player-options{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
body.cap-learner-v96 .native-player-options label{min-height:70px;padding:12px 15px;border-radius:17px;border-color:#d5e4f2;min-width:0;line-height:1.45}
body.cap-learner-v96 .native-player-options label strong{font-size:clamp(13px,1.5vw,17px)!important;overflow-wrap:anywhere}
body.cap-learner-v96 .v51-ajax-message{font-size:13px;padding:13px 15px}
/* Relacionar: concepto separado de respuesta para evitar select recortado. */
body.cap-learner-v96 .native-matching-player{display:grid;gap:12px;margin-top:15px}
body.cap-learner-v96 .native-matching-player>label{display:grid;grid-template-columns:43px minmax(0,1fr);gap:7px 14px;align-items:center;border-radius:18px;border:1px solid #d6e4f2;padding:15px;background:linear-gradient(120deg,#fff,#f8fbff);min-width:0;box-shadow:0 5px 12px rgba(16,70,132,.025)}
body.cap-learner-v96 .native-matching-player>label>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e5f2ff;color:#0b65bb;font-size:15px;font-weight:900}
body.cap-learner-v96 .native-matching-player strong{font-size:15px!important;line-height:1.45;color:#153d68!important;white-space:normal;overflow-wrap:anywhere}
body.cap-learner-v96 .native-matching-player select{grid-column:1/-1;width:100%;min-width:0;max-width:100%;height:auto;min-height:52px;border:1px solid #bcd5ec;border-radius:13px;padding:10px 33px 10px 12px;font-size:14px!important;line-height:1.4;background:#fff;color:#153a65;text-overflow:ellipsis;box-sizing:border-box}
body.cap-learner-v96 .native-matching-player select:focus{border-color:#147bdb;box-shadow:0 0 0 3px #187bdd20;outline:0}
/* Estado destacado del implementador y ponderación. */
.sym-step-weight-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.02em;white-space:normal}
.sym-step-weight-badge.is-weighted{color:#1551a8;background:#e1efff;border:1px solid #add2fb}
.sym-step-weight-badge.is-unweighted{color:#667b8d;background:#f1f5f8;border:1px solid #dce5ec}
.v47-step-card.is-released{border-left:5px solid #12a478!important;background:linear-gradient(105deg,#f8fffc,#fff 55%)!important}
.v47-step-card.is-waiting{border-left:5px solid #f2bb51!important}
.v47-step-badges{display:flex!important;flex-wrap:wrap;gap:7px;align-items:center}
.v47-step-badges .release-state.released{background:#e1f8ee!important;color:#067a51!important;border:1px solid #b5e9d2;font-weight:900}
.v47-step-badges .release-state.waiting{background:#fff6e6;color:#8a5f15;font-weight:900}
.v47-step-copy strong{overflow-wrap:anywhere}
/* Centro calificar: dos niveles de propósito y acceso a página enfocada. */
.sym-grade-scope-badge{padding:7px 9px;border-radius:10px;font-size:10px;font-weight:900;white-space:nowrap}
.sym-grade-scope-badge.scored{color:#1552a5;background:#e6f1ff}
.sym-grade-scope-badge.view{color:#637b92;background:#f1f4f7}
.sym-exam-route-card{display:flex;gap:15px;align-items:center;min-width:0;padding:17px 19px;border:1px solid #d8e7f7;border-radius:19px;background:linear-gradient(115deg,#fff,#f4f9ff);box-shadow:0 8px 25px rgba(20,84,159,.06)}
.sym-exam-route-card.is-scored{border-left:4px solid #1974da}
.sym-exam-route-card.is-consult-only{border-left:4px solid #b8c6d3}
.sym-route-symbol{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:#e7f3ff;color:#146adb;font-size:25px}
.sym-route-content{flex:1;min-width:0}
.sym-route-kicker{font-size:10px;letter-spacing:.08em;font-weight:900;color:#2d71bb}
.sym-route-content h3{margin:5px 0;color:#153765;font-size:16px;line-height:1.32;overflow-wrap:anywhere}
.sym-route-content p{margin:0;color:#647e99;font-size:12px;line-height:1.45}
.sym-route-open{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 15px;border-radius:13px;color:#fff!important;background:linear-gradient(110deg,#1b58b7,#1586e4);font-size:12px;font-weight:900;text-decoration:none!important;text-align:center;flex:0 0 auto;max-width:220px}
/* Examen del practicante: sin tarjetas kilométricas; alineación y foco visibles. */
body.cap-learner-v96 .exam-attempt-hero-v79{padding:clamp(16px,2vw,26px)!important;border-radius:23px}
body.cap-learner-v96 .exam-attempt-hero-v79 h1{font-size:clamp(23px,2.5vw,30px)!important;line-height:1.2!important;letter-spacing:-.03em;overflow-wrap:anywhere}
body.cap-learner-v96 .exam-attempt-hero-v79 p{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body.cap-learner-v96 .exam-attempt-note-v79{font-size:13px!important;line-height:1.6;border-radius:16px;padding:13px 15px}
body.cap-learner-v96 .sym-exam-modern{max-width:900px;margin:0 auto;min-width:0;padding-bottom:70px}
body.cap-learner-v96 .sym-exam-modern .sym-exam-progress{display:grid;gap:12px;padding:15px;border-radius:18px;border:1px solid #d7e6f5;background:#fff;box-shadow:var(--sym2-shadow)}
body.cap-learner-v96 .sym-exam-modern .sym-exam-question{margin:16px 0!important;padding:clamp(16px,2vw,24px)!important;border-radius:21px;border:1px solid #d6e6f7;box-shadow:0 10px 25px #18508b10;min-width:0;overflow:hidden}
body.cap-learner-v96 .sym-exam-modern .exam-question-head-v79{display:grid!important;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
body.cap-learner-v96 .sym-exam-modern .exam-question-head-v79 h3{font-size:clamp(16px,1.7vw,21px)!important;line-height:1.35!important;margin:0 0 5px;overflow-wrap:anywhere}
body.cap-learner-v96 .sym-exam-modern .exam-question-head-v79 small{font-size:12px!important;color:#74849a}
body.cap-learner-v96 .sym-exam-modern .exam-option-v79{min-height:55px;min-width:0;border-radius:14px;gap:12px;padding:12px 14px;font-size:14px;align-items:center;overflow-wrap:anywhere}
body.cap-learner-v96 .sym-exam-modern textarea{display:block;box-sizing:border-box;width:100%;min-height:145px;resize:vertical;max-width:100%;font-size:16px!important;line-height:1.6!important;border:1px solid #caddee;border-radius:15px;background:#fff;padding:14px;color:#17345b}
body.cap-learner-v96 .sym-exam-modern :is(textarea,input,select):focus{outline:none;box-shadow:0 0 0 3px #2490f02a;border-color:#2983d4}
body.cap-learner-v96 .sym-exam-modern .actions{padding:14px 0 20px;display:flex;gap:12px;flex-wrap:wrap}
body.cap-learner-v96 .sym-exam-modern .actions button{min-height:52px;min-width:190px;border-radius:13px}
/* Revisión enfocada del examen: pantalla independiente y pregunta por pregunta */
.sym-review-page{max-width:1000px;margin:0 auto 65px;display:grid;gap:16px;min-width:0;color:#173b69}
.sym-review-hero{padding:clamp(20px,3vw,30px);border:1px solid #d4e6fb;border-radius:25px;background:linear-gradient(125deg,#fff,#eaf5ff);box-shadow:var(--sym2-shadow)}
.sym-review-back{display:inline-flex;text-decoration:none;color:#2068b7;font-weight:850;font-size:13px;margin-bottom:16px}
.sym-review-eyebrow{display:block;color:#1576d4;font-size:10px;font-weight:950;letter-spacing:.14em}
.sym-review-hero h1{font-size:clamp(22px,3vw,35px);letter-spacing:-.035em;line-height:1.13;margin:9px 0;color:#163665;overflow-wrap:anywhere}
.sym-review-hero p{margin:0 0 17px;font-size:13px;color:#607a93}
.sym-review-summary{display:flex;flex-wrap:wrap;gap:8px}
.sym-review-summary span{border:1px solid #d1e3f3;padding:8px 11px;border-radius:11px;background:#fff;color:#5a7591;font-size:12px;font-weight:850}
.sym-review-summary .is-counting{color:#1164b7;background:#eaf4ff;border-color:#a9d5f5}
.sym-attempt-tabs,.sym-review-steps{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:3px 0 8px}
.sym-attempt-tabs a{border:1px solid #d6e5f4;border-radius:11px;background:#fff;padding:11px 15px;color:#2b659c;text-decoration:none;white-space:nowrap;font-weight:850;font-size:12px}
.sym-attempt-tabs a.is-current{background:#1b74dc;color:white;border-color:#1b74dc}
.sym-review-progress{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #dbe8f5;border-radius:17px;padding:12px 16px}
.sym-review-progress>div:first-child{display:grid;gap:4px}.sym-review-progress strong{font-size:14px;color:#153665}.sym-review-progress small{font-size:11px;color:#68839d}
.sym-review-progress-track{height:9px;width:min(40%,220px);border-radius:999px;background:#e5f0fa;overflow:hidden}.sym-review-progress-track i{height:100%;display:block;background:linear-gradient(90deg,#176bd9,#33a7ec)}
.sym-review-steps a{display:grid;place-items:center;min-width:39px;height:39px;background:#f0f5fa;border:1px solid #d8e4f0;border-radius:12px;color:#57738e;font-weight:900;text-decoration:none;font-size:12px}
.sym-review-steps a.is-done{background:#e9faf2;border-color:#bde9d2;color:#0d8157}.sym-review-steps a.is-pending{background:#fff7e9;border-color:#f3dfa9;color:#9a690e}.sym-review-steps a.is-current{outline:2px solid #1379dc;outline-offset:2px}
.sym-review-question{padding:clamp(18px,3vw,30px);background:#fff;border:1px solid #d1e6fa;border-radius:25px;box-shadow:var(--sym2-shadow);min-width:0}
.sym-review-question-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sym-review-question-top>span{font-size:10px;font-weight:950;color:#2674b8;letter-spacing:.13em}
.sym-review-question-top strong{font-size:11px;border-radius:999px;background:#e8f7ed;color:#13734e;padding:7px 11px}.sym-review-question-top strong.is-pending{background:#fff5e7;color:#9d6410}
.sym-review-question h2{font-size:clamp(19px,2.8vw,28px);line-height:1.28;margin:15px 0 23px;color:#153967;overflow-wrap:anywhere}
.sym-review-compare{display:grid;grid-template-columns:1fr 1fr;gap:13px}.sym-review-compare section{padding:16px;border:1px solid #d7e6f4;border-radius:18px;background:#f8fbff;min-width:0}
.sym-review-compare section:first-child{background:#eef9f2;border-color:#c4e9d3}.sym-review-compare small{font-size:10px;font-weight:900;letter-spacing:.1em;color:#33715a}.sym-review-compare p{font-size:clamp(14px,1.7vw,17px);line-height:1.68;margin:10px 0;color:#254b68;overflow-wrap:anywhere;white-space:pre-wrap}
.sym-review-score-form{border-top:1px solid #e2ebf5;margin-top:24px;padding-top:20px;display:grid;gap:14px}.sym-review-score-form>label{display:grid;gap:8px;font-size:15px;font-weight:900}.sym-review-score-form>label span{font-size:12px;color:#68839a;font-weight:700}
.sym-review-score-form input[type=number]{max-width:210px;width:100%;min-height:52px;border:1px solid #bcd5ec;border-radius:13px;padding:11px 15px;font-size:19px;color:#153967;background:#fff}
.sym-review-quick{display:flex;flex-wrap:wrap;gap:9px}.sym-review-quick button{min-height:42px;border:1px solid #c9dff4;border-radius:12px;background:#f3f8ff;padding:9px 14px;color:#1a5ead;font-size:12px;font-weight:850}
.sym-review-save,.sym-review-navigation a{min-height:47px;border:0;border-radius:13px;background:linear-gradient(110deg,#1758b9,#148de9);color:#fff!important;padding:13px 18px;font-size:13px;font-weight:900;text-decoration:none;text-align:center}.sym-review-save{justify-self:start}
.sym-review-navigation{display:flex;justify-content:space-between;gap:12px}.sym-review-navigation a{flex:1;background:#eef5fc;color:#1a5dae!important;border:1px solid #d8e6f5}.sym-review-navigation a.is-disabled{opacity:.45;pointer-events:none}
.sym-review-automatic,.sym-review-empty{padding:16px;border:1px solid #d6e7f5;border-radius:15px;background:#f4f9ff;color:#59758e;margin-top:19px}
@media(max-width:980px){body.cap-learner-v96 .v51-player-layout{grid-template-columns:minmax(0,1fr)!important;gap:12px}body.cap-learner-v96 .v51-player-stage{grid-column:1;order:0}body.cap-learner-v96 .v51-player-ranking{grid-column:1;order:2!important;position:static;max-width:100%}}
@media(max-width:680px){
 .sym-exam-route-card{flex-wrap:wrap;gap:10px;padding:14px}.sym-route-open{flex:1 1 100%;max-width:none}.sym-grade-scope-badge{display:block;width:max-content}.grade-work-card>summary{flex-wrap:wrap}
 .sym-review-compare{grid-template-columns:1fr}.sym-review-progress{align-items:flex-start;flex-direction:column}.sym-review-progress-track{width:100%;max-width:none}.sym-review-save{width:100%}
 body.cap-learner-v96 .native-player-top strong{font-size:18px!important}
 body.cap-learner-v96 .native-player-question-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start!important}
 body.cap-learner-v96 .native-player-question-head h1{font-size:clamp(18px,5vw,23px)!important;line-height:1.25!important}
 body.cap-learner-v96 .native-timer{max-width:none;width:69px;min-width:69px;height:62px;flex-basis:auto}
 body.cap-learner-v96 .native-timer strong{font-size:18px!important}
 body.cap-learner-v96 .native-player-options{grid-template-columns:1fr}
 body.cap-learner-v96 .native-player-options label{min-height:66px}
 body.cap-learner-v96 .native-matching-player>label{padding:13px;gap:8px}
 body.cap-learner-v96 .native-matching-player strong{font-size:14px!important}
 body.cap-learner-v96 .sym-exam-modern .exam-question-head-v79{grid-template-columns:34px minmax(0,1fr)}
 body.cap-learner-v96 .sym-exam-modern .exam-question-head-v79 h3{font-size:17px!important}
 body.cap-learner-v96 .sym-exam-modern .question-box{scroll-margin-top:20px;scroll-margin-bottom:145px}
 body.cap-learner-v96 .sym-exam-modern textarea{min-height:120px;scroll-margin-bottom:140px}
 body.cap-learner-v96 .sym-exam-modern .actions>*{width:100%;text-align:center}
 .v47-step-badges{align-items:flex-start}
 /* Explorar queda anclado al borde sin tapar el menú de alumno. */
 body.cap-student-course-v84 .v83-student-page.v83-js-enabled .v83-mobile-tools{position:fixed!important;right:max(12px,env(safe-area-inset-right,0px))!important;left:auto!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;margin:0!important;z-index:1010!important;pointer-events:none!important}
 body.cap-student-course-v84 .v83-student-page .v83-explore-toggle{pointer-events:auto!important}
 body.cap-student-course-v84 .v83-student-page .v83-tool-menu{pointer-events:auto!important;max-height:calc(75dvh - 80px);overflow-y:auto}
 body.cap-student-course-v84 .v83-student-page .v83-mobile-scrim{z-index:1007}
 body.cap-student-course-v84 .v83-student-page .v83-explore-label{white-space:nowrap}
 body.cap-student-course-v84 .v83-student-page .v83-mobile-tools.is-expanded{z-index:1110!important}
}
/* iOS/Android: no dejar una barra flotante delante del teclado y del botón de enviar. */
body.sym-input-focused.cap-student-course-v84 .v83-mobile-tools,body.sym-keyboard-open.cap-student-course-v84 .v83-mobile-tools{display:none!important}
body.cap-learner-v96 .sym-exam-modern:focus-within{padding-bottom:35px}
@media(max-width:700px){body.cap-learner-v96:has(.sym-exam-modern textarea:focus) main.container{padding-bottom:calc(38px + env(safe-area-inset-bottom))!important}}

.sym-exam-route-card[hidden]{display:none!important}
