@font-face{font-family:AlmendraRegular;src:url(/assets/Almendra-Regular-65b7dd70.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:AlmendraBold;src:url(/assets/Almendra-Bold-f476e99f.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:AlmendraItalic;src:url(/assets/Almendra-Italic-40cb79ab.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:MedievalSharp;src:url(/assets/MedievalSharp-Regular-a2e0840d.ttf);font-weight:auto;font-style:auto}@font-face{font-family:AlmendraRegular;src:url(/assets/Almendra-Regular-65b7dd70.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:AlmendraBold;src:url(/assets/Almendra-Bold-f476e99f.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:AlmendraItalic;src:url(/assets/Almendra-Italic-40cb79ab.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:MedievalSharp;src:url(/assets/MedievalSharp-Regular-a2e0840d.ttf);font-weight:auto;font-style:auto}.games-controls-bar{margin-left:500px;margin-top:20px}[data-sonner-toaster]{z-index:99999!important}:root{--default-font: "AlmendraRegular", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--heading-font: "Amatic SC", sans-serif;--nav-font: "Inter", sans-serif}:root{--background-color: #ffffff;--default-color: #212529;--heading-color: #37373f;--accent-color: #d66f12;--surface-color: #ffffff;--contrast-color: #ffffff}:root{--nav-color: #7f7f90;--nav-hover-color: #ce1212;--nav-mobile-background-color: #ffffff;--nav-dropdown-background-color: #ffffff;--nav-dropdown-color: #7f7f90;--nav-dropdown-hover-color: #ce1212}.light-background{--background-color: #f2f2f2;--surface-color: #ffffff}.dark-background{--background-color: #1f1f24;--default-color: #ffffff;--heading-color: #ffffff;--surface-color: #37373f;--contrast-color: #ffffff}:root{scroll-behavior:smooth}body{color:var(--default-color);background-color:var(--background-color);font-family:var(--default-font)}a{color:var(--accent-color);text-decoration:none}a:hover{color:#e2751a;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);color:var(--heading-color)}.user-registration{padding:60px 0;background-color:var(--background-color)}.user-registration .registration-form-container{background:var(--surface-color);padding:40px;border-radius:10px;box-shadow:0 0 30px #d66f121a;border:1px solid rgba(214,111,18,.1)}.user-registration .php-email-form{width:100%}.user-registration .php-email-form input[type=text]{border:1px solid #ddd;padding:12px 15px;border-radius:5px;font-size:14px;transition:all .3s ease}.user-registration .php-email-form input[type=text]:focus{border-color:var(--accent-color);box-shadow:0 0 8px #d66f1233;outline:none}.user-registration .php-email-form input[type=text]::placeholder{color:#999;font-style:italic}.user-registration .btn-register{background:var(--accent-color);border:0;padding:12px 40px;color:var(--contrast-color);border-radius:5px;font-size:16px;font-weight:600;transition:all .3s ease;cursor:pointer}.user-registration .btn-register:hover{background:#e2751a;transform:translateY(-2px);box-shadow:0 5px 15px #d66f124d}.user-registration .btn-register:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.user-registration .divider{position:relative;text-align:center;margin:20px 0}.user-registration .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.user-registration .divider span{background:var(--surface-color);padding:0 15px;color:#666;font-size:14px}.user-registration .btn-already-registered{background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);padding:10px 30px;border-radius:5px;font-size:14px;font-weight:600;transition:all .3s ease;cursor:pointer}.user-registration .btn-already-registered:hover{background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px);box-shadow:0 5px 15px #d66f124d}.user-registration .sent-message{display:block;color:#28a745;background:#d4edda;border:1px solid #c3e6cb;padding:15px;border-radius:5px;margin-bottom:20px;font-weight:600}.user-registration .error-message{display:none;color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;padding:15px;border-radius:5px;margin-bottom:20px}.user-registration .loading{display:none;background:#e9ecef;text-align:center;padding:15px;border-radius:5px;margin-bottom:20px}.user-registration .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;animation:animate-loading 1s linear infinite}@keyframes animate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.qr-modal{background:var(--surface-color);border-radius:10px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee}.qr-modal-header h3{margin:0;color:var(--heading-color);font-size:20px}.qr-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.qr-modal-close:hover{background:#f0f0f0;color:#333}.qr-modal-body{padding:25px}.qr-modal-body p{margin-bottom:20px;color:#666;text-align:center}.search-type-selector{display:flex;gap:20px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.search-type-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 15px;border:2px solid #e0e0e0;border-radius:5px;transition:all .3s ease;background:#f8f9fa}.search-type-option:hover{border-color:var(--accent-color);background:#fff}.search-type-option input[type=radio]{margin:0;accent-color:var(--accent-color)}.search-type-option input[type=radio]:checked+span{color:var(--accent-color);font-weight:600}.search-type-option span{font-size:14px;color:#666;transition:all .3s ease}.search-info{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--accent-color)}.search-info p{margin-bottom:10px;color:#333;font-weight:600}.search-info ul{margin:0;padding-left:20px}.search-info li{margin-bottom:5px;color:#666;font-size:14px;line-height:1.4}.search-info strong{color:var(--accent-color)}.qr-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-cancel{background:#6c757d;border:none;padding:10px 20px;color:#fff;border-radius:5px;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#5a6268}.btn-search{background:var(--accent-color);border:none;padding:10px 20px;color:#fff;border-radius:5px;cursor:pointer;transition:all .3s ease}.btn-search:hover{background:#e2751a}.btn-cancel:disabled,.btn-search:disabled{opacity:.6;cursor:not-allowed}.qr-display-container{margin:0 auto;padding:40px 20px}.qr-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.qr-display-header h2{margin:0;color:var(--heading-color)}.btn-back{background:var(--accent-color);border:none;padding:10px 20px;color:#fff;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-back:hover{background:#e2751a;transform:translateY(-2px)}.qr-display-content{background:var(--surface-color);border-radius:10px;padding:30px;box-shadow:0 5px 20px #0000001a}.qr-code-container{text-align:center;margin-bottom:30px}.qr-code-image{max-width:300px;width:100%;height:auto;border:2px solid #eee;border-radius:10px;box-shadow:0 5px 15px #0000001a}.qr-actions{display:flex;gap:15px;justify-content:center;margin-top:20px;flex-wrap:wrap}.btn-download{background:#28a745;border:none;padding:12px 20px;color:#fff;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.btn-download:hover{background:#218838;transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.btn-download:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.btn-save-server{background:#007bff;border:none;padding:12px 20px;color:#fff;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.btn-save-server:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.btn-save-server:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.qr-info{margin-bottom:30px}.qr-info h3{color:var(--heading-color);margin-bottom:20px;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.info-item{display:flex;justify-content:space-between;padding:10px 15px;background:#f8f9fa;border-radius:5px;border-left:4px solid var(--accent-color)}.info-item strong{color:var(--heading-color);font-weight:600}.info-item span{color:var(--default-color)}.qr-instructions{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;padding:20px;margin-bottom:20px}.qr-instructions h4{color:#06c;margin-bottom:15px;font-size:18px}.qr-instructions ul{margin:0;padding-left:20px}.qr-instructions li{margin-bottom:8px;color:#333;line-height:1.5}.qr-backup-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px}.qr-backup-info h4{color:#856404;margin-bottom:15px;font-size:18px}.qr-backup-info p{color:#856404;margin:0;line-height:1.6}@media (max-width: 768px){.user-registration .registration-form-container{padding:20px}.user-registration .btn-register{padding:10px 30px;font-size:14px}.qr-modal{margin:10px;max-height:80vh}.qr-modal-header{padding:15px 20px}.qr-modal-body{padding:20px}.qr-modal-actions{flex-direction:column}.search-type-selector{flex-direction:column;gap:10px}.search-type-option{justify-content:center}.qr-display-header{flex-direction:column;text-align:center}.qr-display-content{padding:20px}.qr-actions{flex-direction:column;align-items:center}.btn-download,.btn-save-server{width:100%;max-width:250px;justify-content:center}.info-grid{grid-template-columns:1fr}.info-item{flex-direction:column;gap:5px}}.pulsating-play-btn{width:94px;height:94px;background:radial-gradient(var(--accent-color) 50%,color-mix(in srgb,var(--accent-color),transparent 75%) 52%);border-radius:50%;display:block;position:relative;overflow:hidden}.pulsating-play-btn:before{content:"";position:absolute;width:120px;height:120px;animation-delay:0s;animation:pulsate-play-btn 2s;animation-direction:forwards;animation-iteration-count:infinite;animation-timing-function:steps;opacity:1;border-radius:50%;border:5px solid color-mix(in srgb,var(--accent-color),transparent 30%);top:-15%;left:-15%;background:rgba(198,16,0,0)}.pulsating-play-btn:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%) translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:100;transition:all .4s cubic-bezier(.55,.055,.675,.19)}.pulsating-play-btn:hover:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%) translateY(-50%);width:0;height:0;border:none;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:200;animation:none;border-radius:0}.pulsating-play-btn:hover:after{border-left:15px solid var(--accent-color);transform:scale(20)}@keyframes pulsate-play-btn{0%{transform:scale(.6);opacity:1}to{transform:scale(1);opacity:0}}.php-email-form .error-message{display:none;background:#df1529;color:#fff;text-align:left;padding:15px;margin-bottom:24px;font-weight:600}.php-email-form .sent-message{display:none;color:#fff;background:#059652;text-align:center;padding:15px;margin-bottom:24px;font-weight:600}.php-email-form .loading{display:none;background:var(--surface-color);text-align:center;padding:15px;margin-bottom:24px}.php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid var(--accent-color);border-top-color:var(--surface-color);animation:php-email-form-loading 1s linear infinite}@keyframes php-email-form-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{color:var(--default-color);background-color:var(--background-color);padding:20px 0;transition:all .5s;z-index:997}.header .logo{line-height:1}.header .logo img{max-height:110px;margin-right:8px}.header .logo h1{font-size:30px;margin:0;font-weight:700;color:var(--heading-color);font-family:var(--default-font)}.header .logo span{color:var(--accent-color);font-size:36px;font-family:MedievalSharp}.header .btn-getstarted,.header .btn-getstarted:focus{color:var(--contrast-color);background:var(--accent-color);font-size:14px;padding:8px 26px;margin:0;border-radius:50px;transition:.3s}.header .btn-getstarted:hover,.header .btn-getstarted:focus:hover{color:var(--contrast-color);background:color-mix(in srgb,var(--accent-color),transparent 15%)}@media (max-width: 1200px){.header .logo{order:1}.header .btn-getstarted{order:2;margin:0 15px 0 0;padding:6px 20px}.header .navmenu{order:3;font-family:AlmendraItalic}}.scrolled .header{box-shadow:0 0 18px #0000001a}@media (min-width: 1200px){.navmenu{padding:0}.navmenu ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navmenu li{position:relative}.navmenu>ul>li{white-space:nowrap;padding:15px 14px}.navmenu>ul>li:last-child{padding-right:0}.navmenu a,.navmenu a:focus{color:var(--nav-color);font-size:18px;padding:0 2px;font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s;position:relative}.navmenu a i,.navmenu a:focus i{font-size:17px;line-height:0;margin-left:5px;transition:.3s}.navmenu>ul>li>a:before{content:"";position:absolute;height:2px;bottom:-6px;left:0;background-color:var(--nav-hover-color);visibility:hidden;width:0px;transition:all .3s ease-in-out 0s}.navmenu a:hover:before,.navmenu li:hover>a:before,.navmenu .active:before{visibility:visible;width:100%}.navmenu li:hover>a,.navmenu .active,.navmenu .active:focus{color:color-mix(in srgb,var(--nav-color) 80%,black 50%)}.navmenu .dropdown ul{margin:0;padding:10px 0;background:var(--nav-dropdown-background-color);display:block;position:absolute;visibility:hidden;left:14px;top:130%;opacity:0;transition:.3s;border-radius:4px;z-index:99;box-shadow:0 0 30px #0000001a}.navmenu .dropdown ul li{min-width:200px}.navmenu .dropdown ul a{padding:10px 20px;font-size:15px;text-transform:none;color:var(--nav-dropdown-color)}.navmenu .dropdown ul a i{font-size:12px}.navmenu .dropdown ul a:hover,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a{color:var(--nav-dropdown-hover-color)}.navmenu .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navmenu .dropdown .dropdown ul{top:0;left:-90%;visibility:hidden}.navmenu .dropdown .dropdown:hover>ul{opacity:1;top:0;left:-100%;visibility:visible}}@media (max-width: 1199px){.mobile-nav-toggle{color:var(--nav-color);font-size:28px;line-height:0;margin-right:10px;cursor:pointer;transition:color .3s}.navmenu{padding:0;z-index:9997}.navmenu ul{display:none;list-style:none;position:absolute;top:60px;right:20px;bottom:20px;left:20px;padding:10px 0;margin:0;border-radius:6px;background-color:var(--nav-mobile-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;overflow-y:auto;transition:.3s;z-index:9998}.navmenu a{font-family:AlmendraRegular}.navmenu a,.navmenu a:focus{color:var(--nav-dropdown-color);padding:10px 20px;font-size:23px;font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s}.navmenu a i,.navmenu a:focus i{font-size:17px;line-height:0;margin-left:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;background-color:color-mix(in srgb,var(--accent-color),transparent 90%)}.navmenu a i:hover,.navmenu a:focus i:hover{background-color:var(--accent-color);color:var(--contrast-color)}.navmenu a:hover,.navmenu .active,.navmenu .active:focus{color:var(--nav-dropdown-hover-color)}.navmenu .active i,.navmenu .active:focus i{background-color:var(--accent-color);color:var(--contrast-color);transform:rotate(180deg)}.navmenu .dropdown ul{position:static;display:none;z-index:99;padding:10px 0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);transition:all .5s ease-in-out}.navmenu .dropdown ul ul{background-color:#2125291a}.navmenu .dropdown>.dropdown-active{display:block;background-color:#21252908}.mobile-nav-active{overflow:hidden}.mobile-nav-active .mobile-nav-toggle{color:#fff;position:absolute;font-size:32px;top:15px;right:15px;margin-right:0;z-index:9999}.mobile-nav-active .navmenu{position:fixed;overflow:hidden;top:0;right:0;bottom:0;left:0;background:rgba(33,37,41,.8);transition:.3s}.mobile-nav-active .navmenu>ul{display:block}}.footer{--heading-font: var(--default-font);color:var(--default-color);background-color:var(--background-color);font-size:14px;padding:40px 0;position:relative}.footer .icon{color:var(--accent-color);margin-right:15px;font-size:24px;line-height:0}.footer h4{font-size:16px;font-weight:700;margin-bottom:15px}.footer .address p{margin-bottom:0}.footer .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in srgb,var(--default-color),transparent 50%);font-size:16px;color:color-mix(in srgb,var(--default-color),transparent 50%);margin-right:10px;transition:.3s}.footer .social-links a:hover{color:var(--accent-color);border-color:var(--accent-color)}.footer .copyright{padding-top:20px;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%)}.footer .copyright p{margin-bottom:0}.footer .credits{margin-top:5px;font-size:13px}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:hidden;background-color:var(--background-color);transition:all .6s ease-out;width:100%;height:100vh}#preloader:before,#preloader:after{content:"";position:absolute;border:4px solid var(--accent-color);border-radius:50%;animation:animate-preloader 2s cubic-bezier(0,.2,.8,1) infinite}#preloader:after{animation-delay:-.5s}@keyframes animate-preloader{0%{width:10px;height:10px;top:calc(50% - 5px);left:calc(50% - 5px);opacity:1}to{width:72px;height:72px;top:calc(50% - 36px);left:calc(50% - 36px);opacity:0}}.scroll-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:-15px;z-index:99999;background-color:var(--accent-color);width:44px;height:44px;border-radius:50px;transition:all .4s}.scroll-top i{font-size:24px;color:var(--contrast-color);line-height:0}.scroll-top:hover{background-color:color-mix(in srgb,var(--accent-color),transparent 20%);color:var(--contrast-color)}.scroll-top.active{visibility:visible;opacity:1;bottom:15px}@media screen and (max-width: 768px){[data-aos-delay]{transition-delay:0!important}}.page-title{--background-color: color-mix(in srgb, var(--default-color), transparent 96%);color:var(--default-color);background-color:var(--background-color);padding:120px 0;text-align:center;position:relative}.page-title h1{font-size:42px;font-weight:400;margin-bottom:10px;font-family:var(--default-font)}.page-title .breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;padding:0;margin:0;font-size:16px;font-weight:400}.page-title .breadcrumbs ol li+li{padding-left:10px}.page-title .breadcrumbs ol li+li:before{content:"/";display:inline-block;padding-right:10px;color:color-mix(in srgb,var(--default-color),transparent 70%)}section,.section{color:var(--default-color);background-color:var(--background-color);padding:60px 0;scroll-margin-top:92px;overflow:clip}@media (max-width: 1199px){section,.section{scroll-margin-top:56px}}.section-title{text-align:center;padding-bottom:60px;position:relative}.section-title h2{font-size:13px;letter-spacing:1px;font-weight:400;padding:0;margin:0;color:color-mix(in srgb,var(--default-color),transparent 50%);display:inline-block;text-transform:uppercase;font-family:var(--default-font)}.section-title p{color:var(--heading-color);margin:10px 0 0;font-size:48px;font-weight:500;font-family:var(--heading-font)}.section-title p .description-title{color:var(--accent-color)}.hero{width:100%;min-height:100vh;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgb(255 255 255 / 17%) 100%),url(../assets/img/hero-bg.jpg) center center;background-size:cover;position:relative;padding:120px 0 60px}@media (min-width: 1365px){.hero{background-attachment:fixed}}.hero h1{font-size:48px;font-weight:700;line-height:56px;color:#fff;font-family:var(--heading-font)}.hero h2{color:#fff9;margin-bottom:30px 0 15px 0;font-size:20px}.hero .btn-get-started{font-family:var(--nav-font);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:14px 40px;border-radius:50px;transition:.5s;color:#fff;background:var(--accent-color);text-decoration:none;display:flex;align-items:center;gap:10px;max-width:fit-content}.hero .btn-get-started:hover{background:rgba(206,18,18,.8);transform:translateY(-2px);box-shadow:0 5px 15px #ce12124d}.hero .btn-register-user{font-family:var(--nav-font);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:14px 40px;border-radius:50px;transition:.5s;color:#fff;background:#28a745;text-decoration:none;display:flex;align-items:center;gap:10px;max-width:fit-content;border:2px solid #28a745}.hero .btn-register-user:hover{background:rgba(40,167,69,.8);border-color:#218838;transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d;color:#fff}.hero .btn-register-user i{font-size:18px}.hero .btn-missions{font-family:var(--nav-font);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:14px 40px;border-radius:50px;transition:.5s;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);text-decoration:none;display:flex;align-items:center;gap:10px;max-width:fit-content;border:2px solid #667eea;box-shadow:0 4px 15px #667eea4d}.hero .btn-missions:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);border-color:#5a6fd8;transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;color:#fff}.hero .btn-missions i{font-size:18px;animation:trophy-glow 2s ease-in-out infinite alternate}@keyframes trophy-glow{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.1)}}.hero .btn-rewards{font-family:var(--nav-font);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:14px 40px;border-radius:50px;transition:.5s;color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);text-decoration:none;display:flex;align-items:center;gap:10px;max-width:fit-content;border:2px solid #e74c3c;box-shadow:0 4px 15px #e74c3c4d}.hero .btn-rewards:hover{background:linear-gradient(135deg,#c0392b 0%,#a93226 100%);border-color:#c0392b;transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66;color:#fff}.hero .btn-rewards i{font-size:18px;animation:gift-bounce 2s ease-in-out infinite}@keyframes gift-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hero .btn-watch-video{font-family:var(--nav-font);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:14px 40px;border-radius:50px;transition:.5s;color:#fff;border:2px solid rgba(255,255,255,.5);text-decoration:none;display:flex;align-items:center;gap:10px;max-width:fit-content}.hero .btn-watch-video:hover{background:rgba(255,255,255,.1);border-color:#fffc;transform:translateY(-2px);box-shadow:0 5px 15px #fff3}.hero .btn-watch-video i{color:#ffffff80;font-size:32px;transition:.3s;line-height:0}.hero .btn-watch-video:hover i{color:#fff}@media (max-width: 640px){.hero h1{font-size:36px;line-height:40px}.hero h2{font-size:18px;line-height:24px;margin-bottom:30px}.hero .btn-get-started,.hero .btn-register-user,.hero .btn-missions,.hero .btn-rewards,.hero .btn-watch-video{font-size:13px;padding:12px 30px;width:100%;justify-content:center}}@media (max-width: 480px){.hero .d-flex.flex-column.flex-sm-row{gap:15px!important}.hero .btn-get-started,.hero .btn-register-user,.hero .btn-watch-video{font-size:12px;padding:10px 20px}}.hero .hero-img{text-align:right}@media (max-width: 991px){.hero .hero-img{text-align:center;margin-top:80px}}.hero .hero-img img{width:80%;border-radius:20px}@keyframes up-down{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}.about h3{font-weight:700;font-size:28px;margin-bottom:20px}.about .book-a-table{text-align:center;border:4px solid color-mix(in srgb,var(--default-color),transparent 30%);padding:18px;display:flex;justify-content:center;align-items:center;flex-direction:row}.about .book-a-table h3{font-family:var(--default-font);margin:0;font-size:24px}.about .book-a-table p{color:var(--accent-color);font-weight:500;font-size:28px;margin:0}.about .fst-italic{color:color-mix(in srgb,var(--default-color),var(--contrast-color) 50%)}.about .content ul{list-style:none;padding:0}.about .content ul li{padding:0 0 10px 30px;position:relative}.about .content ul i{position:absolute;font-size:20px;left:0;top:-3px;color:var(--accent-color)}.about .content p:last-child{margin-bottom:0}.about .pulsating-play-btn{position:absolute;left:calc(50% - 47px);top:calc(50% - 47px)}.why-us .why-box{color:var(--contrast-color);background:var(--accent-color);padding:30px}.why-us .why-box h3{color:var(--contrast-color);font-family:var(--default-font);font-weight:700;font-size:34px;margin-bottom:30px}.why-us .why-box p{margin-bottom:30px}.why-us .why-box .more-btn{display:inline-block;background:color-mix(in srgb,var(--contrast-color),transparent 85%);padding:8px 40px 10px;color:var(--contrast-color);transition:all ease-in-out .4s;border-radius:50px}.why-us .why-box .more-btn i{font-size:14px}.why-us .why-box .more-btn:hover{color:var(--accent-color);background:var(--surface-color)}.why-us .icon-box{background-color:var(--surface-color);text-align:center;padding:40px 30px;width:100%;height:100%;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%)}.why-us .icon-box i{color:var(--accent-color);font-size:32px;margin-bottom:30px;background:color-mix(in srgb,var(--accent-color),transparent 95%);border-radius:50px;display:flex;align-items:center;justify-content:center;width:72px;height:72px;transition:.3s}.why-us .icon-box h4{font-size:20px;font-weight:500;margin:0 0 30px;font-family:var(--default-font)}.why-us .icon-box p{font-size:15px;color:color-mix(in srgb,var(--default-color),transparent 30%)}.why-us .icon-box:hover i{color:var(--contrast-color);background:var(--accent-color)}.stats{position:relative;padding:120px 0}.stats img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;z-index:1}.stats:before{content:"";background:color-mix(in srgb,var(--background-color),transparent 40%);position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.stats .container{position:relative;z-index:3}.stats .stats-item{padding:30px;width:100%}.stats .stats-item span{font-size:48px;display:block;color:var(--default-color);font-weight:700}.stats .stats-item p{padding:0;margin:0;font-size:16px;font-weight:700;color:color-mix(in srgb,var(--default-color),transparent 40%)}.menu .nav-tabs{border:0}.menu .nav-link{background-color:var(--background-color);color:color-mix(in srgb,var(--default-color),transparent 20%);margin:0 15px;padding:10px 5px;transition:.3s;border-radius:0;cursor:pointer;height:100%;border:0;border-bottom:2px solid color-mix(in srgb,var(--default-color),transparent 80%)}@media (max-width: 575px){.menu .nav-link{margin:0 10px;padding:10px 0}}.menu .nav-link i{padding-right:15px;font-size:48px}.menu .nav-link h4{font-size:18px;font-weight:400;margin:0;font-family:var(--default-font)}@media (max-width: 575px){.menu .nav-link h4{font-size:16px}}.menu .nav-link:hover{color:var(--accent-color);border-color:var(--accent-color)}.menu .nav-link.active{background-color:var(--background-color);color:var(--accent-color);border-color:var(--accent-color)}.menu .tab-content .tab-header{padding:30px 0}.menu .tab-content .tab-header p{font-size:14px;text-transform:uppercase;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:0}.menu .tab-content .tab-header h3{font-size:48px;font-weight:700;color:var(--accent-color)}.menu .tab-content .menu-item{text-align-last:center}.menu .tab-content .menu-item .menu-img{padding:0 60px;margin-bottom:15px}.menu .tab-content .menu-item h4{font-size:24px;font-weight:400;margin-bottom:5px;font-family:var(--default-font)}.menu .tab-content .menu-item .ingredients{font-family:var(--nav-font);color:color-mix(in srgb,var(--default-color),transparent 50%);margin-bottom:5px}.menu .tab-content .menu-item .price{font-size:24px;font-weight:700;color:var(--accent-color)}.testimonials .testimonials-carousel,.testimonials .testimonials-slider{overflow:hidden}.testimonials .testimonial-item .testimonial-content{border-left:3px solid var(--accent-color);padding-left:30px}.testimonials .testimonial-item .testimonial-img{border-radius:50%;border:4px solid var(--background-color);margin:0 auto}.testimonials .testimonial-item h3{font-size:20px;font-weight:700;margin:10px 0 5px}.testimonials .testimonial-item h4{font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin:0 0 10px}.testimonials .testimonial-item .stars i{color:#ffc107;margin:0 1px}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{color:color-mix(in srgb,var(--accent-color),transparent 50%);font-size:26px;line-height:0}.testimonials .testimonial-item .quote-icon-left{display:inline-block;left:-5px;position:relative}.testimonials .testimonial-item .quote-icon-right{display:inline-block;right:-5px;position:relative;top:10px;transform:scale(-1)}.testimonials .testimonial-item p{font-style:italic}.testimonials .swiper-wrapper{height:auto}.testimonials .swiper-pagination{margin-top:30px;position:relative}.testimonials .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:color-mix(in srgb,var(--default-color),transparent 85%);opacity:1}.testimonials .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--accent-color)}.events .container-fluid{padding:0}.events .event-item{background-size:cover;background-position:cente;min-height:600px;padding:30px}@media (max-width: 575px){.events .event-item{min-height:500px}}.events .event-item:before{content:"";background:rgba(0,0,0,.6);position:absolute;top:0;right:0;bottom:0;left:0}.events .event-item h3{font-size:24px;font-weight:700;margin-bottom:5px;color:#fff;position:relative}.events .event-item .price{color:#fff;border-bottom:2px solid var(--accent-color);font-size:32px;font-weight:700;margin-bottom:15px;position:relative}.events .event-item .description{margin-bottom:0;color:#fffc;position:relative}.events .swiper-wrapper{height:auto}.events .swiper-pagination{margin-top:20px;position:relative}.events .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background-color:color-mix(in srgb,var(--default-color),transparent 85%);opacity:1}.events .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--accent-color)}.chefs .team-member{background-color:var(--surface-color);box-shadow:0 0 30px #0000001a;overflow:hidden;text-align:center;border-radius:5px;transition:.3s}.chefs .team-member .member-img{position:relative;overflow:hidden}.chefs .team-member .member-img:after{position:absolute;content:"";left:-1px;right:-1px;bottom:-1px;height:100%;background-color:var(--surface-color);-webkit-mask:url(../img/team-shape.svg) no-repeat center bottom;mask:url(../img/team-shape.svg) no-repeat center bottom;-webkit-mask-size:contain;mask-size:contain;z-index:1}.chefs .team-member .social{position:absolute;right:-100%;top:30px;opacity:0;border-radius:4px;transition:.5s;background:color-mix(in srgb,var(--background-color),transparent 60%);z-index:2}.chefs .team-member .social a{transition:color .3s;color:color-mix(in srgb,var(--default-color),transparent 50%);margin:15px 12px;display:block;line-height:0;text-align:center}.chefs .team-member .social a:hover{color:var(--default-color)}.chefs .team-member .social i{font-size:18px}.chefs .team-member .member-info{padding:10px 15px 20px}.chefs .team-member .member-info h4{font-weight:700;margin-bottom:5px;font-size:20px;font-family:var(--default-font)}.chefs .team-member .member-info span{display:block;font-size:14px;font-weight:400;color:color-mix(in srgb,var(--default-color),transparent 50%)}.chefs .team-member .member-info p{font-style:italic;font-size:14px;padding-top:15px;line-height:26px;color:color-mix(in srgb,var(--default-color),transparent 30%)}.chefs .team-member:hover{transform:scale(1.08);box-shadow:0 0 30px #0000001a}.chefs .team-member:hover .social{right:8px;opacity:1}.book-a-table .reservation-img{min-height:500px;background-size:cover;background-position:center}.book-a-table .reservation-form-bg{background:color-mix(in srgb,var(--default-color),transparent 97%)}.book-a-table .php-email-form{padding:30px}@media (max-width: 575px){.book-a-table .php-email-form{padding:20px}}.book-a-table .php-email-form input[type=text],.book-a-table .php-email-form input[type=email],.book-a-table .php-email-form input[type=number],.book-a-table .php-email-form input[type=date],.book-a-table .php-email-form input[type=time],.book-a-table .php-email-form textarea{font-size:14px;padding:10px 15px;box-shadow:none;border-radius:0;color:var(--default-color);background-color:color-mix(in srgb,var(--background-color),transparent 20%);border-color:color-mix(in srgb,var(--default-color),transparent 80%)}.book-a-table .php-email-form input[type=text]:focus,.book-a-table .php-email-form input[type=email]:focus,.book-a-table .php-email-form input[type=number]:focus,.book-a-table .php-email-form input[type=date]:focus,.book-a-table .php-email-form input[type=time]:focus,.book-a-table .php-email-form textarea:focus{border-color:var(--accent-color)}.book-a-table .php-email-form input[type=text]::placeholder,.book-a-table .php-email-form input[type=email]::placeholder,.book-a-table .php-email-form input[type=number]::placeholder,.book-a-table .php-email-form input[type=date]::placeholder,.book-a-table .php-email-form input[type=time]::placeholder,.book-a-table .php-email-form textarea::placeholder{color:color-mix(in srgb,var(--default-color),transparent 70%)}.book-a-table .php-email-form button[type=submit]{color:var(--contrast-color);background:var(--accent-color);border:0;padding:14px 60px;transition:.4s;border-radius:4px}.book-a-table .php-email-form button[type=submit]:hover{background:color-mix(in srgb,var(--accent-color),transparent 20%)}.gallery{overflow:hidden}.gallery .swiper-wrapper{height:auto}.gallery .swiper-pagination{margin-top:20px;position:relative}.gallery .swiper-pagination .swiper-pagination-bullet{background-color:color-mix(in srgb,var(--default-color),transparent 85%);border:0;width:12px;height:12px;opacity:1}.gallery .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--accent-color);opacity:1}.gallery .swiper-slide-active{text-align:center}@media (min-width: 992px){.gallery .swiper-wrapper{padding:40px 0}.gallery .swiper-slide-active{background:var(--background-color);border:6px solid var(--accent-color);padding:4px;z-index:1;transform:scale(1.2);transition:none}}.contact .info-item{background-color:var(--surface-color);box-shadow:0 0 20px #0000001a;padding:20px 30px}.contact .info-item .icon{color:var(--contrast-color);background-color:var(--accent-color);width:56px;height:56px;font-size:24px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;border-radius:50%;margin-right:15px}.contact .info-item h3{font-size:20px;font-weight:700;margin:0 0 5px;font-family:var(--default-font);color:color-mix(in srgb,var(--default-color),transparent 30%)}.contact .info-item p{padding:0;margin-bottom:0;font-size:14px}.contact .info-item .social-links a{font-size:24px;display:inline-block;line-height:1;margin:4px 6px 0 0;transition:.3s;color:color-mix(in srgb,var(--default-color),transparent 50%)}.contact .info-item .social-links a:hover{color:var(--accent-color)}.contact .php-email-form{background-color:var(--surface-color);box-shadow:0 0 20px #0000001a;padding:30px;margin-top:30px}@media (max-width: 575px){.contact .php-email-form{padding:20px}}.contact .php-email-form input[type=text],.contact .php-email-form input[type=email],.contact .php-email-form textarea{color:var(--default-color);background-color:color-mix(in srgb,var(--surface-color),transparent 50%);border-color:color-mix(in srgb,var(--default-color),transparent 80%);font-size:14px;padding:10px 15px;box-shadow:none;border-radius:0}.contact .php-email-form input[type=text]:focus,.contact .php-email-form input[type=email]:focus,.contact .php-email-form textarea:focus{border-color:var(--accent-color)}.contact .php-email-form input[type=text]::placeholder,.contact .php-email-form input[type=email]::placeholder,.contact .php-email-form textarea::placeholder{color:color-mix(in srgb,var(--default-color),transparent 70%)}.contact .php-email-form button[type=submit]{color:var(--contrast-color);background:var(--accent-color);border:0;padding:10px 30px;transition:.4s;border-radius:50px}.contact .php-email-form button[type=submit]:hover{background:color-mix(in srgb,var(--accent-color),transparent 20%)}.rdt_TableHead .rdt_TableHeadRow{background-color:color-mix(in srgb,var(--accent-color),transparent 20%)}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:15px 20px;z-index:9999;box-shadow:0 -5px 20px #0000001a;transform:translateY(100%);animation:slideUp .5s ease-out forwards}@keyframes slideUp{to{transform:translateY(0)}}.pwa-banner-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:20px}.pwa-banner-info{display:flex;align-items:center;gap:15px;flex:1}.pwa-banner-info i{font-size:24px;color:#fff}.pwa-banner-text h4{margin:0 0 5px;font-size:16px;font-weight:600;color:#fff}.pwa-banner-text p{margin:0;font-size:14px;color:#ffffffe6;line-height:1.4}.pwa-banner-actions{display:flex;align-items:center;gap:10px}.btn-install-pwa{background:#28a745;color:#fff;border:none;padding:8px 20px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-install-pwa:hover{background:#218838;transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.btn-dismiss-pwa{background:rgba(255,255,255,.2);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-dismiss-pwa:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.btn-dismiss-pwa i{font-size:16px}@media (max-width: 768px){.pwa-install-banner{padding:12px 15px}.pwa-banner-content{flex-direction:column;gap:15px;text-align:center}.pwa-banner-info{flex-direction:column;gap:10px}.pwa-banner-text h4{font-size:15px}.pwa-banner-text p{font-size:13px}.btn-install-pwa{padding:10px 25px;font-size:15px}}@media (max-width: 480px){.pwa-install-banner{padding:10px 12px}.pwa-banner-text h4{font-size:14px}.pwa-banner-text p{font-size:12px}.btn-install-pwa{padding:8px 20px;font-size:14px}}.access-control-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.access-control-card{background:white;border-radius:15px;padding:40px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%;text-align:center}.access-control-header{margin-bottom:30px}.access-control-header i{font-size:48px;color:var(--accent-color);margin-bottom:15px}.access-control-header h2{color:var(--heading-color);margin-bottom:10px;font-family:var(--heading-font)}.access-control-header p{color:#666;font-size:16px}.access-control-form{margin-bottom:30px}.access-control-form .form-group{margin-bottom:20px;text-align:left}.access-control-form label{display:block;margin-bottom:8px;color:var(--heading-color);font-weight:600}.access-control-form input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease}.access-control-form input:focus{border-color:var(--accent-color);box-shadow:0 0 8px #d66f1233;outline:none}.btn-access{background:var(--accent-color);color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.btn-access:hover{background:#e2751a;transform:translateY(-2px);box-shadow:0 5px 15px #d66f124d}.btn-access:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.access-control-info{background:#f8f9fa;border-radius:8px;padding:15px;border-left:4px solid var(--accent-color)}.access-control-info p{margin:0;color:#666;font-size:14px}.access-control-info i{color:var(--accent-color);margin-right:8px}.attendance-registration-container{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.attendance-header{display:flex;justify-content:space-between;align-items:center;background:white;padding:20px 30px;border-radius:15px;margin-bottom:30px;box-shadow:0 10px 30px #0000001a}.attendance-header h1{margin:0;color:var(--heading-color);font-family:var(--heading-font);font-size:32px}.btn-logout{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-logout:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 5px 15px #dc35454d}.attendance-content{display:grid;grid-template-columns:1fr;gap:30px;max-width:1200px;margin:0 auto}.scanner-section{background:white;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a}.scanner-section h3{color:var(--heading-color);margin-bottom:10px;font-family:var(--heading-font);font-size:24px}.scanner-section p{color:#666;margin-bottom:20px}.scanner-controls{margin-bottom:20px}.btn-start-scan{background:#28a745;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-start-scan:hover{background:#218838;transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.btn-stop-scan{background:#dc3545;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-stop-scan:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 5px 15px #dc35454d}.qr-reader-container{border:2px solid #e0e0e0;border-radius:10px;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.qr-reader-container:empty:after{content:"Cámara no iniciada";color:#666;font-style:italic}.scan-result{background:white;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;align-self:start}.scan-result h3{color:var(--heading-color);margin-bottom:20px;font-family:var(--heading-font);font-size:24px}.client-info{margin-bottom:25px}.client-info .info-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.client-info .info-item:last-child{border-bottom:none}.client-info .info-item strong{color:var(--heading-color);font-weight:600}.client-info .info-item span{color:#666}.registration-actions{display:flex;flex-direction:column;gap:15px}.btn-register-attendance{background:var(--accent-color);color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-register-attendance:hover{background:#e2751a;transform:translateY(-2px);box-shadow:0 5px 15px #d66f124d}.btn-register-attendance:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-scan-another{background:#6c757d;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-scan-another:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 5px 15px #6c757d4d}.btn-scan-another:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.attendance-content{grid-template-columns:1fr;gap:20px}.attendance-header{flex-direction:column;gap:15px;text-align:center}.attendance-header h1{font-size:24px}.scanner-section,.scan-result{padding:20px}.client-info .info-item{flex-direction:column;gap:5px}}@media (max-width: 480px){.access-control-card{padding:30px 20px}.attendance-registration-container{padding:15px}.attendance-header{padding:15px 20px}.scanner-section,.scan-result{padding:15px}}.weekly-missions{padding:80px 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.missions-carousel-container{position:relative;max-width:800px;margin:0 auto 50px}.carousel-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;z-index:10;padding:0 20px}.carousel-control{background:rgba(255,255,255,.9);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.carousel-control:hover{background:white;transform:scale(1.1);box-shadow:0 6px 20px #00000026}.carousel-control i{font-size:20px;color:var(--accent-color)}.missions-carousel{background:white;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a;margin:0 60px}.mission-card{display:flex;min-height:180px}.mission-image-container{flex:1;position:relative;background:linear-gradient(135deg,var(--accent-color) 0%,#e2751a 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.mission-image-placeholder{text-align:center;color:#fff;padding:40px}.mission-image-placeholder i{font-size:80px;margin-bottom:20px;display:block;animation:pulse 2s infinite}.mission-image-placeholder span{font-size:24px;font-weight:600;font-family:var(--heading-font)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.mission-overlay{position:absolute;top:20px;right:20px}.mission-points{background:rgba(255,255,255,.9);padding:10px 15px;border-radius:25px;display:flex;align-items:center;gap:8px;font-weight:600;color:var(--accent-color)}.mission-content{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.mission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.mission-header h3{color:var(--heading-color);font-family:var(--heading-font);font-size:28px;margin:0;flex:1}.mission-difficulty{display:flex;flex-direction:column;align-items:center;gap:5px}.difficulty-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.mission-description{color:#666;font-size:16px;line-height:1.6;margin-bottom:20px}.mission-category{margin-bottom:20px}.category-badge{background:var(--accent-color);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.mission-progress{margin-top:auto}.progress-info{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:#666}.progress-bar{background:#f0f0f0;border-radius:10px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-color) 0%,#e2751a 100%);height:100%;border-radius:10px;transition:width .3s ease}.carousel-indicators{display:flex;justify-content:center;gap:10px;margin-top:30px}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#ddd;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--accent-color);transform:scale(1.2)}.missions-list{margin-top:60px}.missions-list h3{text-align:center;color:#fff;font-family:var(--heading-font);font-size:32px;margin-bottom:40px}.missions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.mission-item{background:white;border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0000001a;border:3px solid transparent}.mission-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.mission-item.active{border-color:var(--accent-color);box-shadow:0 15px 40px #d66f1233}.mission-item-image{text-align:center;margin-bottom:15px}.mission-item-image i{font-size:40px;color:var(--accent-color)}.mission-item-content h4{color:var(--heading-color);font-family:var(--heading-font);font-size:18px;margin-bottom:10px}.mission-item-content p{color:#666;font-size:14px;line-height:1.5;margin-bottom:15px}.mission-item-meta{display:flex;justify-content:space-between;align-items:center}.points{background:var(--accent-color);color:#fff;padding:5px 12px;border-radius:15px;font-size:12px;font-weight:600}.difficulty{font-size:12px;font-weight:600;text-transform:uppercase}.points-input-section{margin:25px 0;padding:20px;background:#f8f9fa;border-radius:10px;border-left:4px solid var(--accent-color)}.points-label{display:flex;align-items:center;gap:8px;color:var(--heading-color);font-weight:600;margin-bottom:10px;font-size:16px}.points-label i{color:var(--accent-color);font-size:18px}.points-input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease;background:white}.points-input:focus{border-color:var(--accent-color);box-shadow:0 0 8px #d66f1233;outline:none}.points-input:disabled{background:#f5f5f5;cursor:not-allowed}.points-help{display:block;margin-top:8px;color:#666;font-size:15px;font-style:italic}@media (max-width: 768px){.mission-card{flex-direction:column}.mission-image-container{min-height:200px}.mission-content{padding:30px 20px}.carousel-controls{padding:0 10px}.carousel-control{width:40px;height:40px}.missions-carousel{margin:0 40px}.missions-grid{grid-template-columns:1fr}.mission-header{flex-direction:column;gap:15px}.mission-header h3{font-size:24px}}@media (max-width: 480px){.missions-carousel{margin:0 20px}.carousel-controls{padding:0 5px}.carousel-control{width:35px;height:35px}.mission-content{padding:20px 15px}.mission-header h3{font-size:20px}}.rewards{padding:80px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.points-conversion-info{margin-bottom:50px}.conversion-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px;border-radius:15px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px #667eea4d}.conversion-icon{font-size:48px;opacity:.9}.conversion-content h3{margin:0 0 10px;font-size:24px;font-weight:600}.conversion-rate{display:flex;align-items:center;gap:15px;font-size:18px;margin:0 0 10px}.conversion-rate .points,.conversion-rate .pesos{background:rgba(255,255,255,.2);padding:8px 15px;border-radius:25px;font-weight:600}.conversion-note{margin:0;opacity:.9;font-size:14px}.rewards-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:15px}.filter-group label{font-weight:600;color:#333;margin:0}.category-buttons{display:flex;gap:10px;flex-wrap:wrap}.category-btn{background:white;border:2px solid #e9ecef;color:#6c757d;padding:8px 16px;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.category-btn:hover,.category-btn.active{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.sort-select{padding:8px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:white;color:#333;cursor:pointer}.sort-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:60px}.reward-card{background:white;border-radius:15px;padding:25px;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;border:1px solid #e9ecef}.reward-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.reward-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.reward-category-badge{color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px}.reward-points{text-align:right}.points-number{display:block;font-size:24px;font-weight:700;color:#f2f2f2;line-height:1}.points-label{font-size:12px;color:#ecf3f9;text-transform:uppercase;letter-spacing:.5px}.reward-content{margin-bottom:20px}.reward-name{font-size:18px;font-weight:600;color:#333;margin:0 0 10px}.reward-description{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 15px}.reward-value{display:flex;align-items:center;gap:8px;color:#28a745;font-weight:600;font-size:14px}.btn-claim{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-claim.available{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}.btn-claim.available:hover{background:linear-gradient(135deg,#218838 0%,#1ea085 100%);transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.btn-claim.unavailable{background:#6c757d;color:#fff;cursor:not-allowed}.how-to-earn{background:white;padding:40px;border-radius:15px;box-shadow:0 5px 20px #0000001a}.how-to-earn h3{text-align:center;margin-bottom:30px;color:#333;font-size:24px;font-weight:600}.earning-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.earning-method{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.earning-method:hover{background:#e9ecef;transform:translateY(-2px)}.method-icon{background:#667eea;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.method-content h4{margin:0 0 8px;color:#333;font-size:16px;font-weight:600}.method-content p{margin:0;color:#6c757d;font-size:14px;line-height:1.4}.footer{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#fff;padding:60px 0 0;position:relative}.footer-info{margin-bottom:30px}.footer-logo h3{color:#ecf0f1;margin-bottom:15px;font-size:24px;font-weight:600}.footer-logo p{color:#bdc3c7;line-height:1.6;margin-bottom:25px}.footer-contact{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:flex-start;gap:15px}.contact-item i{color:#3498db;font-size:20px;margin-top:2px}.contact-item h4{margin:0 0 5px;color:#ecf0f1;font-size:14px;font-weight:600}.contact-item p{margin:0;color:#bdc3c7;font-size:14px}.footer-links h4,.footer-hours h4,.footer-newsletter h4{color:#ecf0f1;margin-bottom:20px;font-size:18px;font-weight:600}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links button{background:none;border:none;color:#bdc3c7;padding:0;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-align:left}.footer-links button:hover{color:#3498db;transform:translate(5px)}.footer-links button i{font-size:12px;transition:all .3s ease}.hours-list{margin-bottom:25px}.hours-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #34495e}.hours-item:last-child{border-bottom:none}.hours-item .day{color:#bdc3c7;font-size:14px}.hours-item .time{color:#ecf0f1;font-weight:600;font-size:14px}.hours-item.special .time{color:#e74c3c}.footer-services h5{color:#ecf0f1;margin-bottom:15px;font-size:16px;font-weight:600}.footer-services ul{list-style:none;padding:0;margin:0}.footer-services li{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#bdc3c7;font-size:14px}.footer-services i{color:#27ae60;font-size:12px}.footer-newsletter p{color:#bdc3c7;line-height:1.6;margin-bottom:20px}.newsletter-form{margin-bottom:25px}.input-group{display:flex;gap:10px}.input-group input{flex:1;padding:12px 15px;border:1px solid #34495e;border-radius:8px;background:#34495e;color:#fff;font-size:14px}.input-group input::placeholder{color:#95a5a6}.input-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.input-group button{background:#3498db;color:#fff;border:none;padding:12px 15px;border-radius:8px;cursor:pointer;transition:all .3s ease}.input-group button:hover{background:#2980b9;transform:translateY(-2px)}.subscription-success{background:#27ae60;color:#fff;padding:10px 15px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:20px}.social-links h5{color:#ecf0f1;margin-bottom:15px;font-size:16px;font-weight:600}.social-icons{display:flex;gap:12px}.social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;font-size:18px}.social-icons .facebook{background:#3b5998}.social-icons .instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.social-icons .twitter{background:#1da1f2}.social-icons .youtube{background:#ff0000}.social-icons .whatsapp{background:#25d366}.social-icons a:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.footer-bottom{background:#1a252f;padding:20px 0;margin-top:40px}.copyright p{margin:0;color:#bdc3c7;font-size:14px}.copyright strong{color:#ecf0f1}.footer-bottom-links{display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap}.footer-bottom-links a{color:#bdc3c7;text-decoration:none;font-size:14px;transition:all .3s ease}.footer-bottom-links a:hover{color:#3498db}.back-to-top{position:fixed;bottom:30px;right:30px;z-index:1000}.btn-back-to-top{background:#3498db;color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 5px 15px #3498db4d}.btn-back-to-top:hover{background:#2980b9;transform:translateY(-3px);box-shadow:0 8px 25px #3498db66}@media (max-width: 768px){.conversion-card{flex-direction:column;text-align:center;padding:25px}.conversion-icon{font-size:36px}.rewards-filters,.filter-group{flex-direction:column;align-items:stretch}.category-buttons{justify-content:center}.rewards-grid,.earning-methods{grid-template-columns:1fr}.footer{padding:40px 0 0}.footer-bottom-links{justify-content:center;margin-top:15px}.input-group{flex-direction:column}.social-icons{justify-content:center}}@media (max-width: 480px){.conversion-card{padding:20px}.conversion-rate{flex-direction:column;gap:10px}.reward-card{padding:20px}.reward-header{flex-direction:column;gap:15px;align-items:stretch}.reward-points{text-align:center}.hours-item{flex-direction:column;align-items:flex-start;gap:5px}.btn-back-to-top{width:45px;height:45px;font-size:18px}}.tab-navigation{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;padding:0 1rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--surface-color);border:2px solid var(--accent-color);color:var(--accent-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.tab-button:hover{background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)}.tab-button.active{background:var(--accent-color);color:var(--contrast-color);box-shadow:0 4px 12px #d66f124d;animation:tabPulse 2s infinite}@keyframes tabPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.tab-button i{font-size:1.1rem}.table-management-container{width:100%;margin:0 auto;padding:1rem}.table-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:var(--surface-color);border-radius:12px;box-shadow:0 2px 8px #0000001a}.table-management-header h2{margin:0;color:var(--heading-color);font-size:1.8rem}.revenue-section{display:flex;align-items:center;gap:1rem}.revenue-display{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:8px;font-weight:600;position:relative;overflow:hidden;animation:revenueGlow 3s infinite}.revenue-display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left 1s ease}.revenue-display:hover:before{left:100%}@keyframes revenueGlow{0%,to{box-shadow:0 4px 12px #28a7454d}50%{box-shadow:0 8px 24px #28a74599}}.btn-clear-total-revenue{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden;font-size:.9rem}.btn-clear-total-revenue:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-clear-total-revenue:hover:before{left:100%}.btn-clear-total-revenue:hover{background:linear-gradient(135deg,#c82333,#dc3545);transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.btn-clear-total-revenue i{font-size:1rem;transition:transform .3s ease}.btn-clear-total-revenue:hover i{transform:scale(1.1)}.product-search-container{padding:1rem 1.5rem 0}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:#6c757d;font-size:1.1rem;z-index:1}.product-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.product-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d66f121a}.clear-search-btn{position:absolute;right:.75rem;background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{background:#f8f9fa;color:#dc3545;transform:scale(1.1)}.clear-search-btn i{font-size:1rem}.revenue-label{font-size:.9rem}.revenue-amount{font-size:1.2rem;font-weight:700}.tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.table-card{background:var(--surface-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden}.table-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.table-card:hover:before{left:100%}.table-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #0003}.table-card.occupied{border-color:#dc3545;background:linear-gradient(135deg,#fff5f5,#fff);animation:pulseOccupied 2s infinite}.table-card.available{border-color:#28a745;background:linear-gradient(135deg,#f8fff9,#fff);animation:pulseAvailable 3s infinite}@keyframes pulseOccupied{0%,to{box-shadow:0 4px 12px #dc354533}50%{box-shadow:0 8px 24px #dc354566}}@keyframes pulseAvailable{0%,to{box-shadow:0 4px 12px #28a74533}50%{box-shadow:0 8px 24px #28a74566}}.table-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef;gap:1rem}.table-controls{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.table-header h3{margin:0;color:var(--heading-color);font-size:1.4rem;font-weight:700}.table-status{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;position:relative;overflow:hidden}.table-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .8s ease}.table-status:hover:before{left:100%}.status-occupied{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;animation:statusPulse 1.5s infinite}.status-available{background:linear-gradient(135deg,#28a745,#218838);color:#fff;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-controls{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.timer-display{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border-radius:6px;font-weight:600;font-family:Courier New,monospace;font-size:.9rem;min-width:80px;justify-content:center;animation:timerGlow 2s infinite}.timer-display i{color:#ffc107;animation:timerPulse 1s infinite}.timer-time{font-weight:700;letter-spacing:1px}@keyframes timerGlow{0%,to{box-shadow:0 2px 8px #6c757d4d}50%{box-shadow:0 4px 16px #6c757d99}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timer-buttons{display:flex;gap:.5rem}.btn-timer,.btn-reset-timer{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:36px;height:36px;position:relative;overflow:hidden}.btn-timer:before,.btn-reset-timer:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transition:all .4s ease;transform:translate(-50%,-50%)}.btn-timer:hover:before,.btn-reset-timer:hover:before{width:100px;height:100px}.btn-timer:hover{background:linear-gradient(135deg,#0056b3,#007bff);transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px #007bff66}.btn-timer.running{background:linear-gradient(135deg,#dc3545,#c82333);animation:timerRunning 1s infinite}.btn-timer.running:hover{background:linear-gradient(135deg,#c82333,#dc3545)}@keyframes timerRunning{0%,to{box-shadow:0 2px 8px #dc35454d}50%{box-shadow:0 4px 16px #dc354599}}.btn-reset-timer{background:linear-gradient(135deg,#6c757d,#495057)}.btn-reset-timer:hover{background:linear-gradient(135deg,#495057,#6c757d);transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px #6c757d66}.btn-timer i,.btn-reset-timer i{font-size:1.1rem;transition:transform .3s ease}.btn-timer:hover i,.btn-reset-timer:hover i{transform:scale(1.2)}.table-order{margin-top:1rem}.order-time{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d;margin-bottom:1rem;padding:.5rem;background:#f8f9fa;border-radius:6px}.order-time i{color:var(--accent-color)}.order-products{margin-bottom:1rem}.order-product{animation:slideInRight .4s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.order-product{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin-bottom:.5rem;background:#f8f9fa;border-radius:6px;border-left:3px solid var(--accent-color);transition:all .3s ease;position:relative;overflow:hidden;gap:.5rem}.order-product.paid{background:#e8f5e8;border-left-color:#28a745;opacity:.8}.order-product.paid .product-name{text-decoration:line-through;color:#6c757d}.product-checkbox{display:flex;align-items:center;justify-content:center;min-width:24px}.product-payment-checkbox{display:none}.checkbox-label{cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:all .3s ease;color:#6c757d}.checkbox-label:hover{background:rgba(40,167,69,.1);color:#28a745;transform:scale(1.1)}.checkbox-label i{font-size:1.2rem;transition:all .3s ease}.product-payment-checkbox:checked+.checkbox-label{color:#28a745}.product-payment-checkbox:checked+.checkbox-label i{animation:checkmark .3s ease}@keyframes checkmark{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.order-product:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(214,111,18,.1),transparent);transition:left .5s ease}.order-product:hover:before{left:100%}.order-product:hover{transform:translate(4px);background:#e9ecef;box-shadow:0 2px 8px #0000001a}.product-name{font-weight:600;color:var(--heading-color);flex:1}.product-price{font-weight:700;color:var(--accent-color);margin:0 .5rem}.btn-remove-product{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;cursor:pointer;transition:all .2s ease;font-size:.8rem}.btn-remove-product:hover{background:#c82333;transform:scale(1.1);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:scale(1.1) translate(0)}25%{transform:scale(1.1) translate(-2px)}75%{transform:scale(1.1) translate(2px)}}.order-total{text-align:right;padding:.75rem;background:var(--accent-color);color:#fff;border-radius:6px;margin-bottom:1rem;font-size:1.1rem}.table-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-add-product,.btn-clear-table{flex:1;min-width:120px;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.btn-add-product:before,.btn-clear-table:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-add-product:hover:before,.btn-clear-table:hover:before{left:100%}.btn-add-product{background:linear-gradient(135deg,var(--accent-color),#b85a0f);color:#fff}.btn-add-product:hover{background:linear-gradient(135deg,#b85a0f,var(--accent-color));transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #d66f1266}.btn-clear-table{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.btn-clear-table:hover{background:linear-gradient(135deg,#218838,#28a745);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #28a74566}.table-empty{text-align:center;padding:2rem 1rem;color:#6c757d}.table-empty p{margin-bottom:1rem;font-size:1.1rem}.product-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.product-modal{background:var(--surface-color);border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:var(--heading-color);font-size:1.4rem}.btn-close-modal{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.btn-close-modal:hover{background:#f8f9fa;color:#dc3545}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1.5rem}.product-card{background:#f8f9fa;border-radius:8px;padding:1rem;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(214,111,18,.1),transparent);transition:left .6s ease}.product-card:hover:before{left:100%}.product-card:hover{border-color:var(--accent-color);transform:translateY(-4px) scale(1.03);box-shadow:0 8px 24px #d66f1233;background:#fff}.product-info h4{margin:0 0 .5rem;color:var(--heading-color);font-size:1rem}.product-price{margin:0;color:var(--accent-color);font-weight:700;font-size:1.1rem}.btn-add-to-table{width:100%;margin-top:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--accent-color),#b85a0f);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a;font-size:.9rem}.btn-add-to-table:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-add-to-table:hover:before{left:100%}.btn-add-to-table:hover{background:linear-gradient(135deg,#b85a0f,var(--accent-color));transform:translateY(-2px);box-shadow:0 6px 20px #d66f1266}.modal-footer{padding:1.5rem;border-top:1px solid #e9ecef;text-align:center}.btn-manage-products{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.btn-manage-products:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-manage-products:hover:before{left:100%}.btn-manage-products:hover{background:linear-gradient(135deg,#495057,#6c757d);transform:translateY(-2px);box-shadow:0 6px 20px #6c757d66}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--heading-color)}.form-group input{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:var(--accent-color)}.existing-products h4{margin:0 0 1rem;color:var(--heading-color);font-size:1.2rem}.products-list{max-height:200px;overflow-y:auto}.existing-product{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#f8f9fa;border-radius:6px;border-left:3px solid var(--accent-color)}.existing-product span:first-child{font-weight:600;color:var(--heading-color)}.existing-product span:last-child{font-weight:700;color:var(--accent-color)}@media (max-width: 768px){.tab-navigation{flex-direction:column;gap:.5rem}.tab-button{width:100%;justify-content:center}.table-management-header{flex-direction:column;gap:1rem;text-align:center}.revenue-section{flex-direction:column;gap:.75rem}.revenue-display,.btn-clear-total-revenue{width:100%;justify-content:center}.product-search-container{padding:1rem}.order-product{flex-direction:column;gap:.75rem;text-align:center}.product-checkbox{order:-1}.tables-grid{grid-template-columns:1fr}.table-actions{flex-direction:column}.btn-add-product,.btn-clear-table{width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-modal{margin:1rem;max-height:90vh}}.product-controls{padding:1rem 1.5rem;border-bottom:1px solid #e9ecef}.btn-toggle-products{background:linear-gradient(135deg,var(--accent-color),#b85a0f);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;font-size:.9rem;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.btn-toggle-products:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-toggle-products:hover:before{left:100%}.btn-toggle-products:hover{background:linear-gradient(135deg,#b85a0f,var(--accent-color));transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #d66f1266}.btn-toggle-products.active{background:linear-gradient(135deg,#6c757d,#495057)}.btn-toggle-products.active:hover{background:linear-gradient(135deg,#495057,#6c757d);box-shadow:0 6px 20px #6c757d66}.category-filter{padding:1rem 1.5rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:1rem}.category-filter label{font-weight:600;color:var(--heading-color);font-size:.9rem;min-width:80px}.category-select{flex:1;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;background:#fff;color:var(--default-color);transition:all .3s ease;cursor:pointer}.category-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d66f121a}.category-select:hover{border-color:var(--accent-color)}.product-category{display:inline-block;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}.observations-section{padding:1rem 1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa}.observations-section h4{margin:0 0 1rem;color:var(--heading-color);font-size:1.1rem;font-weight:600}.observations-container{margin-bottom:1rem}.observation-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;color:var(--default-color);transition:all .3s ease;resize:vertical;min-height:80px}.observation-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d66f121a}.observation-textarea:hover{border-color:var(--accent-color)}.observation-textarea::placeholder{color:#999;font-style:italic}.btn-add-observation{background:linear-gradient(135deg,#28a745,#218838);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin-top:.75rem;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.btn-add-observation:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-add-observation:hover:before{left:100%}.btn-add-observation:hover{background:linear-gradient(135deg,#218838,#28a745);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #28a74566}.btn-add-observation:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.btn-add-observation:disabled:hover{background:#6c757d;transform:none;box-shadow:none}.table-observations{margin-top:1rem}.table-observations .form-control{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;color:var(--default-color);transition:all .3s ease;resize:vertical;min-height:60px}.table-observations .form-control:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d66f121a}.table-observations .form-control:hover{border-color:var(--accent-color)}.table-observations .form-control::placeholder{color:#999;font-style:italic}.add-product-form{padding:1.5rem;border-bottom:1px solid #e9ecef}.add-product-form .form-group{margin-bottom:1rem}.add-product-form label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--heading-color);font-size:.9rem}.add-product-form input,.add-product-form select{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;background:#fff;color:var(--default-color);transition:all .3s ease}.add-product-form input:focus,.add-product-form select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d66f121a}.add-product-form input:hover,.add-product-form select:hover{border-color:var(--accent-color)}.add-product-form input::placeholder{color:#999;font-style:italic}.existing-products{padding:1.5rem}.existing-products h4{margin:0 0 1rem;color:var(--heading-color);font-size:1.2rem;font-weight:600}.category-section{margin-bottom:1.5rem}.category-title{margin:0 0 .75rem;color:var(--accent-color);font-size:1rem;font-weight:600;padding:.5rem 0;border-bottom:2px solid var(--accent-color);text-transform:uppercase;letter-spacing:.5px}.existing-product{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;background:#f8f9fa;border-radius:6px;border-left:3px solid var(--accent-color);transition:all .3s ease}.existing-product:hover{background:#e9ecef;transform:translate(4px);box-shadow:0 2px 8px #0000001a}.existing-product .product-name{font-weight:600;color:var(--heading-color);flex:1}.existing-product .product-price{font-weight:700;color:var(--accent-color);margin-left:1rem}.no-products-message{grid-column:1 / -1;text-align:center;padding:3rem 2rem;color:#6c757d;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6;margin:1rem 0}.no-products-message i{font-size:3rem;color:#adb5bd;margin-bottom:1rem;display:block}.no-products-message p{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--heading-color)}.no-products-message small{font-size:.9rem;color:#6c757d;font-style:italic}.btn-group{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;font-size:.9rem;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.btn-group:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-group:hover:before{left:100%}.btn-group:hover{background:linear-gradient(135deg,#495057,#6c757d);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #6c757d66}@media (max-width: 480px){.table-management-container{padding:.5rem}.table-card{padding:1rem}.table-header{flex-direction:column;gap:.5rem;text-align:center}.table-controls,.timer-controls{align-items:center}.timer-buttons{justify-content:center}.order-product{flex-direction:column;gap:.5rem;text-align:center}.product-price{margin:0}.products-grid{grid-template-columns:1fr}}.user-session-container{position:relative;margin-left:20px}.user-session-button{background:linear-gradient(135deg,#d66f12 0%,#f7931e 100%);border:none;color:#fff;padding:8px 16px;border-radius:25px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;box-shadow:0 2px 8px #d66f124d;animation:bounce 2s infinite}.user-session-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #d66f1266}.user-session-button:active{transform:translateY(0)}.user-avatar{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border-radius:50%}.user-avatar i{font-size:1rem;color:#fff}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:100%;right:0;background:white;border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #e9ecef;min-width:200px;z-index:1000;animation:slideDown .3s ease;margin-top:8px}.user-dropdown-header{padding:16px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px 12px 0 0}.user-dropdown-header i{font-size:1.5rem;color:#d66f12}.user-dropdown-header span{font-weight:600;color:#333;font-size:.95rem}.user-dropdown-menu{padding:8px 0}.dropdown-item{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;color:#333;font-size:.9rem}.dropdown-item:hover{background:linear-gradient(135deg,#d66f12 0%,#f7931e 100%);color:#fff}.dropdown-item:first-child{border-radius:0}.dropdown-item:last-child{border-radius:0 0 12px 12px}.dropdown-item i{font-size:1rem;width:16px;text-align:center}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;display:none}@media (max-width: 768px){.dropdown-overlay{display:block}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9996;display:none}@media (max-width: 1199px){.mobile-nav-overlay{display:block}}@media (max-width: 768px){.user-session-container{position:fixed;top:20px;right:20px;z-index:1001;margin-left:0}.user-session-button{padding:12px 16px;font-size:.9rem;border-radius:50px;box-shadow:0 4px 16px #d66f1266;min-width:50px;height:50px;justify-content:center}.user-name{display:none}.user-dropdown{position:fixed;top:80px;right:20px;left:20px;min-width:auto;max-width:none;border-radius:16px;box-shadow:0 8px 32px #0003}.user-dropdown-header{border-radius:16px 16px 0 0;padding:20px}.dropdown-item{padding:16px 20px;font-size:1rem}.dropdown-item:last-child{border-radius:0 0 16px 16px}}@media (max-width: 480px){.user-session-container{top:15px;right:15px}.user-session-button{padding:10px 14px;min-width:45px;height:45px}.user-dropdown{top:70px;right:15px;left:15px}}.user-missions-display{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 4px 12px #0000001a;border:1px solid #dee2e6}.missions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #d66f12}.missions-header h3{color:#333;margin:0;font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:10px}.missions-header h3 i{color:#d66f12;font-size:1.2rem}.btn-refresh-missions{background:linear-gradient(135deg,#d66f12 0%,#f7931e 100%);border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.btn-refresh-missions:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px #d66f124d}.btn-refresh-missions:disabled{opacity:.6;cursor:not-allowed}.btn-refresh-missions i{font-size:1rem}.btn-refresh-missions .bi-arrow-clockwise{animation:spin 1s linear infinite}.missions-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:#666;font-size:1.1rem}.no-missions{text-align:center;padding:40px 20px;color:#666}.no-missions i{font-size:3rem;margin-bottom:15px;display:block;color:#ccc}.no-missions p{font-size:1.2rem;margin-bottom:10px;color:#333}.no-missions small{color:#888;font-style:italic}.missions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.mission-card{background:white;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;transition:all .3s ease;display:flex;gap:15px;align-items:flex-start}.mission-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.mission-card.mission-unknown{opacity:.7;background:#f8f9fa}.mission-medal{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ffd7004d;border:3px solid #fff}.mission-unknown .mission-medal{background:linear-gradient(135deg,#6c757d 0%,#adb5bd 100%)}.medal-icon{font-size:1.8rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.mission-info{flex:1;min-width:0}.mission-info h4{color:#333;margin:0 0 8px;font-size:1.1rem;font-weight:600;line-height:1.3}.mission-info p{color:#666;margin:0 0 12px;font-size:.9rem;line-height:1.4}.mission-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.difficulty-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-secondary{background:#e2e3e5;color:#383d41}.points-badge{background:linear-gradient(135deg,#d66f12 0%,#f7931e 100%);color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.points-badge i{font-size:.7rem}.mission-date{color:#888;font-size:.8rem;display:flex;align-items:center;gap:4px;font-style:italic}.mission-date i{font-size:.7rem}.missions-summary{background:linear-gradient(135deg,#d66f12 0%,#f7931e 100%);color:#fff;border-radius:8px;padding:15px 20px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:15px}.summary-item{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem}.summary-item i{font-size:1.1rem;color:gold}@media (max-width: 768px){.user-missions-display{padding:15px;margin:15px 0}.missions-header{flex-direction:column;gap:15px;align-items:flex-start}.missions-header h3{font-size:1.2rem}.missions-grid{grid-template-columns:1fr;gap:15px}.mission-card{padding:15px;flex-direction:column;text-align:center}.mission-medal{align-self:center}.mission-meta{justify-content:center}.missions-summary{flex-direction:column;gap:10px;text-align:center}}@media (max-width: 480px){.mission-card{padding:12px}.mission-medal{width:50px;height:50px}.medal-icon{font-size:1.5rem}.mission-info h4{font-size:1rem}.mission-info p{font-size:.85rem}}.jukebox-container{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);border-radius:20px;padding:2rem;margin-top:2rem;box-shadow:0 10px 30px #0000004d;color:#fff;position:relative;overflow:hidden;animation:jukeboxEntrance .8s ease-out;border:2px solid rgba(29,185,84,.3);background-size:200% 200%;animation:jukeboxEntrance .8s ease-out,gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes jukeboxEntrance{0%{opacity:0;transform:translateY(50px) scale(.8) rotateX(10deg)}50%{opacity:.7;transform:translateY(25px) scale(.9) rotateX(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.jukebox-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.jukebox-container:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#1DB954,#1ed760,#1DB954);border-radius:22px;z-index:-1;opacity:.3;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.3}50%{opacity:.6}}.jukebox-header{text-align:center;margin-bottom:2rem;position:relative;z-index:1;animation:headerEntrance 1s ease-out .3s both}@keyframes headerEntrance{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.jukebox-header h3{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;gap:.5rem;animation:textGlow 2s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:2px 2px 4px rgba(0,0,0,.3)}50%{text-shadow:2px 2px 8px rgba(29,185,84,.5)}}.jukebox-header h3 i{color:#1db954;font-size:2rem}.jukebox-icon{animation:musicPulse 2s ease-in-out infinite}@keyframes musicPulse{0%,to{transform:scale(1);color:#1db954}50%{transform:scale(1.1);color:#1ed760}}.jukebox-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.music-note{position:absolute;color:#1db9544d;font-size:1.5rem;animation:float 6s ease-in-out infinite}.note-1{top:20%;left:10%;animation-delay:0s}.note-2{top:60%;right:15%;animation-delay:2s}.note-3{bottom:30%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(10deg);opacity:.6}}.particle{position:absolute;width:4px;height:4px;background:rgba(29,185,84,.6);border-radius:50%;animation:particleFloat 8s linear infinite}.particle-1{top:15%;left:5%;animation-delay:0s;animation-duration:6s}.particle-2{top:45%;right:10%;animation-delay:1s;animation-duration:7s}.particle-3{bottom:25%;left:15%;animation-delay:2s;animation-duration:8s}.particle-4{top:75%;right:20%;animation-delay:3s;animation-duration:9s}.particle-5{bottom:60%;left:25%;animation-delay:4s;animation-duration:10s}@keyframes particleFloat{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(20px);opacity:0}}.jukebox-header p{font-size:1.1rem;opacity:.9;margin:0}.search-section{margin-bottom:2rem;position:relative;z-index:1}.search-box{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input{flex:1;padding:1rem 1.5rem;border:none;border-radius:50px;background:rgba(255,255,255,.15);color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.search-input::placeholder{color:#ffffffb3}.search-input:focus{outline:none;background:rgba(255,255,255,.25);box-shadow:0 0 20px #1db9544d}.search-button{padding:1rem 1.5rem;border:none;border-radius:50px;background:#1DB954;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;min-width:60px}.search-button:hover:not(:disabled){background:#1ed760;transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #1db95466;animation:buttonGlow .3s ease-out}@keyframes buttonGlow{0%{box-shadow:0 5px 15px #1db95466}50%{box-shadow:0 5px 25px #1db95499}to{box-shadow:0 5px 15px #1db95466}}.search-button:disabled{opacity:.6;cursor:not-allowed}.search-button i{animation:spin 1s linear infinite}.search-results{background:rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-results h4{margin-bottom:1rem;font-size:1.3rem;color:#1db954}.songs-grid{display:flex;flex-direction:column;gap:1rem}.song-card{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.1);border-radius:12px;padding:1rem;transition:all .3s ease}.song-card{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.1);border-radius:12px;padding:1rem;transition:all .3s ease;animation:slideInFromRight .5s ease-out;animation-fill-mode:both}.song-card:nth-child(1){animation-delay:.1s}.song-card:nth-child(2){animation-delay:.2s}.song-card:nth-child(3){animation-delay:.3s}.song-card:nth-child(4){animation-delay:.4s}.song-card:nth-child(5){animation-delay:.5s}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.song-card:hover{background:rgba(255,255,255,.2);transform:translate(5px) scale(1.02);box-shadow:0 8px 25px #0003}.song-info{display:flex;align-items:center;gap:1rem;flex:1}.song-album-art{width:60px;height:60px;border-radius:8px;object-fit:cover}.song-details h5{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.song-artist{margin:0 0 .25rem;font-size:.9rem;opacity:.8}.song-album{margin:0 0 .25rem;font-size:.8rem;opacity:.6}.song-duration{font-size:.8rem;opacity:.7;font-weight:500}.add-to-playlist-btn{background:#1DB954;border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.add-to-playlist-btn:hover:not(:disabled){background:#1ed760;transform:scale(1.1) rotate(90deg);animation:addButtonPulse .6s ease-out}@keyframes addButtonPulse{0%{transform:scale(1.1) rotate(90deg)}50%{transform:scale(1.3) rotate(90deg)}to{transform:scale(1.1) rotate(90deg)}}.add-to-playlist-btn:disabled{opacity:.6;cursor:not-allowed}.current-track-section{margin-bottom:2rem;position:relative;z-index:1}.current-track-section h4{margin-bottom:1rem;font-size:1.3rem;color:#1db954;display:flex;align-items:center;gap:.5rem}.current-track{background:rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:currentTrackGlow 3s ease-in-out infinite;border:1px solid rgba(29,185,84,.2)}@keyframes currentTrackGlow{0%,to{border-color:#1db95433;box-shadow:0 0 20px #1db9541a}50%{border-color:#1db95466;box-shadow:0 0 30px #1db95433}}.current-track-art{width:120px;height:120px;border-radius:12px;object-fit:cover;box-shadow:0 8px 25px #0000004d}.current-track-info{flex:1}.current-track-info h5{margin:0 0 .5rem;font-size:1.4rem;font-weight:600}.current-track-artist{margin:0 0 .25rem;font-size:1.1rem;opacity:.8}.current-track-album{margin:0 0 1rem;font-size:.9rem;opacity:.6}.progress-container{display:flex;flex-direction:column;gap:.5rem}.progress-bar{width:100%;height:6px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#1DB954,#1ed760);border-radius:3px;transition:width .3s ease;animation:progressPulse 2s ease-in-out infinite;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:.8rem;opacity:.7}.current-track-controls{display:flex;gap:1rem;align-items:center}.control-btn{background:rgba(255,255,255,.1);border:none;border-radius:50%;width:50px;height:50px;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.play-pause-btn{background:#1DB954;width:60px;height:60px;font-size:1.5rem}.play-pause-btn:hover{background:#1ed760;animation:playButtonPulse 1s ease-in-out infinite}@keyframes playButtonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.playlist-section{position:relative;z-index:1}.playlist-section h4{margin-bottom:1rem;font-size:1.3rem;color:#1db954;display:flex;align-items:center;gap:.5rem}.playlist{background:rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:400px;overflow-y:auto}.playlist::-webkit-scrollbar{width:8px}.playlist::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.playlist::-webkit-scrollbar-thumb{background:#1DB954;border-radius:4px}.playlist::-webkit-scrollbar-thumb:hover{background:#1ed760}.empty-playlist{text-align:center;padding:3rem 1rem;opacity:.7}.empty-playlist i{font-size:3rem;margin-bottom:1rem;color:#1db954}.empty-playlist p{margin:.5rem 0;font-size:1rem}.playlist-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:10px;transition:all .3s ease;margin-bottom:.5rem;animation:playlistItemSlide .5s ease-out;animation-fill-mode:both}.playlist-item:nth-child(1){animation-delay:.1s}.playlist-item:nth-child(2){animation-delay:.2s}.playlist-item:nth-child(3){animation-delay:.3s}.playlist-item:nth-child(4){animation-delay:.4s}.playlist-item:nth-child(5){animation-delay:.5s}@keyframes playlistItemSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.playlist-item:hover{background:rgba(255,255,255,.1)}.playlist-item:last-child{margin-bottom:0}.playlist-item-number{width:30px;height:30px;background:#1DB954;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.playlist-item-art{width:50px;height:50px;border-radius:8px;object-fit:cover;flex-shrink:0}.playlist-item-info{flex:1;min-width:0}.playlist-item-info h6{margin:0 0 .25rem;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-artist{margin:0 0 .25rem;font-size:.9rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-added{margin:0;font-size:.8rem;opacity:.6}.playlist-item-duration{font-size:.9rem;opacity:.7;font-weight:500;flex-shrink:0}.auth-section{text-align:center;padding:2rem;background:rgba(255,255,255,.1);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem}.auth-message{max-width:400px;margin:0 auto}.auth-message i{font-size:3rem;color:#1db954;margin-bottom:1rem}.auth-message h4{font-size:1.5rem;margin-bottom:1rem;color:#fff}.auth-message p{margin-bottom:1.5rem;opacity:.9;line-height:1.5}.spotify-auth-btn{background:#1DB954;border:none;color:#fff;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #1db9544d}.spotify-auth-btn:hover{background:#1ed760;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #1db95466;animation:spotifyButtonShake .5s ease-in-out}@keyframes spotifyButtonShake{0%,to{transform:translateY(-2px) scale(1.05)}25%{transform:translateY(-2px) scale(1.05) rotate(-1deg)}75%{transform:translateY(-2px) scale(1.05) rotate(1deg)}}.spotify-auth-btn i{font-size:1.2rem}.playlist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.playlist-header h4{margin:0}.refresh-playlist-btn{background:rgba(255,255,255,.1);border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.refresh-playlist-btn:hover:not(:disabled){background:rgba(255,255,255,.2);transform:scale(1.1)}.refresh-playlist-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-playlist-btn i{animation:spin 1s linear infinite}.loading-playlist{text-align:center;padding:3rem 1rem;opacity:.7}.loading-playlist i{font-size:2rem;margin-bottom:1rem;color:#1db954;animation:spin 1s linear infinite}.loading-playlist p{margin:0;font-size:1rem}@media (max-width: 768px){.jukebox-container{padding:1.5rem;margin-top:1.5rem}.jukebox-header h3{font-size:2rem}.search-box{flex-direction:column}.current-track{flex-direction:column;text-align:center}.current-track-art{width:100px;height:100px}.current-track-controls{margin-top:1rem}.playlist-item{flex-wrap:wrap}.playlist-item-info{min-width:200px}.auth-section{padding:1.5rem}.auth-message h4{font-size:1.3rem}.spotify-auth-btn{padding:.8rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.jukebox-container{padding:1rem}.jukebox-header h3{font-size:1.5rem}.song-card{flex-direction:column;text-align:center;gap:1rem}.song-info{flex-direction:column}.current-track{padding:1rem}.current-track-controls{gap:.5rem}.control-btn{width:40px;height:40px;font-size:1rem}.play-pause-btn{width:50px;height:50px;font-size:1.2rem}}.points-item{background:linear-gradient(135deg,#d66f12 0%,#f7931e 100%);color:#fff;border-radius:8px;padding:12px 16px;margin:8px 0;box-shadow:0 2px 8px #d66f1233}.points-item strong{color:#fff;font-weight:600}.points-container{display:flex;align-items:center;gap:12px;justify-content:space-between}.user-points{display:flex;align-items:center;gap:6px;font-weight:600;font-size:1.1rem;flex:1}.user-points i{color:gold;font-size:1rem}.user-points .bi-arrow-clockwise{animation:spin 1s linear infinite;color:#fff}.btn-refresh-points{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.btn-refresh-points:hover:not(:disabled){background:rgba(255,255,255,.3);transform:scale(1.05)}.btn-refresh-points:disabled{opacity:.6;cursor:not-allowed}.btn-refresh-points i{font-size:1rem}.btn-refresh-points .bi-arrow-clockwise{animation:spin 1s linear infinite}.info-grid{display:grid;gap:12px;margin-top:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #d66f12}.info-item strong{color:#333;font-weight:600}.info-item span{color:#666;font-weight:500}@media (max-width: 768px){.points-item{padding:10px 12px}.points-container{flex-direction:column;gap:8px;align-items:flex-start}.user-points{font-size:1rem}.btn-refresh-points{align-self:flex-end}.info-item{flex-direction:column;align-items:flex-start;gap:4px}}.qr-missions-section{margin-top:30px;padding-top:20px;border-top:2px solid #e9ecef}.missions-toggle{text-align:center;margin-bottom:20px}.btn-toggle-missions{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px #28a7454d}.btn-toggle-missions:hover{transform:translateY(-2px);box-shadow:0 4px 16px #28a74566}.btn-toggle-missions i{font-size:1.1rem}@media (max-width: 768px){.qr-missions-section{margin-top:20px;padding-top:15px}.btn-toggle-missions{padding:10px 20px;font-size:.9rem}}.qr-jukebox-section{margin-top:30px;padding-top:20px;border-top:2px solid #e9ecef}@media (max-width: 768px){.qr-jukebox-section{margin-top:20px;padding-top:15px}}.events{padding:60px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.loading-spinner{text-align:center;color:#6c757d}.no-events{text-align:center;padding:60px 20px;color:#6c757d}.no-events i{font-size:3rem;margin-bottom:1rem;opacity:.5}.events-carousel{position:relative;max-width:1200px;margin:0 auto;overflow:hidden;border-radius:15px;box-shadow:0 10px 30px #0000001a}.carousel-container{position:relative;width:100%;height:400px;overflow:hidden}.carousel-track{display:flex;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.carousel-slide{min-width:100%;height:100%;position:relative}.event-card{width:100%;height:100%;position:relative;cursor:pointer;transition:transform .3s ease}.event-card:hover{transform:scale(1.02)}.event-image{width:100%;height:100%;position:relative;overflow:hidden}.event-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.event-card:hover .event-image img{transform:scale(1.1)}.event-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.event-card:hover .event-overlay{opacity:1}.event-info{text-align:center;color:#fff;padding:20px}.event-info h3{font-size:2rem;margin-bottom:10px;font-weight:700;color:#fff}.event-info .event-date{font-size:1.1rem;margin-bottom:20px;opacity:.9}.btn-inscribirse{background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-inscribirse:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b66}.event-details{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:30px 20px 20px;transform:translateY(100%);transition:transform .3s ease}.event-card:hover .event-details{transform:translateY(0)}.event-details h4{font-size:1.5rem;margin-bottom:10px;font-weight:700;color:#fff}.event-description{font-size:.9rem;margin-bottom:10px;opacity:.9;line-height:1.4}.event-date-detail{font-size:.9rem;display:flex;align-items:center;gap:8px;opacity:.8}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 4px 12px #00000026}.carousel-btn:hover{background:white;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #0003}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}.carousel-btn i{font-size:1.2rem;color:#333}.carousel-indicators{display:flex;justify-content:center;gap:10px;margin-top:20px}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:rgba(0,0,0,.3);cursor:pointer;transition:all .3s ease}.indicator.active{background:#ff6b6b;transform:scale(1.2)}.indicator:hover{background:#ff6b6b;transform:scale(1.1)}.event-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.event-modal{background:white;border-radius:15px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:#333;font-size:1.5rem}.btn-close{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease}.btn-close:hover{background:#f8f9fa;color:#333}.modal-content{padding:30px}.event-info-modal{display:flex;gap:20px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.event-info-modal img{width:120px;height:120px;object-fit:cover;border-radius:10px}.event-details-modal h4{margin:0 0 10px;color:#333;font-size:1.3rem}.event-details-modal p{margin:5px 0;color:#6c757d;display:flex;align-items:center;gap:8px}.event-description-modal{margin-top:10px!important;font-style:italic;line-height:1.4}.event-registration-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-label{font-weight:600;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:.95rem}.form-label i{color:#ff6b6b;font-size:1rem}.form-control{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:white}.form-control:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 .2rem #ff6b6b40}.form-control:hover{border-color:#ff6b6b}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.btn-cancel{padding:12px 24px;border:2px solid #6c757d;background:white;color:#6c757d;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-cancel:hover{background:#6c757d;color:#fff}.btn-submit{padding:12px 24px;border:none;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:8px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b66}.btn-submit:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.events-carousel{margin:0 10px}.carousel-btn{width:40px;height:40px}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.event-info h3{font-size:1.5rem}.event-modal{margin:10px;max-height:95vh}.modal-content{padding:20px}.event-info-modal{flex-direction:column;text-align:center}.event-info-modal img{width:100%;height:200px}.form-actions{flex-direction:column}}.reservations-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.reservations-content{background:white;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}.reservations-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#d66f12 0%,#f7931e 100%);color:#fff}.reservations-header h2{margin:0;font-size:1.5rem;font-weight:600}.btn-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s}.btn-close:hover{background-color:#fff3}.view-mode-selector{display:flex;padding:16px 24px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0}.view-mode-btn{flex:1;padding:12px 16px;margin:0 8px;border:2px solid #e0e0e0;background:white;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500}.view-mode-btn:first-child{margin-left:0}.view-mode-btn:last-child{margin-right:0}.view-mode-btn.active{border-color:#d66f12;background-color:#d66f12;color:#fff}.view-mode-btn:hover:not(.active){border-color:#f7931e;background-color:#fff5e6}.count{background-color:#fff3;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.reservations-list{flex:1;overflow-y:auto;padding:16px 24px;max-height:60vh}.no-reservations{text-align:center;padding:40px 20px;color:#666}.no-reservations i{font-size:3rem;margin-bottom:16px;color:#ccc}.no-reservations p{font-size:1.1rem;margin:0}.reservation-card{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}.reservation-card:hover{box-shadow:0 4px 8px #00000026}.reservation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.reservation-info h4{margin:0 0 4px;color:#333;font-size:1.1rem;font-weight:600}.reservation-email,.reservation-phone{margin:2px 0;color:#666;font-size:.9rem}.reservation-status{margin-left:12px}.badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-today{background-color:#28a745;color:#fff}.badge-future{background-color:#007bff;color:#fff}.badge-past{background-color:#6c757d;color:#fff}.reservation-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}.detail-item{display:flex;align-items:center;gap:8px;color:#555;font-size:.9rem}.detail-item i{color:#d66f12;font-size:1rem}.reservation-message{background-color:#f8f9fa;border-left:3px solid #d66f12;padding:12px;border-radius:4px;margin-top:12px}.reservation-message i{color:#d66f12;margin-right:8px}.reservation-message p{margin:0;color:#555;font-style:italic;font-size:.9rem}.reservations-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e0e0e0;background-color:#f8f9fa}.btn-refresh,.btn-close-secondary{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-refresh{background-color:#28a745;color:#fff}.btn-refresh:hover{background-color:#218838}.btn-close-secondary{background-color:#6c757d;color:#fff}.btn-close-secondary:hover{background-color:#5a6268}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#666}.loading-spinner i{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:16px;color:#d66f12}.reservations-button{background-color:#28a745!important;color:#fff!important;border-color:#28a745!important}.reservations-button:hover{background-color:#218838!important;border-color:#218838!important}.event-users-button{background-color:#ff6b6b!important;color:#fff!important;border-color:#ff6b6b!important}.event-users-button:hover{background-color:#ff5252!important;border-color:#ff5252!important}@media (max-width: 768px){.reservations-content{width:95%;max-height:95vh}.reservations-header{padding:16px 20px}.view-mode-selector{padding:12px 20px;flex-direction:column;gap:8px}.view-mode-btn{margin:0}.reservations-list{padding:12px 20px}.reservation-details{grid-template-columns:1fr}.reservations-footer{padding:12px 20px;flex-direction:column;gap:12px}.btn-refresh,.btn-close-secondary{width:100%;justify-content:center}}.event-users-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.event-users-content{background:white;border-radius:15px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.event-users-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);color:#fff;border-radius:15px 15px 0 0}.event-users-header h2{margin:0;font-size:1.8rem;font-weight:700}.btn-close{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.view-mode-selector{display:flex;gap:10px;padding:20px 30px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.view-mode-btn{flex:1;padding:12px 20px;border:2px solid #e9ecef;background:white;color:#6c757d;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.view-mode-btn:hover{border-color:#ff6b6b;color:#ff6b6b;transform:translateY(-2px)}.view-mode-btn.active{background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);border-color:#ff6b6b;color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.view-mode-btn i{font-size:1.1rem}.count{background:rgba(255,255,255,.2);padding:2px 8px;border-radius:12px;font-size:.8rem;margin-left:5px}.event-stats{display:flex;gap:20px;padding:20px 30px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:1px solid #e9ecef}.stat-item{display:flex;align-items:center;gap:10px;padding:15px 20px;background:white;border-radius:10px;box-shadow:0 2px 8px #0000001a;flex:1}.stat-item i{font-size:1.5rem;color:#ff6b6b}.stat-item span{font-weight:600;color:#333;font-size:1.1rem}.event-stats-by-event{padding:20px 30px;border-bottom:1px solid #e9ecef}.event-stats-by-event h3{margin:0 0 20px;color:#333;font-size:1.3rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.event-stat-card{background:white;border:2px solid #e9ecef;border-radius:10px;padding:20px;transition:all .3s ease}.event-stat-card:hover{border-color:#ff6b6b;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b26}.event-stat-card h4{margin:0 0 15px;color:#333;font-size:1.2rem;font-weight:700}.stat-details p{margin:8px 0;color:#6c757d;display:flex;align-items:center;gap:8px}.stat-details i{color:#ff6b6b;width:16px}.event-users-list{padding:20px 30px;max-height:400px;overflow-y:auto}.no-inscriptions{text-align:center;padding:60px 20px;color:#6c757d}.no-inscriptions i{font-size:3rem;margin-bottom:1rem;opacity:.5}.event-user-card{background:white;border:2px solid #e9ecef;border-radius:12px;margin-bottom:15px;padding:20px;transition:all .3s ease}.event-user-card:hover{border-color:#ff6b6b;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b26}.event-user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.event-user-info h4{margin:0 0 5px;color:#333;font-size:1.3rem;font-weight:700}.event-user-cedula{margin:0 0 5px;color:#6c757d;font-size:.9rem}.event-user-phone{margin:0;color:#6c757d;font-size:.9rem}.event-user-status{display:flex;align-items:center}.badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-today{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}.badge-future{background:linear-gradient(135deg,#007bff 0%,#6610f2 100%);color:#fff}.badge-past{background:linear-gradient(135deg,#6c757d 0%,#495057 100%);color:#fff}.event-user-details{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.detail-item{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:.9rem}.detail-item i{color:#ff6b6b;width:16px}.event-user-timestamp{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:.8rem;padding-top:10px;border-top:1px solid #e9ecef}.event-user-timestamp i{color:#ff6b6b}.event-users-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 15px 15px}.btn-refresh{background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:8px}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b66}.btn-close-secondary{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-close-secondary:hover{background:#495057;transform:translateY(-2px)}.loading-spinner{text-align:center;padding:60px 20px;color:#6c757d}.loading-spinner i{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.event-users-modal{padding:10px}.event-users-content{max-height:95vh}.event-users-header{padding:15px 20px}.event-users-header h2{font-size:1.5rem}.view-mode-selector,.event-stats{flex-direction:column;padding:15px 20px}.event-stats-by-event{padding:15px 20px}.stats-grid{grid-template-columns:1fr}.event-users-list{padding:15px 20px}.event-user-details{flex-direction:column;gap:10px}.event-users-footer{flex-direction:column;gap:10px;padding:15px 20px}.btn-refresh,.btn-close-secondary{width:100%;justify-content:center}}.missions-section{margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.missions-section h4{margin:0 0 10px;color:#333;font-size:1.2rem;display:flex;align-items:center;gap:8px}.missions-section h4 i{color:#d66f12}.missions-description{margin:0 0 15px;color:#666;font-size:.9rem}.missions-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#666}.missions-loading i{animation:spin 1s linear infinite;color:#d66f12}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.missions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-bottom:15px}.mission-checkbox{background:white;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;cursor:pointer}.mission-checkbox:hover{border-color:#d66f12;box-shadow:0 2px 8px #d66f121a}.mission-checkbox.selected{border-color:#d66f12;background-color:#fff5e6}.mission-checkbox-label{display:block;padding:15px;cursor:pointer;margin:0}.mission-checkbox-label input[type=checkbox]{display:none}.mission-checkbox-content{display:flex;flex-direction:column;gap:8px}.mission-checkbox-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.mission-checkbox-header h5{margin:0;font-size:1rem;font-weight:600;color:#333;flex:1}.mission-points{display:flex;align-items:center;gap:4px;background-color:#d66f12;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap}.mission-points i{font-size:.7rem}.mission-description{margin:0;font-size:.85rem;color:#666;line-height:1.4}.mission-difficulty{font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:4px;display:inline-block;text-transform:uppercase}.mission-difficulty.text-success{background-color:#d4edda;color:#155724}.mission-difficulty.text-warning{background-color:#fff3cd;color:#856404}.mission-difficulty.text-danger{background-color:#f8d7da;color:#721c24}.mission-difficulty.text-secondary{background-color:#e2e3e5;color:#383d41}.no-missions{text-align:center;padding:30px 20px;color:#666}.no-missions i{font-size:2rem;margin-bottom:10px;color:#ccc}.no-missions p{margin:5px 0;font-size:.9rem;color:#b8adad}.selected-missions-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#d66f12;color:#fff;border-radius:6px;margin-top:15px;font-size:.9rem}.total-points{font-weight:600}@media (max-width: 768px){.missions-grid{grid-template-columns:1fr}.mission-checkbox-header{flex-direction:column;align-items:flex-start;gap:8px}.selected-missions-summary{flex-direction:column;gap:8px;text-align:center}}.user-points-item{background:linear-gradient(135deg,#d66f12 0%,#f7931e 100%);color:#fff;border-radius:8px;padding:12px 16px;margin:8px 0;box-shadow:0 2px 8px #d66f1233}.user-points-item strong{color:#fff;font-weight:600}.user-points-display{display:flex;align-items:center;gap:6px;font-weight:600;font-size:1.1rem}.user-points-display i{color:gold;font-size:1rem}.user-points-display .bi-arrow-clockwise{animation:spin 1s linear infinite;color:#fff}.btn-reset-points{background-color:#dc3545;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:8px;margin:8px 0}.btn-reset-points:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.btn-reset-points:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.registration-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.registration-actions button{width:100%;justify-content:center}@media (min-width: 768px){.registration-actions{flex-direction:row;gap:12px}.registration-actions button{flex:1}}.input-methods{margin-top:20px}.method-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.method-tab{background:none;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;color:#666;transition:all .3s ease;display:flex;align-items:center;gap:8px}.method-tab:hover{background-color:#f8f9fa;color:#333}.method-tab.active{background-color:#d66f12;color:#fff}.method-tab i{font-size:1.1rem}.manual-input{padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.input-group{display:flex;flex-direction:column;gap:12px}.input-group label{font-weight:600;color:#333;margin-bottom:5px}.input-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.input-group input:focus{outline:none;border-color:#d66f12;box-shadow:0 0 0 3px #d66f121a}.btn-search-cedula{background-color:#d66f12;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-search-cedula:hover:not(:disabled){background-color:#b55a0f;transform:translateY(-1px);box-shadow:0 4px 8px #d66f124d}.btn-search-cedula:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.btn-search-cedula i{animation:spin 1s linear infinite}.rewards-section{margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.rewards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.rewards-header h4{margin:0;color:#333;font-size:1.2rem;display:flex;align-items:center;gap:8px}.rewards-header h4 i{color:#d66f12}.btn-toggle-rewards{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:6px;font-size:.9rem}.btn-toggle-rewards:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.rewards-content{margin-top:15px}.rewards-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#666}.rewards-loading i{animation:spin 1s linear infinite;color:#d66f12}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.reward-card{background:white;border:2px solid #e0e0e0;border-radius:8px;padding:15px;transition:all .3s ease;position:relative}.reward-card.affordable{border-color:#28a745;box-shadow:0 2px 8px #28a7451a}.reward-card.locked{border-color:#dc3545;opacity:.7;background-color:#f8f9fa}.reward-card.affordable:hover{border-color:#28a745;box-shadow:0 4px 12px #28a74533;transform:translateY(-2px)}.reward-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.reward-points{display:flex;flex-direction:column;align-items:center;background-color:#d66f12;color:#fff;padding:8px 12px;border-radius:6px;min-width:60px}.points-number{font-size:1.2rem;font-weight:700;line-height:1}.points-label{font-size:.7rem;opacity:.9}.reward-locked{color:#dc3545;font-size:1.2rem}.reward-content{margin-bottom:15px}.reward-name{margin:0 0 8px;font-size:1rem;font-weight:600;color:#333}.reward-description{margin:0;font-size:.85rem;color:#666;line-height:1.4}.reward-actions{text-align:center}.btn-redeem{width:100%;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.9rem}.btn-redeem.available{background-color:#28a745;color:#fff}.btn-redeem.available:hover:not(:disabled){background-color:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.btn-redeem.locked{background-color:#6c757d;color:#fff;cursor:not-allowed}.btn-redeem:disabled{opacity:.6;cursor:not-allowed}.no-rewards{text-align:center;padding:30px 20px;color:#666}.no-rewards i{font-size:2rem;margin-bottom:10px;color:#ccc}.no-rewards p{margin:5px 0;font-size:.9rem}@media (max-width: 768px){.rewards-grid{grid-template-columns:1fr}.rewards-header{flex-direction:column;gap:10px;align-items:stretch}.btn-toggle-rewards{justify-content:center}}.action-tabs{margin-top:20px}.action-tab-navigation{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.action-tab{background:none;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;color:#666;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:1rem;position:relative}.action-tab:hover{background-color:#f8f9fa;color:#333;transform:translateY(-1px)}.action-tab.active{background-color:#d66f12;color:#fff;box-shadow:0 4px 8px #d66f124d}.action-tab.active:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #d66f12}.action-tab i{font-size:1.2rem}.action-tab-content{padding:20px 0;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.action-tab-navigation{flex-direction:column;gap:8px}.action-tab{justify-content:center;padding:15px 20px}.action-tab.active:after{display:none}}.amount-calculation-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#e3f2fd;border:1px solid #2196f3;border-radius:6px;margin-top:8px;color:#1976d2;font-size:.85rem}.amount-calculation-info i{color:#2196f3;font-size:1rem}.amount-calculation-info span{font-weight:500}