.test-container{background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(1,2,46,.1);display:none;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.6;margin:auto;max-width:700px;padding:40px;width:100%}#progressBarContainer{background-color:#f5f8ff;border-radius:8px;margin-bottom:25px;overflow:hidden;width:100%}#progressBar{background-color:#81a5f7;border-radius:8px;height:8px;transition:width .3s ease-in-out;width:0}#progressText{color:#01022e;font-size:clamp(.75rem,2vw,.85rem);font-weight:500;margin-top:4px;text-align:right}.question-area{margin-bottom:20px;min-height:200px}.question-content{animation:fadeIn .5s ease-in-out}.question-content h2{color:#01022e;font-size:clamp(.95rem,3.5vw,1.3rem);font-weight:600;margin-bottom:16px}.question-content label{background-color:#f5f8ff;border:2px solid transparent;border-radius:8px;cursor:pointer;display:block;font-size:clamp(.85rem,2.5vw,1rem);margin-bottom:8px;padding:clamp(10px,3vw,14px) clamp(14px,4vw,20px);transition:all .2s ease}.question-content label:hover{background-color:#fff;border-color:#81a5f7;transform:translateY(-2px)}.question-content input[type=radio]{display:none}.question-content label.selected{background-color:#81a5f7;border-color:#81a5f7;color:#01022e;font-weight:500}.question-content input[type=radio]:checked+span{font-weight:500}.navigation-buttons{display:flex;justify-content:space-between;margin-top:20px}.nav-button{background-color:#81a5f7;border:none;border-radius:6px;color:#01022e;cursor:pointer;font-family:Poppins,sans-serif;font-size:clamp(.85rem,2.5vw,1rem);font-weight:500;letter-spacing:.5px;padding:clamp(8px,2vw,10px) clamp(14px,3vw,20px);text-transform:uppercase;transition:all .2s ease}.nav-button:disabled{background-color:#f5f8ff;color:#81a5f7;cursor:not-allowed;opacity:.5;transform:none}.nav-button:hover:not(:disabled){background-color:#01022e!important;color:#f5f8ff!important;transform:translateY(-2px)}#loadingIndicator{display:none;padding:40px 0;text-align:center}.spinner{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin:0 auto 20px;width:50px}#loadingIndicator p{color:#333;font-size:1.2em}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#results{animation:fadeIn .5s ease-in-out;border-radius:12px;display:none;margin-top:30px;padding:24px}#results.baja{background-color:#fff5f5;border:2px solid #ff4d4d}#results.media{background-color:#fff9f0;border:2px solid #ffa64d}#results.alta{background-color:#f0fff4;border:2px solid #48bb78}#results h2{color:#01022e;font-size:clamp(.95rem,3vw,1.2rem);font-weight:600;margin-top:0}#results p{color:#01022e;font-size:clamp(.85rem,2.5vw,1rem);line-height:1.5}#guideFormContainer{animation:fadeIn .5s ease-in-out;background-color:#f5f8ff;border:2px solid #81a5f7;border-radius:12px;display:none;margin-top:24px;padding:24px}#guideFormContainer h3{color:#01022e;font-size:clamp(.95rem,3.5vw,1.2rem);font-weight:600;margin-bottom:15px;text-align:center}.mockup-image{margin-top:-35px;max-width:100%}@media screen and (max-width:480px){.test-container{padding:20px}.question-content label{padding:12px 16px}}