/* Critical Guide 1: only page-specific rules. Global layout remains in /assets/css/layout and /assets/css/navigation. */
.guide-content-wrap{min-width:0}.content-card,.reading-card,.form-card{border:0;box-shadow:0 .25rem 1rem rgba(0,0,0,.07)}
.question-card .form-check{padding:.8rem .9rem .8rem 2.2rem;border:1px solid rgba(13,59,102,.12);border-radius:.75rem}
.question-card .form-check:has(input:checked){background:#eff7ff;border-color:#2676be}
.sticky-actions{position:sticky;bottom:0;z-index:10;background:rgba(255,255,255,.97);border-top:1px solid rgba(0,0,0,.08);padding-inline:1rem}
.critical-hero-image img{display:block;width:100%;height:auto;aspect-ratio:8/3;object-fit:cover;object-position:center;background:#e8edf2}
.critical-hero-image figcaption{color:#526377}.assessment-mode-panel{border:1px solid #b7d9c6;background:linear-gradient(110deg,#f1fff7,#e6f5ff);border-radius:1rem}
.assessment-switch .form-check-input{width:3rem;height:1.55rem;cursor:pointer}.assessment-switch label{cursor:pointer}
#studentDataSection[hidden]{display:none!important}.reading-body{line-height:1.8}.reading-card,.form-card,.content-card{border-radius:1rem;overflow:hidden}
#previewText{white-space:pre-wrap;font-family:inherit;overflow-wrap:anywhere}.btn-heyprofeteach{background:#0867a8;color:white;border-color:#0867a8}.btn-heyprofeteach:hover{background:#074f81;color:white}
@media(max-width:991.98px){.sticky-actions{position:static}.critical-hero-image img{aspect-ratio:16/9}}

/* Resultado del Assessment: ventana Bootstrap personalizada */
.critical-result-modal .modal-content{border-radius:1.4rem;background:#fff}
.critical-result-header{background:linear-gradient(115deg,#073f78,#096aab 60%,#0a957e)}
.critical-result-modal .modal-title{font-size:1.3rem;font-weight:800}
.critical-result-emblem{display:grid;place-items:center;width:4.7rem;height:4.7rem;border-radius:50%;background:linear-gradient(135deg,#d9f7f0,#d8eaff);color:#0876a7;font-size:2.3rem;box-shadow:0 8px 24px rgba(0,82,137,.12)}
.critical-result-mode{color:#177b83;letter-spacing:.13em;font-size:.77rem}
.critical-grade-display{display:flex;align-items:baseline;justify-content:center;gap:.35rem;font-variant-numeric:tabular-nums}
.critical-grade-number{font-size:clamp(4.5rem,13vw,6.5rem);font-weight:900;line-height:1.1;letter-spacing:-.065em;color:#074f84}
.critical-grade-total{font-size:1.3rem;color:#6c7d91;font-weight:700}
.critical-grade-progress{height:.8rem;border-radius:2rem;background:#e7eff5;max-width:22rem;margin-inline:auto}
.critical-grade-progress .progress-bar{background:linear-gradient(90deg,#15a99b,#0875c2);transition:width .5s ease}
.critical-result-privacy{background:#f0f6fa;color:#435b70;border-radius:.8rem;padding:.8rem;font-size:.86rem}
.critical-result-modal #closeResult{min-height:3rem;background:#076cae;border:0}
.critical-result-modal #closeResult:hover{background:#054d80}
@media(max-width:575px){.critical-result-modal .modal-dialog{margin:1rem}.critical-result-modal .modal-content{border-radius:1rem}}

/* Modal de resultado, aislado de estilos generales y de Bootstrap heredados. */
#resultModal.critical-result-modal .modal-dialog{max-width:790px;width:calc(100% - 28px);margin:1.5rem auto}
#resultModal.critical-result-modal .modal-content{background:#fff;border-radius:22px!important;overflow:hidden;border:0!important}
#resultModal .modal-body{padding:clamp(1.5rem,4vw,3.5rem)!important}
#resultModal .critical-result-heading{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;color:#111827;line-height:1.2}
#resultModal .critical-result-subheading{font-size:clamp(1.25rem,2.5vw,2rem);font-weight:750;color:#111827}
#resultModal .critical-result-score{font-size:clamp(4.5rem,13vw,7rem)!important;font-weight:900!important;line-height:1.15;color:#1eaa58!important;font-variant-numeric:tabular-nums}
#resultModal .critical-result-message{font-size:clamp(1rem,2vw,1.45rem);line-height:1.5;font-weight:650;color:#17212e;overflow-wrap:anywhere}
#resultModal .critical-result-encouragement{font-size:clamp(1.05rem,1.9vw,1.4rem);line-height:1.5;font-weight:750;color:#17212e}
#resultModal .critical-result-close{min-width:min(100%,360px);font-size:clamp(1.05rem,2vw,1.5rem);font-weight:800;padding:.75rem 1.75rem;border-radius:999px;background:#0d6efd;border:0}
#resultModal .critical-result-close:hover{background:#0958ce}
@media(max-width:575.98px){#resultModal.critical-result-modal .modal-dialog{margin:.8rem auto}#resultModal .modal-body{padding:1.5rem!important}}

/* Nombre y apellidos, centrados en ambas ventanas de resultados. */
#resultModal .critical-result-student{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:750;color:#123e67;text-align:center;overflow-wrap:anywhere;}
#studentDataSection [data-assessment-only][hidden]{display:none!important;}