@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";*{box-sizing:border-box;font-family:Montserrat,Arial,sans-serif;margin:0;padding:0}html{overflow-x:hidden}body{background-color:#f7f9fc;color:#333;overflow-x:hidden}body:has(.dark-mode){background-color:#121212}.login-container{display:flex;min-height:100vh;width:100%;background:#fff}.login-left{flex:1;max-width:500px;padding:40px 60px;background:#fff;display:flex;flex-direction:column;justify-content:center;z-index:10;box-shadow:5px 0 25px #0000000d}.login-right{flex:1.5;background:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.bg-waves{position:absolute;left:0;width:100%;height:35vh;z-index:0;min-height:200px}.top-waves{top:0}.bottom-waves{bottom:0}.center-logo-container{position:relative;z-index:2;display:flex;align-items:center;gap:15px}.logo-text-huge{font-size:5.5rem;font-weight:700;color:#c5282e;letter-spacing:-3px;line-height:1}.login-left h1{font-size:1.8rem;font-weight:600;margin-bottom:15px;color:#444}.login-left p.helper{font-size:.75rem;color:#888;line-height:1.5;margin-bottom:30px}.icfes-form{display:flex;flex-direction:column;gap:15px}.icfes-form label{font-size:.8rem;font-weight:700;color:#333}.icfes-form label span{color:#d32f2f}.icfes-form input,.icfes-form select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;outline:none;background:#fff;transition:border-color .2s;width:100%}.icfes-form input:focus,.icfes-form select:focus{border-color:#009ca6}.btn-ingresar{margin-top:25px;align-self:center;padding:10px 45px;background:#fff;border:1px solid #bbb;border-radius:30px;font-size:.95rem;font-weight:600;color:#555;cursor:pointer;transition:all .2s}.btn-ingresar:hover{background:#f1f1f1}.btn-ingresar:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.login-container{flex-direction:column}.login-left{max-width:100%;padding:30px 20px;box-shadow:none}.login-right{display:none}}.gov-footer{background-color:#036;color:#fff;padding:40px 20px 20px;font-family:Montserrat,sans-serif}.gov-footer-content{max-width:1000px;margin:0 auto;display:flex;justify-content:center;gap:60px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:30px}.footer-col{flex:1;min-width:250px;max-width:400px}.footer-col h4{font-size:1.1rem;font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:10px;color:#00a0b0}.footer-icon-md{font-size:1.5rem}.footer-col p{font-size:.85rem;line-height:1.6;color:#e0e0e0;margin-bottom:15px}.github-btn{display:inline-block;background-color:transparent;color:#fff;border:1px solid #00a0b0;padding:8px 20px;border-radius:4px;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .2s}.github-btn:hover{background-color:#00a0b0;color:#fff}.gov-footer-bottom{max-width:1000px;margin:20px auto 0;text-align:center}.gov-footer-bottom p{font-size:.85rem;color:#ccc;margin:5px 0}.gov-footer-bottom .disclaimer{font-size:.75rem;color:#999;font-style:italic}.results-view{min-height:100vh;padding-bottom:50px;background-color:#fff}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#fff;border-bottom:1px solid #eaeaea}.icon-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile-menu{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:#555;cursor:pointer}.btn-logout-dropdown{margin-left:15px;background:none;border:1px solid #ccc;padding:4px 10px;font-size:.75rem;border-radius:4px;cursor:pointer}.results-wrapper{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background:#f5f5f5}.banner-saber{background-color:#f78c1e;position:relative;overflow:hidden;padding:30px 40px;display:flex;align-items:center}.banner-bg-waves{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 100% 50%,rgba(220,100,0,.4) 0%,transparent 40%),radial-gradient(circle at 0% 0%,rgba(220,100,0,.3) 0%,transparent 40%);z-index:1}.banner-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.banner-text h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:10px}.banner-text p{color:#fff;font-size:1rem;font-style:italic;font-weight:500;line-height:1.4}.banner-logo{display:flex;align-items:center;gap:15px;color:#fff}.number-11{font-size:5rem;font-weight:700;line-height:.8;letter-spacing:-3px}.logo-text-stack{display:flex;flex-direction:column}.logo-text-stack .small-text{font-size:.8rem}.logo-text-stack .big-text{font-size:1.8rem;font-weight:700;line-height:1.1}.icfes-text{font-size:1rem;display:flex;align-items:center;gap:5px}.floating-tools{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:100}.floating-tools button{background:none;border:none;padding:10px;border-bottom:1px solid #ccc;cursor:pointer}.floating-tools button:last-child{border-bottom:none}.report-container{max-width:1100px;margin:30px auto;padding:0 20px}.section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px}.section-header h3{font-size:1.4rem;color:#444;font-weight:700}.btn-print{display:flex;align-items:center;gap:8px;background:none;border:none;font-weight:600;color:#333;cursor:pointer}.global-flex{display:flex;gap:30px;margin-bottom:40px}.global-left{flex:1;display:flex;flex-direction:column;align-items:center;border-right:1px solid #ddd;padding-right:30px}.global-title{display:flex;align-items:center;gap:10px;color:#333;font-weight:600;font-size:1.1rem;line-height:1.2}.score-big{margin:15px 0;display:flex;align-items:baseline}.score-num{font-size:4rem;font-weight:700;color:#444}.score-max{font-size:1.5rem;color:#f78c1e;font-weight:600}.btn-calc{background:#fff;border:1px solid #bbb;padding:8px 20px;border-radius:20px;font-weight:500;cursor:pointer}.global-right{flex:2.5;display:flex;flex-direction:column}.percentile-title{display:flex;align-items:center;gap:10px;font-weight:500;color:#444;margin-bottom:20px}.percentile-data{display:flex;align-items:center;gap:20px}.perc-left{flex:1}.perc-label{font-size:.9rem;color:#777;display:block;margin-bottom:10px}.perc-bar-container{width:100%}.perc-bar{height:8px;background:#eee;border-radius:4px;position:relative;margin-bottom:5px}.perc-fill{height:100%;background:#009ca6;border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1)}.perc-segment-lines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.perc-segment-lines div{flex:1;border-right:2px solid white}.perc-markers{display:flex;justify-content:space-between;font-size:.7rem;color:#999}.perc-middle .perc-num{font-size:3rem;font-weight:700;color:#444}.perc-right p{font-size:.9rem;color:#777;line-height:1.4}.pt-pruebas{margin-top:50px}.pruebas-grid{display:flex;justify-content:space-between;margin-top:30px}.prueba-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:18%}.prueba-name{font-weight:600;font-size:.95rem;color:#333;margin-bottom:10px;min-height:40px}.prueba-score-row{display:flex;align-items:center;gap:8px}.prueba-icon{width:36px;height:36px}.prueba-score{font-size:1.8rem;font-weight:700;color:#444}.prueba-max{font-size:.9rem;color:#999;font-weight:600}.dark-mode{background-color:#121212;color:#e0e0e0;min-height:100vh}.dark-mode .top-nav{background-color:#1a1a1a;border-bottom-color:#333}.dark-mode .report-container{background-color:transparent}.dark-mode .floating-tools{background-color:#1e1e1e;border-color:#333}.dark-mode .floating-tools button{border-bottom-color:#333}.dark-mode .subject-detail-box{background-color:#1e1e1e;border-color:#333;color:#e0e0e0}.dark-mode .report-section{background-color:transparent}.dark-mode .section-header{border-bottom-color:#333}.dark-mode .section-header h3,.dark-mode h3,.dark-mode .global-title,.dark-mode .global-title span,.dark-mode .score-num,.dark-mode .perc-num,.dark-mode .prueba-score,.dark-mode .prueba-name,.dark-mode .percentile-title span,.dark-mode .subject-detail-header h4,.dark-mode .formula-row.total,.dark-mode .formula-title{color:#fff}.dark-mode .perc-label,.dark-mode .perc-markers,.dark-mode .perc-markers span,.dark-mode .perc-right p,.dark-mode .prueba-max,.dark-mode .subject-detail-max,.dark-mode .subject-perc-result p,.dark-mode .nivel-desc,.dark-mode .modal-note{color:#aaa}.dark-mode .btn-print,.dark-mode .floating-tools button,.dark-mode .subject-detail-close{color:#e0e0e0;border-color:#333}.dark-mode .btn-calc{background:#2c2c2c;border-color:#444;color:#e0e0e0}.dark-mode .perc-bar{background:#333}.dark-mode .perc-segment-lines div{border-right-color:#1e1e1e}.dark-mode .bottom-placeholder{background:#1e1e1e;border-color:#444}.dark-mode .bottom-placeholder p{color:#aaa}.dark-mode .bottom-link{color:#009ca6}.dark-mode .prueba-item:hover{background:#2a2a2a}.dark-mode .prueba-selected{background:#2c3e50!important;border-color:#009ca6}.dark-mode .subject-detail-header{border-bottom-color:#333}.dark-mode .subject-nivel-section{background:#2a2a2a}.dark-mode .profile-menu{color:#e0e0e0}.dark-mode .btn-logout-dropdown{color:#e0e0e0;border-color:#444}.dark-mode .global-left{border-right-color:#333}.dark-mode .score-max{color:#888}.bottom-placeholder{margin-top:50px;border:2px dashed #ddd;background:#fafafa;border-radius:8px;padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}.bottom-placeholder p{color:#777;font-size:1.1rem;line-height:1.5}.bottom-link{color:#999;font-weight:600}.prueba-item{transition:all .25s ease;border-radius:10px;padding:12px 8px}.prueba-item:hover{background:#f0f7f8;transform:translateY(-3px);box-shadow:0 4px 12px #009ca61f}.prueba-selected{background:#e6f7f8!important;border:2px solid #009ca6;box-shadow:0 4px 16px #009ca62e;transform:translateY(-3px)}.subject-detail-box{margin-top:50px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:30px;box-shadow:0 4px 20px #0000000f;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subject-detail-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}.subject-detail-icon{width:48px;height:48px}.subject-detail-header h4{font-size:1.2rem;color:#333;margin:0}.subject-detail-score{font-size:2rem;font-weight:700;color:#009ca6}.subject-detail-max{font-size:1rem;color:#999;font-weight:500}.subject-detail-close{margin-left:auto;background:none;border:1px solid #ddd;border-radius:50%;width:32px;height:32px;font-size:1rem;cursor:pointer;color:#999;display:flex;align-items:center;justify-content:center;transition:all .2s}.subject-detail-close:hover{background:#f5f5f5;color:#333}.subject-detail-body{display:flex;gap:30px;align-items:flex-start}.subject-perc-section{flex:2}.subject-perc-result{display:flex;align-items:center;gap:15px;margin-top:15px}.subject-perc-result .perc-num{font-size:2.5rem;font-weight:700;color:#444}.subject-perc-result p{font-size:.9rem;color:#666;line-height:1.4}.subject-nivel-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#fafafa;border-radius:10px}.nivel-badge{color:#fff;padding:6px 18px;border-radius:20px;font-weight:700;font-size:.95rem}.nivel-desc{font-size:.85rem;color:#666;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-calc{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:35px;max-width:520px;width:90%;position:relative;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;animation:modalSlide .35s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto}.dark-mode .modal-overlay{background:#00000040}.dark-mode .modal-calc{background:#1e1e1ee0;border-color:#ffffff1a;box-shadow:0 8px 32px #0006;color:#e0e0e0}.dark-mode .modal-calc h3{color:#fff}.dark-mode .modal-desc{color:#aaa}.dark-mode .modal-formula{background:#ffffff0d}.dark-mode .formula-row{color:#bbb;border-bottom-color:#ffffff14}.dark-mode .modal-result{background:#1b5e2066;color:#fff}.dark-mode .modal-close{color:#aaa;border-color:#444}@keyframes modalSlide{0%{opacity:0;transform:scale(.92) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;background:none;border:1px solid #ddd;border-radius:50%;width:32px;height:32px;font-size:1rem;cursor:pointer;color:#999;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#f5f5f5;color:#333}.modal-calc h3{font-size:1.3rem;color:#333;margin-bottom:12px;padding-right:30px}.modal-desc{font-size:.9rem;color:#666;line-height:1.6;margin-bottom:20px}.modal-formula{background:#f8f9fc;border-radius:10px;padding:20px;margin-bottom:20px}.formula-title{font-weight:600;font-size:.9rem;color:#444;margin-bottom:15px}.formula-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.9rem;color:#555;border-bottom:1px solid #eee}.formula-row.ing{color:#f78c1e;font-weight:500}.formula-divider{height:2px;background:#009ca6;margin:10px 0}.formula-row.total{border-bottom:none;font-weight:600;color:#333;font-size:1rem}.modal-result{font-size:1.05rem;color:#333;text-align:center;padding:10px;background:#e8f5e9;border-radius:8px;margin-bottom:10px}.modal-note{font-size:.8rem;color:#999;text-align:center;font-style:italic}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;box-shadow:0 4px 15px #0003}.toast.success{background:#4caf50}.toast.error{background:#f44336}.toast.warning{background:#ff9800}.toast.info{background:#2196f3}@media (max-width: 900px){.banner-saber{padding:15px 20px}.banner-text p{display:none}.banner-text h2{font-size:1.3rem;margin-bottom:0}.banner-content{gap:10px}.banner-logo{gap:8px}.number-11{font-size:3rem}.logo-text-stack .big-text{font-size:1rem}.logo-text-stack .small-text{font-size:.6rem}.report-container{margin:15px auto;padding:0 12px}.global-flex{flex-direction:column}.global-left{border-right:none;border-bottom:1px solid #ddd;padding-right:0;padding-bottom:20px}.percentile-data,.pruebas-grid{flex-direction:column;gap:15px}.prueba-item{width:100%;flex-direction:row;justify-content:space-between}.prueba-name{min-height:auto;margin-bottom:0}.floating-tools{right:8px}.subject-detail-box{padding:20px}.subject-detail-body{flex-direction:column}.subject-nivel-section{flex-direction:row;width:100%}}@media print{.top-nav,.floating-tools,.btn-print,.btn-calc,.banner-saber,.modal-overlay,.toast{display:none!important}.results-wrapper{background:#fff!important}.report-container{transform:none!important;margin:0!important;padding:0 10px!important;max-width:100%!important}body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.dark-mode{background:#fff!important;color:#333!important}.dark-mode h3,.dark-mode .global-title,.dark-mode .score-num,.dark-mode .prueba-name,.dark-mode .prueba-score{color:#333!important}}.login-right-img{width:100%;height:100%;object-fit:cover}