@font-face{font-family:PixelifySans;src:url(/_astro/PixelifySans-VariableFont_wght.BOgNfX6E.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;margin:0;background:linear-gradient(45deg,#ffffffb4,#ffdc6a9f);font-family:PixelifySans,monospace;-webkit-font-smoothing:none;image-rendering:pixelated}main{width:90%;max-width:1200px;margin:0 auto;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;box-sizing:border-box}.discurso{font-size:50px;font-weight:bolder;text-align:center;color:#333;margin-bottom:20px}.liquid-glass-header{position:sticky;top:0;width:100%;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px 5%;box-sizing:border-box;background:#4747474d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #00000014}.logo{font-size:1.8em;font-weight:700;color:#fff}.liquid-glass-header nav ul{list-style:none;margin:0;padding:0;display:flex;font-weight:700;gap:40px}.liquid-glass-header nav a{color:#fff;text-decoration:none;font-size:1.1em;transition:color .3s ease}.liquid-glass-header nav a:hover{color:#00c3ff}footer{background:#83838359;box-shadow:0 -4px 15px #64646433;padding:20px 5%;text-align:center;color:#fff;box-sizing:border-box}a[class^=boton-]{display:inline-block;text-decoration:none;font-family:PixelifySans,monospace;text-transform:uppercase;cursor:pointer;padding:10px 20px;border:4px solid;border-radius:0;transition:none;box-shadow:4px 4px #7c5f00;image-rendering:pixelated;font-weight:500;margin-right:10px;user-select:none}.boton-primario{background-color:#aca542;color:#f7e4a7;border-color:#fff;font-size:40px;box-shadow:4px 4px #886902}.boton-primario:hover{background-color:#f1b900;border-color:#fe0;color:#fff;box-shadow:2px 2px #f1b900a8;transform:translate(2px,2px)}.boton-primario:active{box-shadow:none;transform:translate(4px,4px)}.boton-secundario{background-color:transparent;color:#6c757d;border-color:#6c757d;font-size:26px}.boton-secundario:hover{background-color:#e2e6ea;color:#495057;border-color:#495057;box-shadow:2px 2px #000;transform:translate(2px,2px)}a[disabled],.boton-primario[disabled],.boton-secundario[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none}*{margin:0;padding:0;box-sizing:border-box}.quiz-wrapper{width:100%;max-width:700px}h1{text-align:center;color:#fff;font-size:2.5em;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:fadeInDown .6s ease}#quiz-container{background:linear-gradient(-45deg,#d4a0a0,#e9b0a0,#fcd0a0,#fffde0);background-size:400% 400%;animation:moveGradient 20s ease infinite;border-radius:0;padding:40px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .8s ease}.question{position:relative;margin-bottom:35px;background:linear-gradient(135deg,#b47b00,#ffae00);padding:5px;clip-path:polygon(0% 20px,20px 0%,100% 0%,100% calc(100% - 20px),calc(100% - 20px) 100%,0% 100%);transition:transform .3s ease}.question-inner{background:#fff;padding:25px;clip-path:polygon(0% 17px,17px 0%,100% 0%,100% calc(100% - 17px),calc(100% - 17px) 100%,0% 100%)}.question:hover{transform:scale(1.01)}.question p{font-size:1.2em;font-weight:600;color:#2d3748;margin-bottom:20px}.question-number{position:relative;isolation:isolate;display:inline-block;background:none;color:#fff;width:36px;height:36px;line-height:36px;font-size:1.3em;text-align:center;margin-right:10px;border-radius:0;z-index:1}.question-number:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#b47b00,#ffae00);border-radius:0;z-index:-1;animation:spin-number 15s linear infinite}.option{display:block;padding:15px 20px;margin-bottom:12px;background:#fff;border:2px solid #e2e8f0;border-radius:0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.option:hover:not(.correct):not(.incorrect):not(.disabled){border-color:#b47b00;transform:translate(5px);box-shadow:0 4px 12px #667eea33}.option input[type=radio]{position:absolute;opacity:0}.option-content{display:flex;align-items:center;font-size:1em;color:#4a5568;transition:all .3s ease}.option.correct{background:#d4edda;border-color:#28a745;border-width:3px}.option.correct .option-content{color:#155724;font-weight:600}.option.incorrect{background:#700;border-color:#c51515;border-width:3px}.option.incorrect .option-content{color:#c42828;font-weight:600}.option.disabled{cursor:not-allowed;opacity:.7}.progress-bar{position:relative;width:100%;height:30px;background:#4731007e;margin-bottom:30px;overflow:hidden;border-radius:0;clip-path:polygon(0% 10px,10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px))}#timer-text{position:absolute;width:100%;text-align:center;line-height:30px;font-size:1.5em;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.6);z-index:3}.progress-fill-delay{position:absolute;top:0;left:0;height:100%;background:#fff;width:100%;transition:width .5s linear;z-index:1;clip-path:polygon(0% 10px,10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px))}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#28a745,#5cdd7c);width:100%;transition:background-color .5s ease;z-index:2;clip-path:polygon(0% 10px,10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px))}.hint-btn{display:block;margin:15px auto 0;background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:5px 12px;font-family:PixelifySans,monospace;font-size:18px;cursor:pointer;opacity:.5;transition:all .3s ease}.hint-btn:disabled{background-color:#ccc;opacity:.4;cursor:default;transform:none;box-shadow:none}.hint-btn.unlocked{background-color:#ffc107;color:#333;opacity:1;animation:pulse-warning 1.5s infinite;box-shadow:0 0 10px #ffc107}.hint-btn.unlocked:hover{transform:scale(1.1);box-shadow:0 0 15px #ffeb3b}.hint-text{display:block;text-align:center;font-size:.9em;font-style:italic;color:#555;margin-top:8px;opacity:0;transition:opacity .5s ease;min-height:1.2em}.hint-text.visible{opacity:1}.button-container{display:flex;gap:15px;margin-top:20px}.button-container .boton-primario,.button-container .boton-secundario{flex:1;padding:18px;border:solid 3px;font-size:25px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.button-container .boton-primario{background-color:#ffd900;box-shadow:2 2px #ca8700;border-color:#ca8700;color:#fff}.button-container .boton-primario:hover{transform:translateY(-2px);box-shadow:2 2px #ca8700;background-color:#b47b00}.button-container .boton-secundario{background:linear-gradient(135deg,#f80d0d,#a51818);box-shadow:4px 4px #5f000066;border-color:#700;color:#fff}.button-container .boton-secundario:hover{transform:translateY(-2px);box-shadow:2 2px #f80d0d99;border-color:#f80d0d;color:#ff0}.button-container .boton-primario:active,.button-container .boton-secundario:active{transform:translateY(0)}.button-container button:disabled{background:#9e9e9e;border-color:#757575;box-shadow:none;color:#c2c2c2;cursor:not-allowed;transform:none}.button-container button:disabled:hover{background:#9e9e9e;border-color:#757575;box-shadow:none;transform:none;color:#c2c2c2}#result{text-align:center;font-size:1.8em;font-weight:700;margin-top:30px;padding:25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:0;display:none;animation:bounceIn .6s ease;box-shadow:0 10px 30px #667eea4d}.score-emoji{font-size:3em;margin-bottom:10px;display:block}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulse-warning{0%{box-shadow:0 0 #ffaa00b3}70%{box-shadow:0 0 0 25px #fa00}to{box-shadow:0 0 #fa00}}@keyframes shake-danger{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}#quiz-container.timer-warning{animation:pulse-warning 1.5s infinite;border:3px solid #ffc107}#quiz-container.timer-danger{animation:none;border:3px solid #dc3545}@media(max-width:768px){h1{font-size:2em}#quiz-container{padding:25px}.question p{font-size:1.1em}.option{padding:12px 15px}.button-container{flex-direction:column}}@media(max-width:480px){body{padding:10px}h1{font-size:1.5em;margin-bottom:20px}#quiz-container{padding:20px}.question{padding:15px}}.question.hidden{display:none}@keyframes moveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin-number{0%{transform:rotate(0)}to{transform:rotate(360deg)}}