body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff8e1;font-family:GOTHAM,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button{border:none;cursor:pointer;font-family:GOTHAM,sans-serif;outline:none}button:active{transform:scale(.98)}a{color:inherit;text-decoration:none}.home-container{align-items:center;background-image:url(/static/media/fondo1.702de6a09a455d13532a.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.top-left-image{left:20px;max-width:300px;position:absolute;top:20px;z-index:10}.top-left-image img{filter:drop-shadow(0 0 5px rgba(255,255,255,.5));height:auto;width:100%}.top-right-image{max-width:250px;position:absolute;right:20px;top:20px;width:25%;z-index:10}.top-right-image img{filter:drop-shadow(0 0 5px rgba(255,255,255,.8));height:auto;width:100%}.bottom-left-image{bottom:20px;left:20px;max-width:300px;position:absolute;z-index:10}.bottom-left-image img{filter:drop-shadow(0 0 5px rgba(255,255,255,.5));height:auto;width:100%}.background-animation{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.meadow,.trees{display:none}.bees-container{height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}.bee{animation:fly 15s linear infinite;filter:drop-shadow(0 0 5px rgba(255,255,255,.7));height:40px;width:40px;z-index:2}.bee,.bee:after{background-image:url(/static/media/logo_abeja_final.9db020e3ed16576923c6.png);background-repeat:no-repeat;background-size:contain;position:absolute}.bee:after{animation:flap .2s linear infinite;content:"";height:100%;opacity:.4;transform-origin:center;width:100%}@keyframes flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.8)}}@keyframes fly{0%{transform:translateX(-100px) translateY(0) rotate(0deg)}20%{transform:translateX(20vw) translateY(-30px) rotate(5deg)}40%{transform:translateX(40vw) translateY(20px) rotate(-8deg)}60%{transform:translateX(60vw) translateY(-40px) rotate(10deg)}80%{transform:translateX(80vw) translateY(10px) rotate(-5deg)}to{transform:translateX(calc(100vw + 100px)) translateY(0) rotate(0deg)}}.content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff8e1e6;border-radius:20px;box-shadow:0 8px 32px #0003;margin-bottom:20px;max-width:800px;padding:30px;position:relative;text-align:center;width:90%;z-index:10}.title{color:var(--honey-amber);font-size:4rem;margin-bottom:10px;text-shadow:2px 2px 4px #0003}.subtitle{color:var(--honey-dark);font-size:1.8rem;margin-bottom:40px}.buttons-container{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.start-btn{font-size:1.5rem;padding:20px 40px}.btn-competitive{background-color:#9c27b0;border-radius:12px;box-shadow:0 4px 8px #0003;color:#fff;font-size:1.2rem;font-weight:600;min-height:60px;min-width:200px;padding:15px 30px;transition:all .3s ease}.btn-competitive:hover{background-color:#7b1fa2;transform:translateY(-2px)}.sound-toggle{bottom:20px;position:absolute;right:20px}.sound-btn{align-items:center;background-color:var(--honey-light);border-radius:50%;box-shadow:0 4px 8px #0003;display:flex;height:50px;justify-content:center;width:50px}.sound-icon{font-size:1.5rem}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:500px;padding:30px;width:90%}.modal h2{color:var(--honey-amber);margin-bottom:15px}.modal input{border:2px solid var(--honey-gold);border-radius:8px;font-size:1.1rem;margin:15px 0 20px;padding:12px 15px;width:100%}.modal-buttons{display:flex;gap:15px;justify-content:space-between}@media (min-width:768px){.buttons-container{flex-direction:row;flex-wrap:wrap;justify-content:center}}.instructions-container{align-items:center;box-shadow:0 0 20px #0000001a;display:flex;height:100vh;justify-content:center;margin:0 auto;overflow:hidden;padding:20px;width:100%}.instructions-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0003;max-height:85vh;max-width:800px;overflow-y:auto;padding:30px;position:relative;width:100%}.instructions-content h1{color:var(--honey-amber);font-size:2.5rem;margin-bottom:30px;text-align:center}.instruction-section{background-color:#fffffff2;border-radius:10px;margin-bottom:30px;padding:15px;position:relative;z-index:10}.instruction-section h2{background:none;border-bottom:2px solid var(--honey-gold);color:var(--honey-brown);margin-bottom:20px;padding-bottom:10px;position:relative;z-index:10}.instruction-step{align-items:flex-start;display:flex;margin-bottom:25px}.step-number{align-items:center;background-color:var(--honey-amber);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;margin-right:15px;width:40px}.step-content{flex-grow:1}.step-content h3{color:var(--honey-brown);font-size:1.4rem;margin-bottom:10px}.step-content p{color:#333;line-height:1.5;margin-bottom:15px}.step-animation{background-color:#f5f5f5b3;border:2px solid var(--honey-gold);border-radius:10px;box-shadow:0 5px 15px #0000001a;height:250px;margin-top:10px;overflow:hidden;position:relative}.step-animation:before{content:none!important}.step-animation:after{background-image:none!important;color:#0000!important;content:""!important;text-shadow:none!important}.step-animation div:not(.honey-tasting):not(.honey-selection):not(.hint-usage):not(.results-view),.step-animation h1,.step-animation h2,.step-animation h3,.step-animation h4,.step-animation p,.step-animation span{display:none!important}.honey-tasting{background-image:url(/static/media/fondo_instrucciones.ed05603b4036894452b9.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.honey-tasting:after{animation:taste 3s infinite;background-color:#ffc107b3;border-radius:50%;box-shadow:0 0 15px #ffc10780;content:"";height:60px;left:30%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}@keyframes taste{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.honey-selection{align-items:center;background-image:url(/static/media/fondo2.e3de1ed2e611d41e6db1.jpeg);background-position:50%;background-size:cover;display:flex;justify-content:space-around;padding:20px;position:relative}.honey-selection:after,.honey-selection:before{animation:float 3s ease-in-out infinite alternate;background-color:#ffc107cc;border-radius:50%;box-shadow:0 0 15px #ffc10780;content:"";height:50px;position:relative;width:50px}.honey-selection:after{animation-delay:1.5s;background-color:#d4a537cc}.hint-usage{background-image:url(/static/media/logo_lupa.ccc4337df9afa64bb969.jpeg);background-position:50%;background-repeat:no-repeat;background-size:contain;position:relative}.hint-usage:before{align-items:center;animation:pulse 2s infinite;background-color:var(--honey-amber);border-radius:50%;color:#fff;content:"?";display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.results-view{background-image:url(/static/media/logo_corona.f23192ca40c651926695.jpeg);background-position:50%;background-repeat:no-repeat;background-size:contain;position:relative}.results-view:before{background-color:#e0e0e0;left:50%;width:80%}.results-view:after,.results-view:before{border-radius:10px;content:"";height:20px;position:absolute;top:80%;transform:translate(-50%,-50%)}.results-view:after{animation:progress 2s infinite alternate;background-color:var(--honey-amber);left:40%;width:60%}@keyframes progress{0%{left:90%;width:10%}to{left:40%;width:60%}}.scoring-section{background-color:#fffffff2;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:30px;margin-top:50px;padding:20px;position:relative;z-index:20}.scoring-section:after,.scoring-section:before{content:none!important;display:none!important}.scoring-section h2{background:#0000;border-bottom:2px solid var(--honey-gold);color:var(--honey-brown);margin-bottom:20px;padding-bottom:10px;position:relative;z-index:25}.scoring-list{list-style:none;margin-top:20px;padding:0;width:100%;z-index:10}.scoring-item,.scoring-list{background-color:#fffffff2;position:relative}.scoring-item{align-items:center;border-radius:5px;box-shadow:0 2px 4px #0000000d;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:12px;padding:8px 12px;z-index:25}.scoring-item .score-item,.scoring-item .score-value{background:#0000;position:relative;z-index:30}.scoring-item .score-item{color:var(--honey-dark);flex:1 1;font-weight:500;text-align:left}.scoring-item .score-value{color:#ff8c00;font-weight:600;min-width:120px;text-align:right}.score-item:after,.score-item:before,.score-value:after,.score-value:before,.scoring-item:after,.scoring-item:before,.scoring-list:after,.scoring-list:before{content:none!important;display:none!important}.scoring-list li{align-items:center;background-color:#fffffff2;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0;position:relative;z-index:10}.score-item{color:var(--honey-dark);flex:1 1;font-weight:500;padding-right:10px;text-align:left}.score-item,.score-value{background-color:initial;position:relative;z-index:10}.score-value{color:var(--honey-amber);font-weight:600;min-width:180px;text-align:right;white-space:nowrap}.back-btn{margin:30px auto 0}.instruction-section:after,.instruction-section:before,.instructions-container:after,.instructions-container:before,.instructions-content:after,.instructions-content:before,.score-item:after,.score-item:before,.score-value:after,.score-value:before,.scoring-list li:after,.scoring-list li:before,.scoring-list:after,.scoring-list:before,.step-animation:after,.step-animation:before,body:after,body:before{content:none!important;display:none!important}@media (max-width:768px){.instructions-content{max-height:85vh;padding:20px}.instructions-content h1{font-size:2rem}.instruction-section h2{font-size:1.5rem}.step-animation{height:120px}.instruction-step{flex-direction:column}.step-number{margin-bottom:10px;margin-right:0}}body,html{background-attachment:fixed;background-image:url(/static/media/fondo_del_juego.e99cd81d82ed24b44888.jpeg);background-position:50%;background-size:cover;height:100%;margin:0;overflow-y:auto;padding:0;width:100%}body{overflow-y:scroll}.honey-info-container{background-color:#fffc;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:1000px;min-height:100vh;overflow-y:auto;padding:10px 20px 100px;position:relative;width:100%}.honey-info-container h1{background-color:#ffffffe6;box-shadow:0 4px 8px #0000001a;color:var(--honey-amber);font-size:2.5rem;padding:10px;text-align:center}.honey-info-container h1,.honey-tabs{border-radius:10px;margin-bottom:15px}.honey-tabs{background-color:#fffc;border-bottom:2px solid #f0f0f0;box-shadow:0 2px 5px #0000001a;display:flex;flex-wrap:wrap;justify-content:center;padding:5px 10px}.honey-tab{background:none;border:none;border-radius:5px;color:#666;cursor:pointer;font-size:1.1rem;font-weight:500;margin:0 10px;padding:12px 25px;position:relative;transition:all .3s ease}.honey-tab:after{bottom:-2px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.honey-tab.active,.honey-tab:after{background-color:var(--honey-amber)}.honey-tab.active{color:#fff;font-weight:600}.honey-tab.active:after{width:100%}.honey-details{background-blend-mode:overlay;background-color:#ffffffd9;background-position:50%;background-size:cover;border-radius:15px;box-shadow:0 5px 15px #0003;margin-bottom:30px;margin-left:auto;margin-right:auto;max-height:70vh;min-height:500px;overflow-y:auto;padding:30px;position:relative;transition:background-image .5s ease;width:90%}.honey-details.citricos-bg{background-image:url(/static/media/citrico.bdbbfb0903fab3e23772.jpg);border:3px solid orange}.honey-details.eucalipto-bg{background-image:url(/static/media/eucalipto.b83fb97d7c32e0b4a2ba.jpg);border:3px solid #4caf50}.honey-details.treboles-bg{background-image:url(/static/media/trebol.086f8390d65edd3d4cca.jpg);border:3px solid #8bc34a}.honey-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffd9;border-radius:10px;box-shadow:0 3px 10px #0000001a;display:flex;flex-wrap:wrap;padding:20px}.honey-card.active{display:flex;opacity:1}.honey-image-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;min-width:300px;padding:15px}.honey-image{border:5px solid var(--honey-gold);border-radius:50%;box-shadow:0 10px 20px #0000001a;height:300px;margin-top:0;object-fit:cover;width:300px}.honey-info{flex:2 1;min-width:350px;padding:15px}.honey-info h2{border-bottom:2px solid var(--honey-gold);color:var(--honey-amber);font-size:1.8rem;margin-bottom:15px;padding-bottom:10px}.honey-description{color:#333;line-height:1.6;margin-bottom:20px}.honey-info h3{color:var(--honey-amber);font-size:1.3rem;margin:20px 0 10px}.characteristics-list{list-style:none;margin-bottom:20px;padding:0}.characteristics-list li{align-items:center;background-color:#ffffffb3;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;margin-bottom:8px;padding:10px 15px;transition:transform .2s ease,box-shadow .2s ease}.characteristics-list li:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.characteristic-icon{color:var(--honey-amber);font-size:1.2rem;font-weight:700;margin-right:10px}.honey-origin{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-left:4px solid var(--honey-amber);border-radius:10px;box-shadow:0 3px 8px #0000001a;margin-top:20px;padding:20px}.honey-origin h3{border-bottom:1px solid #f5a6234d;color:var(--honey-amber);font-size:1.4rem;margin-bottom:15px;margin-top:0;padding-bottom:8px}.honey-origin p{color:#333;font-size:1.05rem;line-height:1.8}.honey-comparison{background-color:#f9f9f9;border-radius:15px;margin-top:50px;padding:20px}.honey-comparison h2{color:var(--honey-brown);margin-bottom:20px;text-align:center}.comparison-table-container{overflow-x:auto}.comparison-table{border-collapse:collapse;margin-top:15px;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.comparison-table th{background-color:var(--honey-amber);color:#fff;font-weight:600}.comparison-table tr:nth-child(2n){background-color:#f2f2f2}.comparison-table tr:hover{background-color:#f5f5f5}.back-btn{background-color:var(--honey-amber);border:none;border-radius:30px;bottom:auto;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:block;font-size:1.1rem;left:auto;margin:20px auto;padding:12px 30px;position:relative;transform:none;transition:background-color .3s ease,box-shadow .3s ease;width:fit-content;z-index:1}.back-btn:hover{background-color:var(--honey-brown);box-shadow:0 6px 12px #0003}@media (max-width:768px){.honey-tabs{align-items:center;flex-direction:column}.honey-tab{margin:5px 0;text-align:center;width:100%}.honey-card.active{flex-direction:column}.honey-image-container{margin-bottom:20px}.comparison-table td,.comparison-table th{font-size:.9rem;padding:8px 10px}}.game-screen-container{background-attachment:fixed;background-image:url(/static/media/fondo_del_juego_2.8a36cfac1a107080880b.jpeg);background-position:50%;background-size:cover;display:flex;flex-direction:column;min-height:100vh;padding:20px;width:100%}.game-header{align-items:center;background-color:#ffffffe6;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding:10px 120px 10px 20px;position:relative}.game-header h1{color:var(--honey-amber);flex-grow:1;font-size:2rem;margin:10px 0;text-align:left}.game-score{display:none}.back-to-home-btn{background-color:#6c757d;border:none;border-radius:8px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;font-weight:500;margin:5px;padding:8px 15px;transition:background-color .3s ease}.back-to-home-btn:hover{background-color:#5a6268}.game-timer{background-color:var(--honey-amber);border-radius:10px;box-shadow:0 3px 6px #0000001a;margin:5px;order:2;padding:10px 15px}.game-timer,.header-score{align-items:center;display:flex}.header-score{border-radius:8px;justify-content:center;margin-left:auto;order:3;padding:5px 0;position:absolute;right:80px;top:50%;transform:translateY(-50%)}.score-label{color:var(--honey-amber);margin-right:10px}.timer-label{color:#fff;font-weight:600;margin-right:10px}.score-value{color:#f5a623;font-size:2rem}.score-value,.timer-value{text-shadow:1px 1px 2px #0003}.timer-value{color:#fff;font-size:1.3rem;font-weight:700}.game-controls{align-items:center;background-color:#ffffffe6;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;margin-top:20px;padding:15px}.hints-counter{color:#333;font-size:1.1rem;font-weight:500;margin-bottom:15px}.game-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.confirm-btn{background-color:var(--honey-amber);border:none;border-radius:8px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;padding:10px 30px;transition:background-color .3s ease}.confirm-btn:hover{background-color:#d68c00}.exit-btn{background-color:#6c757d;border:none;border-radius:8px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;padding:10px 30px;transition:background-color .3s ease}.exit-btn:hover{background-color:#5a6268}.honey-samples-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:80px;padding-bottom:0}.honey-sample{background-color:#ffffffe6;border-radius:15px;box-shadow:0 5px 15px #0000001a;flex:1 1;flex-direction:column;max-width:350px;min-width:250px;padding:15px}.honey-sample,.sample-header{align-items:center;display:flex}.sample-header{justify-content:space-between;margin-bottom:10px;width:100%}.sample-header h2{color:var(--honey-brown);font-size:1.5rem}.hint-button{align-items:center;background-color:var(--honey-light);border:2px solid var(--honey-amber);border-radius:20px;color:var(--honey-dark);display:flex;font-weight:600;padding:8px 15px;transition:all .3s ease}.hint-button:hover:not(:disabled){background-color:var(--honey-amber);color:#fff}.hint-button:disabled{cursor:not-allowed;opacity:.5}.hint-icon{align-items:center;background-color:var(--honey-amber);border-radius:50%;color:#fff;display:inline-flex;font-weight:700;height:24px;justify-content:center;margin-right:8px;width:24px}.honey-jar{height:140px;margin:10px 0;position:relative;width:100px}.honey-liquid{animation:wobble 5s infinite alternate;background-color:var(--honey-gold);border-radius:0 0 20px 20px;bottom:0;height:70%;left:10%;position:absolute;width:80%}.honey-jar:before{background-color:#ffffff4d;border:3px solid #0000001a;border-radius:20px;bottom:0;content:"";height:85%;left:0;position:absolute;width:100%}.honey-jar-lid{background-color:#8b572a;border-radius:5px 5px 0 0;height:20px;left:20%;position:absolute;top:0;width:60%}@keyframes wobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}.honey-selection{margin-top:20px;width:100%}.honey-selection p{font-weight:500;margin-bottom:15px;text-align:center}.selection-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);width:100%}.selection-option{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px;text-align:center;transition:all .3s ease}.selection-option:hover{background-color:#ffc1071a;border-color:var(--honey-amber)}.selection-option.selected{background-color:#fff8e6;border-color:var(--honey-amber);border-width:3px;box-shadow:0 4px 10px #f5a62366;color:var(--honey-dark);font-weight:700;transform:scale(1.05)}.confirmation-modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.confirmation-modal{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:400px;padding:25px;text-align:center;width:90%}.confirmation-modal h3{color:var(--honey-amber);font-size:1.8rem;margin-bottom:15px}.confirmation-modal p{color:#555;font-size:1.1rem;margin-bottom:25px}.confirmation-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.confirmation-buttons button{border:none;border-radius:30px;cursor:pointer;font-size:1.1rem;font-weight:600;margin:5px;min-width:120px;padding:10px 20px;transition:all .3s ease}.confirmation-buttons .btn-secondary{background-color:#f0f0f0;box-shadow:0 4px 8px #0000001a;color:#555}.confirmation-buttons .btn-secondary:hover{background-color:#e0e0e0;transform:translateY(-2px)}.confirmation-buttons .btn-primary{background-color:var(--honey-amber);box-shadow:0 4px 8px #0003;color:#fff}.confirmation-buttons .btn-primary:hover{background-color:var(--honey-brown);transform:translateY(-2px)}.hint-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.hint-modal{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:500px;padding:25px;position:relative;width:90%}.close-hint{align-items:center;background-color:#f0f0f0;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;line-height:1;position:absolute;right:15px;top:15px;width:30px}.hint-modal h3{color:var(--honey-amber);margin-bottom:20px;text-align:center}.hint-content{align-items:center;display:flex;margin-bottom:20px}.bee-animation{animation:fly-in-place 2s infinite alternate;background-image:url(/static/media/logo_abeja_final.2cbf5c650fabfbdbd582.jpeg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:80px;margin-right:20px;width:80px}@keyframes fly-in-place{0%{transform:translateY(0) rotate(5deg)}to{transform:translateY(-10px) rotate(-5deg)}}.hint-characteristics{flex-grow:1}.hint-characteristics h4{color:var(--honey-dark);margin-bottom:10px}.hint-characteristics ul{list-style:none;padding:0}.hint-characteristics li{padding:5px 0 5px 20px;position:relative}.hint-characteristics li:before{color:var(--honey-amber);content:"•";font-size:1.2rem;left:0;position:absolute}.hint-footer{border-top:1px solid #f0f0f0;padding-top:15px;text-align:center}.points-deducted{color:#f44336;font-weight:600}@media (max-width:480px){.confirmation-modal{padding:20px 15px;width:95%}.confirmation-modal h3{font-size:1.5rem}.confirmation-modal p{font-size:1rem;margin-bottom:20px}.confirmation-buttons{flex-direction:column;gap:10px}.confirmation-buttons button{margin:0;width:100%}}@media (max-width:768px){.game-header{flex-direction:column;padding:10px}.game-header h1{font-size:1.5rem;margin-bottom:10px}.honey-sample{min-width:100%}.selection-options{grid-template-columns:1fr 1fr}.btn-primary,.confirm-btn{font-size:1rem;padding:8px 20px}.game-controls{padding:8px}}.results-container{align-items:center;background-attachment:fixed;background-image:url(/static/media/fondo_del_juego_2.8a36cfac1a107080880b.jpeg);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:15px;width:100%}.results-content{background-color:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0003;height:auto;margin:20px 0;max-height:85vh;max-width:800px;min-height:60vh;overflow-y:auto;padding:65px 30px 30px;position:relative;width:100%}.results-title{color:var(--honey-amber);font-size:2.5rem;margin-bottom:20px;text-align:center}.performance-animation{background-color:#fffffff2;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;box-shadow:0 4px 8px #00000026;height:70px;left:50%;padding:5px;position:absolute;top:-20px;transform:translateX(-50%);width:70px;z-index:10}.crown-animation{animation:float 3s ease-in-out infinite;background-image:url(/static/media/logo_corona.f23192ca40c651926695.jpeg)}.clapping-animation{animation:clap 1s ease-in-out infinite alternate;background-image:url(/static/media/logo_aplausi.6c28540951f8e4861f9a.jpeg)}.magnifier-animation{animation:search 2s ease-in-out infinite alternate;background-image:url(/static/media/logo_lupa.ccc4337df9afa64bb969.jpeg)}@keyframes clap{0%{transform:translateX(-50%) rotate(-5deg)}to{transform:translateX(-50%) rotate(5deg)}}@keyframes search{0%{transform:translateX(-50%) rotate(-10deg)}to{transform:translateX(-50%) rotate(10deg) scale(1.1)}}.performance-message{margin-bottom:30px;text-align:center}.performance-message h2{color:var(--honey-brown);font-size:1.8rem;margin-bottom:10px}.performance-message p{color:#555;font-size:1.2rem}.score-display{display:flex;justify-content:center;margin:20px 0 30px}.score-circle{animation:pulse-score 2s infinite alternate;background:linear-gradient(135deg,#e09900,#f5a623);border-radius:50%;box-shadow:0 8px 16px #0003;flex-direction:column;height:150px;position:relative;width:150px}.score-circle,.score-value{align-items:center;color:#fff;display:flex;justify-content:center}.score-value{font-size:3.2rem;font-weight:700;line-height:1;text-shadow:2px 2px 3px #0006;top:50%;transform:translate(-50%,-60%)}.score-label,.score-value{left:50%;position:absolute;text-align:center;width:100%}.score-label{bottom:25%;font-size:1.2rem;font-weight:600;text-shadow:1px 1px 2px #0006;transform:translateX(-50%)}@keyframes pulse-score{0%{box-shadow:0 8px 16px #0003;transform:scale(1)}to{box-shadow:0 12px 24px #0000004d;transform:scale(1.05)}}.results-details{margin-bottom:30px}.results-details h3{color:var(--honey-amber);font-size:1.5rem;margin-bottom:15px;text-align:center}.results-table-container{margin-bottom:20px;overflow-x:auto}.results-table{border-collapse:collapse;width:100%}.results-table td,.results-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.results-table th{background-color:var(--honey-amber);color:#fff;font-weight:600}.correct-row{background-color:#4caf501a}.incorrect-row{background-color:#f443361a}.result-icon{align-items:center;border-radius:50%;display:inline-flex;font-weight:700;height:30px;justify-content:center;width:30px}.result-icon.correct{background-color:#4caf50;color:#fff}.result-icon.incorrect{background-color:#f44336;color:#fff}.stats-summary{background-color:#f9f9f9;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:20px;padding:15px}.stat-item{align-items:center;display:flex;flex-direction:column;margin:10px}.stat-label{color:#666;font-size:.9rem;margin-bottom:5px}.stat-value{color:var(--honey-dark);font-size:1.3rem;font-weight:600}.leaderboard-preview{margin-bottom:30px}.leaderboard-table-container{overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #ddd;padding:10px 15px;text-align:left}.leaderboard-table th{background-color:var(--honey-brown);color:#fff}.leaderboard-table tr:nth-child(2n){background-color:#f2f2f2}.current-player{background-color:#f5a62333!important;font-weight:700}.results-actions{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.honey-facts{background-color:#f9f9f9;border-radius:10px;margin-top:20px;padding:15px}.honey-facts h3{color:var(--honey-amber);font-size:1.2rem;margin-bottom:10px}.honey-facts p{color:#555;font-style:italic;line-height:1.6}@media (max-width:768px){.results-content{padding:20px}.results-title{font-size:2rem}.performance-message h2{font-size:1.5rem}.score-circle{height:120px;width:120px}.score-value{font-size:2.5rem}.results-actions{align-items:center;flex-direction:column}.results-actions button{margin-bottom:10px;width:100%}}.admin-container{min-height:100vh;padding:20px}.admin-container,.admin-login-container{align-items:center;background-image:url(/static/media/fondo_del_juego.e99cd81d82ed24b44888.jpeg);background-position:50%;background-size:cover;display:flex;flex-direction:column;width:100%}.admin-login-container{height:100vh;justify-content:center}.admin-login-form{background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 8px #0003;padding:30px;width:350px}.admin-login-form,.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:700;margin-bottom:8px}.form-group input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}.admin-login-button{background-color:#f39c12;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s;width:100%}.admin-login-button:hover{background-color:#e67e22}.admin-content{background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:1200px;padding:20px;width:100%}.samples-configuration{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.sample-selector{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;min-width:300px;padding:15px}.sample-selector h3{border-bottom:1px solid #ddd;color:#333;margin-top:0;padding-bottom:10px}.honey-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:15px}.honey-option{align-items:center;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;padding:10px;transition:all .2s}.honey-option:hover{background-color:#f0f0f0}.honey-option.selected{background-color:#f39c1233;border-color:#f39c12}.honey-thumbnail{border-radius:50%;height:80px;margin-bottom:8px;object-fit:cover;width:80px}.honey-option span{font-size:14px;text-align:center}.selected-honey{background-color:#f0f0f0;border-radius:4px;margin-top:10px;padding:10px}.selected-honey p{color:#333;font-weight:700;margin:0}.admin-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.back-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.save-button{background-color:#27ae60;color:#fff}.save-button:hover{background-color:#219653}.back-button{background-color:#7f8c8d;color:#fff}.back-button:hover{background-color:#6c7a7d}.success-message{background-color:#d4edda;border-radius:4px;color:#155724;margin-bottom:20px;max-width:1200px;padding:15px;text-align:center;width:100%}@media (max-width:768px){.samples-configuration{flex-direction:column}.sample-selector{min-width:100%}.admin-actions{flex-direction:column}.back-button,.save-button{width:100%}}.audio-controls{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;border-radius:30px;bottom:20px;box-shadow:0 2px 10px #0003;display:flex;padding:8px 12px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.audio-controls:hover{background-color:#ffffffe6}.audio-button{align-items:center;background:none;background-color:#f5a623;background-color:var(--honey-amber,#f5a623);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;margin:0 5px;transition:all .2s ease;width:40px}.audio-button:hover{background-color:#f8c55c;background-color:var(--honey-gold,#f8c55c);transform:scale(1.1)}.audio-button:active{transform:scale(.95)}.audio-button.active{background-color:#d4880b;background-color:var(--honey-dark,#d4880b)}.audio-button.muted{background-color:#999}.btn-audio-fix{animation:pulse 1.5s infinite;background-color:#e74c3c!important;color:#fff!important;margin-top:15px}@keyframes pulse{0%{box-shadow:0 0 0 0 #e74c3cb3;transform:scale(1)}70%{box-shadow:0 0 0 10px #e74c3c00;transform:scale(1.05)}to{box-shadow:0 0 0 0 #e74c3c00;transform:scale(1)}}.volume-slider{margin:0 5px;width:80px}.volume-slider input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#f5a623,#f8c55c);background:linear-gradient(to right,var(--honey-amber,#f5a623),var(--honey-gold,#f8c55c));border-radius:3px;height:6px;outline:none;width:100%}.volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#d4880b;background:var(--honey-dark,#d4880b);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.volume-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}@media (max-width:768px){.audio-controls{bottom:10px;padding:6px 10px;right:10px}.audio-button{font-size:1.2rem;height:32px;width:32px}.volume-slider{width:60px}}.app{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}:root{--honey-amber:#f5a623;--honey-gold:#ffc107;--honey-light:#fff8e1;--honey-brown:#8b572a;--honey-dark:#5d4037}.btn{align-items:center;background-color:#ffc107;background-color:var(--honey-gold);border-radius:12px;box-shadow:0 4px 8px #0003;color:#5d4037;color:var(--honey-dark);display:flex;font-size:1.2rem;font-weight:600;justify-content:center;margin:10px;min-height:60px;min-width:200px;padding:15px 30px;text-align:center;transition:all .3s ease}.btn:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.btn-primary,.btn:hover{background-color:#f5a623;background-color:var(--honey-amber)}.btn-primary{color:#fff}.btn-secondary{background-color:#fff8e1;background-color:var(--honey-light);border:2px solid #f5a623;border:2px solid var(--honey-amber);color:#5d4037;color:var(--honey-dark)}.container{margin:0 auto;max-width:1200px;padding:20px;width:100%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating{animation:float 3s ease-in-out infinite}@media (max-width:768px){.btn{font-size:1rem;min-height:50px;min-width:180px}}
/*# sourceMappingURL=main.e172c199.css.map*/