*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/fondo_sv2-Cdwy4RHj.png);background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden}#root{height:100%;width:100%}@font-face{font-family:Signika;src:url(./Fonts/Signika.ttf) format("truetype")}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100vw;box-sizing:border-box;overflow:hidden;padding:2vh 20px}div,img{-webkit-user-select:none;user-select:none}.titulo,.titulo_3{position:relative;max-width:50%;height:auto;display:block;text-align:center;margin:auto}.titulo_2{max-width:25%;height:auto;display:block;text-align:center}.tabla{width:100%;max-width:400px;margin-top:0;padding:0 20px}.boton-disabled{background-color:#b0b0b0;border:4px solid #8a8a8a;color:#fff;font-size:24px;font-family:Comic Sans MS,sans-serif;padding:15px 30px;border-radius:20px;cursor:not-allowed;box-shadow:4px 4px #8a8a8a;opacity:.6;position:relative;overflow:hidden;text-align:center}.boton-disabled:after{content:"Próximamente";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#ff8c00;background-color:#fff;padding:5px 10px;border-radius:10px;pointer-events:none;opacity:0;transition:opacity .2s ease}.boton-disabled:hover:after{opacity:1}.boton{background-color:#de6a29;border:4px solid #000000;color:#000;font-size:24px;font-family:IMPACT,Impact,Arial Black,Haettenschweiler,Franklin Gothic Bold,sans-serif;padding:15px 30px;border-radius:20px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;text-transform:uppercase;display:block;width:auto;min-width:250px;margin:15px auto}.boton:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.boton:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.menuinferior{position:absolute;display:flex;top:18vh;justify-content:space-between;align-items:center;left:1vw}.boton-pantalla-completa{display:block}@media (max-width: 768px){.menuinferior{position:fixed;bottom:0;left:0;width:100%;background-color:#de6a29;border-top:4px solid #000000;padding:8px 0;margin:0;display:flex;justify-content:space-evenly;align-items:center;z-index:1000;top:auto}.botonInferior{margin:0 2px;width:40px;height:40px;padding:8px}.boton-pantalla-completa{display:none}.menuinferior button{flex:0 0 auto}.container{padding-bottom:70px}}.columnaIzquierda,.columnaDerecha{display:flex;flex-direction:column;align-items:center}.parteSuperiorMenu{transform:translateY(-10%);display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px;box-sizing:border-box}.botonInferior{background-color:#de6a29;border:4px solid #000000;color:#000;font-size:24px;font-family:IMPACT,Impact,Arial Black,Haettenschweiler,Franklin Gothic Bold,sans-serif;padding:10px;border-radius:20px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;text-transform:uppercase;margin:5px;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.botonInferior:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.botonInferior:active,.perfil button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}@media (max-width: 768px){.titulo{max-width:70%;margin-top:0;margin-bottom:2vh}.tabla{margin-top:0}.boton{min-width:200px;margin:12px auto}.apartadoLogin{margin-top:5vh}}@media (max-width: 480px){.titulo{max-width:85%;margin-top:0}.container{padding:1vh 10px}.tabla{padding:0 10px}.boton{min-width:180px;margin:10px auto}.apartadoLogin{margin-top:1vh}}@media (max-height: 675px){.titulo{max-width:55%}.boton{font-size:20px;min-width:180px;margin:2px auto}}.botones-tienda-newsletter{position:absolute;bottom:20px;right:20px}.botones-quests{position:absolute;bottom:20px;right:100px}.botones-info{position:absolute;bottom:20px;left:20px}@media (max-width: 768px){.botones-tienda-newsletter{right:10px;top:70px}.botones-quests{right:10px;top:130px}.botones-info{right:10px;top:150px;max-height:90px;max-width:90px;z-index:99}}.reward-popup-container{position:fixed;top:10px;right:10px;display:flex;flex-direction:column;gap:10px;z-index:9999}.reward-toast{background:linear-gradient(135deg,#de6a29,#d4985f);border:3px solid #000;border-radius:12px;padding:20px 25px;display:flex;align-items:center;gap:10px;box-shadow:8px 8px #000000b3;color:#fff;max-width:300px;animation:slideIn .5s ease forwards;position:relative}.reward-content{display:flex;flex-direction:column;align-items:start}.reward-content h3{margin:0;font-size:18px}.reward-image{width:40px;height:40px}.close-reward{position:absolute;top:5px;right:5px;background:none;border:none;font-size:20px;color:#fff;cursor:pointer}.vpoints-container{position:relative;display:inline-block}.vacationpoints-overlay{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:#fff;color:#de6a29;font-weight:700;font-size:18px;padding:2px 8px;border-radius:12px;box-shadow:0 2px 6px #0000004d;z-index:2}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.popup-quests-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:999}.popup-quests-content{background:linear-gradient(135deg,#de6a29,#d4985f);padding:40px;border-radius:20px;width:75%;max-width:1000px;max-height:90vh;border:6px solid #000;box-shadow:12px 12px #000c;display:flex;flex-direction:row}.quests-list{flex:1;margin-right:20px;overflow-y:auto;max-height:80vh}.quest-details::-webkit-scrollbar{width:8px}.quest-details::-webkit-scrollbar-track{background:#0003;border-radius:10px}.quest-details::-webkit-scrollbar-thumb{background:#de6a29;border-radius:10px}.quest-details::-webkit-scrollbar-thumb:hover{background:#d4985f}.quest-details{flex:2;overflow-y:auto;max-height:80vh}.quest-details h3,.quests-list h3{margin:10px 0}.quest-details button{margin-top:10px;background:#de6a29;border:3px solid #000;padding:8px 15px;border-radius:10px;cursor:pointer;transition:all .2s ease}.quest-details button:hover{transform:translateY(-3px);box-shadow:0 4px #000}.quest-details button:active{transform:translateY(1px);box-shadow:0 0 #000}.quest-row{position:relative;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;padding:15px;margin-bottom:10px;border-radius:12px;border:2px solid #000;overflow-x:hidden}.quest-info{flex:1;display:flex;flex-direction:column}.claim-button-container{margin-left:20px}.completed-badge{position:absolute;top:30%;right:50%;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;padding:6px 12px;border-radius:20px;font-size:15px;font-weight:700;border:2px solid #000;box-shadow:3px 3px #000c;transform:rotate(-10deg);z-index:9999999;animation:stamp .5s ease-in-out}@keyframes stamp{0%{transform:rotate(-10deg) scale(0)}50%{transform:rotate(-10deg) scale(1.1)}to{transform:rotate(-10deg) scale(1)}}.close-quests{position:absolute;top:15px;right:15px;background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;z-index:999999999999;transition:transform .1s ease}.close-quests:hover{transform:scale(1.2)}@media (max-width: 768px){.popup-quests-content{width:90%;padding:20px;flex-direction:column;align-items:center}.quests-list{margin-right:0;margin-bottom:20px;max-height:none;width:100%;display:flex;justify-content:space-around}.quest-details{max-height:60vh;width:100%}.progress-bar{width:100%}.close-quests{padding:1px 7px;position:absolute;top:70px!important;font-size:28px;color:#fff;cursor:pointer;z-index:1000}}.perfil-container{position:absolute;top:20px;left:20px;display:flex;align-items:center;justify-content:flex-start;width:300px;z-index:10;max-height:14vh}.perfil{position:relative;display:flex;align-items:center;background:#de6a29;border-radius:10px;padding:10px;width:300px;color:#fff;text-align:center;font-family:Arial,sans-serif;box-shadow:0 4px 8px #0000004d;border:4px solid #000000;transition:transform .1s ease,box-shadow .1s ease;cursor:pointer}.perfil:hover{transform:translateY(-4px)}.perfil:active{transform:translateY(2px)}.profile-image{width:80px;height:80px;border-radius:50%;margin-right:10px;background-color:#a9a9a9;border:5px solid #1c1c1c;object-fit:cover}.user-details{display:flex;flex-direction:column;align-items:flex-start}.username{font-size:18px;font-weight:700;margin-bottom:5px}.user-level{display:flex;align-items:center;justify-content:space-between;width:100%}.level-star2{width:40px;height:40px;margin:-5px -10px}.progress-bar2{height:20px;background-color:#4a4a4a;border-radius:5px;width:150px;position:relative;overflow:hidden;border:2px solid #000}.progress-fill1{height:100%;background-color:gold;transition:width .3s ease;position:absolute;left:0;top:0}.progress-text1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;text-shadow:1px 1px 2px black;white-space:nowrap;z-index:1}.vpoints{font-size:16px;font-weight:700;color:#fff}.vpoints-container{display:flex;align-items:center}.vpointslogo{width:25px;height:auto;margin-right:6px}.vpoints-number{font-size:20px;font-weight:700}.logout-button{position:absolute;top:5px;right:5px;background-color:transparent;color:#fff;border:none;padding:4px 8px;cursor:pointer;border-radius:10px}.logout-button:hover{opacity:.8}.lvl{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:20px}.PerfilButtons{display:flex;flex-direction:column;align-items:center;width:80%}.auth-button{width:100%;padding:10px}@media (max-width: 768px){.perfil-container{position:fixed;top:0;left:0;width:auto;transform:none;z-index:1000}.perfil{width:auto;padding:5px 10px;border:4px solid #000000;border-top:none;border-left:none;border-top-left-radius:0;border-bottom-right-radius:20px;border-top-right-radius:0;height:100px;width:170px}.profile-image{min-width:60px;min-height:60px;border-width:2px;margin-right:20px}.user-details{flex-direction:column;align-items:flex-start}.username{font-size:14px;margin-bottom:0}.user-level{display:flex;max-width:60%}.vpoints{margin-left:5px}.vpoints-container{gap:3px}.vpointslogo{width:15px;height:15px;margin-right:2px}.vpoints-number{font-size:14px}.logout-button{padding:2px 4px;font-size:12px;top:2px;right:2px}.auth-button.boton{min-width:unset;padding:8px;font-size:12px;margin:2px;border-width:2px}.progress-bar2{width:100px}.progress-text1{display:none}.progress-text1:hover{display:block}}@media (max-width: 480px){.perfil{padding:4px 8px}.profile-image{width:30px;height:30px}.username,.vpoints-number{font-size:12px}}.botones-tienda-armario{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:flex-start;z-index:1}.boton-tienda,.boton-armario{background-color:#de6a29;border:4px solid #000000;color:#000;padding:10px 15px;border-radius:20px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;text-transform:uppercase;margin:10px;display:flex;align-items:center;justify-content:center;text-align:center}@media (max-width: 768px){.botones-tienda-armario{position:fixed;top:0;right:0;background-color:#de6a29;border-bottom:4px solid #000000;border-left:4px solid #000000;border-bottom-left-radius:20px;padding:5px 10px;margin:0;display:flex;flex-direction:row;gap:5px;z-index:1000}.boton-tienda,.boton-armario{margin:2px;padding:8px;border-width:2px;width:45px;height:45px;min-width:unset}.boton-tienda img,.boton-armario img{width:20px;height:20px}}.boton-tienda img,.boton-armario img{max-width:100%;max-height:100%}.boton-tienda:hover,.boton-armario:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.boton-tienda:active,.boton-armario:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.icon{width:50px;height:50px;margin-left:5px}.buy-button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.buy-button:active{transform:translateY(2px);box-shadow:0 0 2px #1f1d1c}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.fondo{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#5fbdd4;background-image:url(/assets/sand-BQL3OlG5.jpg);padding:20px;overflow:hidden}.slider{position:relative;width:100%;margin:auto;height:40vh;display:flex;align-items:center;justify-content:center;padding:20px;transform:translateY(20%)}.slider-image{width:100%;height:45vh;border-radius:20px;border:5px solid black;object-fit:cover;object-position:center}.slider-title{margin-top:10px;font-size:24px;text-align:center}.slider-stars{text-align:center;font-size:20px;color:#de6a29;margin-top:5px;text-shadow:1px 1px 0 #000000,-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000}.arrow{top:50%;transform:translateY(-50%);background-color:#de6a29;color:#000;border:4px solid #000000;padding:10px;cursor:pointer;font-size:24px;border-radius:20px;z-index:1;transition:transform .1s ease,box-shadow .1s ease;margin:10px}.arrow:hover{box-shadow:0 6px #1f1d1c}.arrow:active{transform:translate(-20px);transform:translateY(-20px);box-shadow:2px 2px #000}.titulo2{position:absolute;top:0;width:auto;height:25%;text-align:center}.boton-start{margin-top:-20%;position:relative;width:auto;text-align:center}@media (max-width: 768px){.fondo{padding:10px;height:100vh;justify-content:flex-start;gap:20px}.titulo2{display:none}.slider{transform:none;height:50vh;padding:10px;margin-top:22vh;margin-bottom:60px;position:relative}.slider-image{width:90vw;height:300px;margin:0 auto;position:relative}.image-loading-screen{position:absolute;inset:0;width:90vw;height:300px;margin:0 auto;border-radius:20px;border:5px solid black}.arrow{top:40%;position:absolute;padding:8px 12px;font-size:20px}.arrow:first-child{left:5px}.arrow:last-child{right:5px}.boton-start{margin-top:-30%;z-index:2;position:relative}.stars-container{justify-content:center;flex-wrap:wrap}.slider-stars{text-align:center!important;font-size:20px;color:#de6a29;margin-top:5px;text-shadow:1px 1px 0 #000000,-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000}}@media (max-height: 675px){.slider{transform:none;height:40vh;padding:10px;margin-bottom:60px;position:relative}.slider-image{width:100%;height:40vh;border-radius:20px;border:5px solid black;object-fit:cover;object-position:center}.boton-start{z-index:2;position:relative}}@font-face{font-family:Signika;src:url(./Fonts/Signika.ttf) format("truetype")}.image-loading-screen{position:absolute;inset:0;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:15px;margin:5px}.loading-effect{width:100px;height:40px;position:relative;margin-bottom:15px}.circle{width:20px;height:20px;position:absolute;border-radius:50%;background-color:#fff;left:15%;transform-origin:50%;animation:circle .5s alternate infinite ease}.circle:nth-child(2){left:45%;animation-delay:.2s}.circle:nth-child(3){left:75%;animation-delay:.3s}.shadow{width:20px;height:4px;border-radius:50%;background-color:#00000080;position:absolute;top:30px;transform-origin:50%;z-index:-1;left:15%;filter:blur(1px);animation:shadow .5s alternate infinite ease}.shadow:nth-child(4){left:45%;animation-delay:.2s}.shadow:nth-child(5){left:75%;animation-delay:.3s}.image-loading-screen p{color:#fff;font-size:1rem;margin-top:10px;text-shadow:0 0 10px rgba(0,0,0,.5);font-family:Signika,sans-serif}@keyframes circle{0%{top:0;transform:scale(1)}50%{top:-15px;transform:scale(.8)}to{top:0;transform:scale(1)}}@keyframes shadow{0%{transform:scale(1);opacity:.3}50%{transform:scale(.5);opacity:.1}to{transform:scale(1);opacity:.3}}@font-face{font-family:Signika;src:url(./../Fonts/Signika.ttf) format("truetype")}body{font-family:Signika,sans-serif}.parteInferiorLogin{display:flex;flex-direction:column;justify-content:center;align-items:center;bottom:100px}.login-table{display:block;padding:20px;background-color:#d4985f;border-radius:10px;box-shadow:0 0 10px #0000004d;border:5px solid #000000;font-family:IMPACT;font-size:x-large;color:#000;width:fit-content;margin:0 auto}.login-table td{padding:10px;color:#000}.login-table th{padding:10px;color:#000;font-weight:400}.input-field{width:100%;max-width:400px;padding:10px;border:2px solid #000000;border-radius:10px;background-color:#fff;color:#000;font-size:16px;margin:10px 0;box-sizing:border-box}.separator1{display:flex;align-items:center;text-align:center;color:#000;margin:15px 0;font-weight:700}.separator1:before,.separator1:after{content:"";flex:1;border-bottom:2px solid #000000}.separator1:before{margin-right:.25em}.separator1:after{margin-left:.25em}.google-login-cell{justify-content:center;width:100%}.error-message{font-family:Signika,sans-serif;color:red;font-size:.6em;text-align:left;margin-top:-15px!important;margin-bottom:-5px}@media (max-width: 768px){.login-table{width:90%;padding:15px;font-size:large}.input-field{max-width:100%}.google-login-cell{padding:10px 0}.separator{margin:10px 0;font-size:14px}}@media (max-width: 480px){.login-table{padding:10px;font-size:medium}.input-field{padding:8px;font-size:14px}}.containerMapcreator{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box;position:relative;overflow:unset;height:100vh}.maps-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:90%;min-height:68vh;padding:20px;margin:50px auto 100px;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#de6a29 #000}.maps-scrollable,.events-scrollable{display:contents;width:100%}.map-item{width:100%;display:flex;flex-direction:row;align-items:center;padding:15px;border:5px solid #000;background:linear-gradient(360deg,#de6a29,#d4985f);border-radius:10px;box-shadow:4px 4px #000;min-height:150px;position:relative}.map-item>div:first-of-type{display:flex;flex-direction:row;align-items:center;flex:1}.map-image{width:150px;height:100px;margin-right:20px;border:2px solid #000;border-radius:10px}.buttons{display:flex;flex-direction:column;gap:10px;margin-left:20px}@media (max-width: 768px){.maps-container{grid-template-columns:1fr;padding:5px;margin-top:60px;min-width:80vw;align-items:center;z-index:999;overflow-x:hidden;min-height:50vh!important;max-height:50vh!important}.map-item{flex-direction:column;height:auto;padding:15px;max-width:100%;margin:50px 0}.map-item>div:first-of-type{flex-direction:column;width:100%;align-items:center;margin-bottom:15px}.events-container{grid-template-columns:1fr!important;min-height:50vh!important;max-height:50vh!important;margin-top:60px;min-width:80vw;align-items:center;z-index:999;overflow-x:hidden;flex-direction:column;height:auto;padding:15px;max-width:100%}.event-item{display:flex;flex-direction:column!important;height:auto;padding:15px;max-width:100%}.event-item>div:first-of-type{flex-direction:column;width:100%;align-items:center;margin-bottom:15px}.map-image{max-width:100px;max-height:75px;margin:0 0 10px}.details{text-align:center;width:100%;margin-top:0!important}.premisa{word-wrap:break-word!important;white-space:normal!important;overflow:hidden!important;max-width:100%!important;overflow:hidden;max-height:40px!important}.buttons{flex-direction:row;justify-content:center;width:100%}.buttons{display:flex;flex-direction:row!important}.buttons button{flex:0 0 auto;min-width:100px;width:auto;display:inline-flex;align-items:center;justify-content:center}.search-bar input{margin-top:10px!important;margin-bottom:50px!important}.navigate-button{position:fixed;left:50%;transform:translate(-50%);font-size:20px!important;margin-top:150px!important;height:8%;width:auto}.edit-map-button{top:90px!important}.side-menu{position:fixed;left:5%;top:5%!important;width:90%!important;height:90%!important;padding:15px;background:#fff;z-index:1002}}.events-container{display:grid;grid-template-columns:1fr 1fr;width:90%;height:70vh;margin:100px auto 0;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#de6a29 #000;position:relative;justify-items:center}.event-item{width:95%;height:auto;margin:10px auto;display:flex;min-height:150px;max-height:50%;flex-direction:row;align-items:center;border:5px solid #000;background:linear-gradient(360deg,#de6a29,#d4985f)!important;border-radius:10px;box-shadow:4px 4px #000;position:relative;justify-content:space-between;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word}.details{text-align:center;width:100%;margin-top:0;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word;max-width:100%;padding:0 10px;font-family:Signika,sans-serif}.premisa{word-wrap:break-word!important;overflow:hidden;max-height:120px;overflow-y:auto}.map-title{left:20px;text-align:left;font-family:Signika,sans-serif;font-size:20px;margin-bottom:10px;color:#000;font-weight:700}.description{font-family:Signika,sans-serif}.description1{text-align:initial;font-family:Arial}#mapForm{display:flex;flex-direction:column;width:100%;max-width:400px;margin:0 auto;padding:20px;font-family:Arial,Helvetica,sans-serif}#mapForm label{font-size:16px;font-weight:700;margin-bottom:8px;color:#333}#mapForm input[type=file],#mapForm input[type=text],#mapForm textarea{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}#mapForm textarea{height:100px;resize:vertical}#mapForm button{padding:10px 20px;background-color:#de6a29;border:4px solid #000000;color:#000;border-radius:8px;font-size:16px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;font-size:24px;font-family:IMPACT,sans-serif}#mapForm button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}#mapForm button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}#mapForm input{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.title{font-size:20px;font-family:Impact,sans-serif;margin-bottom:10px;color:#000}.buttons button{background-color:#de6a29;border:3px solid #000;font-family:Signika,sans-serif;font-size:16px;padding:10px;margin-bottom:10px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;border-radius:10px}.add-map-container{display:flex;justify-content:center;margin-top:20px}.add-map-button{background-color:#de6a29;border:5px solid #000;color:#000;font-size:30px;font-family:IMPACT,sans-serif;padding:10px 20px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .1s ease,box-shadow .1s ease}.add-map-button:hover{transform:translateY(36px);box-shadow:0 6px #1f1d1c}.add-map-button{height:50px;width:20px;transform:translateY(40px)}.add-map-button:active{transform:translateY(42px);box-shadow:2px 2px #e67300}.search-bar{margin-top:80px;margin-bottom:20px;text-align:center}.search-bar input{width:100%;max-width:400px;padding:10px;border-radius:5px;border:1px solid #ccc;font-size:16px}.navigate-button{position:fixed;top:20px;right:20px;background-color:#de6a29;border:3px solid #000;color:#000;padding:10px 20px;font-family:IMPACT,sans-serif;cursor:pointer;font-size:50px;transition:transform .1s ease,box-shadow .1s ease;border-radius:15px}.navigate-button:hover{transform:scale(1.05);box-shadow:0 4px #1f1d1c}.navigate-button:active{transform:scale(.95);box-shadow:2px 2px #e67300}.delete-button{position:absolute;top:5px;background-color:transparent;border:none;color:#000;z-index:999;left:5px;cursor:pointer}.edit-map-button{top:120px}@font-face{font-family:Signika;src:url(./Fonts/Signika.ttf) format("truetype")}.creator-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:999}.creator-popup-content{background:linear-gradient(360deg,#de6a29,#d4985f);padding:30px;border-radius:15px;width:400px;border:5px solid #000;box-shadow:6px 6px #000;position:relative;display:flex;flex-direction:column;align-items:center}.creator2-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:999}.creator2-popup.open{opacity:1;z-index:9999}.creator2-popup-content{background:linear-gradient(360deg,#de6a29,#d4985f);padding:30px;border-radius:15px;width:400px;border:5px solid #000;box-shadow:6px 6px #000;position:relative;display:flex;flex-direction:column;align-items:center}.close{position:absolute;top:15px;right:15px;font-size:30px;font-family:Signika,sans-serif;color:#000;cursor:pointer;transition:transform .1s ease}.popup-content label{font-family:Signika,sans-serif;color:#000;font-size:18px;margin-bottom:10px}.popup-content input[type=file],.popup-content input[type=text],.popup-content textarea{width:100%;padding:10px;margin-bottom:20px;border:3px solid #000;border-radius:10px;box-shadow:2px 2px #000;font-size:16px;outline:none;transition:all .1s ease-in-out}.popup-content input[type=file]:hover,.popup-content input[type=text]:hover,.popup-content textarea:hover{transform:translateY(-2px);box-shadow:4px 4px #000}.popup-content button{background-color:#de6a29;border:4px solid #000;font-family:Signika,sans-serif;font-size:20px;padding:10px 20px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;border-radius:10px}.side-menu{position:absolute;right:-125%;top:0%;background:linear-gradient(360deg,#de6a29,#d4985f);border-radius:15px;width:400px;border:5px solid #000;box-shadow:6px 6px #000;padding:10px;box-shadow:0 2px 10px #0000001a;z-index:1000;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#de6a29 #000;scroll-behavior:smooth}.consequences-list{width:100%;padding:10px;background:linear-gradient(360deg,#de6a29,#d4985f);border:3px solid #000;border-radius:10px;box-shadow:4px 4px #000;margin-top:20px;overflow-y:auto;max-height:200px;scrollbar-width:thin;scrollbar-color:#de6a29 #000;scroll-behavior:smooth;margin-bottom:25px}.consequences-list li{background-color:#d4985f;border:2px solid #000;padding:10px;margin-bottom:10px;border-radius:10px;display:flex;flex-direction:column;box-shadow:2px 2px #000;transition:transform .1s ease,box-shadow .1s ease}.consequences-list li:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.consequences-list li:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.consequence-detail{display:inline-block;margin-right:10px}.premise{font-family:IMPACT,sans-serif}.side-menu select{width:100%;padding:10px;margin-bottom:20px;border:3px solid #000;border-radius:10px;box-shadow:4px 4px #000;font-size:16px;color:#000;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;outline:none;font-family:Signika,sans-serif}.side-menu select:hover{transform:translateY(-2px);box-shadow:6px 6px #1f1d1c}.side-menu select:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.side-menu select option{font-size:16px;color:#000}@font-face{font-family:Signika;src:url(./Fonts/Signika.ttf) format("truetype")}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.event-node{background-color:#de6a29;border:4px solid #000;border-radius:15px;padding:10px;min-width:220px;box-shadow:4px 4px #000;font-family:Signika,sans-serif;color:#000;transition:all .3s ease}.event-node-empty{background-color:#ff4d4d;border:4px solid #000;border-radius:15px;padding:10px;min-width:220px;box-shadow:4px 4px #000;font-family:Signika,sans-serif;color:#000}.event-node,.event-node-empty{min-width:220px;max-width:500px;box-shadow:4px 4px #000;font-family:Signika,sans-serif;color:#000;transition:all .3s ease;display:flex;flex-direction:column}.event-node-title{font-size:18px;font-weight:700;margin-bottom:6px}.event-node-options{list-style:none;padding:0;margin:0}.event-node-option{background-color:#ffd699;border:3px solid #000;border-radius:12px;padding:6px 8px;margin-bottom:4px;cursor:pointer;font-size:14px;transition:transform .1s,box-shadow .1s;position:relative}.event-node-option:hover{transform:translateY(-2px);box-shadow:2px 2px #000}.event-node-add{margin-top:6px;background-color:#de6a29;border:4px solid #000;color:#000;padding:6px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px #000}.event-node-add:hover{transform:translateY(-2px);box-shadow:4px 4px #000}.event-node-popup{position:absolute;top:100%;left:0;background-color:#de6a29;border:4px solid #000;border-radius:15px;padding:20px;z-index:9999;width:280px;max-height:80vh;overflow-y:auto;box-shadow:6px 6px #000;color:#000}.event-node-popup input,.event-node-popup textarea,.event-node-popup select{width:100%;margin-top:4px;padding:6px;border-radius:8px;border:3px solid #000;font-family:Signika,sans-serif;font-weight:700}.popup-actions button{background-color:#de6a29;border:4px solid #000;color:#000;font-weight:700;padding:6px 12px;border-radius:12px;cursor:pointer;transition:transform .1s ease;margin-right:6px}.popup-actions button:hover{transform:translateY(-2px);box-shadow:2px 2px #000}.react-flow__edges{transition:background .3s ease}.edge-menu{background:#fff;border:1px solid #333;border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 6px #00000040;z-index:9999;pointer-events:all}.edge-menu button{background:#f0f0f0;border:none;padding:4px 6px;cursor:pointer;border-radius:4px;font-size:12px;transition:background .3s ease}.edge-menu button:hover{background:#3b82f6}.react-flow__edges{overflow:visible!important;pointer-events:none}.custom-edge foreignObject{pointer-events:all!important}.option-handle{width:20px;height:20px;background-color:green;border:4px solid #000;border-radius:50%;box-shadow:2px 2px #000;transform:translate(30px,-10px)}.event-node-handle{width:20px;height:20px;background-color:red;border:4px solid #000;border-radius:50%;box-shadow:2px 2px #000;transform:translate(-10px,-10px)}.eventreator-wrapper{display:flex;flex-direction:column;height:100vh}.eventreator-container{flex:1;font-family:Comic Neue,Arial,sans-serif;background-color:#fffbe9;background-image:linear-gradient(#00000022 1px,transparent 1px),linear-gradient(90deg,#00000022 1px,transparent 1px);background-size:60px 60px;border:4px solid #000;box-shadow:inset 4px 4px #0005}.toolbar{position:absolute;top:20px;right:20px;display:flex;gap:8px;background:#fff;border:2px solid #444;border-radius:8px;padding:6px 10px;box-shadow:0 3px 8px #0003;z-index:10}.toolbar button{background:#f5f5f5;border:none;border-radius:6px;padding:6px 10px;font-size:14px;cursor:pointer;transition:background .2s}.toolbar button:hover{background:#ddd}.game-container{display:flex;flex-direction:column;align-items:center;height:100vh;width:100vw;background-size:cover;background-position:bottom center}.character{position:fixed;margin:auto;max-height:600px;display:flex;justify-content:center;align-items:center;flex-grow:1;bottom:50px;transition:all .1s ease-in-out}.character-img{height:600px}.character:hover{cursor:pointer;transform:translateY(-5%)}.character:active{transform:translateY(5%)}.backpack-button{position:fixed;bottom:50px;left:50px}.bottle-button{position:fixed;bottom:50px;right:50px}.button-img{height:200px}.button{background-color:transparent;border:none;cursor:pointer;padding:0;transition:all .1s ease-in-out}.button:hover{transform:scale(1.2)}.button:active{transform:scale(.95)}.options{display:flex;flex-direction:column;gap:10px;border:5px black;margin-top:35px}.option-button,.close-button{width:100%;background:#de6a29;background-color:#de6a29;border:4px solid #000000;color:#000;font-size:20px;font-family:IMPACT,sans-serif;padding:15px 30px;border-radius:20px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;text-transform:uppercase}.option-button:hover,.close-button:hover{background-color:#ff0;transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.option-button:active,.close-button:active{background-color:#ff0;transform:translateY(2px);box-shadow:2px 2px #e67300}.close-icon{position:absolute;top:10px;right:10px;font-size:30px;color:#000;cursor:pointer}.close-icon:hover{color:#dc3545}.bottle-popup-content{max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative}.popup-body{padding:10px;overflow:visible}.game-close{position:absolute;top:10px;right:10px;font-size:30px;color:#000;cursor:pointer;z-index:10}@media (max-width: 768px){.game-container{position:fixed;inset:0}.character{margin-top:15vh;align-items:center}.character-img{height:400px}.button-img{height:120px}.backpack-button{bottom:30px;left:30px}.bottle-button{bottom:30px;right:30px}}.stats-bar{display:flex;justify-content:space-between;width:100%;margin-bottom:10px;gap:10px}.stats-bar-container{display:flex;flex-direction:column;align-items:center;width:60%;margin:0 auto;position:fixed;top:40px;left:0;right:0}.stat{width:48%}.progress-bar1{background-color:#e0e0e0;height:50px;overflow:hidden;position:relative;border:3px solid black;border-radius:10px}.progress{height:100%;transition:width .5s ease;display:flex;align-items:center;justify-content:center;position:relative;border-width:10px;border-color:#000}.salud{background:linear-gradient(360deg,maroon,#b30000)}.comida{background:linear-gradient(360deg,#fc0,#f90)}.sed{background:linear-gradient(360deg,#0ca9f2,#0073e6)}.cordura{background:linear-gradient(360deg,#8e44ad,#a569bd)}.stat-icon{position:absolute;left:15%;transform:translate(-50%);height:100%;z-index:1}.progress-text{position:absolute;left:50%;transform:translate(-50%);color:#fff;font-weight:700;display:flex;z-index:2;text-shadow:2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000,2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000}.effects-section{margin-top:50px;width:100%;text-align:center;border-radius:8px;padding:10px}.effects-list{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0;gap:10px;justify-content:center}.effect{display:flex;align-items:center;border:3px solid black;border-radius:10px;background-color:#f4f4f4;position:relative;flex-direction:column}.effect .effect-info{display:none}.effect:hover .effect-info{padding:5px 10px;display:block;text-align:center;color:#333}.effect-icon{width:70px;height:70px;margin-bottom:5px;vertical-align:middle}@media (max-width: 768px){.stats-bar{flex-direction:row;flex-wrap:wrap;gap:0px}.stats-bar-container{width:80%}.stat{width:48%;margin-bottom:10px}.progress-bar1{height:40px}.stat-icon{left:10%;height:80%}.effects-section{margin-top:220px}.effect-icon{width:50px;height:50px}}.bottle-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:999}.bottle-popup-content{background:linear-gradient(135deg,#de6a29,#d4985f);padding:70px;border-radius:20px;width:65%;max-width:900px;border:6px solid #000;box-shadow:12px 12px #000c;animation:popIn .4s ease-out;overflow:visible}.bottle-popup-content-scroll{overflow-x:hidden;overflow-y:auto;max-height:80vh}.consequence_text{font-family:Roboto,sans-serif;font-size:1.2em;color:#000;text-shadow:1px 1px 0 rgba(255,255,255,.3);margin:25px 0;text-align:center;padding:15px;background:#ffffff26;border-radius:15px;border:3px solid #000;box-shadow:4px 4px #0000004d}.game-close{position:absolute;top:-15px;right:-15px;background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;z-index:999999999999;transition:all .2s ease}.game-close:hover{background-color:#d32f2f;transform:scale(1.1)}.option-button{background:#de6a29;border:4px solid #000;padding:12px 25px;border-radius:12px;font-family:IMPACT,sans-serif;font-size:18px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;margin:10px;color:#000;box-shadow:4px 4px #0000004d}.option-button:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 6px #000}.option-button:active:not(.disabled){transform:translateY(2px);box-shadow:0 2px #000}.option-button.disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;background:#888}.consequence_image{width:15%;max-width:300px;display:block;margin:0 auto}@media (max-width: 768px){.bottle-popup-content{width:90%;padding:25px}.consequence_text{font-size:1em;padding:10px}.option-button{padding:10px 20px;font-size:16px;margin:8px}}.popup-content{background:#fff;padding:20px;border-radius:8px;width:80%;max-width:600px;text-align:center}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.item-box{background:#f2f2f2;border:1px solid #ccc;border-radius:4px;padding:10px;text-align:center}.item-image{max-width:80%;height:auto}.item-name{margin-top:5px}.close-button{margin-top:15px}.exit-button{position:fixed;top:20px;right:20px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#fff}.popup{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:20px;border-radius:8px;width:80%;max-width:400px;text-align:center}.popup-content button{margin:5px}.game-over-popup{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:#fff;padding:20px;border-radius:10px;text-align:center}.backpack-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:999}.backpack-popup-content{background:linear-gradient(135deg,#de6a29,#d4985f);padding:40px;border-radius:20px;width:75%;max-width:1000px;border:6px solid #000;box-shadow:12px 12px #000c;position:relative;display:flex;flex-direction:column;align-items:center;animation:popIn .4s ease-out;transform-origin:center}.backpack-items{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:20px;width:100%;max-height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#de6a29 #000}.backpack-items::-webkit-scrollbar{width:8px}.backpack-items::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.backpack-items::-webkit-scrollbar-thumb{background:#de6a29;border-radius:4px;border:2px solid #000}.backpack-items::-webkit-scrollbar-thumb:hover{background:#c55a20}.backpack-item{background:#ffffff26;border:4px solid #000;border-radius:15px;padding:20px;transition:all .3s ease;box-shadow:6px 6px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.backpack-item:hover{transform:translateY(-5px);box-shadow:8px 8px #0006;background:#fff3}.item-details{margin-top:15px;color:#000;text-shadow:1px 1px 0 rgba(255,255,255,.3)}.item-name{font-family:IMPACT,sans-serif;font-size:1.2em;margin-bottom:8px;color:#000;text-transform:uppercase;letter-spacing:1px}.item-description{font-family:Arial,sans-serif;font-size:.9em;line-height:1.4;margin-bottom:15px}.use-button{background:#de6a29;border:3px solid #000;padding:8px 15px;border-radius:10px;font-family:IMPACT,sans-serif;font-size:16px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;margin-top:10px}.use-button:hover{transform:translateY(-3px);box-shadow:0 4px #000}.use-button:active{transform:translateY(2px);box-shadow:0 1px #000}.not-use-button{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.backpack-popup-content{width:90%;padding:20px}.backpack-items{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width: 480px){.backpack-items{grid-template-columns:1fr}}.menu-container{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:20px;background-color:transparent;border-radius:8px;position:absolute;top:0;left:0}.menu-button{border-radius:20px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;text-transform:uppercase;margin:10px;display:flex;align-items:center;justify-content:center;max-height:100px;z-index:10}.menu-button:hover{transform:translateY(-4px)}.menu-button:active{transform:translateY(2px)}.volume-slider{width:100px;margin-top:10px;transform:rotate(-90deg)}@media (max-width: 768px){.menu-container{top:120px;left:0}.menu-button{max-height:50px}.volume-slider{width:50px;margin-top:10px;transform:rotate(-90deg);z-index:10}}.character-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:999}.character-popup-content{background:linear-gradient(135deg,#de6a29,#d4985f);padding:40px;border-radius:20px;width:75%;max-width:1000px;max-height:90vh;border:6px solid #000;box-shadow:12px 12px #000c;position:relative;display:flex;flex-direction:column;align-items:center;animation:popIn .4s ease-out;transform-origin:center;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#de6a29 #000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.character-section{text-align:center;margin-bottom:30px}.character-popup-image{width:200px;height:200px;object-fit:cover;border-radius:15px;border:4px solid #000;box-shadow:6px 6px #0000004d;margin-bottom:15px;background-color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;width:100%;padding:20px;background:#ffffff26;border-radius:15px;border:4px solid #000}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-bar{width:100%;height:20px;background-color:#0003;border-radius:10px;overflow:hidden;border:3px solid #000}.stat-fill{height:100%;transition:width .3s ease}.stat-fill.health{background-color:#f44}.stat-fill.hunger{background-color:#fb3}.stat-fill.thirst{background-color:#33b5e5}.stat-fill.sanity{background-color:#00c851}.effects-grid{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem}.effect-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:#0000001a;border-radius:8px;transition:all .3s ease}.effect-item:hover{background:#0003}.effect-icon{width:32px;height:32px;object-fit:contain}.effect-info{display:flex;flex-direction:column;gap:.25rem}.effect-name{text-align:left;font-weight:700;text-transform:capitalize}.effect-turns{font-size:.9em;color:#000}.effect-item.poison{background-color:#9200001a}.effect-item.dehydration{background-color:#0000921a}.effect-item.broken_bones{background-color:#9292001a}.passive-section{margin-bottom:25px;padding:15px;background:#ffffff26;border-radius:12px;border:3px solid #000;width:100%}.events-list{display:grid;gap:15px;width:100%;max-height:300px;overflow-y:auto;padding:10px}.event-item{background:#ffffff26;padding:20px;border-radius:12px;border:3px solid #000;box-shadow:4px 4px #0000004d}.event-item h4{margin:0 0 10px;font-family:IMPACT,sans-serif;color:#000}.close-button{position:absolute;top:15px;right:15px;background:#de6a29;border:3px solid #000;padding:8px 15px;border-radius:10px;font-family:IMPACT,sans-serif;font-size:16px;cursor:pointer;transition:all .2s ease;color:#000}.close-button:hover{transform:translateY(-3px);box-shadow:0 4px #000}.close-button:active{transform:translateY(2px);box-shadow:0 1px #000}.game-close1{position:absolute;top:15px;right:15px;font-size:20px;padding:5px 10px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer;z-index:999999999999;transition:all .2s ease}.game-close1:hover{background-color:#d32f2f;transform:scale(1.1)}.events-list::-webkit-scrollbar{width:8px}.events-list::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.events-list::-webkit-scrollbar-thumb{background:#de6a29;border-radius:4px;border:2px solid #000}.events-list::-webkit-scrollbar-thumb:hover{background:#c55a20}@media (max-width: 768px){.character-popup-content{width:90%;padding:25px}.stats-grid{grid-template-columns:1fr}.character-popup-image{width:150px;height:150px}.effects-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 480px){.character-popup-content{width:95%;padding:20px}.character-popup-image{width:120px;height:120px}}.character-popup-content::-webkit-scrollbar{width:8px}.character-popup-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.character-popup-content::-webkit-scrollbar-thumb{background:#de6a29;border-radius:4px;border:2px solid #000}.character-popup-content::-webkit-scrollbar-thumb:hover{background:#c55a20}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999999999999}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-top:20px;margin-left:auto;margin-right:auto;display:block}.loading-screen p{color:#fff;font-size:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.closet-background{background-image:url(/assets/sand-BQL3OlG5.jpg);width:100vw;height:100vh;overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center}.closet-container{padding:20px;border-radius:10px;width:100vw;height:85vh;text-align:center;position:relative;align-items:center;justify-content:center;flex-direction:column;display:flex;bottom:-13%}.boton-ordenar{position:absolute;top:-20%;left:50%;transform:translate(-50%);background-color:#de6a29;border:4px solid #000000;color:#000;font-size:24px;font-family:IMPACT,sans-serif;padding:15px 30px;border-radius:20px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;text-transform:uppercase;display:block}.boton-ordenar:hover{transform:translate(-50%,-4px);box-shadow:0 6px #1f1d1c}.boton-ordenar:active{transform:translate(-50%,2px);box-shadow:0 2px #000}.closet-character-gallery{display:flex;overflow-y:auto;width:100%;padding:20px;border-radius:10px;height:80vh}.closet-character-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;justify-items:center;max-height:100%;overflow-y:auto;width:100%;padding:20px;border-radius:10px;align-items:center}.closet-character-item{margin:15px;text-align:center;width:250px;padding:10px;border-radius:10px;transition:transform .2s ease,border .2s ease;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:2px solid transparent;box-shadow:0 4px 8px #0000001a;height:450px;border:1px solid #000}.closet-character-item.selected{transform:scale(1.05);border:4px solid black}.closet-character-image{width:200px;height:200px;object-fit:cover;border-radius:5px;border:1px solid #333;margin-bottom:10px;background-color:#fff}.closet-character-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:14px;text-align:center;padding:10px;background-color:#f2f2f2;border-radius:5px;width:100%;align-items:center}.closet-stat{display:flex;align-items:center;width:45%}.select-button{margin-top:10px}.error-message{color:red;margin-top:20px}.level-progress-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:-10px}.level-container{display:flex;align-items:center}.star-wrapper{position:relative;display:inline-block;z-index:10}.level-star{width:40px;height:40px}.level-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#fff;font-weight:700}.cards-container{display:flex;align-items:center;position:relative;width:100%}.progress-bar{position:relative;height:20px;background-color:#a9a9a9;width:100%;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background-color:green;transition:width .3s}.progress-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;color:#fff;font-weight:700}.action-button{background:url(/assets/arrow-Fyty5ilj.svg) no-repeat center;background-size:contain;border:none;cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:transform .2s ease,background-color .2s ease}.action-button:hover{transform:scale(1.1)}.action-button:active{transform:scale(.95)}.action-icon{height:0px}.rarity-common{background-color:#e0e0e0}.rarity-rare{background-color:#b2ff59}.rarity-super-rare{background-color:#ffd600}.rarity-epic{background-color:#9c27b0}.rarity-legendary{background-color:#f44336}.rarity-mythic{background-color:#ff9800}.rarity-exclusive{background-color:#03a9f4}.closet-character-list::-webkit-scrollbar{width:8px}.closet-character-list::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.closet-character-list::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.closet-character-list::-webkit-scrollbar-thumb:hover{background:#00000080}.progress-text2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;text-shadow:1px 1px 2px black;white-space:nowrap;z-index:1}@media (max-width: 768px){.boton-ordenar,.closet-search-bar input{z-index:-5}.closet-container{padding:10px;height:85vh;width:100vw;margin-bottom:150px}.closet-character-list{grid-template-columns:repeat(2,1fr);gap:15px;padding:8px;width:100%}.closet-character-item{max-width:130px;max-height:240px;padding:2px;border:1px solid #000;margin:2px 0}.closet-character-image{width:70px;height:70px}.closet-character-stats{gap:2px;padding:2px;font-size:10px}.stat-image{width:15px;height:15px}.level-progress-container{margin-top:2px}.level-star,.action-button{width:25px;height:25px}.progress-bar{height:15px}.progress-text,.level-number{font-size:10px}.closet-search-bar input{width:100%;position:relative;top:20px;margin-bottom:10px;border-radius:5px;border:1px solid #ccc}}.fondo2{background-image:url(/assets/sand-BQL3OlG5.jpg);width:100vw;height:100vh;overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center}.containerItemCreator{width:80vw;display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.items-container{flex:1;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:20px;max-height:60vh;width:80vw;transform:translateY(10%);overflow-y:auto;border-width:20px;border-radius:2px;scrollbar-width:thin;scrollbar-color:#de6a29 #000;scroll-behavior:smooth}.items-scrollable{display:contents}.item-object{position:relative;display:flex;flex-direction:row;align-items:center;padding:20px;border:5px solid #000;background:linear-gradient(360deg,#de6a29,#d4985f);border-radius:10px;box-shadow:4px 4px #000;height:150px;font-style:normal}.item-image{width:100px;height:100px;margin-right:20px}.item-title{left:20px;text-align:left;font-family:Arial,sans-serif;font-size:20px;margin-bottom:10px;color:#000;font-weight:700}.separator{margin-top:10px;margin-bottom:10px;border-bottom:1px solid #ccc}.buttons{display:flex;flex-direction:column;justify-content:center}.buttons button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.buttons button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.add-item-container{display:flex;justify-content:center;margin-top:50px}.add-item-button{background-color:#de6a29;border:5px solid #000;color:#000;font-size:30px;font-family:IMPACT,sans-serif;padding:10px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .1s ease,box-shadow .1s ease;width:50px;height:50px}.add-item-button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.add-item-button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.search-bar{display:flex;justify-content:center;margin-bottom:20px}.search-bar input{width:100%;padding:10px;border:2px solid #000;border-radius:5px;font-size:16px;outline:none}.search-bar input:focus{border-color:#de6a29}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:-5;opacity:0;transition:opacity .3s ease}.popup.open{opacity:1;z-index:9999}.popup-content{background:linear-gradient(360deg,#de6a29,#d4985f);padding:30px;border-radius:15px;width:400px;border:5px solid #000;box-shadow:6px 6px #000;position:relative;display:flex;flex-direction:column;align-items:center}.close{position:absolute;top:15px;right:15px;font-size:30px;font-family:IMPACT,sans-serif;color:#000;cursor:pointer;transition:transform .1s ease;border:transparent}.close:hover{transform:scale(1.2)}.popup-content form{width:100%;display:flex;flex-direction:column;align-items:center}.popup-content label{font-family:IMPACT,sans-serif;color:#000;font-size:18px;margin-bottom:10px}.popup-content input[type=file],.popup-content input[type=text],.popup-content textarea,.popup-content select{width:100%;padding:10px;margin-bottom:20px;border:3px solid #000;border-radius:10px;box-shadow:2px 2px #000;font-size:16px;outline:none;transition:all .1s ease-in-out}.popup-content input[type=file]:hover,.popup-content input[type=text]:hover,.popup-content textarea:hover,.popup-content select:hover{transform:translateY(-2px);box-shadow:4px 4px #000}.popup-content textarea{height:100px;resize:none}.popup-content button{background-color:#de6a29;border:4px solid #000;font-family:IMPACT,sans-serif;font-size:20px;padding:10px 20px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;border-radius:10px}.popup-content button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.popup-content button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}@media (max-width: 768px){.items-container{grid-template-columns:1fr;padding:5px 20px;width:95vw;margin:60px auto 0;transform:none}.item-object{flex-direction:column;height:auto;padding:15px;max-width:100%;width:100%;margin:10px auto}.item-object>div:first-of-type{flex-direction:column;width:100%;align-items:center;margin-bottom:15px}.item-image{max-width:100px;max-height:100px;margin:0 0 10px}.details{text-align:center;width:100%;margin-top:20px;margin-bottom:-20px}.buttons{flex-direction:row!important;justify-content:center;width:100%;margin-top:10px}.buttons button{flex:0 0 auto;min-width:100px;width:auto;display:inline-flex;align-items:center;justify-content:center}.search-bar input{margin-top:40px;margin-bottom:10px}.navigate-button{position:fixed;left:50%;transform:translate(-50%);font-size:20px!important;margin-top:180px;height:8%;width:auto;z-index:1000}.add-item-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);margin:0;z-index:1000}.popup-content{width:90%;max-width:350px;margin:20px;padding:20px}.containerItemCreator{width:100vw;padding:10px;display:flex;align-items:center}.items-scrollable{width:100%;display:flex;flex-direction:column;align-items:center}}.gatcha-background{background-color:#e6be8a;background-image:url(/assets/sand-BQL3OlG5.jpg);width:100vw;height:100vh;overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center}.gatcha-container{padding:20px;border-radius:10px;width:100vw;height:90vh;text-align:center;position:relative;align-items:center;justify-content:center;flex-direction:column;display:flex;bottom:-5%}.gatcha-character-gallery{display:grid;gap:10px;justify-items:center;max-height:85%;overflow-y:auto;width:100%;padding:0;border-radius:10px;background-image:url(/assets/madera3-ajgBI7-f.png);background-size:cover;background-position:center;background-repeat:no-repeat;border:5px solid #5a3e1b;box-shadow:0 0 10px #000000b3}.gatcha-character-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-items:center;width:100%;padding:20px;max-height:70vh;overflow-y:auto}.gatcha-character-item{width:100%;max-width:250px;height:auto;min-height:405px;margin:0;padding:15px;border-radius:10px;transition:transform .3s ease;cursor:pointer;border:1px solid #000}.gatcha-character-item:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000004d}.gatcha-character-image{width:200px;height:200px;object-fit:cover;border-radius:5px;border:1px solid #333;margin-bottom:10px;background-color:#fff}.gatcha-character-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:14px;text-align:center;padding:10px;background-color:#f2f2f2;border-radius:5px;width:100%;align-items:center}.gatcha-stat{display:flex;align-items:center;width:45%}.stat-image{width:40px;height:40px;object-fit:cover;border-radius:5px}.gatcha-character-info{width:100%;text-align:center}.gatcha-character-name{font-size:20px;font-weight:700;margin-bottom:5px}.gatcha-character-probability{font-size:16px;color:#666}.rarity-base{position:relative;overflow:hidden}.rarity-base:before{content:"";position:absolute;inset:0;background-repeat:repeat;background-size:420px 420px;background-position:center;opacity:.3;pointer-events:none;z-index:0}.rarity-base>*{position:relative;z-index:1}.rarity-common{border:2px solid #5a8fcf;background-color:#add8e6}.rarity-common:before{background-image:url(/assets/common-DwgKxmo_.jpeg)}.rarity-rare{border:3px solid #2a4f7d;background-color:#4682b4}.rarity-rare:before{background-image:url(/assets/rare-Tln_nkyY.jpeg)}.rarity-super-rare{border:4px solid #228b22;background-color:#32cd32}.rarity-super-rare:before{background-image:url(/assets/super-rare-Z4hf9rsx.jpeg)}.rarity-epic{border:5px double #551a8b;background-color:#8a2be2}.rarity-epic:before{background-image:url(/assets/epic-CV9KTSa9.jpeg)}.rarity-legendary{border:6px double #b25a00;background-color:#ff8c00}.rarity-legendary:before{background-image:url(/assets/legendary-B3hjrg8u.jpeg)}.rarity-mythic{border:7px double #8b2a00;box-shadow:0 0 25px #8b2a00;background-color:#ff4500}.rarity-mythic:before{background-image:url(/assets/mythic-BkQB4eyo.jpeg)}.rarity-exclusive{border:8px double #b38f00;box-shadow:0 0 30px #b38f00,0 0 40px #fff700;background:linear-gradient(135deg,gold,#e6be8a,#c9b037)}.rarity-exclusive:before{background-image:url(/assets/exclusive-Drh0_VUb.jpeg)}.rarity-none{background-color:#d3d3d3}@keyframes glowExclusive{0%{box-shadow:0 0 30px #b38f00,0 0 60px #fff700,0 0 90px #fffbc0,0 0 120px #fffec9}to{box-shadow:0 0 60px #ffec42,0 0 100px #fff700,0 0 140px #fffbc0,0 0 180px #fffec9}}.roll-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}.roll-button{position:absolute;top:-50px;background-color:#de6a29;border:4px solid #000000;color:#000;font-size:24px;font-family:IMPACT,sans-serif;padding:15px 30px;border-radius:20px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;text-transform:uppercase;display:block;transform:translate(-50%);left:50%}.sp-image{width:30px;height:auto;margin-right:5px;vertical-align:middle}.roll-button:hover{transform:translate(-50%,-4px);box-shadow:0 6px #1f1d1c}.roll-button:active{transform:translate(-50%,2px);box-shadow:2px 2px #e67300}.probability-table{position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);margin-top:20px;border-radius:10px;width:15vw;max-height:80vh;background-color:#ffffffe6;border:2px solid #000;overflow:hidden;z-index:-10}.close-button1{position:absolute;top:5px;right:5px;background-color:transparent;color:#000;border:none;padding:4px 8px;cursor:pointer;border-radius:10px}.probability-table .table-container{max-height:25vh;overflow-y:auto}table{width:100%;border-collapse:collapse}.probability-table th,.probability-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd;word-wrap:break-word}.probability-table th{background-color:#f2f2f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-container::-webkit-scrollbar{width:8px}.table-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:#555}.banner-selection{transform:translate(-3%);margin:20px 0;display:flex;justify-content:center;gap:10px}.banner-button{background-color:#add8e6;border:4px solid #000000;color:#000;font-size:24px;font-family:IMPACT,sans-serif;padding:15px 30px;border-radius:20px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;text-transform:uppercase;display:block}.banner-button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.banner-button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.banner-common{background-color:#add8e6}.banner-rare{background-color:#4682b4}.banner-epic{background-color:#8a2be2}@media (max-width: 768px){.gatcha-container{padding:10px;height:100vh;width:100vw}.gatcha-character-gallery{max-height:80%;margin-bottom:20px}.gatcha-character-list{grid-template-columns:repeat(2,1fr);gap:15px;padding:8px;width:100%}.gatcha-character-item{width:130px;max-width:130px;min-height:220px;padding:6px;border:1px solid #000}.banner-selection{margin-bottom:50px}.gatcha-character-image{width:80px;height:80px;margin-bottom:4px}.gatcha-character-stats{gap:3px;padding:4px}.stat-image{width:20px;height:20px}.gatcha-character-name{font-size:12px;margin-bottom:2px}.gatcha-character-probability{font-size:11px}.probability-table{width:90vw}.banner-button,.roll-button,.boton-ordenar{font-size:16px;padding:8px 15px;width:30%;height:90%}.sp-image{width:20px}.roll-button{position:absolute;top:16%;width:85%;font-size:16px;padding:0;height:5%}}.gatcha-character-list::-webkit-scrollbar{width:8px}.gatcha-character-list::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.gatcha-character-list::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.gatcha-character-list::-webkit-scrollbar-thumb:hover{background:#00000080}.roll-button.disabled{opacity:.5;cursor:not-allowed}.character-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.loading-effect{display:flex;justify-content:center;align-items:center}.loading-effect .circle{width:15px;height:15px;margin:0 5px;border-radius:50%;background-color:#de6a29;animation:bounce .6s infinite alternate}.loading-effect .circle:nth-child(2){animation-delay:.2s}.loading-effect .circle:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.character-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0)!important;z-index:1000;transition:transform .3s ease;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003}.character-popup img{width:200px;height:auto}.character-popup.show{transform:translate(-50%,-50%) scale(.5)}.popup-overlay{transform:scale(2);position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}@keyframes expand{0%{transform:scale(0)}to{transform:scale(1)}}.animate-popup{animation:expand .3s ease forwards}@media (max-height: 675px){.roll-button{position:absolute;top:18%!important;width:85%;font-size:16px;padding:0;height:5%}.banner-selection{margin-bottom:10px}}.roll-popup-content{background-color:#fff;padding:20px;border-radius:10px;width:100%;max-width:600px;text-align:center;position:relative;box-shadow:0 0 20px #00000080;animation:swooshIn .6s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes swooshIn{0%{opacity:0;transform:perspective(1000px) translateY(-100px) rotateX(20deg) scale(.8)}to{opacity:1;transform:perspective(1000px) translateY(0) rotateX(0) scale(1)}}.roll-character.middle{transform:scale(1.5);z-index:1}.rolling-container{display:flex;justify-content:center;align-items:center;position:relative;height:100px}.characters-wrapper{display:flex}.roll-character-item{display:flex;justify-content:center;align-items:center}.roll-character-image{width:100%;height:auto}.final-character{margin-top:20px}.roll-character{min-width:200px;border:5px solid black;transition:transform .3s ease}.final-character-image{z-index:1000000;height:500px}.close{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;z-index:999999999999}.close:hover{background-color:#d32f2f}.characters-wrapper{display:flex;justify-content:center;align-items:center}.final-character-item{animation:popUpCharacter .8s ease-out forwards}@keyframes popUpCharacter{0%{transform:scale(.2) translateZ(-500px);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}@media (max-width: 768px){.roll-popup-content{box-shadow:0 0 20px #0000;width:90%;max-width:none;padding:15px;background-color:transparent;animation:swooshInMobile .6s cubic-bezier(.68,-.55,.265,1.55) forwards}.rolling-container{height:auto}.characters-wrapper{flex-direction:column}.roll-character{min-width:80px;border:5px solid black;transition:transform .3s ease}.roll-character.middle{transform:scale(1.2)}.roll-character-item{margin:0 auto;height:80px;width:80px}.roll-character-image{width:100%;height:auto}.final-character-item{height:100%;width:100%;transform:scale(2.2);position:relative;animation:popUpCharacterMobile .8s ease-out forwards}@keyframes popUpCharacterMobile{0%{transform:scale(.2) translateZ(-500px);opacity:0}to{transform:scale(2.2) translateZ(0);opacity:1}}.final-character-image{height:100%;width:100%}.close{position:relative;top:-90px;right:-40px;padding:5px 8px;font-size:12px;z-index:1000001}@keyframes swooshInMobile{0%{opacity:0;transform:perspective(1000px) translateY(-50px) rotateX(20deg) scale(.8)}to{opacity:1;transform:perspective(1000px) translateY(0) rotateX(0) scale(1)}}}@font-face{font-family:Signika;src:url(./Fonts/Signika.ttf) format("truetype")}.background{background-image:url(/assets/sand-BQL3OlG5.jpg);width:100vw;height:100vh;overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0}.containerMapCreator{width:80vw;display:flex;flex-direction:row;padding:20px;box-sizing:border-box;overflow:hidden}.searchBar{margin-bottom:20px;text-align:center}.searchBar input{width:100%;max-width:400px;padding:10px;border-radius:5px;border:1px solid #ccc;font-size:16px;font-family:Signika,sans-serif}.searchBar input:focus{border-color:#de6a29}.sortButtons{text-align:center;margin-bottom:20px}.sortButtons button{background-color:#de6a29;border:4px solid #000000;color:#000;font-size:24px;font-family:Signika,sans-serif;padding:15px 30px;border-radius:20px;cursor:pointer;margin:5px;transition:transform .1s ease,box-shadow .1s ease}.sortButtons button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.sortButtons button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.mapsGrid{flex:1;padding:20px;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,auto);gap:20px;height:60vh;width:80vw;transform:translateY(10%);overflow-y:auto;border-width:20px;border-radius:2px;scrollbar-width:thin;scrollbar-color:#de6a29 #000;scroll-behavior:smooth}.mapsGrid::-webkit-scrollbar{width:10px}.mapsGrid::-webkit-scrollbar-thumb{background-color:#de6a29;border-radius:10px}.mapCard{background:linear-gradient(360deg,#de6a29,#d4985f);padding:20px;border-radius:10px;border:3px solid #000;display:grid;grid-template-columns:150px 1fr 80px;grid-template-rows:auto 1fr auto;gap:10px;align-items:center;position:relative;width:75vw;height:15vh}.mapThumbnail{position:absolute;top:8px;left:10px;width:15%;height:90%;border:2px solid #000;border-radius:10px}.mapDetails{text-align:center}.mapTitle{position:absolute;left:20%;top:5%;font-size:20px;color:#000;font-weight:700;text-align:left;font-family:Signika,sans-serif}.mapDescription{position:absolute;left:20%;top:30%;font-size:14px;text-align:left;font-family:Signika,sans-serif;max-height:50px;max-width:47vw;overflow-x:auto;overflow-y:auto}.mapDifficulty{position:absolute;left:20%;top:50%;font-size:14px;text-align:left;font-family:Signika,sans-serif}.mapRating{position:absolute;right:2vw;top:10px;font-size:14px;color:#000;text-align:left;font-family:Signika,sans-serif}.likeIcon{height:20px;transition:transform .3s ease,filter .3s ease,opacity .2s ease;transform:scale(1) translateY(4px);cursor:pointer}.likeIcon:hover{transform:scale(1.2);filter:drop-shadow(2px 4px 6px rgba(0,0,0,.2))}.likeIcon:active{transform:scale(2);opacity:0;transition:transform .1s ease,opacity .1s ease}.mapPlays{position:absolute;right:2vw;bottom:30px;font-size:14px;color:#000;text-align:left;font-family:Signika,sans-serif}.playIcon{height:20px;transition:transform .3s ease,filter .3s ease,opacity .2s ease;transform:scale(1) translateY(4px);cursor:pointer}.playIcon:hover{transform:scale(1.2);filter:drop-shadow(2px 4px 6px rgba(0,0,0,.2))}.playIcon:active{transform:scale(2);opacity:0;transition:transform .1s ease,opacity .1s ease}.mapActions{position:absolute;right:2vw;margin-top:50px;text-align:right}.mapActions button{background-color:#de6a29;border:3px solid #000;font-size:16px;padding:10px;cursor:pointer;border-radius:10px;transition:transform .1s ease,box-shadow .1s ease;font-family:Signika,sans-serif}.mapActions button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.mapActions button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.creatorProfile{position:absolute;right:10%}.profileContainer{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center}.profileImage{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-bottom:5px}.creatorName{font-weight:700;color:#333;font-family:Signika,sans-serif}@media (max-width: 768px){.mapsGrid{grid-template-columns:1fr;padding:5px;margin-top:20px!important;min-width:80vw;align-items:center;overflow-x:hidden;min-height:60vh!important;max-height:60vh!important;transform:none}.mapCard{display:flex;flex-direction:column;height:auto;max-width:100%;width:90%;margin:0 auto;min-height:280px;position:relative}.mapCard>div:first-of-type{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin-bottom:15px;gap:20px}.mapThumbnail{position:relative;width:150px;height:100px;margin:0;order:-1}.mapRating,.mapPlays{display:flex;flex-direction:column;align-items:center;position:relative;margin:-30px 0}.mapPlays{margin-top:1px}.likeIcon,.playIcon{transform:scale(1.2);margin:0}.mapDetails{display:flex;flex-direction:column;width:100%;align-items:flex-start;text-align:left;padding:0;margin-left:5px}.mapTitle{position:relative;width:100%;text-align:left;margin:5px 0;font-size:18px;padding:0;left:0;white-space:nowrap;text-overflow:ellipsis}.mapDescription,.mapDifficulty{position:relative;width:100%;text-align:left;margin:5px 0;padding:0;left:0}.creatorProfile{position:relative;width:100%;margin:10px 0;order:1}.sortButtons{display:flex;flex-direction:row;gap:5px;margin-top:-20px}.sortButtons button{width:100%;font-size:12px;padding:8px}.likeIcon,.playIcon{transform:scale(1);margin:0 5px}.profileContainer{position:relative;margin-top:10px}.profileImage{width:40px;height:40px}.creatorName{font-size:14px}.mapCard{padding:10px}.titleAndProfile{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin:5px 0!important;padding-right:0!important}.mapTitle{position:relative;text-align:left;font-size:18px;padding:0;flex:1}.creatorProfile{position:relative!important;right:0!important;margin:0!important;padding:0!important}.profileContainer{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;margin-right:0!important;padding-right:0!important;justify-content:flex-end!important}.profileImage{width:30px;height:30px;margin:0}.creatorName{font-size:14px;margin:0}.mapCard{padding:10px!important}.mapDetails{padding-right:0!important;width:100%!important}}@font-face{font-family:Signika;src:url(../Fonts/Signika.ttf) format("truetype")}.mi-perfil-container{background-image:url(/assets/sand-BQL3OlG5.jpg);width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#de6a29 #000;scroll-behavior:smooth}.banner{width:100%;height:130px;margin-bottom:1rem;transition:all .3s ease;object-fit:cover;object-position:top center;background-color:#f0f0f0}.profile-info-miperfil{display:flex;flex-direction:column;align-items:center;width:100%;max-width:40vw;min-height:30vh;padding:0;background:linear-gradient(360deg,#de6a29,#d4985f);border:5px solid black;border-radius:10px;color:#fff;position:relative;overflow:hidden}.settings-icon{position:absolute;height:25px;top:5px;right:5px}.separator-miperfil{display:flex;width:100%;margin-bottom:10px}.profile-image-miperfil{top:30%;position:absolute;width:15%;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;z-index:1;border:5px solid #1c1c1c;padding:0;background-color:transparent;background-color:#a9a9a9}.user-details-miperfil{width:100%;text-align:center}.username-followers-miperfil{position:absolute;bottom:10%;display:flex;width:100%;padding:5%;left:0;margin-bottom:10px;justify-content:space-between;align-items:center}.username-miperfil{font-size:2.5em;font-weight:700;margin-right:auto;font-family:Signika,sans-serif}.followers-info-miperfil{display:flex;gap:20px;align-items:center}.followers-miperfil,.following-miperfil{margin:0 10px;font-family:Signika,sans-serif}.description-section-miperfil{display:flex;align-items:center;flex-grow:1}.description-textarea-miperfil{width:100%;min-height:60px;padding:10px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;font-family:Signika,sans-serif}.save-description-miperfil{background-color:#007bff;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;margin-left:20px;margin-bottom:-10px;transition-duration:.1s;font-family:Signika,sans-serif}.save-description-miperfil:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.save-description-miperfil:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.user-level-info-miperfil{width:100%;position:absolute;bottom:0;left:0;padding:10px;display:flex;justify-content:space-between;align-items:center}.level-exp-miperfil{display:flex;justify-content:space-between;align-items:center;width:98%}.level-star1{width:50px;height:50px;margin:0 5px}.level-number1{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#fff;font-weight:700;font-family:Signika,sans-serif}.progress-fill1{height:100%;background-color:#007bff;transition:width .3s}.mapsGrid2{margin-top:-50px;flex:1;padding:50px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,auto);gap:20px;height:60vh;width:80vw;transform:translateY(10%);border-width:20px;border-radius:2px;scrollbar-width:thin;scrollbar-color:#de6a29 #000;scroll-behavior:smooth}.map-thumbnail{width:80px;height:80px;border-radius:5px;object-fit:cover}.map-details{display:flex;flex-direction:column;width:100%;margin-left:10px;font-family:Signika,sans-serif}.map-actions{display:flex;justify-content:flex-end;gap:10px}.like-button,.share-button{background:none;border:none;font-size:18px;cursor:pointer;padding:5px}.user-level-info{margin-top:10px;font-size:em}.user-level-info p{margin:5px 0}@media (max-width: 768px){.profile-info-miperfil{margin-top:100px;max-width:90vw;min-height:350px;margin-bottom:20px}.profile-image-miperfil{width:25%;top:25%}.username-followers-miperfil{flex-direction:column;align-items:center;padding:2%;bottom:15%;justify-content:center}.username-miperfil{font-size:1.8em;margin-bottom:10px;margin-right:0}.followers-info-miperfil{justify-content:center;margin-top:10px}.level-exp-miperfil{flex-direction:column;align-items:center;gap:10px}.sortButtons{display:flex;flex-direction:row;gap:5px;margin-top:-20px}.sortButtons button{width:100%;font-size:12px;padding:8px}.user-level-info-miperfil{padding:5px}.level-star1{width:35px;height:35px}.level-number1{font-size:12px}.progress-bar{width:100%;margin-top:5px}.mapsGrid2{grid-template-columns:1fr;padding:5px;margin-top:20px!important;min-width:80vw;align-items:center;min-height:50vh!important;max-height:50vh!important}}.mapContainer,.mapCard,.mapThumbnail,.mapDetails,.mapTitle,.mapDescription,.mapDifficulty,.mapRating,.mapPlays,.likeIcon,.playIcon,.creatorProfile,.profileContainer,.profileImage,.creatorName,.imageAndActions,.actionsContainer,.titleAndProfile{composes:from "./Online.css"}.username-container{display:flex;align-items:center;gap:1rem}.edit-button-miperfil{padding:5px 15px;border-radius:5px;border:none;cursor:pointer;background-color:#007bff;color:#fff;font-family:Signika,sans-serif}.edit-button-miperfil:hover{background-color:#0056b3}@font-face{font-family:Signika;src:url(./Fonts/Signika.ttf) format("truetype")}.edit-profile-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:100000}.edit-profile-popup-content{background:#fff;border:5px solid #000;border-radius:16px;padding:2rem;width:90%;max-width:500px;box-shadow:4px 4px #000;background:linear-gradient(360deg,#de6a29,#d4985f)}.edit-profile-popup-title{color:#000;font-size:1.8rem;margin-bottom:1.5rem;text-align:center;font-weight:600;font-family:Signika,sans-serif}.edit-profile-popup-select-button{width:100%;padding:.8rem;margin:.5rem 0;border:3px solid #000;background:#de6a29;color:#000;border-radius:10px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;font-family:Signika,sans-serif;font-size:16px}.edit-profile-popup-select-button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.edit-profile-popup-select-button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.edit-profile-popup-save-button{width:100%;padding:.8rem;margin-top:1.5rem;background:#de6a29;color:#000;border:3px solid #000;border-radius:10px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;font-family:Signika,sans-serif;font-size:16px}.edit-profile-popup-save-button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.edit-profile-popup-save-button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.edit-profile-popup-save-button:disabled{background:#e8e8e8;color:#999;cursor:not-allowed;border:3px solid #999;transform:none;box-shadow:none}.edit-profile-popup-close-button{width:100%;padding:.8rem;margin-top:.5rem;background:#fff;color:#000;border:3px solid #000;border-radius:10px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;font-family:Signika,sans-serif;font-size:16px}.edit-profile-popup-close-button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.edit-profile-popup-close-button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.edit-profile-popup-image-selection{width:100%}.edit-profile-popup-subtitle{color:#000;margin-bottom:1rem;text-align:center;font-family:Signika,sans-serif;font-size:1.4rem}.edit-profile-popup-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin:1rem 0;max-height:300px;overflow-y:auto;padding:.5rem;border-radius:12px;border:3px solid #000;background:#fff}.edit-profile-popup-images.banner-grid{grid-template-columns:1fr}.edit-profile-popup-image-option{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;border:3px solid #000}.edit-profile-popup-image-option:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.edit-profile-popup-image-option.selected{border-color:#de6a29;box-shadow:0 0 0 2px #fff,0 0 0 4px #de6a29}.edit-profile-popup-image-option.banner-image{aspect-ratio:16/5}.edit-profile-popup-back-button{width:100%;padding:.8rem;margin-top:1rem;background:#fff;color:#000;border:3px solid #000;border-radius:10px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;font-family:Signika,sans-serif;font-size:16px}.edit-profile-popup-back-button:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c}.edit-profile-popup-back-button:active{transform:translateY(2px);box-shadow:2px 2px #e67300}.followers-popup-overlay{transform:scale(2);position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.followers-popup-content{background:linear-gradient(360deg,#de6a29,#d4985f);padding:30px;border-radius:15px;width:20vw;border:5px solid #000;box-shadow:6px 6px #000;position:relative;display:flex;flex-direction:column;align-items:center;max-height:45vh;overflow-y:auto}.user-item{display:flex;align-items:center;justify-content:space-between;margin:55px 0 10px;width:100%}.user-image{width:40px;height:40px;border-radius:50%;margin-right:10px}.user-details1{display:flex;align-items:center;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.follow-close{position:absolute;top:10px;right:5px;background-color:#f44336;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;z-index:999999999999}.follow-close:hover{background-color:#d32f2f}.user-details1-position{position:absolute;left:15px}.username{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.follow-button1{position:absolute;right:10px;background-color:#de6a29;border:4px solid #000;font-family:IMPACT,sans-serif;font-size:20px;padding:10px 20px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;border-radius:10px}.follow-button1:hover{transform:translateY(-4px);box-shadow:0 6px #1f1d1c;background-color:#0056b3}.follow-button1:active{transform:translateY(2px)}@media (max-width: 768px){.followers-popup-content{width:50vw}.follow-button1{padding:1px 2px;font-size:10px;right:2px!important}.user-details1-position{left:5px}.followers-title{margin-top:10px}.follow-close{top:10px;right:5px}}.shop-background{background-image:url(/assets/sand-BQL3OlG5.jpg);width:100vw;height:100vh;overflow:auto}.money-shop-container{display:flex;flex-direction:column;align-items:center}.button-row{display:flex;justify-content:space-around;width:60%;margin:20px 0;flex-wrap:wrap}.button-row button{background:none;border:none;border-radius:10px;flex:0 1 calc(33.33% - 20px);margin:20px 0;transition:.3s;position:relative;overflow:hidden}.item-purchase{position:absolute;top:0;left:50%;width:90%;background-color:#00000080;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;margin-left:-45%;padding:0 10px;height:30px;display:grid;grid-template-columns:2fr auto;align-items:center}.item-purchase span{display:flex;justify-content:flex-start;align-items:center}.vpointslogo1{display:block;max-height:30px;margin:0;border:0px!important}.price-tag{background-color:#00000080;color:#fff;padding:5px;text-align:center;border-radius:5px;position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:250%;font-weight:900}.button-row img{width:90%;cursor:pointer;border-color:#000;border-radius:10px;height:auto;border:2px solid black}.button-row button:hover{transform:scale(1.05)}.button-row button:active{transform:scale(.95)}.button-row2{margin:20px;display:flex;justify-content:center;width:100%;height:auto;max-height:300px;align-items:center;position:relative}.button-row2 button{position:relative;overflow:hidden;width:100%;height:auto;max-height:300px;border:2px solid black;border-radius:10px;transition:transform .3s;width:57%}.button-row2 button:hover{transform:scale(1.05)}.button-row2 button:active{transform:scale(.95)}.button-row2 img{width:100%;height:auto;height:300px}.single-button{margin-top:20px}.single-button button{background:none;border:none;cursor:pointer}.single-button img{width:150px;height:auto}.final-image{margin-top:20px;width:200px;height:auto}.item-purchase2{width:100%;background-color:#00000080;color:#fff;padding:0 10px;height:30px;display:flex;align-items:center;position:absolute;top:0;left:0;right:0;border-top-left-radius:10px;border-top-right-radius:10px}@media (max-width: 768px){.money-shop-container{margin-top:20%;padding:10px;margin-bottom:20%}.button-row{width:90%;justify-content:center}.button-row button{flex:0 1 calc(50% - 20px);margin:10px}.button-row2{width:90%;margin:10px auto}.button-row2 button{width:90%;height:auto;height:150px}.item-purchase{position:absolute;left:50%;margin-left:-50%;width:100%;font-size:14px;height:25px}.vpointslogo1{max-height:25px}.price-tag{font-size:200%;bottom:5px}.button-row img{width:100%;height:auto}.button-row2 img{width:100%;height:150px;object-fit:cover;object-position:center}}.slider-container{margin:20px auto;max-width:800px;padding:10px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a}.slider-container h2{text-align:center;font-size:24px;margin-bottom:20px;color:#333}.slick-slide{display:flex;justify-content:center;align-items:center;padding:10px}.slick-slide h3{font-size:18px;color:#007bff;font-weight:700}.slick-slide p{font-size:14px;color:#555;text-align:center}.slider-last-purchase{font-size:16px;color:#555;text-align:center;margin-top:5px}.slider-price{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;transition:background-color .3s}.slider-price:hover{background-color:#0056b3}.information-popup{position:fixed;top:0;left:0;right:0;bottom:20vh;display:flex;justify-content:center;align-items:center;z-index:1000}.information-popup-content{background:linear-gradient(360deg,#de6a29,#d4985f);padding:30px;border-radius:15px;width:500px;min-height:20vh;border:5px solid #000;box-shadow:6px 6px #000;display:flex;flex-direction:column;align-items:center;animation:slideIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards;position:relative;overflow:hidden}.information-popup2{position:fixed;top:0;left:0;right:0;bottom:20vh;display:flex;justify-content:center;align-items:center;z-index:1000}.information-popup-content2{background:linear-gradient(360deg,#de6a29,#d4985f);padding:30px;border-radius:15px;width:500px;border:5px solid #000;box-shadow:6px 6px #000;position:relative;max-height:60vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#de6a29 #000;scroll-behavior:smooth}.slider-container{display:flex;flex-direction:column;align-items:center;margin-top:20px}.information-popup-content:before,.information-popup-content:after{content:"";position:absolute;width:100%;height:2px;left:0}.information-popup-content:before{top:60px}.information-popup-content:after{bottom:40px}.information-popup-content h2{width:100%;text-align:center;margin-bottom:20px;color:#000;font-size:24px;font-weight:700}.information-popup-content table{width:100%;border-collapse:collapse;margin:20px 0}.information-popup-content th,.information-popup-content td{padding:12px;text-align:left;border-bottom:1px solid rgba(0,0,0,.2)}.information-popup-content th{font-weight:700;color:#000;background:#0000001a}.information-popup-content td{color:#000}.information-popup-content tr:hover{background:#ffffff1a}.information-close{position:absolute;top:10px;right:15px;font-size:24px;color:#000;cursor:pointer;background:none;border:none;padding:5px;transition:transform .3s ease}.information-close:hover{transform:scale(1.2)}.boton-tabla{position:absolute;cursor:pointer;left:0;margin-bottom:0;top:-13vh}@media screen and (max-width: 768px){.boton-tabla{left:auto;right:1px;top:-22vh}}.form-group{margin-bottom:1rem}.form-input{width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ccc;border-radius:4px}.form-group label{display:block;margin-bottom:.5rem}.cancel-payment-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.cancel-payment-card{background-color:#fff;border-radius:10px;padding:40px;text-align:center;box-shadow:0 4px 6px #0000001a;max-width:500px;width:100%}.cancel-icon{font-size:64px;color:#dc3545;margin-bottom:20px}.cancel-payment-card h1{color:#333;margin-bottom:20px;font-size:28px}.cancel-payment-card p{color:#666;margin-bottom:15px;line-height:1.5}.return-button{display:inline-block;background-color:#007bff;color:#fff;padding:12px 30px;border-radius:5px;text-decoration:none;margin-top:20px;transition:background-color .3s ease}.return-button:hover{background-color:#0056b3}@media (max-width: 480px){.cancel-payment-card{padding:20px}.cancel-payment-card h1{font-size:24px}.cancel-icon{font-size:48px}}.success-payment-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.success-payment-card{background-color:#fff;border-radius:10px;padding:40px;text-align:center;box-shadow:0 4px 6px #0000001a;max-width:500px;width:100%}.success-icon{font-size:64px;color:#28a745;margin-bottom:20px}.success-payment-card h1{color:#333;margin-bottom:20px;font-size:28px}.success-payment-card p{color:#666;margin-bottom:15px;line-height:1.5}.button-container{display:flex;justify-content:center;gap:20px;margin-top:30px}.shop-button,.home-button{display:inline-block;padding:12px 30px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.shop-button{background-color:#28a745;color:#fff}.shop-button:hover{background-color:#218838}.home-button{background-color:#6c757d;color:#fff}.home-button:hover{background-color:#5a6268}@media (max-width: 480px){.success-payment-card{padding:20px}.success-payment-card h1{font-size:24px}.success-icon{font-size:48px}.button-container{flex-direction:column;gap:10px}.shop-button,.home-button{width:100%}}.settings-container{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;height:100vh}.settings-container h2{margin-top:25vh;margin-bottom:20px;font-size:24px;color:#333}.settings-container button{display:block;margin:10px 0;padding:10px 15px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.settings-container button:hover{background-color:#0056b3}.change-password-form{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:20px}.change-password-form h3{margin-bottom:15px}.change-password-form input{display:block;width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.change-password-form button{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.change-password-form button:hover{background-color:#0056b3}.newsletter-fullscreen{width:100vw;height:100vh;background-image:url(/assets/sand-BQL3OlG5.jpg);color:#000;display:flex;flex-direction:column;overflow-y:auto;font-family:Signika,sans-serif}.newsletter-header{position:relative;max-width:20%;height:auto;display:block;text-align:center;margin:auto}.newsletter-title{font-size:3rem;color:#de6a29;text-shadow:2px 2px #000;font-family:IMPACT,sans-serif;margin:0}.newsletter-slider{height:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;padding:30px;box-sizing:border-box;align-items:flex-start;justify-content:center}.noticia-card{flex:1 1 300px;max-width:300px;scroll-snap-align:start;background-color:#f70a;border:4px solid black;border-radius:16px;text-decoration:none;color:#fff;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;max-height:400px}.noticia-card:hover{transform:scale(1.05);box-shadow:0 0 15px #f70a}.noticia-img{width:100%;height:180px;object-fit:cover}.noticia-info{padding:15px;background-color:#1f1f1f}.noticia-info h3{margin:0;font-size:1.3rem;color:#fc0}.noticia-info p{font-size:.95rem;margin-top:8px;color:1f1f1f}.noticia-detalle{padding:2rem;max-width:80vw;margin:auto;text-align:center}.detalle-img{height:50%;margin:1rem 0}.volver{position:absolute;display:inline-block;top:20px;color:#007bff;text-decoration:none}@media (max-width: 768px){.newsletter-header{position:relative;max-width:50%;height:auto;display:block;text-align:center;margin:auto}.newsletter-title{font-size:2rem}.noticia-card{width:250px}.noticia-info h3{font-size:1.1rem}.noticia-info p{font-size:.85rem}}