body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.logo-image{margin-top:10px;text-align:center}.logo-image img{max-width:500px;width:80%}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.villain-selector{width:90%}.seccion-boton{align-items:center;display:flex;justify-content:center;margin:20px 0}.boton-aventura{background-color:#772600;font-size:24px;font-weight:700;height:50px;transition:background-color .2s,transform .2s}.boton-aventura:hover{transform:scale(1.1)}.empty-notification{background-color:#df1e1e;border-radius:5px;bottom:20%;color:#fff;font-size:16px;left:50%;opacity:.9;padding:20px;position:fixed;transform:translateX(-50%);z-index:1000}.titulo{text-align:center}.villain-selector-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.villain-selector{display:flex;gap:1rem;justify-content:left}.villain-categories{display:flex;flex-direction:column;gap:.5rem}.category-button{background-color:#f4f4f4;border:3px solid #353535;border-radius:20px;color:#333;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:background-color .3s;width:160px}.category-button:hover{background-color:#bbb}.category-button.selected{background-color:#353535;color:#fff}.villain-list-container{display:flex;flex-direction:column}.villain-list{display:flex;flex-wrap:wrap;gap:.5rem}.villain-button{background-color:#eee;border:1px solid #aaa;border-radius:15px;color:#333;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s;width:150px}.villain-button:hover{background-color:#ddd}.villain-button.selected{background-color:#007bff;color:#fff}.villain-image-container{margin-top:1rem;text-align:center}.villain-image{border:2px solid #ccc;border-radius:10px;cursor:pointer;max-width:400px}.image-note{margin-top:.5rem}.villain-controls-container{height:7vh}.expansion-selector{text-align:center}.expansion-list{display:flex;flex-wrap:wrap;justify-content:center}.expansion-item{border:2px solid #0000;border-radius:10px;cursor:pointer;filter:grayscale(100%);height:150px;margin:15px;opacity:.6;padding:.5rem;text-align:center;transition:transform .2s,border-color .2s;width:150px}.expansion-image{border-radius:10px;height:100%;object-fit:cover;transition:filter .2s,opacity .2s;width:100%}.expansion-item.selected{filter:grayscale(0);opacity:1;transform:scale(1.1)}.expansion-item:hover{border-color:#007bff}.expansion-text{color:#333;display:block;font-size:.9rem;font-weight:700;margin-top:.5rem;text-align:center}.player-selector{align-items:center;display:flex;justify-content:center;margin:20px 0}.player-selector-button{background-color:#353535;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:50px;transition:background-color .2s,transform .2s;width:50px}.player-selector-button:hover{background-color:#000;transform:scale(1.1)}.player-selector-input{background-color:#f8f9fa;border:2px solid #ddd;border-radius:5px;font-size:24px;font-weight:700;height:50px;margin:0 10px;outline:none;text-align:center;width:100px}.player-selector-box{text-align:center}.revisar-proximos-encuentros{position:relative}.imagenes-container{display:flex;flex-direction:row;gap:20px;justify-content:center}.imagen-item{position:relative;text-align:center}.imagen-item p{font-size:20px}.miniatura-imagen{border:2px solid #ccc;border-radius:10px;cursor:pointer;max-width:200px}.zoom-icon{background:none;border:none;cursor:pointer;margin-top:5px}.zoom-icon img{height:24px;width:24px}.flechas-container{display:flex;gap:20px;justify-content:center;margin-top:20px}.flecha{background:none;background-color:#007bff;border:none;color:#fff;cursor:pointer;font-size:24px}.modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{position:relative}.modal-content img{border-radius:10px;max-height:90vh;max-width:90vw}.close{background-color:#007bff;border-radius:8px;color:#fff;cursor:pointer;font-size:40px;padding:8px;position:absolute;right:20px;top:20px}.title-box{margin:10px 0;text-align:center}.image-container{position:relative;text-align:center}.indicador-dia{left:50%;position:absolute;top:-30px;transform:translateX(-50%);z-index:300}.indicador-dia img{height:80px}.central-image.espacio{margin-top:30px}.controls-container{height:11vh}.controls,.controls-container{align-items:center;display:flex;justify-content:center}.controls{gap:10px}.controls button{cursor:pointer;font-size:16px;margin:5px;padding:5px}.transparent-button{align-items:center;background-color:#fff;border:2px solid #000;border-radius:5px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.transparent-button img{max-height:60px;max-width:60px}.transparent-button:active{background-color:#e0e0e0;box-shadow:0 2px 4px #0003;transform:scale(.95)}.day-button{align-items:center;background-color:#007bff;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:50px;justify-content:center;padding:5px 10px;width:100px}.day-button:active{background-color:#002c5a;box-shadow:0 2px 4px #0003;transform:scale(.95)}button:disabled{background-color:#b3b3b3;border:1px solid #999;color:#fff;cursor:not-allowed}.question-box{align-items:center;background-color:#fff;border:2px solid #000;border-radius:10px;box-shadow:0 0 10px #00000080;display:flex;flex-direction:column;height:630px;justify-content:normal;left:50%;padding:40px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:350px;z-index:1000}.mini-image{margin-bottom:20px}.mini-image img{border:2px solid #ccc;border-radius:10px;cursor:pointer;height:180px}.mini-image-note{color:#666;font-size:.6rem;margin:0}.question-box p{font-size:20px;font-weight:700;margin:20px 0}.button-group{display:flex;flex-direction:row;gap:10px;margin-top:20px}.question-box button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:15px;padding:15px 30px}.question-box button:hover{background-color:#0056b3}.close-expand-image{position:fixed;right:15%;top:10%}.expand-image-container{align-items:center;background-color:#383838ba;border:2px solid #000;display:flex;flex-direction:column;height:100%;justify-content:normal;left:50%;padding:40px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1100}.expand-image img{border:2px solid #ccc;border-radius:10px;cursor:pointer;margin-top:100px;max-width:400px}.header{align-items:center;background-image:url(https://firebasestorage.googleapis.com/v0/b/tmbcards-3ec94.appspot.com/o/resources%2Fbarra_superior.gif?alt=media);background-size:cover;display:flex;justify-content:space-between;padding:10px;position:relative}.logo img{height:50px}.header-fields{align-items:center;display:flex;gap:20px;justify-content:center}.menu-toggle{background:none;border:none;color:#ef0;cursor:pointer;font-size:30px;text-shadow:3px 1px 4px #000000f2;z-index:1}.menu{background:#fff;box-shadow:-2px 0 5px #0000004d;height:100%;overflow-y:auto;position:fixed;right:-40%;top:0;transition:right .3s ease;width:40%;z-index:1000}.menu.open{right:0}.menu .close-button{background:none;border:none;color:#000;cursor:pointer;font-size:24px;margin:10px}.menu nav ul{list-style:none;padding:0}.menu nav ul li{padding:15px}.menu nav ul li a{color:#000;text-decoration:none}.field{background-color:#00000080;border-radius:5px;color:#fff;font-size:16px;padding:5px;text-shadow:2px 2px 4px #000000b3;transition:background-color .5s ease-in-out}.field.green-background{background-color:green}.field.red-background{background-color:red}.save-notification{background-color:#4caf50;border-radius:5px;bottom:15%;color:#fff;font-size:20px;left:50%;opacity:.9;padding:20px;position:fixed;text-align:justify;transform:translateX(-50%);z-index:1000}.menu ul li a{align-items:center;color:inherit;display:flex;text-decoration:none}.menu ul li a img{height:20px;margin-right:8px;width:20px}.central-image{cursor:"pointer";margin-top:1rem;text-align:center}.central-image img{border:2px solid #ccc;border-radius:10px;cursor:pointer;max-width:400px}.image-note{color:#666;font-size:.9rem;margin:0}.villain-controls-container,.villain-wrap-controls-container{align-items:center;display:flex;height:11vh;justify-content:center}.villain-controls{align-items:center;display:flex;gap:10px;justify-content:center}.villain-controls button{cursor:pointer;font-size:16px;margin:5px;padding:5px}.day-button{margin:12px}.seccion-boton-atras{left:10px;top:10px}body{font-family:Arial,sans-serif;margin:0;padding:0}.encuentroEspecialApp,.seccion-boton-atras{padding:10px}.boton-volverAventura{align-items:center;background-color:#fff;border:2px solid #ccc;border-radius:8px;box-shadow:2px 2px 5px #0003;color:#000;cursor:pointer;display:flex;font-size:16px;padding:10px 15px}.boton-volverAventura:hover{background-color:#f0f0f0}.boton-volverAventura:focus{outline:none}.category{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;margin:5px 0}.category-header{background-color:#e0e0e0;cursor:pointer;font-weight:700;padding:10px;position:relative}.toggle-icon{font-size:14px;position:absolute;right:10px;top:10px}.items{margin-right:3%;padding-left:20px}.item{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin:5px 0;padding:10px}.item:hover{background-color:#e0e0e0}.confirmation-box{animation:shine .5s ease-in-out,fadeOut 4.5s forwards;background-color:#fff;border:2px solid green;color:green;font-weight:700;left:50%;padding:50px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:10}.add-button{align-items:center;background-color:#cb987aba;border:2px solid #000;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:16px;height:50px;justify-content:center;padding:5px 10px;width:250px}@keyframes shine{0%{box-shadow:0 0 10px green}50%{box-shadow:0 0 20px green}to{box-shadow:0 0 10px green}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.app{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.message-box{border-radius:5px;font-size:16px;margin-bottom:20px;max-width:400px;padding:10px 20px;text-align:center;width:80%}.valid{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.invalid{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}label{font-size:18px;margin-bottom:10px;text-align:center}textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;height:100px;margin-bottom:20px;max-width:400px;padding:10px;width:80%}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px}.central-image{position:relative}.central-image,.villain-image{height:auto;width:100%}.titulo-prologo{color:#610000;font-size:2rem;left:50%;position:absolute;text-shadow:2px 2px 4px #000000b3;top:50px;transform:translateX(-50%);z-index:2}.typing-effect-container{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%}.typing-effect-textarea{background-color:#fffc;border:none;height:auto;white-space:pre-wrap;width:100%}.texto-prologo{z-index:1000}.typing-effect-container{cursor:pointer;height:100%;width:100%;z-index:999}.typing-effect-textarea{background-color:initial;border:#0000;border-radius:5px;font-family:Arial,sans-serif;font-size:16px;height:60%;left:50%;line-height:1.5;overflow:hidden;padding:10px;position:absolute;resize:none;text-align:center;top:60%;transform:translate(-50%,-50%);width:270px}.faq-container{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px;text-align:justify}.faq-container h2{text-align:center}.faq-container h2,.faq-section{margin-bottom:20px}.faq-section h3{color:#007bff;margin-bottom:10px}.faq-section p{line-height:1.6}.faq-section ul{list-style-type:disc;padding-left:20px}.faq-section li{margin-top:20px}.seccion-boton{margin-top:30px;text-align:center}.boton-aventura{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.boton-aventura:hover{background-color:#0056b3}
/*# sourceMappingURL=main.1ec483ba.css.map*/