.donde-preview{justify-content:center;margin:2rem 0;display:flex}.prep-demo{background:linear-gradient(135deg, var(--cream) 0%, var(--cream-dark) 100%);box-shadow:var(--shadow-medium);border-radius:24px;padding:2rem 3rem}.demo-icon-container{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.demo-center{color:var(--terracotta);width:40px;height:40px}.demo-icon{width:28px;height:28px;color:var(--deep-blue);animation:2s ease-in-out infinite iconPulse;position:absolute}.demo-icon.up{animation-delay:0s;top:0;left:50%;transform:translate(-50%)}.demo-icon.down{animation-delay:.5s;bottom:0;left:50%;transform:translate(-50%)}.demo-icon.left{animation-delay:1s;top:50%;left:0;transform:translateY(-50%)}.demo-icon.right{animation-delay:1.5s;top:50%;right:0;transform:translateY(-50%)}@keyframes iconPulse{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.2)}}.demo-icon.left,.demo-icon.right{animation-name:iconPulseY}@keyframes iconPulseY{0%,to{opacity:.5;transform:translateY(-50%)scale(1)}50%{opacity:1;transform:translateY(-50%)scale(1.2)}}.donde-esta-area{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;display:flex}.donde-esta-game .sentence-character{flex-direction:column;align-items:center;gap:.5rem;display:flex}.donde-esta-game .sentence-character img{object-fit:cover;object-position:top center;width:80px;height:80px;box-shadow:var(--shadow-medium);border:4px solid #fff;border-radius:50%}.donde-esta-game .sentence-character .character-name{color:var(--deep-blue);font-family:Fraunces,serif;font-size:.9rem;font-weight:600}.donde-esta-game .sentence-card{box-shadow:var(--shadow-medium);background:#fff;border-radius:24px;width:100%;max-width:500px;padding:2rem;transition:transform .3s,box-shadow .3s;position:relative}.donde-esta-game .sentence-card.correct-fly{animation:.5s forwards cardCorrect}.donde-esta-game .sentence-card.wrong-shake{animation:.5s cardWrong}.donde-sentence{text-align:center}.donde-sentence .sentence-text{color:var(--deep-blue);margin:0 0 1rem;font-family:Fraunces,serif;font-size:1.4rem;font-weight:500;line-height:1.6}.donde-sentence .blank-highlight{background:linear-gradient(135deg, var(--terracotta) 0%, var(--terracotta-dark) 100%);color:#fff;border-radius:8px;min-width:80px;margin:0 .25rem;padding:.2rem .8rem;font-weight:700;display:inline-block}.donde-sentence .sentence-translation{color:#666;margin:0;font-size:1rem;font-style:italic}.donde-esta-game .hint-badge{background:var(--mustard);color:var(--deep-blue);box-shadow:var(--shadow-soft);cursor:pointer;border-radius:100px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;position:absolute;top:-10px;right:-10px}.donde-choices{flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:500px;display:flex}.donde-choices .prep-btn{border:3px solid var(--deep-blue);cursor:pointer;color:var(--deep-blue);box-shadow:var(--shadow-soft);background:#fff;border-radius:100px;padding:.8rem 1.2rem;font-family:Fraunces,serif;font-size:1rem;font-weight:600;transition:all .3s}.donde-choices .prep-btn:hover:not(:disabled){background:var(--cream);box-shadow:var(--shadow-medium);transform:translateY(-3px)}.donde-choices .prep-btn:disabled{cursor:not-allowed;opacity:.8}.donde-choices .prep-btn.correct{animation:.5s correctPulse;background:linear-gradient(135deg, var(--sage) 0%, var(--sage-dark) 100%)!important;border-color:var(--sage-dark)!important;color:#fff!important}.donde-choices .prep-btn.wrong{animation:.5s wrongShake;color:#fff!important;background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%)!important;border-color:#d32f2f!important}.hint-btn-standalone{border:3px solid var(--mustard);width:50px;height:50px;color:var(--mustard-dark);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-top:.5rem;transition:all .3s;display:flex}.hint-btn-standalone:hover{background:var(--mustard);color:var(--deep-blue);transform:scale(1.1)}.hint-btn-standalone svg{width:24px;height:24px}.donde-esta-rules{max-width:280px}.donde-esta-rules .rules-grid{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.donde-esta-rules .rule-pair{justify-content:space-between;gap:.5rem;display:flex}.donde-esta-rules .rule-pair span{border-radius:6px;flex:1;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.donde-esta-rules .rule-pair svg{width:14px;height:14px}.donde-esta-rules .prep-up,.donde-esta-rules .prep-front{background:var(--sage);color:#fff}.donde-esta-rules .prep-down,.donde-esta-rules .prep-back{background:var(--terracotta);color:#fff}.donde-esta-rules .prep-in{background:var(--deep-blue);color:#fff}.donde-esta-rules .prep-out{background:var(--cream-dark);color:var(--deep-blue)}.donde-esta-rules .prep-left{background:var(--mustard);color:var(--deep-blue)}.donde-esta-rules .prep-right{background:var(--mustard-dark);color:#fff}.donde-esta-rules .prep-near{background:var(--sage);color:#fff}.donde-esta-rules .prep-far{background:var(--terracotta);color:#fff}.donde-esta-rules .rule-note{color:var(--deep-blue);margin:.25rem 0;font-size:.7rem;line-height:1.4}.feedback-preposition.donde-prep{background:var(--deep-blue);color:#fff}.feedback-hint{color:var(--terracotta);background:var(--cream);border-radius:8px;margin-top:.5rem;padding:.5rem;font-size:.85rem;font-weight:600}.position-section h3{color:var(--sage-dark)}.position-section h3 svg{vertical-align:middle;margin-right:.5rem}.container-section h3{color:var(--deep-blue)}.container-section h3 svg{vertical-align:middle;margin-right:.5rem}.direction-section h3{color:var(--terracotta)}.direction-section h3 svg{vertical-align:middle;margin-right:.5rem}.prep-list{flex-direction:column;gap:.5rem;display:flex}.prep-item{flex-direction:column;gap:.2rem;display:flex}.prep-item strong{color:var(--deep-blue)}.prep-item .example{color:#666;padding-left:1rem;font-size:.85rem;font-style:italic}.donde-esta-game .question-counter{color:var(--deep-blue);opacity:.7;font-family:Fraunces,serif;font-size:1rem}@media (width<=600px){.donde-sentence .sentence-text{font-size:1.2rem}.donde-choices .prep-btn{padding:.6rem 1rem;font-size:.9rem}.donde-esta-game .sentence-character img{width:60px;height:60px}.demo-icon-container{width:80px;height:80px}.demo-center{width:28px;height:28px}.demo-icon{width:20px;height:20px}}