@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap";body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;background:#cef4f7 url(/imagenes/fondo_tabla_periodica.png) no-repeat center center fixed;background-size:cover;font-family:Arial,sans-serif;overflow-x:hidden}.app-header{position:relative;width:100%;background-color:transparent;padding:15px 0;z-index:10}.header-fixed-container{max-width:1600px;margin:0 auto;padding:0 20px;box-sizing:border-box;width:100%}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%}.logo-container{display:flex;align-items:center;flex-shrink:0}.logo-mincyt{height:50px;width:auto;transition:transform .3s ease}.logo-mincyt:hover{transform:scale(1.05)}.menu-principal{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:1}.menu-item{padding:8px 16px;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde)!important;color:#fff!important;border:none;border-radius:20px;font-family:Fredoka,sans-serif!important;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0003;font-size:.9rem}.menu-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d;filter:brightness(1.1)}.menu-item.activo{background:linear-gradient(90deg,#ff9800,#ffeb3b);color:#17385c;box-shadow:0 0 12px #ff980099}.app-container{width:100%;max-width:1600px;margin:0 auto;flex:1;padding:20px;box-sizing:border-box;background-color:transparent;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;padding:0;margin:0}.titulo-principal{font-family:Fredoka,sans-serif!important;font-size:3.9rem;text-align:center;width:100%;margin:25px 0 30px;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:aparecer 1.2s ease-out;position:relative;font-weight:800;text-shadow:2px 2px 5px rgba(0,0,0,.2);line-height:1.2}.titulo-principal:after{content:"";display:block;width:50%;height:3px;margin:12px auto 0;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);border-radius:2px;animation:expandUnderline 1.2s ease-out forwards}.tabla-container{width:100%;display:flex;justify-content:center;padding:15px 0;background-color:transparent;border-radius:10px;overflow:hidden;margin:0}.tabla-periodica{display:grid;grid-template-columns:repeat(18,minmax(60px,70px));gap:6px!important;margin:0 auto;padding:20px;background-color:transparent;box-sizing:border-box;max-width:100%}.element{width:90%;aspect-ratio:1/1;height:95%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;border:2px solid;border-radius:6px;font-size:16px;position:relative;z-index:1;overflow:hidden;background-color:#ffffffe6;box-shadow:0 2px 4px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#1b3059!important}.element:hover{transform:scale(1.2) translateY(-5px);z-index:100;color:#fff!important;box-shadow:0 8px 16px #0000004d}.element:after{content:attr(data-name);position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:.6rem;padding:1px;color:#fff;opacity:0;transition:opacity .3s;border-radius:2px;margin:0 2px}.element:hover:after{opacity:1}.element:hover{background-color:var(--hover-color);border-color:transparent!important;color:#fff}.non-metal{border-color:#098136;background-color:#09813620;--hover-color: #098136}.transition-metal{border-color:#fcbf0a;background-color:#fcbf0a20;--hover-color: #FCBF0A}.alkali-metal{border-color:#d85097;background-color:#d8509720;--hover-color: #D85097}.alkaline-earth-metal{border-color:#f3921a;background-color:#f3921a20;--hover-color: #F3921A}.metalloid{border-color:#2ab4e9;background-color:#2ab4e920;--hover-color: #2AB4E9}.otros-metales{border-color:#89bd24;background-color:#89bd2420;--hover-color: #89BD24}.noble-gas{border-color:#664595;background-color:#66459520;--hover-color: #664595}.halogen{border-color:#292e6a;background-color:#292e6a20;--hover-color: #292E6A}.lantanidos{border-color:#a675b1;background-color:#a675b120;--hover-color: #A675B1}.actinidos{border-color:#9a9999;background-color:#9a999920;--hover-color: #9A9999}.hidrogeno{border-color:#098136;background:repeating-linear-gradient(45deg,#09813620,#09813620 5px,#ffffff20 5px,#ffffff20 10px)}.hidrogeno:hover{--hover-color: #098136}.element.resaltado{background-color:var(--hover-color)!important;color:#fff!important;border-color:transparent!important;transform:scale(1.1);box-shadow:0 0 12px #0000004d;z-index:10}.tierras-raras-container{grid-column:4 / span 15;display:grid;grid-template-columns:repeat(15,minmax(40px,1fr));gap:4px;margin-top:2px;width:100%;padding:0;box-sizing:border-box}.tierras-raras-container>.element{width:100%;aspect-ratio:1 / 1;max-width:60px;margin:0 auto}.app-footer{background:#ffffff0d!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff!important;text-align:center;font-size:1rem;padding:25px 0;width:100%;margin-top:auto;position:relative;bottom:0;border-top:2px solid;border-image:linear-gradient(90deg,#1d4088,#399e85,#6c4bde) 1;box-shadow:none}.footer-content{max-width:1600px;margin:0 auto;padding:0 20px;box-sizing:border-box}.footer-content p{margin:0 0 10px;font-weight:700;font-size:1.1rem;letter-spacing:.8px;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer-content a{text-decoration:none;font-weight:600;transition:all .3s ease;padding:8px 15px;border-radius:6px;margin:0 5px;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;border:1px solid transparent}.footer-content a:hover{background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:white;color:#fff;border:1px solid rgba(255,255,255,.3);transform:translateY(-2px)}@keyframes aparecer{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes expandUnderline{0%{width:0%;opacity:0}to{width:50%;opacity:1}}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:transparent}.loading-text{font-family:Fredoka,sans-serif!important;font-size:2.5rem;background:linear-gradient(90deg,#1e3a8a,#10b981,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:aparecer 1.2s ease-out;font-weight:800;text-shadow:2px 2px 5px rgba(0,0,0,.2);margin-bottom:20px}.loading-bar-container{width:250px;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.loading-bar{height:100%;width:100%;background:linear-gradient(90deg,#1e3a8a,#10b981,#7c3aed);animation:loading 2s infinite ease-in-out;border-radius:4px}@media (min-width: 1201px){.header-fixed-container,.app-container,.footer-content{max-width:1600px}}@media (max-width: 1200px){.app-container{padding:15px;max-width:100%}.header-fixed-container{padding:0 15px}.tabla-periodica{grid-template-columns:repeat(18,minmax(50px,60px));gap:4px;padding:15px}.element{height:55px;font-size:14px}.titulo-principal{font-size:2.2rem;margin:20px 0 25px}.menu-principal{gap:8px}.menu-item{padding:7px 14px;font-size:.85rem}}@media (max-width: 1024px){.tabla-periodica{grid-template-columns:repeat(14,minmax(45px,50px));gap:3px;padding:12px}.element{height:50px;font-size:13px}.element:after{font-size:.5rem;bottom:2px}.tierras-raras-container{grid-template-columns:repeat(15,minmax(35px,1fr));margin-top:1px}.titulo-principal{font-size:2rem;margin:18px 0 22px}}@media (max-width: 900px){.tabla-periodica{grid-template-columns:repeat(12,minmax(40px,45px));padding:10px}.element{height:45px;font-size:12px}.titulo-principal{font-size:1.8rem;margin:15px 0 20px}.menu-principal{gap:6px}.menu-item{padding:5px 10px;font-size:.8rem}}@media (max-width: 832px){.tabla-container{display:none}.header-content{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;text-align:left}.logo-container{order:1;margin-bottom:0;flex-shrink:0}.menu-principal{order:2;justify-content:flex-end;width:auto;gap:8px;margin:0;flex-wrap:wrap}.logo-mincyt{height:45px}.menu-item{padding:10px 18px;font-size:.85rem;min-height:44px;display:flex;align-items:center;justify-content:center}.app-container{padding:15px 10px;max-width:100%}.app-header{padding:15px 0}.titulo-principal{font-size:1.8rem;margin:20px 0 25px}.app-footer{padding:15px 0;font-size:.8rem;margin-top:20px}.main-content{flex:1;display:flex;flex-direction:column}}@media (max-width: 480px){.app-container{padding:12px 8px;max-width:100%}.header-fixed-container{padding:0 10px}.titulo-principal{font-size:1.6rem;margin:15px 0 20px}.menu-item{padding:8px 16px;font-size:.8rem;min-width:140px}.logo-mincyt{height:40px}.app-footer{font-size:.75rem;padding:12px 0;margin-top:15px}.header-content{gap:12px}.menu-principal{gap:6px;flex-direction:row;align-items:center;justify-content:flex-end}}@media (max-width: 360px){.app-container{padding:10px 5px;max-width:100%}.header-fixed-container{padding:0 8px}.menu-item{padding:7px 14px;font-size:.75rem;min-width:130px}.logo-mincyt{height:35px}.menu-principal{gap:4px}}@media (min-width: 1800px){.header-fixed-container,.app-container,.footer-content{max-width:1800px}.tabla-periodica{grid-template-columns:repeat(18,minmax(70px,80px))}.element{height:75px;font-size:18px}}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:transparent;font-family:Fredoka,sans-serif!important}.loading-content{text-align:center;animation:aparecer 3s ease-out}.munequita-imagen{width:600px!important;height:600px!important;margin:0 auto 30px;animation:flotar 6s ease-in-out infinite,latido 4s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));object-fit:contain}.loading-text{font-size:3rem;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:brillo 6s linear infinite;font-weight:800;text-shadow:2px 2px 8px rgba(0,0,0,.4);margin-bottom:25px;letter-spacing:3px}.frase-aventura{font-size:2.2rem;color:linear-gradient(90deg,#1D4088,#399E85,#6C4BDE)!important;margin-bottom:50px;text-shadow:2px 2px 6px rgba(0,0,0,.6);animation:latido 6s ease-in-out infinite;font-weight:700}.loading-bar-container{width:400px;height:12px;background:#ffffff4d;border-radius:6px;overflow:hidden;margin-top:30px}.loading-bar{height:100%;width:100%;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);background-size:200% auto;animation:loading 6s infinite linear,brillo 3s linear infinite;border-radius:6px}@keyframes flotar{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(3deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-20px) rotate(-3deg)}}@keyframes latido{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.95}}@keyframes brillo{0%{background-position:0% center}to{background-position:200% center}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes aparecer{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-esquina-inferior{position:absolute;bottom:160px;right:40px;width:140px;height:auto;opacity:.85;transition:opacity .3s ease;z-index:3}.logo-esquina-inferior:hover{opacity:1}@media (max-width: 832px){.logo-esquina-inferior{width:60px;right:10px;bottom:10px}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.loading-content{position:relative;width:100%;height:100%}.loading-logo-left{position:fixed;bottom:0;left:0;margin:40px;width:250px!important;opacity:.9;z-index:10000}.loading-logo-right{position:fixed;bottom:0;right:0;margin:30px;width:140px;opacity:.9;z-index:10000}:root{font-family: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.leyenda-posicion{grid-column:3 / span 10;grid-row:1;display:flex;justify-content:center;align-items:center;height:60px;margin-bottom:10px;padding:0;z-index:20;position:relative}.leyenda-contenido{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:8px;padding:5px;background-color:transparent;width:100%;max-width:380px;height:100%;box-sizing:border-box;border-radius:8px;position:relative;z-index:1}.leyenda-fila{display:contents}.leyenda-item{display:flex;justify-content:center;align-items:center;position:relative;height:45px}.leyenda-color{width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:width .25s ease-out,height .25s ease-out,border-radius .25s ease-out;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000001a;z-index:1;background-color:var(--hover-color)!important;background-image:none!important;opacity:1!important;mix-blend-mode:normal!important;isolation:isolate}.leyenda-item:hover .leyenda-color{background-color:var(--hover-color)!important;width:100px;height:60px;border-radius:30px;z-index:10;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.leyenda-texto{color:#fff;font-size:0;font-weight:700;transition:font-size .2s ease-out,opacity .2s ease-out;position:absolute;width:90px;text-align:center;opacity:0;pointer-events:none;padding:0 5px;box-sizing:border-box;text-shadow:0 1px 2px rgba(0,0,0,.5)}.leyenda-item:hover .leyenda-texto{font-size:.75rem;opacity:1;transition-delay:.1s}.leyenda-metal-alcalino{--hover-color: #D85097}.leyenda-metal-alcalinoterreo{--hover-color: #F3921A}.leyenda-metal-transicion{--hover-color: #FCBF0A}.leyenda-otros-metales{--hover-color: #89BD24}.leyenda-metalloid{--hover-color: #2AB4E9}.leyenda-no-metal{--hover-color: #098136}.leyenda-halogeno{--hover-color: #292E6A}.leyenda-gas-noble{--hover-color: #664595}.leyenda-lantanidos{--hover-color: #A675B1}.leyenda-actinidos{--hover-color: #9A9999}.leyenda-item.activo{transform:scale(1.05);filter:brightness(1.2);border-radius:8px}@media (max-width: 600px){.leyenda-color{width:35px;height:35px}.leyenda-item:hover .leyenda-color{background-color:var(--hover-color)!important;width:80px;height:45px;border-radius:22.5px}.leyenda-texto{width:70px;font-size:.6rem}}.element.resaltado{outline:none;z-index:2;transform:scale(1.05);transition:all .2s ease;margin:-2px;position:relative}.modal-content{background-color:#fff;border-radius:12px;width:70%;max-width:1100px;height:70vh;max-height:800px;padding:25px;box-shadow:0 5px 25px #0000004d;position:relative;overflow-y:auto}.modal-close-button{position:absolute;top:15px;right:20px;background:none;border:none;font-size:28px;cursor:pointer;color:#666}.modal-close-button:hover{color:#333}.modal-header{text-align:center;margin-bottom:25px}.modal-element-name{margin:0;font-size:2.5rem;font-weight:700;color:#003566;text-shadow:1px 1px 2px rgba(0,0,0,.2);letter-spacing:.5px}.modal-category-tag{display:inline-block;padding:8px 16px;border-radius:25px;font-size:1rem;font-weight:600;background-color:#888;text-transform:capitalize;margin-top:10px;color:#fff;box-shadow:0 2px 6px #0003}.modal-uso-titulo{margin-top:30px;font-size:2rem;font-weight:600;color:#1a1a1a;border-left:4px solid #49a195;padding-left:10px;margin-bottom:10px}.modal-body-container{display:flex;flex-direction:row;align-items:flex-start;width:100%;height:500px}.modal-element-card{flex:1;min-width:300px;padding:25px;border-radius:16px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:4px;box-shadow:0 4px 12px #00000040;transition:all .3s ease}.modal-element-card-inner{padding-left:6px;padding-right:6px}.modal-first-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;width:100%;padding-left:6px}.atomic-mass-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 12px;border-radius:8px}.atomic-number-container,.electronegativity-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;transition:all .3s ease}.atomic-mass-label,.atomic-number-label,.electronegativity-label{font-size:.8rem;color:#fff;margin-bottom:3px}.atomic-mass-value{font-size:2.3rem;font-weight:700;color:#fff}.atomic-number-container{width:80px;height:80px;background-color:transparent;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 10px;position:relative}.atomic-number-value{font-size:2.8rem;font-weight:800;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.4),0 0 6px rgba(255,255,255,.2)}.atomic-number-container:hover .atomic-number-value{transform:scale(1.05)}.modal-second-row{display:flex;justify-content:space-between;margin-bottom:10px}.empty-column{flex:1}.electronegativity-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:8px 12px;text-align:right}.electronegativity-value{font-size:1.5rem;font-weight:700;color:#fff}.element-symbol{font-size:10rem!important;font-weight:700;text-align:left;text-shadow:2px 2px 8px rgba(0,0,0,.6),0 0 6px rgba(255,255,255,.25);color:#fff;line-height:.8;margin:0;padding-left:6px;max-width:100%}.element-name{font-size:1.9rem;font-weight:700;text-align:left;text-shadow:2px 2px 8px rgba(0,0,0,.6),0 0 6px rgba(255,255,255,.25);color:#fff;margin:.5rem 0;padding-left:6px;word-break:break-word;overflow-wrap:break-word;max-width:100%}.electron-configuration{font-size:1rem;text-align:left;margin:10px 0 10px 6px;color:#333;word-break:break-word;padding:12px 15px;background-color:#fffc;border-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 4px #0000001a;font-family:Courier New,monospace;border:1px solid rgba(255,255,255,.3);width:calc(100% - 30px)}.oxidation-states{font-size:1rem;font-weight:700;text-align:left;color:#fff;padding-left:6px;margin:10px 0}.modal-empty-space{flex:1;min-width:300px}.modal-alkali-metal{background-color:#d85097}.modal-alkaline-earth-metal{background-color:#f3921a}.modal-transition-metal{background-color:#fcbf0a}.modal-otros-metales{background-color:#89bd24}.modal-metalloid{background-color:#2ab4e9}.modal-non-metal{background-color:#098136}.modal-halogen{background-color:#292e6a}.modal-noble-gas{background-color:#664595}.modal-lantanidos{background-color:#a675b1}.modal-actinidos{background-color:#9a9999}.modal-desconocido{background-color:#292999}.modal-content{width:750px;max-height:90vh;overflow-y:auto;padding:20px;background-color:#fff;border-radius:10px;position:relative;box-shadow:0 5px 20px #0003}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px;border:2px solid #ccc}.modal-content{scrollbar-color:white #f0f0f0;scrollbar-width:thin}.modal-info-section{flex:1;padding:20px;overflow:visible;max-height:none;text-align:left}.modal-summary{font-size:.95rem;margin-bottom:10px;color:#444;text-align:justify}.modal-info-list{list-style:none;padding:0;margin:0;color:#444}.modal-info-list li{font-size:.85rem;margin-bottom:6px;line-height:1.4}.modal-uso-texto{font-size:.95rem;color:#444;margin-bottom:15px;line-height:1.4}.modal-video{margin-top:10px;width:100%}.modal-image-container{width:40%;display:flex;align-items:center;justify-content:center;padding-top:40px}.modal-element-image{width:100%;height:100%;object-fit:contain}.modal-info-section{width:60%;padding:20px}.modal-body-container.imagen{height:500px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.modal-content{background-color:#e0f2fe;border-radius:12px;width:90%;max-width:1100px;height:auto;max-height:90vh;padding:25px;box-shadow:0 5px 25px #0000004d;position:relative;overflow-y:auto;display:flex;flex-direction:column}.modal-body-container{display:flex;flex-direction:row;width:100%;min-height:400px}.modal-image-container{width:40%;display:flex;align-items:center;justify-content:center;padding:20px}.modal-element-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.modal-body-container{display:flex;flex-direction:row;align-items:center;width:100%;min-height:400px}@media (max-width: 900px){.modal-content{width:95%;height:95vh;max-height:95vh;padding:20px}.modal-body-container{flex-direction:column;height:100%;min-height:auto;gap:25px;justify-content:flex-start}.modal-image-container{width:100%;padding:0;order:1;flex:0 0 35%;display:flex;justify-content:center;align-items:center}.modal-info-section{width:100%;order:2;padding:0;text-align:left;flex:1;overflow-y:auto}.modal-element-image{max-height:220px;width:auto;max-width:100%}.modal-element-name{font-size:2.8rem}.modal-summary{font-size:1.1rem;line-height:1.6;margin-bottom:20px}.modal-info-list{font-size:1rem}.modal-info-list li{font-size:1rem;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #eee}.modal-uso-titulo{font-size:2.2rem;margin-top:25px}.modal-uso-texto{font-size:1.1rem;line-height:1.6}}@media (max-width: 480px){.modal-overlay{padding:10px}.modal-content{width:98%;height:98vh;max-height:98vh;padding:15px}.modal-body-container{gap:20px}.modal-image-container{flex:0 0 30%}.modal-element-image{max-height:180px}.modal-element-name{font-size:2.4rem}.modal-category-tag{font-size:1.1rem;padding:10px 18px}.modal-summary{font-size:1.05rem;line-height:1.7}.modal-info-list{font-size:1.05rem}.modal-info-list li{font-size:1.05rem;margin-bottom:15px;padding:10px 0}.modal-uso-titulo{font-size:2rem;margin-top:30px}.modal-uso-texto{font-size:1.05rem;line-height:1.7}.modal-info-section{padding:0 5px}}@media (max-width: 360px){.modal-body-container{gap:15px}.modal-image-container{flex:0 0 25%}.modal-element-image{max-height:150px}.modal-element-name{font-size:2.2rem}.modal-summary{font-size:1rem}.modal-info-list li{display:block;text-align:left;font-size:1rem}.modal-element-card{padding:20px 15px}.element-symbol{font-size:8rem!important}.element-name{font-size:1.7rem}.atomic-mass-value{font-size:2rem}.atomic-number-value{font-size:2.4rem}}@media (max-width: 900px) and (max-height: 600px){.modal-image-container{flex:0 0 25%}.modal-element-image{max-height:150px}.modal-body-container{gap:15px}}@media (max-width: 900px) and (min-height: 1000px){.modal-image-container{flex:0 0 25%}.modal-element-image{max-height:250px}.modal-element-name{font-size:3rem}.modal-summary{font-size:1.2rem}.modal-info-list{font-size:1.1rem}}.mobile-container{padding:10px;max-width:100%;display:none}@media (max-width: 832px){.mobile-container{display:block}}.table-container{display:block}@media (max-width: 832px){.table-container{display:none}}@media (max-width: 900px) and (min-width: 833px){.mobile-container{display:none}.table-container{display:block}}.mobile-group-button{width:100%;padding:15px 20px;margin:5px 0;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 3px 6px #00000029;transition:all .3s ease}.mobile-group-button.alkali-metal{background:#d85097;border-left:5px solid #D85097}.mobile-group-button.alkaline-earth-metal{background:#f3921a;border-left:5px solid #F3921A}.mobile-group-button.transition-metal{background:#fcbf0a;border-left:5px solid #FCBF0A}.mobile-group-button.otros-metales{background:#89bd24;border-left:5px solid #89BD24}.mobile-group-button.metalloid{background:#2ab4e9;border-left:5px solid #2AB4E9}.mobile-group-button.non-metal{background:#098136;border-left:5px solid #098136}.mobile-group-button.halogen{background:#292e6a;border-left:5px solid #292E6A}.mobile-group-button.noble-gas{background:#664595;border-left:5px solid #664595}.mobile-group-button.lantanidos{background:#a675b1;border-left:5px solid #A675B1}.mobile-group-button.actinidos{background:#9a9999;border-left:5px solid #9A9999}.mobile-group-button:hover{transform:translateY(-2px);box-shadow:0 5px 10px #0003;filter:brightness(1.1)}.mobile-group-icon{margin-right:10px;font-size:1.2rem}.mobile-group-arrow{margin-left:auto;font-size:.9rem}.mobile-elements-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;background-color:transparent;border-radius:0 0 8px 8px;animation:fadeIn .3s ease-out}.mobile-element{width:100%;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;border:2px solid;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a;color:#333;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;padding:2px}.element-symbol{font-size:2rem!important;font-weight:700;text-align:center;line-height:1;margin:0;padding:0}.element-number{font-size:1rem!important;position:absolute;top:3px;left:4px;font-weight:700;color:#fff}.mobile-element:hover{transform:scale(1.1);z-index:10;box-shadow:0 5px 15px #0003}.mobile-element:after{content:attr(data-name);position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.8rem!important;padding:1px;color:#fff;opacity:0;transition:opacity .3s;font-weight:700;border-radius:2px;margin:0 2px}.mobile-element:hover:after{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-element.alkali-metal{border-color:#d85097;background-color:#d8509720}.mobile-element.alkali-metal:hover{background-color:#d85097;color:#fff}.mobile-element.alkaline-earth-metal{border-color:#f3921a;background-color:#f3921a20}.mobile-element.alkaline-earth-metal:hover{background-color:#f3921a;color:#fff}.mobile-element.transition-metal{border-color:#fcbf0a;background-color:#fcbf0a20}.mobile-element.transition-metal:hover{background-color:#fcbf0a;color:#fff}.mobile-element.otros-metales{border-color:#89bd24;background-color:#89bd2420}.mobile-element.otros-metales:hover{background-color:#89bd24;color:#fff}.mobile-element.metalloid{border-color:#2ab4e9;background-color:#2ab4e920}.mobile-element.metalloid:hover{background-color:#2ab4e9;color:#fff}.mobile-element.non-metal{border-color:#098136;background-color:#09813620}.mobile-element.non-metal:hover{background-color:#098136;color:#fff}.mobile-element.halogen{border-color:#292e6a;background-color:#292e6a20}.mobile-element.halogen:hover{background-color:#292e6a;color:#fff}.mobile-element.noble-gas{border-color:#664595;background-color:#66459520}.mobile-element.noble-gas:hover{background-color:#664595;color:#fff}.mobile-element.lantanidos{border-color:#a675b1;background-color:#a675b120}.mobile-element.lantanidos:hover{background-color:#a675b1;color:#fff}.mobile-element.actinidos{border-color:#9a9999;background-color:#9a999920}.mobile-element.actinidos:hover{background-color:#9a9999;color:#fff}.mobile-element.hidrogeno{border-color:#098136;background:repeating-linear-gradient(45deg,#09813620,#09813620 5px,#ffffff20 5px,#ffffff20 10px)}.mobile-element.hidrogeno:hover{background-color:#098136;color:#fff}@media (max-width: 831px){.mobile-elements-grid{grid-template-columns:repeat(4,1fr);gap:6px}.mobile-group-button{padding:12px 15px;font-size:.9rem}.element-symbol{font-size:2rem!important}.element-number{font-size:1rem!important}.mobile-element:after{font-size:.5rem}}@media (max-width: 480px){.mobile-elements-grid{grid-template-columns:repeat(3,1fr);gap:5px}.mobile-group-button{padding:10px 12px;font-size:.8rem}.element-symbol{font-size:2rem!important}.element-number{font-size:1rem!important;top:2px;left:3px}}.contenedor-juegos{max-width:1800px!important;margin:0 auto;padding:20px;width:100%;box-sizing:border-box;color:#1e3a8a}.main-content{flex:1;min-height:calc(100vh - 160px);display:flex;flex-direction:column;justify-content:flex-start}.menu-juego{display:flex;gap:10px;margin:0 20px}.menu-item{padding:10px 20px;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);color:#17385c;border:none;border-radius:25px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease}.menu-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.menu-item.activo{background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);box-shadow:0 0 15px #7c3aed80}@media (max-width: 768px){.header-content{flex-wrap:wrap;justify-content:center}.menu-juego{order:3;width:100%;justify-content:center;margin-top:15px}.redes-sociales{order:2}.logo-container{order:1}}.seccion-juegos{padding:10px 20px;text-align:center;width:100%}.imagen-juego{width:120px;height:120px;object-fit:contain;margin-bottom:10px}.titulo-juegos{font-family:Fredoka,sans-serif!important;font-size:3.2rem;text-align:center;padding:10px!important;width:100%;margin:0;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:aparecer 1.2s ease-out;position:relative;font-weight:800;text-shadow:2px 2px 5px rgba(0,0,0,.2)}@keyframes aparecer{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.titulo-juegos:after{content:"";display:block;width:40%!important;height:4px;margin:10px auto 0;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);border-radius:2px;animation:expandUnderline 1.2s ease-out forwards}@keyframes expandUnderline{0%{width:0%;opacity:0}to{width:60%;opacity:1}}.lista-juegos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.contenedor-seleccion-juegos{display:flex;justify-content:center;align-items:flex-start;gap:2.5rem;margin-top:5px!important;flex-wrap:wrap}.tarjeta-juego{background:transparent;border-radius:20px;padding:20px;box-shadow:0 8px 25px #1d408814;cursor:pointer;transition:all .3s ease;width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px!important;position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#1d4088}.tarjeta-juego:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1d40880d,#399e850d,#6c4bde0d);opacity:.5;transition:opacity .3s ease}.tarjeta-juego:hover{transform:translateY(-8px);box-shadow:0 15px 40px #1d408826;background:transparent;border-color:#1d40884d}.tarjeta-juego:hover:before{opacity:1}.imagen-juego{width:150px;height:150px;object-fit:contain;margin-bottom:15px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1))}.tarjeta-juego h3{font-size:1.5rem;color:linear-gradient(90deg,#1D4088,#399E85,#6C4BDE);margin:0 0 5px;font-weight:700}.tarjeta-juego p{font-size:1rem;color:#17385c;margin:0 0 15px}.btn-jugar{margin-top:auto;padding:10px 25px;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde)!important;background-size:200% auto;color:#fff!important;border:none;border-radius:25px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:600;transition:all .5s ease}.btn-jugar:hover{background-position:right center;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-jugar{margin-top:15px;padding:8px 20px;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);color:#17385c;border:none;border-radius:20px;cursor:pointer;font-family:Orbitron,sans-serif}.juego-activo{background:transparent;border-radius:15px;padding:20px;margin-top:20px}.btn-volver{padding:10px 20px;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);color:#17385c;border:none;border-radius:25px;cursor:pointer;margin-top:20px;font-family:Orbitron,sans-serif;transition:all .3s ease}.btn-volver:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.quiz-contenedor-rediseno{max-width:800px;margin:0 auto;padding:25px;background:#ffffffeb;border-radius:20px;box-shadow:0 10px 30px #1d40881f;border:3px solid rgba(255,255,255,.8);color:#1d4088;transition:all .3s ease}.quiz-contenedor-rediseno:hover{background:#fffffffa;box-shadow:0 15px 40px #1d408833}.quiz-contenedor-resultado{max-width:800px;margin:0 auto;padding:25px;background:transparent!important;border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.quiz-header-rediseno{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px dashed rgba(29,64,136,.3)}.quiz-marcador{display:flex;flex-direction:column;gap:10px}.quiz-pregunta-indicador{font-family:Orbitron,sans-serif;font-weight:700;background:linear-gradient(90deg,#1d4088,#399e85);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:1.2rem}.quiz-pregunta-indicador span{color:#6c4bde;font-weight:500}.quiz-puntuacion{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1d4088,#399e85,#6c4bde);color:#fff;padding:8px 15px;border-radius:20px;font-family:Orbitron,sans-serif;font-weight:600;font-size:1.1rem;box-shadow:0 4px 12px #1d40884d;margin-bottom:15px}.icono-puntuacion{font-size:1.2rem}.quiz-info-adicional{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.quiz-vidas-rediseno{display:flex;gap:5px}.corazon-vida{font-size:1.4rem;transition:all .3s ease}.corazon-vida.lleno{background:linear-gradient(135deg,#ff6b6b,#e74c3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(231,76,60,.3))}.corazon-vida.vacio{color:#e0e0e0;opacity:.5}.quiz-tiempo-rediseno{display:flex;flex-direction:column;align-items:flex-end;gap:5px;width:100%;max-width:150px}.tiempo-texto{display:flex;align-items:center;gap:5px;font-family:Orbitron,sans-serif;font-weight:600;background:linear-gradient(90deg,#1d4088,#399e85);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:.9rem}.tiempo-texto .emoji-reloj{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important;color:#1d4088!important;font-size:1.1rem}.barra-tiempo{width:100%;height:8px;background:#cef4f7cc;border-radius:4px;overflow:hidden}.progreso-tiempo{height:100%;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);border-radius:4px;transition:width 1s linear;box-shadow:0 2px 6px #399e8566}.quiz-pregunta-rediseno{background:linear-gradient(135deg,#ffffffe6,#cef4f7b3);padding:25px;border-radius:16px;text-align:center;margin-bottom:25px;border:1px solid rgba(255,255,255,.8);box-shadow:0 5px 15px #1d40881a;position:relative;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.numero-pregunta{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);color:#fff;padding:5px 15px;border-radius:20px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #1d408866}.quiz-pregunta-rediseno h4{margin:0;font-size:1.3rem;background:linear-gradient(90deg,#1d4088,#399e85);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;line-height:1.4}.quiz-opciones-rediseno{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.btn-opcion-rediseno{display:flex;align-items:center;padding:18px 20px;background:#ffffffe6;color:#1d4088;border:2px solid;border-radius:12px;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;text-align:left;transition:all .3s ease;box-shadow:0 4px 8px #1d408814;position:relative;overflow:hidden}.btn-opcion-rediseno:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.btn-opcion-rediseno:hover:not(:disabled):before{opacity:1}.btn-opcion-rediseno:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 6px 15px #1d40881f}.btn-opcion-rediseno:disabled{cursor:not-allowed;opacity:.8}.btn-opcion-rediseno:nth-child(1){border-color:#1d4088;background-color:#1d40881a;color:#1d4088}.btn-opcion-rediseno:nth-child(2){border-color:#399e85;background-color:#399e851a;color:#399e85}.btn-opcion-rediseno:nth-child(3){border-color:#6c4bde;background-color:#6c4bde1a;color:#6c4bde}.btn-opcion-rediseno:nth-child(4){border-color:#1d4088;background-color:#1d408826;color:#1d4088}.btn-opcion-rediseno.correcta{border-color:#399e85;background:linear-gradient(135deg,#399e8533,#399e854d);box-shadow:0 0 15px #399e8566;animation:brilloCorrecto .5s ease;color:#399e85}.btn-opcion-rediseno.incorrecta{border-color:#e74c3c;background:linear-gradient(135deg,#e74c3c33,#e74c3c4d);box-shadow:0 0 10px #e74c3c4d;animation:sacudida .5s ease;color:#e74c3c}.btn-opcion-rediseno.seleccionada{transform:scale(.98);box-shadow:0 4px 10px #1d40884d}.letra-opcion{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1rem;margin-right:12px;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#1d40881a;color:#1d4088;border-radius:50%;border:1px solid rgba(29,64,136,.3)}.texto-opcion{flex:1;color:#1d4088;font-weight:500}.icono-resultado{margin-left:10px;font-weight:700;font-size:1.2rem;color:#1d4088}@keyframes brilloCorrecto{0%{box-shadow:0 0 #399e8500}to{box-shadow:0 0 15px #399e8580}}@keyframes sacudida{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.quiz-explicacion-rediseno{background:linear-gradient(135deg,#fffffff2,#cef4f7cc);border-radius:16px;padding:20px;border-left:4px solid #399E85;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 20px #1d408826;animation:aparecerDesdeAbajo .6s ease;transition:all .3s ease}.quiz-explicacion-rediseno:hover{background:linear-gradient(135deg,#fffffffa,#cef4f7e6);border-left-color:#6c4bde;box-shadow:0 10px 30px #1d408833}.explicacion-contenido h5{margin:0 0 10px;background:linear-gradient(90deg,#1d4088,#399e85);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:Orbitron,sans-serif;font-size:1.2rem;letter-spacing:.5px}.explicacion-contenido p{margin:0;color:#1d4088;line-height:1.6;font-size:1rem;font-weight:400}@keyframes brilloCorrecto{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 15px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes sacudida{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes aparecerDesdeAbajo{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.quiz-opciones-rediseno{grid-template-columns:1fr}.quiz-header-rediseno{flex-direction:column;gap:15px;align-items:flex-start}.quiz-info-adicional{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.quiz-tiempo-rediseno{max-width:120px}.quiz-pregunta-rediseno h4{font-size:1.1rem}.btn-opcion-rediseno{padding:15px}}@media (max-width: 480px){.quiz-contenedor-rediseno{padding:15px}.quiz-pregunta-rediseno{padding:20px 15px}.quiz-info-adicional{flex-direction:column;align-items:flex-start;gap:10px}.quiz-tiempo-rediseno{max-width:100%}}.mezcla-contenedor-rediseno{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;max-width:1000px;margin:0 auto;padding:20px;margin-top:0!important;border-radius:20px}.sidebar-controles{background:#ffffffeb;border-radius:16px;padding:25px;box-shadow:0 6px 20px #1d40881f;border:2px solid rgba(255,255,255,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:fit-content}.titulo-sidebar{font-size:24px;background:linear-gradient(90deg,#1d4088,#399e85);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;text-align:center;font-weight:600;font-family:Orbitron,sans-serif}.categorias-mezcla-rediseno{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.categoria-card{background:#fffc;border:2px solid rgba(29,64,136,.2);border-radius:16px;padding:18px 15px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;color:#1d4088;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.categoria-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1d408826;background:#fffffff2;border-color:#1d4088}.categoria-card.activo{background:#1d40881a;border-color:#1d4088;box-shadow:0 5px 15px #1d408833;color:#1d4088}.icono-categoria{font-size:24px;flex-shrink:0;background:linear-gradient(90deg,#1d4088,#399e85);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.categoria-card h3{font-size:16px;color:#1d4088;margin:0;font-weight:600;text-align:left;flex:1}.categoria-card p{display:none}.selectores-elementos h3{font-size:18px;background:linear-gradient(90deg,#1d4088,#399e85);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;font-family:Orbitron,sans-serif}.contenedor-selectores-rediseno{display:grid;grid-template-columns:1fr 1fr;gap:15px}.selector-elemento-container-rediseno label{display:block;margin-bottom:8px;font-weight:600;color:#1d4088;font-size:14px}.selector-elemento-rediseno{width:100%;padding:12px 15px;border:2px solid rgba(29,64,136,.2);border-radius:12px;background:#fffc;font-family:Poppins,sans-serif;font-size:14px;color:#1d4088;transition:all .3s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.selector-elemento-rediseno:focus{outline:none;border-color:#1d4088;box-shadow:0 0 0 3px #1d408833;background:#fffffff2}.selector-elemento-rediseno option{background:#fffffff2;color:#1d4088}.btn-mezclar-rediseno{width:100%;padding:16px;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);color:#fff;border:none;border-radius:16px;font-family:Orbitron,sans-serif;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1d40884d;margin-top:20px;position:relative;overflow:hidden}.btn-mezclar-rediseno:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-mezclar-rediseno:hover:not(:disabled):before{left:100%}.btn-mezclar-rediseno:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #1d408866}.btn-mezclar-rediseno:disabled{background:#b3b3b34d;color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.panel-resultados{background:#ffffffeb;border-radius:16px;padding:25px;box-shadow:0 6px 20px #1d40881f;border:2px solid rgba(255,255,255,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:100%}.titulo-panel{font-size:22px;background:linear-gradient(90deg,#1d4088,#399e85);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;font-family:Orbitron,sans-serif}.subtitulo-puntuacion{font-size:16px;color:#6c4bde;margin-bottom:20px;font-weight:500}.zona-resultados{min-height:300px;display:flex;align-items:center;justify-content:center}.mensaje-inicial{text-align:center;color:#7b9acc;padding:20px}.icono-inicial{font-size:60px;margin-bottom:20px;background:linear-gradient(90deg,#1d4088,#399e85);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mensaje-inicial h3{font-size:20px;margin:0 0 10px;color:#1d4088}.mensaje-inicial p{font-size:16px;margin:0;color:#1d4088}.resultado-tarjeta{background:#ffffffe6;border-radius:16px;padding:25px;text-align:center;box-shadow:0 8px 25px #1d408826;border:2px solid transparent;width:100%;animation:fadeIn .5s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.resultado-tarjeta.exito{border-color:#399e85;background:#399e851a}.resultado-tarjeta.error{border-color:#e74c3c;background:#e74c3c1a}.icono-resultado{font-size:48px;margin-bottom:20px}.resultado-tarjeta.exito .icono-resultado{color:#399e85;animation:brilloCorrecto 2s infinite}.resultado-tarjeta.error .icono-resultado{color:#e74c3c}.resultado-tarjeta h3{font-size:20px;margin:0 0 15px;font-family:Orbitron,sans-serif}.resultado-tarjeta.exito h3{color:#399e85}.resultado-tarjeta.error h3{color:#e74c3c}.resultado-tarjeta p{font-size:16px;margin:0 0 20px;color:#1d4088;line-height:1.5}.detalles-compuesto-rediseno{text-align:left;background:#fffc;padding:18px;border-radius:12px;margin:20px 0;border-left:4px solid #1D4088;font-size:14px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.detalles-compuesto-rediseno p{margin:8px 0;font-size:14px;color:#1d4088}.detalles-compuesto-rediseno strong{color:#6c4bde}.btn-intentar-otra-vez{padding:12px 24px;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;box-shadow:0 4px 12px #1d40884d}.btn-intentar-otra-vez:hover{background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);transform:translateY(-2px);box-shadow:0 6px 18px #1d408866}.elementos-seleccionados{margin-bottom:20px;padding:15px;background:#fffc;border-radius:10px;border:2px solid rgba(29,64,136,.2)}.lista-elementos{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.elemento-seleccionado{display:flex;align-items:center;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);color:#fff;padding:8px 15px;border-radius:20px;gap:8px;font-family:Orbitron,sans-serif;font-weight:500}.elemento-seleccionado button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.elemento-seleccionado button:hover{background:#fff3;border-radius:50%}.btn-limpiar{padding:8px 15px;background:#e74c3c;color:#fff;border:none;border-radius:15px;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .3s ease}.btn-limpiar:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.lista-elementos-disponibles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:15px 0}.btn-elemento{padding:10px;background:#ffffffe6;border:2px solid #1D4088;border-radius:8px;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .2s ease;font-size:14px;color:#1d4088}.btn-elemento:hover:not(:disabled){background:#1d4088;color:#fff}.btn-elemento.seleccionado{background:#399e85;color:#fff;border-color:#399e85}.btn-elemento:disabled{opacity:.5;cursor:not-allowed}.mezcla-resultado.exito{background:#d1fae5;border:2px solid #10b981;text-align:left}.mezcla-resultado.error{background:#fee2e2;border:2px solid #e74c3c}.detalles-compuesto{margin:15px 0}.detalles-compuesto p{margin:8px 0;line-height:1.5}.detalles-compuesto strong{color:#1e3a8a}.compuestos-descubiertos{text-align:left;max-width:500px;margin:20px auto}.compuestos-descubiertos h5{color:#1e3a8a;font-family:Orbitron,sans-serif;margin-bottom:15px}.compuestos-descubiertos ul{list-style-type:none;padding:0}.compuestos-descubiertos li{padding:12px;margin:8px 0;background:#f0f9ff;border-radius:8px;border-left:4px solid #1e3a8a;font-family:Orbitron,sans-serif}@media (max-width: 768px){.lista-elementos-disponibles{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.elemento-seleccionado{font-size:14px;padding:6px 12px}.mezcla-contenedor{padding:15px}.botones-resultado{gap:10px}.btn-reiniciar,.btn-volver-juegos,.btn-volver-tabla{min-width:160px;padding:10px 20px}}@media (max-width: 480px){.lista-elementos-disponibles{grid-template-columns:repeat(2,1fr)}.titulo-juegos{font-size:2.5rem}.mensaje-ganador,.mensaje-perdedor{font-size:2.2rem}.compuestos-descubiertos{font-size:14px}}.categorias-mezcla{display:flex;justify-content:center;margin-bottom:25px;gap:10px;flex-wrap:wrap}.categoria-btn{padding:12px 20px;background:linear-gradient(90deg,#e0f7fa,#b2ebf2);color:#006064;border:2px solid #00838f;border-radius:20px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:600;transition:all .3s ease}.categoria-btn:hover{background:linear-gradient(90deg,#b2ebf2,#80deea);transform:translateY(-2px)}.categoria-btn.activo{background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);color:#17385c;border-color:#10b981;box-shadow:0 4px 8px #10b9814d}.selectores-dinamicos{margin-bottom:25px}.contenedor-selectores{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.selector-elemento-container{display:flex;flex-direction:column}.selector-elemento-container label{margin-bottom:8px;font-weight:600;color:#1e3a8a;font-family:Orbitron,sans-serif}.selector-elemento{padding:12px;border:2px solid #1e3a8a;border-radius:8px;font-family:Orbitron,sans-serif;background:#fff;transition:border-color .3s ease}.selector-elemento:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98133}@media (max-width: 768px){.categorias-mezcla{flex-direction:column;align-items:center}.categoria-btn{width:100%;max-width:300px;text-align:center}.contenedor-selectores{grid-template-columns:1fr}}@media (max-width: 480px){.categoria-btn{padding:10px 15px;font-size:14px}.selector-elemento{padding:10px}}.contenedor-selectores{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.elemento-seleccionado-preview{display:inline-block;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);color:#17385c;padding:8px 15px;border-radius:20px;margin:5px;font-family:Orbitron,sans-serif;font-size:14px}.indicador-elementos{text-align:center;margin:10px 0;font-family:Orbitron,sans-serif;color:#1e3a8a;font-weight:600}.pantalla-resultado{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.contenido-ganador{text-align:center;z-index:10;padding:2rem;border-radius:20px;animation:aparecer .8s ease-out}.contenido-perdedor{text-align:center;z-index:10;padding:2rem;border-radius:20px;animation:aparecer .8s ease-out;margin-top:5px!important}.ganador{background:linear-gradient(135deg,#ffce3e,#ff9d00,#ffce3e)}.trofeo-container{margin-bottom:1.5rem}.trofeo{font-size:8rem;animation:rebotar 1.5s infinite alternate,rotar 4s infinite linear;filter:drop-shadow(0 5px 15px rgba(255,217,0,.6))}.titulo-ganador{font-size:5rem;margin:0 0 2rem;background:linear-gradient(45deg,#ff9d00,#fff200,#ff9d00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(255,157,0,.3);animation:tituloBrillante 2s infinite alternate}.puntuacion-ganador{margin-bottom:2rem;font-size:1.2rem;color:#333}.puntuacion-numero{font-size:3rem;font-weight:700;color:#ff9d00;margin:.5rem 0}.botones-ganador{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.perdedor{background:transparent}.emoji-triste-container{margin-bottom:1.5rem}.emoji-triste{font-size:18rem;animation:caer 1s ease-out,temblar 2s infinite}.titulo-perdedor{font-size:5rem;margin:0 0 2rem;color:#900;text-shadow:0 2px 10px rgba(153,0,0,.3);animation:tituloLate 1.5s infinite alternate}.puntuacion-perdedor{margin-bottom:2rem;font-size:1.2rem;color:#333}.puntuacion-perdedor .puntuacion-numero{color:#c00}.botones-perdedor{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-reiniciar,.btn-volver{padding:12px 25px;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif}.btn-reiniciar{background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);color:#17385c}@keyframes rebotar{0%{transform:translateY(0) scale(1)}to{transform:translateY(-20px) scale(1.1)}}@keyframes rotar{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes tituloBrillante{0%{text-shadow:0 2px 10px rgba(255,157,0,.3)}to{text-shadow:0 2px 20px rgba(255,217,0,.8),0 0 30px rgba(255,255,255,.6)}}@keyframes caer{0%{transform:translateY(-100px) rotate(-20deg);opacity:0}80%{transform:translateY(10px) rotate(5deg)}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes temblar{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes tituloLate{0%{transform:scale(1);opacity:.9}to{transform:scale(1.05);opacity:1}}.confeti-container{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}@media (max-width: 768px){.contenido-ganador,.contenido-perdedor{width:90%;padding:1.5rem}.trofeo,.emoji-triste{font-size:5rem}.titulo-ganador,.titulo-perdedor{font-size:3rem}.puntuacion-numero{font-size:2rem}.botones-ganador,.botones-perdedor{flex-direction:column;align-items:center}.btn-reiniciar,.btn-volver{width:100%;max-width:250px}}.emoji-resultado{font-size:8rem;animation:fall 2s ease-in-out}.contenedor-seleccion-juegos{display:flex;justify-content:center;align-items:center;gap:2.5rem;margin-top:2rem;flex-wrap:wrap}.lista-juegos-izquierda{flex:0 0 auto;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.panel-invitacion-derecha{flex:0 0 auto;display:flex;justify-content:center;align-items:center;min-height:200px}.quimi-overlay.izquierda{left:20px;right:auto}.quimi-overlay.derecha{right:20px;left:auto}.quimi-overlay.centro{left:50%;transform:translate(-50%)}.imagen-quimi-invitacion{width:550px;height:auto;margin-top:0rem}.contenido-perdedor{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .8s ease}.quimi-resultado{width:230px;height:auto;animation:bounceIn 1s ease}.mensaje-quimi-burbuja{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border:2px solid #4dd0e1;border-radius:20px;padding:15px 18px;max-width:300px;text-align:center;font-size:1rem;font-weight:500;color:#004d40;box-shadow:0 6px 20px #00000026;margin:-20px auto 0;position:relative;transform:scale(.9);animation:popIn .6s ease forwards}.mensaje-quimi-burbuja:after{content:"";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);border-width:14px 14px 0 14px;border-style:solid;border-color:#b2ebf2 transparent transparent transparent}@keyframes popIn{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.botones-resultado{display:flex;justify-content:center;gap:20px;margin-top:0}.btn-volver-juegos{background:linear-gradient(135deg,#1d4088,#399e85,#6c4bde);border:none;border-radius:25px;padding:12px 22px;color:#17385c;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease}.btn-volver-juegos:hover{transform:translateY(-3px);box-shadow:0 8px 15px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes popIn{to{transform:scale(1)}}@media (max-width: 1200px){.conedor-juegos{padditenng:15px;max-width:100%!important}.titulo-juegos{font-size:2.8rem}}@media (max-width: 992px){.panel-invitacion-derecha{display:none!important}.contenedor-seleccion-juegos{justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem}.lista-juegos-izquierda{width:100%;max-width:600px;align-items:center}}@media (max-width: 768px){.contenedor-juegos{padding:15px 10px!important}.main-content{min-height:calc(100vh - 140px)}.titulo-juegos{margin:10px 0 20px!important;padding:15px 10px!important;font-size:2.5rem}.titulo-juegos:after{margin:8px auto 0!important;width:50%!important}.contenedor-seleccion-juegos{margin-top:15px!important;gap:20px}.lista-juegos-izquierda{order:2;width:100%;max-width:500px}.panel-invitacion-derecha{order:1;width:100%;display:flex;justify-content:center}.imagen-quimi-invitacion{width:350px;max-width:100%;height:auto}.tarjeta-juego{width:100%;max-width:400px;margin:0 auto 15px;padding:20px 15px}.mezcla-contenedor-rediseno{display:flex!important;flex-direction:column!important;gap:20px;margin-top:10px!important}.sidebar-controles{order:1!important;width:100%!important;margin-bottom:0!important}.panel-resultados{order:2!important;width:100%!important;margin-top:0!important}.sidebar-controles,.panel-resultados{max-width:100%!important;box-sizing:border-box}.contenedor-selectores-rediseno{grid-template-columns:1fr;gap:10px}.categorias-mezcla-rediseno{flex-direction:column}.categoria-card{flex-direction:column;text-align:center;padding:12px}.categoria-card h3{text-align:center;margin-top:8px}.quiz-contenedor-rediseno{padding:20px;margin:0 10px;max-width:100%}.quiz-header-rediseno{flex-direction:column;gap:15px;align-items:flex-start}.quiz-info-adicional{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.quiz-tiempo-rediseno{max-width:120px}.quiz-pregunta-rediseno h4{font-size:1.1rem;line-height:1.3}.quiz-opciones-rediseno{grid-template-columns:1fr;gap:10px}.btn-opcion-rediseno{padding:15px;min-height:60px}.pantalla-resultado{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:50px;overflow-y:auto;z-index:1000}.contenido-ganador,.contenido-perdedor{width:90%;max-width:500px;padding:1.5rem;margin:20px auto}.trofeo,.emoji-triste{font-size:5rem}.titulo-ganador,.titulo-perdedor{font-size:3rem}.puntuacion-numero{font-size:2rem}.mensaje-ganador,.mensaje-perdedor{font-size:2.5rem;margin-bottom:15px}.resultado-contenedor{margin-top:-20px;gap:10px;padding:0 10px}.quimi-resultado{width:180px}.mensaje-quimi-burbuja{max-width:250px;font-size:.9rem;margin-top:-15px}.botones-resultado,.botones-ganador,.botones-perdedor{flex-direction:column;align-items:center;gap:15px;margin-top:20px}.btn-reiniciar,.btn-volver-juegos,.btn-volver-tabla,.btn-volver{width:100%;max-width:280px;min-width:auto;padding:12px 20px;font-size:.9rem}}@media (max-width: 480px){.contenedor-juegos{padding:5px}.titulo-juegos{font-size:1.8rem;padding:3px!important}.titulo-juegos:after{width:70%!important;height:3px}.contenedor-seleccion-juegos{gap:1rem;margin-top:.25rem}.lista-juegos-izquierda{gap:1rem}.imagen-quimi-invitacion{width:280px}.tarjeta-juego{padding:15px;min-height:80px!important}.imagen-juego{width:100px;height:100px;margin-bottom:8px}.tarjeta-juego h3{font-size:1.2rem}.tarjeta-juego p{font-size:.9rem}.btn-jugar{padding:8px 15px;font-size:.9rem;min-height:44px}.mezcla-contenedor-rediseno{padding:10px;gap:15px;margin:0 5px}.sidebar-controles{padding:15px}.titulo-sidebar{font-size:20px;margin-bottom:15px}.categoria-card{padding:10px}.categoria-card h3{font-size:14px}.selector-elemento-rediseno{padding:10px;font-size:13px}.btn-mezclar-rediseno{padding:12px;font-size:14px;min-height:44px}.panel-resultados{padding:15px}.titulo-panel{font-size:18px}.quiz-contenedor-rediseno{padding:15px;margin:0 5px}.quiz-pregunta-rediseno{padding:15px}.quiz-info-adicional{flex-direction:column;align-items:flex-start;gap:10px}.quiz-tiempo-rediseno{max-width:100%}.quiz-pregunta-indicador{font-size:1rem}.quiz-puntuacion{font-size:1rem;padding:6px 12px}.btn-opcion-rediseno{padding:12px;font-size:.9rem;min-height:55px}.letra-opcion{font-size:1rem;margin-right:8px;min-width:20px;height:20px}.pantalla-resultado{padding-top:30px;align-items:flex-start}.contenido-ganador,.contenido-perdedor{width:95%;padding:1rem;margin:10px auto}.trofeo,.emoji-triste{font-size:4rem}.titulo-ganador,.titulo-perdedor{font-size:2.2rem;margin:0 0 1rem}.puntuacion-numero{font-size:1.8rem}.mensaje-ganador,.mensaje-perdedor{font-size:2rem;margin-bottom:10px}.puntuacion-final{font-size:1.4rem;margin-bottom:20px}.resultado-contenedor{margin-top:-25px;gap:8px}.quimi-resultado{width:150px}.mensaje-quimi-burbuja{max-width:220px;font-size:.8rem;padding:12px 15px;margin-top:-10px}.mensaje-quimi-burbuja:after{bottom:-12px;border-width:12px 12px 0 12px}}@media (max-width: 360px){.titulo-juegos{font-size:1.6rem}.imagen-quimi-invitacion{width:250px}.tarjeta-juego{padding:12px}.imagen-juego{width:80px;height:80px}.tarjeta-juego h3{font-size:1.1rem}.contenido-ganador,.contenido-perdedor{padding:.8rem}.titulo-ganador,.titulo-perdedor,.mensaje-ganador,.mensaje-perdedor{font-size:1.8rem}.quimi-resultado{width:130px}.mensaje-quimi-burbuja{max-width:200px}}@media (max-height: 500px) and (orientation: landscape){.pantalla-resultado{align-items:flex-start;padding-top:10px}.contenido-ganador,.contenido-perdedor{padding:1rem;margin:5px auto;max-height:90vh;overflow-y:auto}.trofeo-container,.emoji-triste-container{margin-bottom:.5rem}.trofeo,.emoji-triste{font-size:3rem}.titulo-ganador,.titulo-perdedor{font-size:1.8rem;margin:0 0 .5rem}.puntuacion-ganador,.puntuacion-perdedor{margin-bottom:.5rem}.botones-ganador,.botones-perdedor{margin-top:.5rem;flex-direction:row;flex-wrap:wrap}.resultado-contenedor{margin-top:-40px;gap:5px}.quimi-resultado{width:120px}.mensaje-quimi-burbuja{max-width:180px;font-size:.7rem;margin-top:-5px}}@media (max-width: 768px){.menu-item{padding:12px 20px;min-height:44px;display:flex;align-items:center;justify-content:center}.btn-jugar,.btn-volver,.btn-reiniciar,.btn-volver-juegos,.btn-volver-tabla{min-height:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.btn-opcion-rediseno{min-height:50px;touch-action:manipulation}.categoria-card,.btn-elemento{min-height:44px;touch-action:manipulation}@media (max-width: 480px){.selector-elemento-rediseno{font-size:16px}}}@media (max-width: 768px){@keyframes aparecer{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.titulo-juegos{animation:aparecer .8s ease-out}.tarjeta-juego:hover{transform:translateY(-4px)}.btn-opcion-rediseno:hover:not(:disabled){transform:translateY(-2px) scale(1.01)}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.menu-item,.btn-jugar,.btn-opcion-rediseno{-webkit-tap-highlight-color:transparent}.quiz-contenedor-rediseno{-webkit-overflow-scrolling:touch}.tarjeta-juego,.btn-opcion-rediseno,.categoria-card{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}}.juego-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.vista-transicion{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cargando-juego{display:flex;justify-content:center;align-items:center;min-height:300px;font-family:Orbitron,sans-serif;color:#1e3a8a}.error-juego{background:#fee2e2;border:2px solid #e74c3c;border-radius:10px;padding:20px;text-align:center;margin:20px;color:#900}@media (max-width: 768px){.juego-container{min-height:auto;padding-bottom:20px}.cargando-juego{min-height:200px;font-size:1.1rem}.error-juego{margin:10px;padding:15px}}.pantalla-resultado::-webkit-scrollbar{width:8px}.pantalla-resultado::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.pantalla-resultado::-webkit-scrollbar-thumb{background:#1e3a8a;border-radius:4px}.pantalla-resultado::-webkit-scrollbar-thumb:hover{background:#10b981}@media (max-width: 768px){.quiz-contenedor-rediseno{margin:15px auto!important;padding:20px 15px!important}.quiz-header-rediseno{margin-bottom:20px;padding-bottom:15px}.quiz-pregunta-rediseno{margin-bottom:20px;padding:20px 15px}.quiz-marcador{width:100%;align-items:center;text-align:center}.quiz-info-adicional{flex-direction:row;justify-content:space-between;width:100%;align-items:center}.quiz-vidas-rediseno{order:1}.quiz-tiempo-rediseno{order:2;max-width:120px}.quiz-pregunta-rediseno{padding:20px 15px;margin-bottom:20px}.quiz-pregunta-rediseno h4{font-size:1.1rem;line-height:1.4;margin:10px 0 0}.numero-pregunta{font-size:.8rem;padding:4px 12px}.quiz-opciones-rediseno{grid-template-columns:1fr;gap:10px;margin-bottom:15px}.btn-opcion-rediseno{padding:15px 12px;min-height:60px;font-size:.95rem}.letra-opcion{font-size:1rem;margin-right:10px;min-width:22px;height:22px}.quiz-explicacion-rediseno{padding:15px;font-size:.9rem}.explicacion-contenido h5{font-size:1rem;margin-bottom:8px}}@media (max-width: 768px){.mezcla-contenedor-rediseno{grid-template-columns:1fr;gap:20px;padding:15px;margin:0 10px}.panel-resultados,.sidebar-controles{width:calc(100% - 20px)!important;margin-left:auto!important;margin-right:auto!important;padding:20px 15px!important}.titulo-sidebar{font-size:1.3rem;margin-bottom:15px;text-align:center}.categorias-mezcla-rediseno{gap:12px;margin-bottom:20px}.categoria-card{padding:12px 15px;border-radius:12px;flex-direction:row;align-items:center}.categoria-card h3{font-size:.95rem;text-align:left}.icono-categoria{font-size:20px}.selectores-elementos h3{font-size:1.1rem;margin-bottom:12px;text-align:center}.contenedor-selectores-rediseno{grid-template-columns:1fr;gap:12px}.selector-elemento-container-rediseno label{font-size:.9rem;margin-bottom:6px}.selector-elemento-rediseno{padding:10px 12px;font-size:.9rem;border-radius:10px}.btn-mezclar-rediseno{padding:12px;font-size:.95rem;border-radius:12px;margin-top:15px}.titulo-panel{font-size:1.2rem;margin-bottom:8px}.subtitulo-puntuacion{font-size:.9rem;margin-bottom:15px}.zona-resultados{min-height:200px}.resultado-tarjeta{padding:15px;border-radius:12px}.icono-resultado{font-size:30px;margin-bottom:10px}.resultado-tarjeta h3{font-size:1rem;margin-bottom:8px}.resultado-tarjeta p{font-size:.85rem;margin-bottom:12px}.detalles-compuesto-rediseno{padding:10px;font-size:.8rem;margin:10px 0}.btn-intentar-otra-vez{padding:8px 16px;font-size:.85rem;border-radius:10px}}@media (max-width: 480px){.quiz-contenedor-rediseno{padding:12px;margin:0 5px}.quiz-pregunta-rediseno{padding:15px 10px}.quiz-pregunta-rediseno h4{font-size:1rem}.btn-opcion-rediseno{padding:12px 10px;min-height:55px;font-size:.9rem}.quiz-info-adicional{flex-direction:column;gap:8px}.quiz-tiempo-rediseno{max-width:100%}.quiz-puntuacion{font-size:.95rem;padding:6px 12px}.mezcla-contenedor-rediseno{padding:10px;gap:15px}.sidebar-controles{padding:15px}.categoria-card{padding:10px 12px}.categoria-card h3{font-size:.9rem}.selector-elemento-rediseno{padding:8px 10px}.panel-resultados{padding:12px}.elementos-seleccionados{padding:12px;margin-bottom:15px}.lista-elementos{gap:8px}.elemento-seleccionado{padding:6px 12px;font-size:.85rem}.lista-elementos-disponibles{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.btn-elemento{padding:8px;font-size:.85rem}}@media (max-height: 500px) and (orientation: landscape) and (max-width: 768px){.quiz-contenedor-rediseno{max-height:90vh;overflow-y:auto}.quiz-pregunta-rediseno{padding:15px}.quiz-opciones-rediseno{grid-template-columns:1fr 1fr}.mezcla-contenedor-rediseno{grid-template-columns:1fr 1fr;max-height:90vh;overflow-y:auto}}@media (max-width: 768px){.btn-opcion-rediseno,.categoria-card,.btn-elemento,.btn-mezclar-rediseno,.btn-jugar{min-height:44px;-webkit-tap-highlight-color:transparent}.selector-elemento-rediseno{font-size:16px}}@media (max-width: 768px){.tarjeta-juego:hover{transform:translateY(-4px);transition:transform .2s ease}.btn-opcion-rediseno:hover:not(:disabled){transform:translateY(-2px);transition:transform .2s ease}.mensaje-ganador,.mensaje-perdedor{animation-duration:1s}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.quiz-contenedor-rediseno,.mezcla-contenedor-rediseno{-webkit-overflow-scrolling:touch}}}@media (max-width: 480px){.contenedor-juegos{padding:10px 5px!important}.titulo-juegos{font-size:2rem!important;margin:5px 0 15px!important;padding:12px 8px!important}.contenedor-seleccion-juegos{margin-top:10px!important;gap:15px}.tarjeta-juego{padding:15px 10px;margin-bottom:10px}.panel-resultados,.sidebar-controles{width:calc(100% - 10px)!important;padding:15px 10px!important}.mezcla-contenedor-rediseno{gap:15px}}@media (max-width: 900px){.mezcla-contenedor-rediseno{display:flex!important;flex-direction:column!important}.sidebar-controles{order:1!important}.panel-resultados{order:2!important}}@media (max-width: 360px){.contenedor-juegos{padding:8px 4px!important}.titulo-juegos{font-size:1.8rem!important;padding:10px 6px!important}.panel-resultados,.sidebar-controles{width:calc(100% - 8px)!important;padding:12px 8px!important}.tarjeta-juego{padding:12px 8px}}.mezcla-contenedor-rediseno,.quiz-contenedor-rediseno,.contenedor-seleccion-juegos{transition:all .3s ease}@media (max-width: 768px){.btn-jugar,.btn-mezclar-rediseno,.btn-volver{margin-top:15px;padding:12px 20px;min-height:44px}.menu-item{padding:12px 18px;margin:5px}}@media (max-height: 500px) and (orientation: landscape){.contenedor-juegos{padding:10px!important}.titulo-juegos{margin:5px 0 10px!important;padding:8px!important;font-size:2rem!important}.contenedor-seleccion-juegos{margin-top:5px!important}}@media (max-width: 1024px){.mezcla-contenedor-rediseno{max-width:95%!important;margin:0 auto!important}.panel-resultados{margin-left:0!important;margin-right:0!important}}.btn-volver-tabla{margin-top:20px;padding:12px 25px;background:linear-gradient(90deg,#1d4088,#399e85,#6c4bde);color:#17385c;border:none;border-radius:25px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:600;width:100%;max-width:400px;transition:all .3s ease}.btn-volver-tabla:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.app-container{width:1600px!important;max-width:1600px!important;margin:0 auto;flex:1;padding:20px;box-sizing:border-box;background-color:transparent;display:flex;flex-direction:column;min-height:100vh}@media (max-width: 768px){.contenedor-juegos{padding:15px 10px}.titulo-juegos{font-size:2.2rem;margin:10px 0 20px;padding:15px 10px}.contenedor-seleccion-juegos{margin-top:15px;gap:20px}.btn-jugar,.btn-volver,.btn-reiniciar,.btn-volver-juegos,.btn-volver-tabla{min-height:44px;display:flex;align-items:center;justify-content:center}}@media (max-width: 480px){.contenedor-juegos{padding:10px 5px}.titulo-juegos{font-size:1.8rem;padding:10px 5px}.contenedor-seleccion-juegos{gap:15px;margin-top:10px}}@media (max-width: 1600px){.app-container{width:100%!important;max-width:100%!important;padding:20px}}@media (max-width: 768px){.app-container{padding:15px}}@media (max-width: 480px){.app-container{padding:10px}}.tiempo-texto>span:first-child,.tiempo-texto>.emoji,.tiempo-texto>.icono-tiempo{background:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important;color:#1d4088!important;text-shadow:none!important}[class*=resultado] button,[class*=ganador] button,[class*=perdedor] button,.btn-reiniciar,.btn-volver-juegos,.btn-volver-tabla{color:#fff!important}.icono-inicial,.icono-categoria,.emoji-lupa,.emoji-reloj,.tiempo-texto>span:first-child{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important;color:inherit!important;filter:none!important}.mensaje-inicial .icono-inicial{color:#1d4088!important;opacity:.7}.panel-resultados{background:#ffffffeb;border-radius:16px;padding:25px;box-shadow:0 6px 20px #1d40881f;border:2px solid rgba(255,255,255,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:100%;min-height:300px;height:fit-content;display:flex;flex-direction:column}.zona-resultados{min-height:200px;display:flex;align-items:center;justify-content:center;flex:1}.resultado-contenido{width:100%;max-height:400px;overflow-y:auto;padding:10px}.resultado-tarjeta{background:#ffffffe6;border-radius:16px;padding:20px;text-align:center;box-shadow:0 8px 25px #1d408826;border:2px solid transparent;width:100%;max-height:350px;overflow-y:auto;animation:fadeIn .5s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.detalles-compuesto-rediseno{text-align:left;background:#fffc;padding:15px;border-radius:12px;margin:15px 0;border-left:4px solid #1D4088;font-size:14px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);max-height:150px;overflow-y:auto}.sidebar-controles,.panel-resultados{min-height:500px;height:auto}@media (max-width: 900px){.sidebar-controles,.panel-resultados{min-height:auto;height:fit-content}.zona-resultados{min-height:150px}}.resultado-tarjeta::-webkit-scrollbar,.detalles-compuesto-rediseno::-webkit-scrollbar{width:6px}.resultado-tarjeta::-webkit-scrollbar-track,.detalles-compuesto-rediseno::-webkit-scrollbar-track{background:#1d40881a;border-radius:3px}.resultado-tarjeta::-webkit-scrollbar-thumb,.detalles-compuesto-rediseno::-webkit-scrollbar-thumb{background:#1d40884d;border-radius:3px}.resultado-tarjeta::-webkit-scrollbar-thumb:hover,.detalles-compuesto-rediseno::-webkit-scrollbar-thumb:hover{background:#1d408880}.icono-puntuacion{font-size:1.4em;display:inline-block}.cargando-preguntas{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resultado-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.resultado-modal{position:relative;background:transparent!important;border-radius:20px;padding:2rem;max-width:500px;width:90%;text-align:center;box-shadow:0 8px 25px #0003;animation:aparecer .4s ease-out;overflow:hidden}.resultado-contenido{position:relative;z-index:2}.resultado-contenido h2{font-size:2.5rem;margin-bottom:1.5rem;font-weight:700;color:#1e293b}.puntuacion{margin-bottom:1.5rem;font-size:1.2rem;color:#333}.puntuacion-numero{font-size:2.5rem;font-weight:700;color:#2563eb;margin:.5rem 0}.botones{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-reiniciar,.btn-volver{padding:12px 25px;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-reiniciar{background:linear-gradient(45deg,#1e3a8a,#3b82f6);color:#fff}.btn-volver{background:#f8f9fa;color:#333;border:2px solid #dee2e6}.btn-reiniciar:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.btn-volver:hover{background:#e9ecef;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.confeti-container{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none;top:0;left:0}.confeti{position:absolute;width:10px;height:20px;opacity:.8;animation:caerConfeti 5s linear forwards}@keyframes caerConfeti{0%{transform:translateY(-100px) rotate(0);opacity:1}90%{opacity:.8}to{transform:translateY(500px) rotate(360deg);opacity:0}}.grietas-container{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.grieta{position:absolute;height:3px;width:100px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.6),transparent);animation:agrietar 1.5s forwards}@keyframes agrietar{0%{width:0;opacity:0}to{width:100px;opacity:.7}}@keyframes aparecer{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.resultado-modal{width:90%;padding:1.5rem}.resultado-contenido h2,.puntuacion-numero{font-size:2rem}.botones{flex-direction:column;align-items:center}.btn-reiniciar,.btn-volver{width:100%;max-width:250px}}.emoji-grande{font-size:48px;line-height:1}.quimi-overlay{position:fixed;bottom:20px;z-index:1000;pointer-events:none}.quimi-derecha{right:50px;left:auto}.quimi-izquierda{left:50px;right:auto}.quimi-contenedor{display:flex;flex-direction:column;gap:10px;pointer-events:auto}.quimi-contenedor.quimi-derecha{align-items:flex-end}.quimi-contenedor.quimi-izquierda{align-items:flex-start}.quimi-imagen{width:500px;height:500px;object-fit:contain}.quimi-burbuja{max-width:250px;padding:12px 16px;background-color:#f8f9fa;border-radius:18px;box-shadow:0 4px 12px #00000026;position:relative;animation:aparecerBurbuja .5s ease-out;margin-bottom:-40px}.burbuja-derecha{margin-right:50px}.burbuja-derecha:after{content:"";position:absolute;bottom:-10px;right:20px;border-width:10px 10px 0;border-style:solid;border-color:#f8f9fa transparent transparent}.burbuja-izquierda{margin-left:50px}.burbuja-izquierda:after{content:"";position:absolute;bottom:-10px;left:20px;border-width:10px 10px 0;border-style:solid;border-color:#f8f9fa transparent transparent}.quimi-burbuja p{margin:0;font-size:14px;line-height:1.4;color:#333}@keyframes aparecerBurbuja{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1500px){.quimi-overlay{display:none}}