:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes rainbow-cycle{0%{background-color:#00bcd4}25%{background-color:#2196f3}50%{background-color:#9c27b0}75%{background-color:#ff5722}to{background-color:#00bcd4}}body{margin:0;display:flex;place-items:center;min-width:320px;height:100vh;justify-content:center;overflow:hidden;background-color:#e0e0e0}.card-front{transform:rotateY(0);background-color:#f5f6f5;border:none;display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#endgame-overlay,#celebration-overlay,#mobile-category-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;animation:rainbow-cycle 20s infinite linear;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center}#mode-selection-overlay,#group-overlay,#instructions-overlay,#start-overlay,#image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e0e0e0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;text-align:center}#app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1vmin}.container{display:flex;flex-direction:column;align-items:center;gap:1vh;width:100%;height:100%;justify-content:center}.title{font-size:4vh;margin:0;background:linear-gradient(to right,#646cff,#9089fc);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;flex-shrink:0}.target-display{font-size:2.5vh;color:#ffffffe6;margin:.5vh 0;font-weight:500}.card-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:1.5vmin;width:95vw;height:85vh;margin:0 auto}.card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;box-shadow:0 .5vmin 1vmin #0003;border-radius:1vmin;z-index:30}.card-container{perspective:1000px;transform-style:preserve-3d;width:100%;height:100%;cursor:pointer;position:relative;z-index:1}.card-container.is-candidate{z-index:2}.card-container.is-candidate .card{z-index:30}@keyframes aura-fade-in{0%{opacity:0;transform:translate(-50%,-10%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}.card-bg-anim{position:absolute;top:-85%;left:50%;transform:translate(-50%);width:150%;height:150%;z-index:20;pointer-events:none;opacity:0;animation:aura-fade-in .6s ease-out forwards;transition:opacity .5s ease-out}.card-bg-anim img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.card-bg-anim.fade-out{opacity:0!important;animation:none!important}.card.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:1vmin;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#333;box-sizing:border-box}.card-front img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;object-fit:contain;opacity:.4;z-index:1;pointer-events:none;filter:grayscale(.2);margin-top:0}.cycle-btn{position:absolute;bottom:1vmin;right:1vmin;padding:.5vmin 1.5vmin;background-color:#00bcd4;color:#fff;border-radius:99vmin;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:1.8vmin;font-weight:700;z-index:10;cursor:pointer;box-shadow:0 .2vmin .5vmin #0006;gap:.8vmin;white-space:nowrap}#mode-selection-overlay,#group-overlay,#endgame-overlay,#celebration-overlay,#mobile-category-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e0e0e0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;text-align:center}#instructions-overlay,#start-overlay,#image-overlay{background-color:#e0e0e0;-webkit-backdrop-filter:none;backdrop-filter:none}#home-anim-container{flex-grow:1;display:flex;align-items:center;justify-content:center;max-height:40vh;width:100%;margin:2vmin 0}#home-anim-img{height:100%;width:auto;max-width:80%;object-fit:contain}.mode-selection-subtitle{font-size:2.5vmin;margin-bottom:2vmin;opacity:.9}.mode-buttons{display:flex;gap:2vmin;margin-bottom:5vmin}.mode-btn{padding:1.5vmin 3vmin;font-size:2vmin;border:none;border-radius:1vmin;background:#fff;color:#00bcd4;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 .5vmin 1vmin #0003}.mode-btn:hover{transform:scale(1.05);box-shadow:0 1vmin 2vmin #0000004d}.character-name{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;background:var(--theme-color, rgba(0, 188, 212, .75));color:#fff;padding:.2vmin .5vmin;text-align:center;font-weight:700;font-size:2.2vmin;white-space:normal;line-height:1.1;display:flex;align-items:center;justify-content:center;min-height:4vmin;z-index:10;cursor:pointer;transition:all .2s ease}.character-name:hover{filter:brightness(1.15);text-decoration:underline;box-shadow:0 .5vmin .5vmin #0000004d}.card-category-text{position:absolute;top:3vmin;bottom:3vmin;left:1vmin;right:1vmin;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-color, #0066cc);font-weight:700;line-height:1.3;z-index:5;pointer-events:none;white-space:normal;word-wrap:break-word}.stack-visual{display:inline-block;width:1.2vmin;height:1.6vmin;background-color:#fff;border:.1vmin solid rgba(0,0,0,.2);border-radius:.1vmin;margin-right:.8vmin;position:relative;vertical-align:middle}.stack-visual.stack-2{box-shadow:.3vmin -.3vmin #fff,.3vmin -.3vmin 0 .1vmin #0000001a}.stack-visual.stack-3{box-shadow:.3vmin -.3vmin #fff,.3vmin -.3vmin 0 .1vmin #0000001a,.6vmin -.6vmin #fff,.6vmin -.6vmin 0 .1vmin #0000001a;margin-top:.6vmin;margin-right:1.2vmin}.card[data-type=virus]{--theme-color: #FF5722;--text-color: #E64A19;--card-bg: #FFCCBC}.card[data-type=virus] .card-front img{filter:sepia(100%) saturate(300%) hue-rotate(-50deg)}.card[data-type=virus] .card-front{background-color:var(--card-bg)}.card[data-type=bacteria]{--theme-color: #2196F3;--text-color: #0277BD;--card-bg: #BBDEFB}.card[data-type=bacteria] .card-front img{filter:sepia(100%) saturate(300%) hue-rotate(180deg)}.card[data-type=bacteria] .card-front{background-color:var(--card-bg)}.card[data-type=fungus]{--theme-color: #2E7D32;--text-color: #1B5E20;--card-bg: #B2DFDB}.card[data-type=fungus] .card-front{background-color:var(--card-bg)}.card[data-type=parasite]{--theme-color: #9C27B0;--text-color: #7B1FA2;--card-bg: #E1BEE7}.card[data-type=parasite] .card-front img{filter:sepia(100%) saturate(300%) hue-rotate(220deg)}.card[data-type=parasite] .card-front{background-color:var(--card-bg)}.card-back{transform:rotateY(180deg);background:linear-gradient(#000000d9,#000000d9),url(/juego-enfermedades/images/card_back.png);background-size:cover;background-position:center;border:.3vmin solid #333;padding:1vmin;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-bar{display:flex;flex-direction:column;width:100%;margin-top:2vh;margin-bottom:.5vh;padding:0 2vmin;box-sizing:border-box}.nav-landscape{display:flex;justify-content:space-between;width:100%!important}.nav-portrait{display:none}.nav-group{display:flex;gap:1vmin}.nav-group.left{justify-content:flex-start}.nav-group.right{justify-content:flex-end}.nav-btn{padding:.8vmin 2vmin;border-radius:.5vmin;font-size:2vmin;font-weight:700;cursor:pointer;border:none;box-shadow:0 .5vmin 1vmin #0000001a;transition:transform .2s;display:flex;align-items:center;justify-content:center}.nav-btn:hover{transform:translateY(-.2vmin)}.nav-btn-light{background-color:#fff;color:#333}.nav-btn-red{background-color:#f05;color:#fff}#btn-solve{display:none}.tabs-container.landscape-only{display:flex;gap:1vmin;justify-content:center;flex-wrap:wrap;margin-top:.5vh}.tab{padding:1vmin 2vmin;background-color:#fff;color:#333;border-radius:1vmin;font-size:2vmin;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;border:none;box-shadow:0 .2vmin .5vmin #0000001a;display:flex;align-items:center;justify-content:center}.tab:hover{background-color:#f0f0f0;transform:translateY(-.1vmin)}.tab.active{animation:rainbow-cycle 20s infinite linear!important;color:#fff!important;font-weight:700;transform:scale(1.05);box-shadow:0 .5vmin 1vmin #0003;border:none}@media (orientation: portrait){.nav-landscape,.landscape-only{display:none!important}.nav-bar{margin-top:1vh;position:relative;min-height:8vmin;justify-content:center}.nav-portrait{display:flex;flex-direction:column;align-items:center;width:100%}.icon-btn-menu{position:absolute;top:0;left:2vmin;width:10vmin;height:10vmin;background:#fff;color:#333;border:none;border-radius:50%;box-shadow:0 .5vmin 1vmin #00000026;cursor:pointer;padding:2vmin;display:flex;align-items:center;justify-content:center;z-index:20}.portrait-categories{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1vmin;width:100%;padding-left:14vmin;box-sizing:border-box}.cat-text-btn{background-color:#fff;color:#333;border:none;border-radius:2vmin;padding:1.2vmin 2.5vmin;font-size:2.2vmin;font-weight:500;box-shadow:0 .3vmin .6vmin #0000001f;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;white-space:nowrap}.cat-text-btn.active{animation:rainbow-cycle 20s infinite linear!important;color:#fff!important;font-weight:700;transform:scale(1.05);box-shadow:0 .5vmin 1.2vmin #0003}}#mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:20000;display:flex;justify-content:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-menu-panel{width:70%;height:100%;background-color:#e0e0e0;padding:10vmin 2vmin 2vmin;box-shadow:2vmin 0 5vmin #0003;display:flex;flex-direction:column;gap:2vmin}.nav-btn.full-width{width:100%;padding:3vmin;font-size:3vmin;text-align:center;justify-content:center}.nav-btn.full-width.nav-btn-close{background-color:#555;color:#fff;margin-top:auto}.mobile-menu-item.active{animation:rainbow-cycle 20s infinite linear;background-color:#00bcd4;color:#fff}.overlay-title{font-size:5vmin;margin-bottom:5vmin;background:linear-gradient(90deg,#00bcd4,#2196f3,#9c27b0,#ff5722,#00bcd4);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-text 10s ease infinite}@keyframes gradient-text{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.character-name-back{position:absolute;top:0;width:100%;box-sizing:border-box;background:#000;color:#888;padding:.5vmin 2vmin;text-align:center;font-weight:700;font-size:2.5vmin;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2;cursor:pointer}.feedback-text{color:#fff;font-size:2vmin;font-weight:500;line-height:1.4;margin-top:3vmin}.card.stacked{box-shadow:0 .5vmin 1vmin #0003,.4vmin .4vmin #555,.8vmin .8vmin #666}@keyframes side-shuffle{0%{transform:translateZ(-50px) scale(.85);opacity:.5}40%{transform:translate3d(85%,5%,-50px) rotate(5deg) scale(.9);opacity:1}50%{transform:translate3d(85%,5%,50px) rotate(5deg) scale(1.05);z-index:50}to{transform:translateZ(1px) rotate(0) scale(1);z-index:50}}.stack-enter{animation:side-shuffle .7s ease-in-out forwards;transform-style:preserve-3d;backface-visibility:hidden}#group-overlay,#start-overlay,#image-overlay,#instructions-overlay,#question-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;color:#00bcd4;text-align:center}.overlay-dark-bg{background-color:#1e1e1ef2!important;color:#fff!important}.inst-carousel-container{display:flex;flex-direction:column;align-items:center;width:90vw;max-width:600px}.inst-slide-img{width:100%;max-height:50vh;object-fit:contain;border-radius:1vmin;margin-bottom:2rem;box-shadow:0 .5vmin 1vmin #0000004d}.inst-text{font-size:1.8rem;color:#333;margin-bottom:2rem;min-height:4rem}.inst-dots{display:flex;gap:1rem;margin-top:1rem}.inst-dot{width:1.5rem;height:1.5rem;border-radius:50%;background-color:#ddd;cursor:pointer;transition:background-color .3s}.inst-dot.active{background-color:#00bcd4}.hidden{display:none!important}.overlay-title{font-size:4rem;font-weight:700;margin-bottom:2rem}#start-overlay .overlay-title{font-size:3rem}.overlay-names{font-size:2rem;line-height:1.6;font-weight:500;color:#333}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}.card-face{background-color:#f0f0f0}.card-front{border-color:#ddd}}.mobile-only{display:none}.desktop-only{display:flex}.icon-btn{display:flex!important;align-items:center;justify-content:center;padding:.5vmin;width:5vmin;height:5vmin;border-radius:50%;background-color:#333;color:#fff}.icon-btn:hover{background-color:#555;transform:scale(1.1)}#btn-oponente.icon-btn{background-color:#f05}#btn-group.icon-btn,#btn-instructions.icon-btn{background-color:#444}.center-nav{flex-grow:1;display:flex;justify-content:center}#mobile-category-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-menu-content{background:#fff;padding:3vmin;border-radius:2vmin;width:80%;max-width:400px;display:flex;flex-direction:column;gap:1.5vmin}.mobile-menu-content h3{color:#333;margin:0 0 2vmin;text-align:center;font-size:3vmin}.mobile-menu-item{padding:2vmin;background:#f0f0f0;border-radius:1vmin;color:#333;text-align:center;font-weight:700;font-size:2.5vmin;cursor:pointer}.mobile-menu-item.active{background:#00bcd4;color:#fff}.close-menu-btn{margin-top:2vmin;padding:2vmin;background:#f05;color:#fff;text-align:center;border-radius:1vmin;font-weight:700;cursor:pointer}@media (max-width: 800px){.mobile-only{display:flex}.desktop-only{display:none}.nav-bar{padding:0 1vmin}.icon-btn{width:8vmin;height:8vmin;padding:1.5vmin}.title{font-size:3vh}}.progress-container{display:flex;align-items:center;width:90%;position:relative;margin:1.5vmin 0}.progress-wrapper{flex-grow:1;height:4vmin;background-color:#fff;border-radius:99vmin;overflow:hidden;box-shadow:0 .2vmin .5vmin #0000001a;position:relative;margin-right:4vmin}.progress-goal{position:absolute;right:-2vmin;top:50%;transform:translateY(-50%);height:10vmin;width:10vmin;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center}.progress-goal img{height:100%;width:auto;object-fit:contain}.progress-bar{width:100%;height:100%;background-color:transparent}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#00bcd4,#2196f3,#9c27b0,#ff5722,#00bcd4);background-size:200% 100%;animation:rainbow-slide 2s linear infinite;transition:width .3s ease}@keyframes rainbow-slide{0%{background-position:100% 0}to{background-position:0 0}}.progress-fill.blink-slow{animation:blink-red 1s infinite}.progress-fill.blink-fast{animation:blink-red .4s infinite}@keyframes blink-red{0%,to{background-color:#00bcd4}50%{background-color:#f05;box-shadow:0 0 10px #f05}}#endgame-overlay{background-color:#000000e6;color:#fff}.action-btn{padding:2vmin 4vmin;font-size:3vmin;font-weight:700;border:none;border-radius:1vmin;cursor:pointer;margin:1vmin;transition:transform .2s}.action-btn:hover{transform:scale(1.1)}.yes-btn{background-color:#00e676;color:#000}.no-btn{background-color:#ff1744;color:#fff}.restart-btn{background:linear-gradient(45deg,#f05,#00bcd4);color:#fff;font-size:4vmin;padding:3vmin 6vmin;margin-top:5vmin;z-index:100}#confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#celebration-overlay{background-color:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (orientation: portrait){#mode-selection-overlay .overlay-title{margin-bottom:1vmin;font-size:8vmin;line-height:1.1}.mobile-break{display:block}#home-anim-container{margin:1vmin 0;max-height:30vh}.mode-selection-subtitle{margin-bottom:2vmin}.mode-btn{padding:4vmin 8vmin;font-size:5vmin;border-radius:2vmin;box-shadow:0 1vmin 2vmin #0003}#uib-logo{max-width:30%;margin-bottom:1vmin;margin-top:2vmin}}#uib-logo{max-height:8vh;margin-bottom:1vmin;object-fit:contain}@media (orientation: landscape){.mobile-break{display:none}#uib-logo{max-height:10vh}}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffff80;border:none;font-size:5vmin;padding:1vmin;cursor:pointer;border-radius:50%;color:#333;z-index:10002;transition:all .2s;display:flex;align-items:center;justify-content:center;width:8vmin;height:8vmin}.nav-arrow:hover{background-color:#fff;box-shadow:0 0 10px #0000004d;transform:translateY(-50%) scale(1.1)}.nav-arrow.left{left:2vmin}.nav-arrow.right{right:2vmin}