/* Copyright (c) 2026 Diego Fernando Zapata. Cea Langelorc.
 * https://diegozapatadz.com | https://wa.me/573163711641. Derechos reservados sobre aportes originales. */
:root{--sim-ink:#172b3a;--sim-green:#08735f;--sim-blue:#0369a1;--sim-border:#cbd5df;--sim-muted:#465b6b;--sim-bg:#f6f8fa}
*{box-sizing:border-box}body{margin:0;background:var(--sim-bg);color:var(--sim-ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.6;letter-spacing:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:var(--sim-blue);text-underline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}::selection{background:#ccebe3;color:#102e27}:focus-visible{outline:3px solid #0369a1;outline-offset:3px}.sim-main{max-width:880px;margin:auto;padding:115px 28px 60px;min-height:calc(100vh - 170px)}.sim-heading{display:flex;align-items:center;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--sim-border)}.sim-heading img{object-fit:contain;flex:0 0 76px}.sim-heading h1{font-size:32px;line-height:1.2;margin:0 0 9px;font-weight:750}.sim-heading p{margin:0;color:var(--sim-muted);font-size:14px}.sim-disclaimer{font-size:13px;padding:16px 0;color:var(--sim-muted);border-bottom:1px solid var(--sim-border)}.sim-main section{padding-top:24px}.sim-main h2{font-size:23px;margin:0 0 22px;line-height:1.35}.sim-main h3{font-size:18px;margin:26px 0 12px}.sim-settings{display:grid;grid-template-columns:2fr 1fr;gap:20px}.sim-settings label{font-weight:600;font-size:14px}.sim-settings select{display:block;width:100%;margin-top:8px;padding:13px 12px;border:1px solid var(--sim-border);border-radius:6px;background:white;color:var(--sim-ink)}.sim-mode{border:0;padding:0;margin:24px 0 12px}.sim-mode legend{font-size:14px;font-weight:600;margin-bottom:10px}.sim-mode label{display:inline-flex;align-items:center;gap:8px;margin:0 22px 10px 0;font-size:14px}.sim-mode input{accent-color:var(--sim-green);width:18px;height:18px}.sim-primary,.sim-secondary{border-radius:6px;padding:12px 20px;min-height:46px;font-weight:650;font-size:14px;border:1px solid transparent}.sim-primary{background:var(--sim-green);color:white}.sim-primary:hover:not(:disabled){background:#065946}.sim-secondary{background:white;color:var(--sim-ink);border-color:var(--sim-border)}.sim-secondary:hover:not(:disabled){background:#eaf0f4}.sim-muted,.sim-privacy{font-size:13px;color:var(--sim-muted)}.sim-privacy{max-width:65ch;margin-top:20px}.sim-session-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;font-weight:600}.sim-link{background:transparent;border:0;color:var(--sim-blue);padding:10px 0;font-size:13px;text-decoration:underline;text-underline-offset:3px}.sim-main progress{width:100%;height:8px;display:block;margin:12px 0 18px;accent-color:var(--sim-green)}progress::-webkit-progress-bar{background:#dce5ea;border-radius:4px}progress::-webkit-progress-value{background:var(--sim-green);border-radius:4px}.sim-question-fieldset{padding:0;margin:16px 0 0;border:0;min-width:0}.sim-question-fieldset legend{font-size:23px;font-weight:650;line-height:1.45;width:100%;margin-bottom:24px}.sim-option{display:grid;grid-template-columns:20px 28px minmax(0,1fr);gap:12px;align-items:center;background:#fff;border:1px solid var(--sim-border);border-radius:6px;min-height:64px;padding:14px 18px;margin-bottom:12px;font-size:15px;cursor:pointer}.sim-option:hover{border-color:var(--sim-blue)}.sim-option:has(input:checked){background:#edf6fb;border-color:var(--sim-blue)}.sim-option input{width:18px;height:18px;margin:0;accent-color:var(--sim-blue)}.sim-option-letter{font-weight:700;color:var(--sim-muted)}.sim-option.is-correct{background:#e9f5ef;border-color:#08735f}.sim-option.is-incorrect{background:#fff0ed;border-color:#b54331}.sim-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.sim-feedback-content{padding:18px 0;border-top:1px solid var(--sim-border)}.sim-feedback-content p{margin:12px 0;font-size:15px;max-width:70ch}.sim-correct{color:#086249}.sim-incorrect{color:#993c28}.sim-source{font-size:12px}.sim-source small{display:block;color:var(--sim-muted);margin-top:6px}.sim-score{padding:22px 0;border-bottom:1px solid var(--sim-border)}.sim-score strong{font-size:44px;line-height:1.2;margin-right:12px;color:var(--sim-green);font-variant-numeric:tabular-nums}.sim-score>span{font-size:14px}.sim-score p{font-size:15px;margin:12px 0 0}.sim-formula{font-size:13px;color:var(--sim-muted)}details summary{cursor:pointer}.sim-review-item{padding:20px 0;border-top:1px solid var(--sim-border)}.sim-review-item summary{font-weight:600;font-size:15px;line-height:1.55}.sim-review-item .sim-feedback-content{border:0;padding:0}.sim-topic-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;margin:0;border-bottom:1px solid var(--sim-border);font-size:14px}.sim-error{color:#993c28}.sim-empty{padding:0 0 35px}.sim-empty h3{margin-top:0}.sim-main dialog{border:1px solid var(--sim-border);border-radius:8px;padding:28px;width:min(480px,calc(100% - 32px));color:var(--sim-ink)}dialog::backdrop{background:rgba(0,0,0,.4)}.sim-main dialog h2{margin:0 0 12px;font-size:22px}.sim-footer{background:white;border-top:1px solid var(--sim-border);padding:25px 20px;text-align:center;font-size:12px;color:var(--sim-muted)}.sim-footer>a{margin:0 12px}.sim-footer p{margin-bottom:0}.sim-main p,.sim-main legend,.sim-main summary,.sim-main a,.sim-option span{overflow-wrap:anywhere}
@media(max-width:600px){.sim-main{padding:85px 18px 40px}.sim-heading{gap:14px}.sim-heading img{width:56px;height:56px;flex-basis:56px}.sim-heading h1{font-size:25px}.sim-heading p{font-size:12px}.sim-settings{grid-template-columns:minmax(0,1fr);gap:16px}.sim-question-fieldset legend{font-size:21px}.sim-option{padding:14px 12px;gap:9px;font-size:14px}.sim-actions{gap:10px}.sim-session-top{align-items:start}.sim-main h2{font-size:22px}.sim-score strong{font-size:38px}.sim-mode label{display:flex;margin-right:0}.sim-score>span{display:block;margin-top:7px}}
@media(prefers-reduced-motion:no-preference){.sim-option,.sim-primary,.sim-secondary{transition:background-color .15s ease,border-color .15s ease}}

/* Evita seleccion accidental de lectura y preserva los controles interactivos. */
body,body *{ -webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important }
body input,body textarea,body select,body [contenteditable="true"],body [contenteditable="true"] *{ -webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important }