@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:wght@300;400;600;700&family=Rubik+Mono+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";:root{--retroPink: #ff66b3;--retroTeal: #00cc99;--retroYellow: #ffde59;--retroOrange: #ff9966;--retroBlue: #0066ff;--retroMagenta: #ff00cc}.home-page{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.login-button-container{position:fixed;top:1rem;right:1rem;z-index:50;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.login-button{background:var(--retroPink);color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:9999px;box-shadow:0 10px 25px #00c5cc66;display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .3s ease;transform:scale(1);font-family:Poppins,sans-serif;border:none;cursor:pointer;font-size:1rem}.login-button.register-button{background:var(--retroTeal);box-shadow:0 10px 25px #00c5cc66}.login-button.register-button:hover{background:#00b8c4;transform:scale(1.05);box-shadow:0 15px 35px #00c5cc99}.login-button:hover{background:#f39;transform:scale(1.05);box-shadow:0 15px 35px #00c5cc99}.login-button svg{width:20px;height:20px}.hero-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1rem;position:relative;overflow:hidden;background:linear-gradient(to right,#00c5cc,#ff37d7)}.sunburst-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;opacity:.15;background:repeating-linear-gradient(30deg,transparent,transparent 2px,var(--retroPink) 2px,var(--retroPink) 4px),repeating-linear-gradient(60deg,transparent,transparent 2px,var(--retroPink) 2px,var(--retroPink) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,var(--retroPink) 2px,var(--retroPink) 4px)}.icon-pattern-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;opacity:.2;pointer-events:none}.icon-row{display:flex;gap:2rem;position:absolute;width:max-content;will-change:transform;left:0;align-items:center}.icon-row-right{animation:slideRightIcon linear infinite}.icon-row-left{animation:slideLeftIcon linear infinite}.dev-disable-icon-animation .icon-row-right,.dev-disable-icon-animation .icon-row-left{animation:none!important}.pattern-icon{width:60px;height:60px;flex-shrink:0;opacity:.85;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.4));transition:opacity .3s ease}.pattern-icon:hover{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,255,255,.6))}@keyframes slideRightIcon{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideLeftIcon{0%{transform:translate(-50%)}to{transform:translate(0)}}.hero-content{position:relative;z-index:10;text-align:center;max-width:64rem;width:100%}.main-logo{width:auto;height:auto;max-width:90%;max-height:200px;margin:0 auto 1.5rem;display:block;filter:drop-shadow(0 0 20px rgba(255,255,255,.8)) drop-shadow(0 0 40px rgba(255,255,255,.6)) drop-shadow(0 0 60px rgba(255,255,255,.4)) drop-shadow(0 0 80px rgba(255,255,255,.3));animation:glow 2s ease-in-out infinite alternate}.dev-disable-icon-animation .main-logo{animation:none!important}@media (min-width: 768px){.main-logo{max-height:500px}}@keyframes glow{0%{filter:drop-shadow(0 0 15px rgba(255,255,255,.7)) drop-shadow(0 0 30px rgba(255,255,255,.5)) drop-shadow(0 0 50px rgba(255,255,255,.3)) drop-shadow(0 0 70px rgba(255,255,255,.2))}to{filter:drop-shadow(0 0 25px rgba(255,255,255,1)) drop-shadow(0 0 50px rgba(255,255,255,.8)) drop-shadow(0 0 70px rgba(255,255,255,.6)) drop-shadow(0 0 100px rgba(255,255,255,.4))}}.hero-subtitle{font-size:1.25rem;margin-bottom:3rem;color:#fffffff2;font-weight:500;max-width:42rem;margin-left:auto;margin-right:auto;font-family:Poppins,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.2)}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:4rem;max-width:400px;margin-left:auto;margin-right:auto}.menu-item-card{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 10px 25px #00000026;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.menu-item-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000040}.menu-icon-circle{width:4rem;height:4rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.menu-icon-circle.retroTeal{background:var(--retroTeal)}.menu-icon-circle.retroPink{background:var(--retroPink)}.menu-icon-circle.retroOrange{background:var(--retroOrange)}.menu-icon{font-size:2rem}.menu-label{font-weight:700;font-family:Poppins,sans-serif}.menu-label.retroTeal{color:var(--retroTeal)}.menu-label.retroPink{color:var(--retroPink)}.menu-label.retroOrange{color:var(--retroOrange)}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;background:transparent;color:#ffffffe6;font-weight:600;padding:1rem 2.5rem;border-radius:9999px;font-size:1rem;text-decoration:none;transition:all .3s ease;transform:scale(1);margin-bottom:4rem;font-family:Poppins,sans-serif;letter-spacing:.1em;position:relative;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px #ffffff4d,inset 0 0 0 1px #fff3,0 0 20px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 0 10px rgba(255,255,255,.5)}.cta-button:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:9999px;padding:2px;background:linear-gradient(90deg,#add8e666,#ffc0cb66);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.cta-button:hover{transform:scale(1.05);border-color:#ffffffe6;box-shadow:0 0 0 1px #ffffff80,inset 0 0 0 1px #ffffff4d,0 0 30px #ffffff4d;text-shadow:0 0 15px rgba(255,255,255,.8);color:#fff}.cta-icon-left{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px #ffffff4d,inset 0 0 0 1px #fff3;position:relative;flex-shrink:0}.cta-icon-left:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 5px #fffc}.cta-text{text-transform:uppercase;font-weight:600;letter-spacing:.15em}.cta-icon-right{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px #ffffff4d,inset 0 0 0 1px #fff3;position:relative;flex-shrink:0}.cta-icon-right:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 5px #fffc}.featured-carousel{position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 25px 50px #0000004d;margin-bottom:4rem}.carousel-container{display:flex;transition:transform 1.2s cubic-bezier(.4,0,.2,1);will-change:transform}.carousel-image-wrapper{min-width:100%;position:relative;flex-shrink:0;height:16rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel-background-blur{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(25px);transform:scale(1.1);z-index:0;opacity:.9;width:100%;height:100%}.carousel-image{width:55%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;border-radius:.5rem;box-shadow:0 10px 40px #00000080}@media (min-width: 768px){.carousel-image-wrapper{height:24rem}}.carousel-overlay{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:55%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1.5rem;z-index:2;border-radius:0 0 .5rem .5rem}.carousel-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem;font-family:Poppins,sans-serif}.carousel-subtitle{color:var(--retroYellow);font-family:Poppins,sans-serif}.carousel-indicators{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.carousel-indicator{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.carousel-indicator:hover{background:#fffc;transform:scale(1.2)}.carousel-indicator.active{background:#fff;width:30px;border-radius:5px;box-shadow:0 0 10px #fff9}.testimonials-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px #00000026;max-width:42rem;width:100%;min-height:400px;height:400px;margin:0 auto;display:flex;flex-direction:column}.testimonials-card-title{font-weight:700;font-size:1.25rem;margin:0 0 1.5rem;color:#1a1a1a;font-family:Poppins,sans-serif;text-align:center}.testimonial-review-card{background:#fff;border:2px solid #00bcd4;border-radius:12px;padding:1.5rem;flex:1;display:flex;flex-direction:column;transition:all .2s;box-shadow:0 4px 12px #00bcd41a;min-height:250px;height:250px;touch-action:pan-y;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.testimonial-progress-container{position:absolute;top:0;left:0;right:0;height:4px;background:#00bcd41a;z-index:10}.testimonial-progress-bar{height:100%;background:linear-gradient(90deg,#00bcd4,#ff1493);transition:width .05s linear;box-shadow:0 0 8px #00bcd480}.testimonial-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.testimonial-review-author{display:flex;gap:1rem;flex:1;min-width:0}.testimonial-review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #e5e5e5}.testimonial-review-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00bcd4,#ff1493);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;border:2px solid #e5e5e5}.testimonial-review-avatar-placeholder svg{width:24px;height:24px}.testimonial-review-author-info{flex:1;min-width:0}.testimonial-review-author-name{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem;font-family:Poppins,sans-serif}.testimonial-review-rating{display:flex;gap:2px}.testimonial-review-star{font-size:14px;opacity:.3;transition:opacity .2s}.testimonial-review-star.filled{opacity:1}.testimonial-review-text{font-size:.9375rem;color:#333;line-height:1.6;margin:0 0 1rem;font-family:Poppins,sans-serif;flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;max-height:140px;padding-right:8px;-webkit-overflow-scrolling:touch}.testimonial-review-text::-webkit-scrollbar{width:6px}.testimonial-review-text::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.testimonial-review-text::-webkit-scrollbar-thumb{background:#00bcd4;border-radius:3px}.testimonial-review-text::-webkit-scrollbar-thumb:hover{background:#0097a7}.testimonial-review-footer{display:flex;justify-content:flex-end;padding-top:.75rem;border-top:1px solid #f0f0f0}.testimonial-review-date{font-size:.75rem;color:#999;font-style:italic;font-family:Poppins,sans-serif}.testimonial-dots{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.testimonial-dot{width:.75rem;height:.75rem;border-radius:9999px;border:none;background:#d1d5db;cursor:pointer;transition:all .3s ease;padding:0}.testimonial-dot.active{background:var(--retroPink);transform:scale(1.2)}.testimonial-dot:hover{background:var(--retroPink);opacity:.7}.testimonial-loading,.testimonial-empty{text-align:center;padding:2rem;color:#666;font-family:Poppins,sans-serif;flex:1;display:flex;align-items:center;justify-content:center}.testimonial-loading p,.testimonial-empty p{margin:0;font-style:italic}@media (max-width: 768px){.testimonials-card{min-height:360px;height:360px;padding:1.5rem}.testimonials-card-title{font-size:1.125rem;margin-bottom:1rem}.testimonial-review-card{padding:1rem;min-height:240px;height:240px}.testimonial-review-avatar,.testimonial-review-avatar-placeholder{width:40px;height:40px}.testimonial-review-avatar-placeholder svg{width:20px;height:20px}.testimonial-review-author-name{font-size:.9375rem}.testimonial-review-text{font-size:.875rem;max-height:120px}.testimonial-review-date{font-size:.6875rem}}.main-footer{background:var(--retroPink);color:#fff;padding:2rem 1rem}.footer-content{max-width:75rem;margin:0 auto;display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}.footer-section{text-align:center}.footer-info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;text-align:left}.footer-info-item:last-child{margin-bottom:0}.footer-icon{color:var(--retroTeal);flex-shrink:0;margin-top:.25rem}.footer-title{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;font-family:Poppins,sans-serif}.footer-section p{margin-bottom:.5rem;font-family:Poppins,sans-serif;line-height:1.6}.footer-link{color:#ffffffe6;text-decoration:none;transition:color .3s ease;border-bottom:1px solid transparent}.footer-link:hover{color:var(--retroTeal);border-bottom-color:var(--retroTeal)}.footer-social{display:flex;gap:1rem;justify-content:center}.social-icon{width:2.5rem;height:2.5rem;background:#fff3;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-icon:hover{background:#ffffff4d;transform:scale(1.1)}.footer-bottom{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);font-family:Poppins,sans-serif}@media (min-width: 768px){.menu-grid{grid-template-columns:repeat(2,1fr);max-width:500px;gap:2rem}.hero-subtitle{font-size:1.5rem}.main-logo{font-size:5rem}.footer-content{grid-template-columns:repeat(3,1fr)}.footer-section,.footer-info-item{text-align:left}}@media (max-width: 767px){.main-logo{font-size:2.5rem}.hero-subtitle{font-size:1rem}.login-button{padding:.5rem 1rem;font-size:.875rem}.login-button svg{width:16px;height:16px}}.pcs-select{padding:14px 36px 14px 12px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:16px;font-family:inherit;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.login-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none}.login-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,0,255,.1)}.login-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10;touch-action:manipulation}.login-close:hover{background:#0000001a;color:#333}.login-close:active{transform:scale(.95)}.login-content{padding:40px 32px 32px}.login-title{font-size:28px;font-weight:700;color:#333;margin:0 0 32px;text-align:center}.login-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid rgba(0,0,0,.05);padding-bottom:8px}.login-tab{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:10px 10px 0 0;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;position:relative;font-family:inherit;touch-action:manipulation}.login-tab:hover{color:#333;background:#ff00ff0d}.login-tab.active{color:#f0f;background:#ff00ff1a}.login-tab.active:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:3px;background:linear-gradient(90deg,#f0f,#0ff);border-radius:2px 2px 0 0}.login-form-container{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:24px;margin-bottom:24px;background:#ffffff80}.login-form{display:flex;flex-direction:column;gap:20px}.login-input-group{display:flex;flex-direction:column;gap:8px}.login-phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.login-country-code{flex:0 0 120px;min-width:0}.login-phone-input-wrapper .pcs-input{flex:1}.login-password-wrapper{position:relative;display:flex;align-items:center}.login-password-wrapper .pcs-input{padding-right:48px}.login-password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease;border-radius:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.login-password-toggle:hover{color:#333;background:#0000000d}.login-password-toggle:active{transform:scale(.95)}.login-password-toggle svg{width:20px;height:20px}.login-error-message{font-size:13px;color:#ff1493;margin-top:4px;display:block}.login-error-submit{text-align:center;padding:12px;background:#ff14931a;border-radius:8px;margin-top:8px;position:relative}.login-google-hint-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease;width:calc(100% - 40px);max-width:350px}.login-tooltip-arrow{position:absolute;top:-8px;left:50%;transform:translate(-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.login-tooltip-content{background:#1a1a1a;border-radius:8px;padding:10px 14px;display:flex;align-items:flex-start;gap:8px;box-shadow:0 4px 12px #0006}.login-tooltip-icon{color:#4285f4;flex-shrink:0;margin-top:2px}.login-tooltip-text{color:#fff;font-size:13px;line-height:1.4;font-weight:400}.login-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#999;font-size:14px}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid rgba(0,0,0,.1)}.login-divider span{padding:0 16px}.login-google-button-container{width:100%;margin-bottom:16px;display:flex;justify-content:center;align-items:center}.login-google-button-container>div{display:flex;justify-content:center;align-items:center}.login-google-button-container>div>iframe{margin:0 auto}.login-google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;margin-bottom:16px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease;font-family:inherit}.login-google-button:hover:not(:disabled){border-color:#4285f4;box-shadow:0 4px 12px #4285f433}.login-google-button:active:not(:disabled){transform:scale(.98)}.login-google-button:disabled{opacity:.7;cursor:not-allowed}.login-google-icon{flex-shrink:0}@media (max-width: 640px){.login-backdrop{padding:0;align-items:flex-end}.login-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.login-content{padding:32px 24px 24px}.login-title{font-size:24px;margin-bottom:24px}.login-form-container{padding:20px}.login-phone-input-wrapper{flex-direction:column}.login-country-code{flex:1;width:100%}}.login-modal::-webkit-scrollbar{width:8px}.login-modal::-webkit-scrollbar-track{background:transparent}.login-modal::-webkit-scrollbar-thumb{background:#ff00ff4d;border-radius:4px}.login-modal::-webkit-scrollbar-thumb:hover{background:#ff00ff80}.login-modal.transitioning{animation:modalTransition .3s ease}.session-confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.session-confirm-modal{background:#fff;border-radius:20px;padding:32px;max-width:400px;width:90%;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}.session-confirm-content{display:flex;flex-direction:column;align-items:center;text-align:center}.session-confirm-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#c44569);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.session-confirm-title{font-size:24px;font-weight:700;color:#333;margin:0 0 12px}.session-confirm-message{font-size:16px;color:#666;margin:0 0 24px}.session-confirm-option{width:100%;text-align:left;margin-bottom:24px}.session-confirm-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.session-confirm-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ff6b9d}.session-confirm-hint{font-size:14px;color:#999;margin:0;padding-left:32px;line-height:1.5}.session-confirm-actions{width:100%;display:flex;gap:12px}.session-confirm-button{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.session-confirm-button-primary{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff}.session-confirm-button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b9d66}.session-confirm-button-primary:active{transform:translateY(0)}@media (max-width: 768px){.session-confirm-modal{padding:24px;max-width:90%}.session-confirm-title{font-size:20px}.session-confirm-message{font-size:14px}}.register-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;animation:fadeIn .3s ease}.register-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,0,255,.1);animation:slideUp .3s ease}.register-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10;touch-action:manipulation}.register-close:hover{background:#0000001a;color:#333}.register-close:active{transform:scale(.95)}.register-content{padding:40px 32px 32px}.register-title{font-size:28px;font-weight:700;color:#333;margin:0 0 32px;text-align:center}.register-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid rgba(0,0,0,.05);padding-bottom:8px}.register-tab{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:10px 10px 0 0;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;position:relative;font-family:inherit;touch-action:manipulation}.register-tab:hover{color:#333;background:#ff00ff0d}.register-tab.active{color:#f0f;background:#ff00ff1a}.register-tab.active:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:3px;background:linear-gradient(90deg,#f0f,#0ff);border-radius:2px 2px 0 0}.register-form-container{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:24px;margin-bottom:24px;background:#ffffff80}.register-form{display:flex;flex-direction:column;gap:20px}.register-input-group{position:relative;display:flex;flex-direction:column;gap:8px}.register-phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.register-country-code{flex:0 0 120px;min-width:0}.register-phone-input-wrapper .pcs-input{flex:1}.register-username-wrapper{position:relative;display:flex;align-items:center}.register-username-wrapper .pcs-input.valid{padding-right:40px;border-color:#22c55e}.register-username-wrapper .pcs-input.error{padding-right:40px}.register-checking-indicator{position:absolute;right:12px;font-size:12px;color:#666;font-style:italic;pointer-events:none;z-index:2}.register-username-check{position:absolute;right:12px;color:#22c55e;pointer-events:none;z-index:1}.register-username-error{position:absolute;right:12px;color:#ef4444;pointer-events:none;z-index:1}.register-username-tooltip{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.register-tooltip-arrow{position:absolute;top:-8px;left:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.register-tooltip-content{background:#1a1a1a;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0006;min-width:200px;max-width:300px}.register-tooltip-icon{color:#ef4444;flex-shrink:0}.register-hint{font-size:12px;color:#999;margin-top:-4px}.register-password-wrapper{position:relative;display:flex;align-items:center}.register-password-wrapper .pcs-input{padding-right:48px}.register-password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease;border-radius:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.register-password-toggle:hover{color:#333;background:#0000000d}.register-password-toggle:active{transform:scale(.95)}.register-password-toggle svg{width:20px;height:20px}.register-error-message{font-size:13px;color:#ff1493;margin-top:4px;display:block}.register-error-submit{text-align:center;padding:12px;background:#ff14931a;border-radius:8px;margin-top:8px;position:relative}.register-google-hint-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease;width:calc(100% - 40px);max-width:350px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.register-tooltip-arrow{position:absolute;top:-8px;left:50%;transform:translate(-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.register-tooltip-content{background:#1a1a1a;border-radius:8px;padding:10px 14px;display:flex;align-items:flex-start;gap:8px;box-shadow:0 4px 12px #0006}.register-tooltip-icon{color:#4285f4;flex-shrink:0;margin-top:2px}.register-tooltip-text{color:#fff;font-size:13px;line-height:1.4;font-weight:400}.register-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#999;font-size:14px}.register-divider:before,.register-divider:after{content:"";flex:1;border-bottom:1px solid rgba(0,0,0,.1)}.register-divider span{padding:0 16px}.register-google-button-container{width:100%;margin-bottom:16px;display:flex;justify-content:center;align-items:center}.register-google-button-container>div{display:flex;justify-content:center;align-items:center}.register-google-button-container>div>iframe{margin:0 auto}.register-google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;margin-bottom:16px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease;font-family:inherit}.register-google-button:hover:not(:disabled){border-color:#4285f4;box-shadow:0 4px 12px #4285f433}.register-google-button:active:not(:disabled){transform:scale(.98)}.register-google-button:disabled{opacity:.7;cursor:not-allowed}.register-google-icon{flex-shrink:0}@media (max-width: 640px){.register-backdrop{padding:0;align-items:flex-end}.register-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.register-content{padding:32px 24px 24px}.register-title{font-size:24px;margin-bottom:24px}.register-form-container{padding:20px}.register-phone-input-wrapper{flex-direction:column}.register-country-code{flex:1;width:100%}}.register-modal::-webkit-scrollbar{width:8px}.register-modal::-webkit-scrollbar-track{background:transparent}.register-modal::-webkit-scrollbar-thumb{background:#ff00ff4d;border-radius:4px}.register-modal::-webkit-scrollbar-thumb:hover{background:#ff00ff80}.register-modal.transitioning{animation:modalTransition .3s ease}@keyframes modalTransition{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.register-confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.register-confirm-modal{background:#fff;border-radius:20px;padding:32px;max-width:400px;width:90%;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}.register-confirm-content{display:flex;flex-direction:column;align-items:center;text-align:center}.register-confirm-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#45a049);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.register-confirm-title{font-size:24px;font-weight:700;color:#333;margin:0 0 12px}.register-confirm-message{font-size:16px;color:#666;margin:0 0 24px}.register-confirm-warning{width:100%;background:#fff3cd;border:1px solid #ffc107;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;gap:12px;text-align:left}.register-confirm-warning-icon{flex-shrink:0;width:20px;height:20px;color:#ff9800;margin-top:2px}.register-confirm-warning-text{font-size:14px;color:#856404;margin:0;line-height:1.5}.register-confirm-actions{width:100%;display:flex;gap:12px;flex-direction:column}.register-confirm-button{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.register-confirm-button-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.register-confirm-button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.register-confirm-button-primary:active{transform:translateY(0)}.register-confirm-button-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.register-confirm-button-secondary:hover{background:#e8e8e8;transform:translateY(-1px)}.register-confirm-button-secondary:active{transform:translateY(0)}@media (max-width: 768px){.register-confirm-modal{padding:24px;max-width:90%}.register-confirm-title{font-size:20px}.register-confirm-message{font-size:14px}.register-confirm-warning-text{font-size:13px}}:root{--loyalty-pink: #FF6B9D;--loyalty-purple: #A855F7;--loyalty-cyan: #22D3EE;--loyalty-yellow: #FBBF24;--loyalty-orange: #FB923C;--loyalty-green: #4ADE80;--loyalty-coral: #FF7F7F}.loyalty-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;overscroll-behavior:contain;touch-action:none}.loyalty-modal{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:32px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 25px 80px #667eea80,0 0 0 1px #fff3,inset 0 0 60px #ffffff1a;animation:modalBounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.8) translateY(40px)}60%{transform:scale(1.05) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.loyalty-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:none;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;z-index:10;touch-action:manipulation}.loyalty-close:hover{background:#ffffff59;transform:rotate(90deg) scale(1.1)}.loyalty-close:active{transform:rotate(90deg) scale(.95)}.loyalty-confetti{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.confetti-piece{position:absolute;width:12px;height:12px;background:var(--color);left:var(--x);top:-20px;border-radius:2px;animation:confettiFall 4s linear infinite;animation-delay:var(--delay);transform:rotate(var(--rotation))}@keyframes confettiFall{0%{top:-20px;opacity:1;transform:rotate(var(--rotation)) translate(0)}50%{opacity:1}to{top:100%;opacity:0;transform:rotate(calc(var(--rotation) + 720deg)) translate(30px)}}.loyalty-content{position:relative;z-index:1;padding:48px 32px 36px;display:flex;flex-direction:column;align-items:center;text-align:center}.loyalty-icon-container{position:relative;margin-bottom:24px}.loyalty-icon-glow{position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.loyalty-main-icon{position:relative;display:flex;align-items:center;justify-content:center}.loyalty-card-emoji{font-size:72px;animation:cardBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}@keyframes cardBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.loyalty-star{position:absolute;font-size:24px;animation:starSparkle 1.5s ease-in-out infinite}.star-1{top:-10px;left:-30px;animation-delay:0s}.star-2{top:-5px;right:-25px;animation-delay:.3s}.star-3{bottom:-5px;left:-25px;animation-delay:.6s}.star-4{bottom:0;right:-30px;animation-delay:.9s}@keyframes starSparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(180deg);opacity:.6}}.loyalty-title{font-family:Fredoka One,cursive;color:#fff;margin:0 0 16px;display:flex;flex-direction:column;text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.3)}.loyalty-title-line1{font-size:28px;opacity:.95}.loyalty-title-line2{font-size:42px;background:linear-gradient(90deg,#ffe66d,#4ecdc4,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShine 3s ease-in-out infinite}@keyframes titleShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.loyalty-subtitle{font-family:Nunito,sans-serif;font-size:18px;font-weight:700;color:#fffffff2;margin:0 0 32px;letter-spacing:.5px}.loyalty-steps{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:24px}.loyalty-step{display:flex;align-items:center;gap:16px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px 20px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.loyalty-step:hover{background:#ffffff40;transform:translate(8px)}.step-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 15px #0003}.step-icon-1{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.step-icon-2{background:linear-gradient(135deg,#4ecdc4,#6ee7e0)}.step-icon-3{background:linear-gradient(135deg,#ffe66d,#fff59d);font-size:24px}.step-content{text-align:left}.step-content h3{font-family:Nunito,sans-serif;font-size:16px;font-weight:800;color:#fff;margin:0 0 4px}.step-content p{font-family:Nunito,sans-serif;font-size:14px;color:#fffc;margin:0}.loyalty-step-arrow{display:none;color:#ffffff80}.loyalty-highlight{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(90deg,#ffe66d4d,#4ecdc44d);border-radius:100px;padding:12px 24px;margin-bottom:28px;border:2px dashed rgba(255,255,255,.4);animation:highlightPulse 2s ease-in-out infinite}@keyframes highlightPulse{0%,to{box-shadow:0 0 #ffe66d66}50%{box-shadow:0 0 20px 5px #ffe66d4d}}.loyalty-highlight p{font-family:Nunito,sans-serif;font-size:16px;font-weight:800;color:#fff;margin:0}.highlight-emoji{font-size:20px;animation:emojiWiggle 1s ease-in-out infinite}@keyframes emojiWiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.loyalty-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:20px}.loyalty-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:16px;font-family:Nunito,sans-serif;font-size:17px;font-weight:800;border:none;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);touch-action:manipulation}.loyalty-btn-register{background:linear-gradient(135deg,#ffe66d,#ffd93d);color:#1a1a1a;box-shadow:0 8px 25px #ffe66d80,inset 0 -3px #0000001a}.loyalty-btn-register:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px #ffe66d99,inset 0 -3px #0000001a}.loyalty-btn-register:active{transform:translateY(-2px) scale(.98)}.loyalty-btn-login{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.4)}.loyalty-btn-login:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-4px)}.loyalty-btn-login:active{transform:translateY(-2px) scale(.98)}.btn-icon{font-size:22px}.btn-text{letter-spacing:.3px}.loyalty-footer-note{font-family:Nunito,sans-serif;font-size:14px;color:#fffc;margin:0;animation:noteFloat 3s ease-in-out infinite}@keyframes noteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 640px){.loyalty-backdrop{padding:0;align-items:stretch}.loyalty-modal{max-width:100%;width:100%;height:100%;max-height:100vh;border-radius:0;animation:modalSlideUp .4s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.loyalty-content{padding:60px 24px 32px;min-height:100vh;justify-content:center}.loyalty-close{top:12px;right:12px}.loyalty-title-line1{font-size:24px}.loyalty-title-line2{font-size:36px}.loyalty-subtitle{font-size:16px}.loyalty-step{padding:14px 16px}.step-icon{width:44px;height:44px;font-size:18px}.step-content h3{font-size:15px}.step-content p{font-size:13px}.loyalty-highlight{padding:10px 20px}.loyalty-highlight p{font-size:14px}.loyalty-btn{padding:14px 20px;font-size:16px}.confetti-piece{width:10px;height:10px}}.loyalty-modal::-webkit-scrollbar{width:6px}.loyalty-modal::-webkit-scrollbar-track{background:transparent}.loyalty-modal::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.loyalty-modal::-webkit-scrollbar-thumb:hover{background:#ffffff80}.loyalty-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loyalty-content p,.loyalty-content h1,.loyalty-content h3{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.mis-tarjetas-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mis-tarjetas-modal{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:24px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 25px 80px #667eea80;animation:modalBounce .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes modalBounce{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.mis-tarjetas-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;background:#fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.mis-tarjetas-close:hover{background:#ffffff4d;transform:rotate(90deg)}.mis-tarjetas-header{padding:32px 24px 20px;text-align:center}.mis-tarjetas-icon{font-size:48px;display:block;margin-bottom:8px;animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mis-tarjetas-header h1{font-family:Fredoka One,cursive;font-size:26px;color:#fff;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.mis-tarjetas-content{padding:0 20px 24px;overflow-y:auto;max-height:calc(90vh - 140px)}.mis-tarjetas-loading{display:flex;flex-direction:column;align-items:center;padding:40px;gap:16px;color:#fff}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.mis-tarjetas-error{text-align:center;padding:32px;color:#fff}.mis-tarjetas-error span{font-size:32px;display:block;margin-bottom:12px}.mis-tarjetas-empty{text-align:center;padding:32px 16px;color:#fff}.empty-icon{font-size:64px;display:block;margin-bottom:16px;animation:iconFloat 2s ease-in-out infinite}.mis-tarjetas-empty h2{font-family:Fredoka One,cursive;font-size:22px;margin:0 0 12px}.mis-tarjetas-empty p{font-family:Nunito,sans-serif;font-size:15px;margin:0 0 8px;opacity:.9;line-height:1.5}.empty-hint{font-size:14px!important;opacity:.8!important;margin-top:16px!important;padding:12px;background:#ffffff26;border-radius:12px}.mis-tarjetas-grid{display:flex;flex-direction:column;gap:12px}.tarjeta-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .3s;text-align:left;position:relative;overflow:hidden}.tarjeta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tarjeta-color, #ff1493)}.tarjeta-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0003}.tarjeta-card.completada{background:linear-gradient(135deg,#fff9e6,#fff)}.tarjeta-card.completada:before{background:linear-gradient(90deg,gold,#ff8c00)}.tarjeta-card-header{display:flex;justify-content:space-between;align-items:center}.tarjeta-emoji{font-size:32px}.tarjeta-badge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;background:#e8f5e9;color:#2e7d32}.tarjeta-badge.completada{background:linear-gradient(135deg,gold,#ff8c00);color:#fff}.tarjeta-nombre{font-family:Nunito,sans-serif;font-size:18px;font-weight:800;color:#333;margin:0}.tarjeta-progreso{display:flex;flex-direction:column;gap:6px}.progreso-bar{height:8px;background:#eee;border-radius:4px;overflow:hidden}.progreso-fill{height:100%;background:var(--tarjeta-color, #ff1493);border-radius:4px;transition:width .3s}.progreso-text{font-size:12px;color:#666}.tarjeta-stats{display:flex;gap:16px}.stat{display:flex;flex-direction:column}.stat-value{font-family:Fredoka One,cursive;font-size:20px;color:var(--tarjeta-color, #ff1493)}.stat-label{font-size:11px;color:#999;text-transform:uppercase}.tarjeta-premio{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#fff9e6,#fff5e1);border-radius:8px;border:1px dashed #ffc107}.tarjeta-premio span:first-child{font-size:20px}.tarjeta-premio span:last-child{font-size:14px;font-weight:700;color:#ff8c00}.tarjeta-expira{font-size:11px;color:#999}.tarjeta-cta{font-size:13px;font-weight:700;color:var(--tarjeta-color, #ff1493);text-align:right}@media (max-width: 640px){.mis-tarjetas-backdrop{padding:0;align-items:stretch}.mis-tarjetas-modal{max-width:100%;height:100%;max-height:100vh;border-radius:0;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mis-tarjetas-content{max-height:calc(100vh - 140px)}.mis-tarjetas-header h1{font-size:22px}}.mis-tarjetas-content::-webkit-scrollbar{width:6px}.mis-tarjetas-content::-webkit-scrollbar-track{background:transparent}.mis-tarjetas-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.scratch-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain}.scratch-modal{background:linear-gradient(135deg,#667eead9,#764ba2d9,#f093fbd9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;width:100%;max-width:680px;max-height:95vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 25px 80px #0006,0 0 0 1px #fff3,inset 0 0 60px #ffffff1a;animation:scratchModalIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scratchModalIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.scratch-modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;z-index:10}.scratch-modal-close:hover{background:#fff3;transform:rotate(90deg) scale(1.1)}.scratch-modal-close.syncing{cursor:not-allowed;opacity:.5}.scratch-modal-close.syncing:hover{transform:none}.scratch-modal-close:disabled{cursor:not-allowed;opacity:.5}.scratch-points-item.syncing{color:gold}.scratch-sync-indicator{display:inline-block;animation:syncSpin 1s linear infinite;margin-right:4px;font-size:1.1em}.scratch-modal-confetti{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.5}.scratch-confetti-piece{position:absolute;width:8px;height:8px;background:var(--color);left:var(--x);top:-20px;border-radius:50%;animation:scratchConfettiFall 6s linear infinite;animation-delay:var(--delay);transform:rotate(var(--rotation));opacity:.6}@keyframes scratchConfettiFall{0%{top:-20px;opacity:.6;transform:rotate(var(--rotation)) translate(0)}to{top:100%;opacity:0;transform:rotate(calc(var(--rotation) + 360deg)) translate(15px)}}.scratch-modal-content{position:relative;z-index:1;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:center}.scratch-modal-header{text-align:center;margin-bottom:16px}.scratch-modal-icon{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.scratch-card-icon{font-size:44px;animation:scratchIconPulse 2s ease-in-out infinite}@keyframes scratchIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.scratch-star-1,.scratch-star-2{font-size:24px;animation:scratchStarSparkle 1.5s ease-in-out infinite}.scratch-star-2{animation-delay:.5s}@keyframes scratchStarSparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(180deg);opacity:.7}}.scratch-modal-title{font-family:Fredoka One,cursive;font-size:32px;color:#fff;margin:0 0 8px;text-shadow:0 2px 20px rgba(255,107,107,.5);background:linear-gradient(90deg,#ffe66d,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scratch-modal-subtitle{font-family:Nunito,sans-serif;font-size:14px;font-weight:600;color:#fffc;margin:0}.scratch-points-panel{display:flex;align-items:center;justify-content:center;gap:24px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:12px 24px;margin-bottom:16px;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 20px #0003}.scratch-points-item{display:flex;flex-direction:column;align-items:center;gap:4px}.scratch-points-label{font-family:Nunito,sans-serif;font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.scratch-points-value{font-family:Fredoka One,cursive;font-size:28px;color:#ffe66d;text-shadow:0 2px 10px rgba(255,230,109,.5)}.scratch-points-divider{width:1px;height:40px;background:#fff3}.scratch-card-wrapper{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;box-shadow:0 15px 50px #00000059,0 0 0 1px #ffffff1a;margin-bottom:16px}.scratch-card-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#ff1493,#ff6b9d,#a855f7);border-bottom:3px solid rgba(255,255,255,.2)}.scratch-card-logo{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.scratch-card-title-container{display:flex;flex-direction:column;gap:2px}.scratch-card-title{font-family:Fredoka One,cursive;font-size:22px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.1}.scratch-card-subtitle{font-family:Nunito,sans-serif;font-size:11px;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:1px}.scratch-game-container{overflow:hidden;background:#fff}.scratch-game-container canvas{display:block;background:#fff!important}.scratch-reward-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border-radius:16px;margin-bottom:12px;animation:rewardBannerIn .5s cubic-bezier(.68,-.55,.265,1.55);width:100%;max-width:400px}@keyframes rewardBannerIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.scratch-reward-banner.gold{background:linear-gradient(135deg,gold,orange);box-shadow:0 8px 30px #ffd70066}.scratch-reward-banner.silver{background:linear-gradient(135deg,#00bfff,#4ecdc4);box-shadow:0 8px 30px #00bfff66}.scratch-reward-banner.bronze{background:linear-gradient(135deg,#666,#888);box-shadow:0 8px 30px #6464644d}.reward-emoji{font-size:32px;animation:rewardEmojiPulse 1s ease-in-out infinite}@keyframes rewardEmojiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.reward-text{font-family:Fredoka One,cursive;font-size:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 640px){.scratch-modal-backdrop{padding:0;align-items:stretch}.scratch-modal{max-width:100%;width:100%;height:100%;max-height:100vh;border-radius:0;animation:scratchModalSlideUp .4s ease-out}@keyframes scratchModalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.scratch-modal-content{padding:16px 12px 20px;min-height:100vh;justify-content:flex-start}.scratch-modal-header{margin-bottom:12px}.scratch-card-icon{font-size:40px}.scratch-modal-title{font-size:26px}.scratch-modal-subtitle{font-size:13px}.scratch-points-panel{padding:10px 20px;gap:20px;margin-bottom:12px}.scratch-points-value{font-size:24px}.scratch-card-wrapper{border-radius:12px;margin-bottom:12px}.scratch-card-header{padding:10px 14px;gap:10px}.scratch-card-logo{height:32px}.scratch-card-title{font-size:18px}.scratch-card-subtitle{font-size:10px}.scratch-reward-banner{padding:12px 20px}.reward-emoji{font-size:28px}.reward-text{font-size:18px}.scratch-instructions{font-size:12px}}.scratch-modal::-webkit-scrollbar{width:6px}.scratch-modal::-webkit-scrollbar-track{background:transparent}.scratch-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.scratch-modal::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.scratch-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scratch-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:#fff}.scratch-loading .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.scratch-instruction{text-align:center;font-family:Nunito,sans-serif;font-size:14px;color:#ffffffe6;padding:12px 20px;background:#ffffff1a;border-radius:10px;margin-top:12px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.scratch-no-circles{text-align:center;padding:16px 20px;background:#ffffff26;border-radius:10px;margin-top:12px}.scratch-no-circles p{font-family:Nunito,sans-serif;font-size:14px;color:#ffffffe6;margin:0}.user-menu-container{display:flex;align-items:center;gap:12px;position:relative}.user-menu-avatar-button{width:40px;height:40px;border-radius:50%;border:2px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;overflow:hidden;position:relative}.user-menu-avatar-button:hover{border-color:#ff6b9d;transform:scale(1.05)}.user-menu-avatar-button.active{border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d33}.user-menu-avatar-button:focus{outline:none;box-shadow:0 0 0 3px #ff6b9d33}.user-menu-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-menu-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;background:#f5f5f5;border-radius:50%}.user-menu-avatar-placeholder svg{width:24px;height:24px}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:180px;padding:8px;z-index:1000;animation:slideDown .2s ease}.user-menu-header{padding:12px 16px;border-bottom:1px solid #e0e0e0;margin-bottom:4px}.user-menu-alias{font-size:15px;font-weight:600;color:#333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;text-align:left;font-size:15px;color:#333;cursor:pointer;border-radius:8px;transition:background .2s ease}.user-menu-item:hover{background:#f5f5f5}.user-menu-item svg{flex-shrink:0}.user-menu-item-danger{color:#e74c3c}.user-menu-item-danger:hover{background:#fee;color:#c0392b}@media (max-width: 768px){.user-menu-avatar-button{width:36px;height:36px}.user-menu-avatar-placeholder svg{width:20px;height:20px}.user-menu-dropdown{min-width:160px;right:-8px}.user-menu-alias{font-size:14px}}.pcs-button{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pcs-button:active{transform:scale(.98)}.pcs-button:disabled,.pcs-button.disabled{opacity:.4;cursor:not-allowed;transform:none}.pcs-button-primary{background:linear-gradient(135deg,#f0f,#ff1493);color:#fff;box-shadow:0 4px 12px #ff00ff4d}.pcs-button-primary:hover:not(:disabled):not(.disabled){background:linear-gradient(135deg,#ff1493,#f0f);box-shadow:0 6px 16px #f0f6}.pcs-button-secondary{background:#fff;color:#f0f;border:2px solid #ff00ff}.pcs-button-secondary:hover:not(:disabled):not(.disabled){background:#fff0ff}.pcs-button-google{background:#fff;color:#333;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.pcs-button-google:hover:not(:disabled):not(.disabled){background:#f8f8f8;box-shadow:0 4px 8px #00000026}.pcs-input{width:100%;padding:14px 16px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:16px;font-family:inherit;background:#fff;color:#333;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pcs-input:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 3px #00ffff1a}.pcs-input::placeholder{color:#999}.pcs-input.error{border-color:#ff1493}.pcs-input.error:focus{border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a}.pcs-select{padding:14px 36px 14px 12px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:16px;font-family:inherit;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.pcs-select:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 3px #00ffff1a}.add-phone-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.add-phone-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.add-phone-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.add-phone-close:hover{background:#f5f5f5;color:#1a1a1a}.add-phone-close:disabled{opacity:.5;cursor:not-allowed}.add-phone-content{padding:32px}.add-phone-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.add-phone-form{display:flex;flex-direction:column;gap:20px}.add-phone-input-group{display:flex;flex-direction:column;gap:8px}.add-phone-phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.add-phone-country-code{flex:0 0 120px;min-width:0}.add-phone-phone-input-wrapper .pcs-input{flex:1}.add-phone-error-message{font-size:14px;color:#dc3545;margin-top:4px}.add-phone-error-submit{text-align:center;padding:12px;background:#dc35451a;border-radius:8px;margin-top:8px}.add-phone-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.add-phone-actions .pcs-button{min-width:100px}@media (max-width: 768px){.add-phone-backdrop{padding:12px}.add-phone-modal{max-width:100%}.add-phone-content{padding:24px}.add-phone-title{font-size:20px;margin-bottom:20px}.add-phone-phone-input-wrapper{flex-direction:column}.add-phone-country-code{flex:1;width:100%}.add-phone-actions{flex-direction:column-reverse}.add-phone-actions .pcs-button{width:100%}}.edit-phone-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;animation:fadeIn .3s ease}.edit-phone-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,0,255,.1);animation:slideUp .3s ease}.edit-phone-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10;touch-action:manipulation}.edit-phone-close:hover{background:#0000001a;color:#333}.edit-phone-close:active{transform:scale(.95)}.edit-phone-content{padding:40px 32px 32px}.edit-phone-title{font-size:28px;font-weight:700;color:#333;margin:0 0 24px;text-align:center}.edit-phone-form{display:flex;flex-direction:column;gap:20px}.edit-phone-input-group{position:relative;display:flex;flex-direction:column;gap:8px}.edit-phone-phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.edit-phone-country-code{flex:0 0 120px;min-width:0}.edit-phone-phone-input-wrapper .pcs-input{flex:1}.edit-phone-error-message{font-size:13px;color:#ff1493;margin-top:4px;display:block}.edit-phone-error-submit{text-align:center;padding:12px;background:#ff14931a;border-radius:8px;margin-top:8px}.edit-phone-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.edit-phone-actions .pcs-button{min-width:100px}@media (max-width: 640px){.edit-phone-backdrop{padding:0;align-items:flex-end}.edit-phone-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.edit-phone-content{padding:32px 24px 24px}.edit-phone-title{font-size:24px;margin-bottom:24px}.edit-phone-phone-input-wrapper{flex-direction:column}.edit-phone-country-code{flex:1;width:100%}.edit-phone-actions{flex-direction:column-reverse}.edit-phone-actions .pcs-button{width:100%}}.edit-phone-modal::-webkit-scrollbar{width:8px}.edit-phone-modal::-webkit-scrollbar-track{background:transparent}.edit-phone-modal::-webkit-scrollbar-thumb{background:#ff00ff4d;border-radius:4px}.edit-phone-modal::-webkit-scrollbar-thumb:hover{background:#ff00ff80}.remove-phone-confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.remove-phone-confirm-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.remove-phone-confirm-content{padding:40px 32px 32px;text-align:center}.remove-phone-confirm-icon{display:flex;justify-content:center;margin-bottom:20px;color:#dc3545}.remove-phone-confirm-icon svg{width:48px;height:48px}.remove-phone-confirm-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.remove-phone-confirm-message{font-size:16px;color:#666;line-height:1.5;margin:0 0 32px}.remove-phone-confirm-message strong{color:#1a1a1a;font-weight:600}.remove-phone-confirm-actions{display:flex;gap:12px;justify-content:center}.remove-phone-confirm-button{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.remove-phone-confirm-button:disabled{opacity:.6;cursor:not-allowed}.remove-phone-confirm-button-secondary{background:#f5f5f5;color:#1a1a1a}.remove-phone-confirm-button-secondary:hover:not(:disabled){background:#e0e0e0}.remove-phone-confirm-button-danger{background:#dc3545;color:#fff}.remove-phone-confirm-button-danger:hover:not(:disabled){background:#c82333}@media (max-width: 640px){.remove-phone-confirm-backdrop{padding:0;align-items:flex-end}.remove-phone-confirm-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0}.remove-phone-confirm-content{padding:32px 24px 24px}.remove-phone-confirm-title{font-size:20px}.remove-phone-confirm-message{font-size:14px}.remove-phone-confirm-actions{flex-direction:column-reverse}.remove-phone-confirm-button{width:100%}}.add-email-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.add-email-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.add-email-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.add-email-close:hover{background:#f5f5f5;color:#1a1a1a}.add-email-close:disabled{opacity:.5;cursor:not-allowed}.add-email-content{padding:32px}.add-email-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.add-email-form{display:flex;flex-direction:column;gap:20px}.add-email-input-group{display:flex;flex-direction:column;gap:8px}.add-email-error-message{font-size:14px;color:#dc3545;margin-top:4px}.add-email-error-submit{text-align:center;padding:12px;background:#dc35451a;border-radius:8px;margin-top:8px}.add-email-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.add-email-actions .pcs-button{min-width:100px}@media (max-width: 768px){.add-email-backdrop{padding:12px}.add-email-modal{max-width:100%}.add-email-content{padding:24px}.add-email-title{font-size:20px;margin-bottom:20px}.add-email-actions{flex-direction:column-reverse}.add-email-actions .pcs-button{width:100%}}.edit-email-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;animation:fadeIn .3s ease}.edit-email-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,0,255,.1);animation:slideUp .3s ease}.edit-email-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10;touch-action:manipulation}.edit-email-close:hover{background:#0000001a;color:#333}.edit-email-close:active{transform:scale(.95)}.edit-email-content{padding:40px 32px 32px}.edit-email-title{font-size:28px;font-weight:700;color:#333;margin:0 0 24px;text-align:center}.edit-email-form{display:flex;flex-direction:column;gap:20px}.edit-email-input-group{position:relative;display:flex;flex-direction:column;gap:8px}.edit-email-error-message{font-size:13px;color:#ff1493;margin-top:4px;display:block}.edit-email-error-submit{text-align:center;padding:12px;background:#ff14931a;border-radius:8px;margin-top:8px}.edit-email-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.edit-email-actions .pcs-button{min-width:100px}@media (max-width: 640px){.edit-email-backdrop{padding:0;align-items:flex-end}.edit-email-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.edit-email-content{padding:32px 24px 24px}.edit-email-title{font-size:24px;margin-bottom:24px}.edit-email-actions{flex-direction:column-reverse}.edit-email-actions .pcs-button{width:100%}}.edit-email-modal::-webkit-scrollbar{width:8px}.edit-email-modal::-webkit-scrollbar-track{background:transparent}.edit-email-modal::-webkit-scrollbar-thumb{background:#ff00ff4d;border-radius:4px}.edit-email-modal::-webkit-scrollbar-thumb:hover{background:#ff00ff80}.remove-email-confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.remove-email-confirm-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.remove-email-confirm-content{padding:40px 32px 32px;text-align:center}.remove-email-confirm-icon{display:flex;justify-content:center;margin-bottom:20px;color:#dc3545}.remove-email-confirm-icon svg{width:48px;height:48px}.remove-email-confirm-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.remove-email-confirm-message{font-size:16px;color:#666;line-height:1.5;margin:0 0 32px}.remove-email-confirm-message strong{color:#1a1a1a;font-weight:600}.remove-email-confirm-actions{display:flex;gap:12px;justify-content:center}.remove-email-confirm-button{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.remove-email-confirm-button:disabled{opacity:.6;cursor:not-allowed}.remove-email-confirm-button-secondary{background:#f5f5f5;color:#1a1a1a}.remove-email-confirm-button-secondary:hover:not(:disabled){background:#e0e0e0}.remove-email-confirm-button-danger{background:#dc3545;color:#fff}.remove-email-confirm-button-danger:hover:not(:disabled){background:#c82333}@media (max-width: 640px){.remove-email-confirm-backdrop{padding:0;align-items:flex-end}.remove-email-confirm-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0}.remove-email-confirm-content{padding:32px 24px 24px}.remove-email-confirm-title{font-size:20px}.remove-email-confirm-message{font-size:14px}.remove-email-confirm-actions{flex-direction:column-reverse}.remove-email-confirm-button{width:100%}}.add-password-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.add-password-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.add-password-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.add-password-close:hover{background:#f5f5f5;color:#1a1a1a}.add-password-close:disabled{opacity:.5;cursor:not-allowed}.add-password-content{padding:32px}.add-password-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.add-password-form{display:flex;flex-direction:column;gap:20px}.add-password-input-group{display:flex;flex-direction:column;gap:8px}.add-password-input-wrapper{position:relative;display:flex;align-items:center}.add-password-input-wrapper .pcs-input{flex:1;padding-right:40px}.add-password-toggle{position:absolute;right:12px;width:24px;height:24px;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s}.add-password-toggle:hover{color:#1a1a1a}.add-password-error-message{font-size:14px;color:#dc3545;margin-top:4px}.add-password-error-submit{text-align:center;padding:12px;background:#dc35451a;border-radius:8px;margin-top:8px}.add-password-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.add-password-actions .pcs-button{min-width:100px}@media (max-width: 768px){.add-password-backdrop{padding:12px}.add-password-modal{max-width:100%}.add-password-content{padding:24px}.add-password-title{font-size:20px;margin-bottom:20px}.add-password-actions{flex-direction:column-reverse}.add-password-actions .pcs-button{width:100%}}.edit-password-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;animation:fadeIn .3s ease}.edit-password-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,0,255,.1);animation:slideUp .3s ease}.edit-password-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10;touch-action:manipulation}.edit-password-close:hover{background:#0000001a;color:#333}.edit-password-close:active{transform:scale(.95)}.edit-password-content{padding:40px 32px 32px}.edit-password-title{font-size:28px;font-weight:700;color:#333;margin:0 0 24px;text-align:center}.edit-password-form{display:flex;flex-direction:column;gap:20px}.edit-password-input-group{position:relative;display:flex;flex-direction:column;gap:8px}.edit-password-input-wrapper{position:relative;display:flex;align-items:center}.edit-password-input-wrapper .pcs-input{flex:1;padding-right:40px}.edit-password-toggle{position:absolute;right:12px;width:24px;height:24px;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s}.edit-password-toggle:hover{color:#1a1a1a}.edit-password-error-message{font-size:13px;color:#ff1493;margin-top:4px;display:block}.edit-password-error-submit{text-align:center;padding:12px;background:#ff14931a;border-radius:8px;margin-top:8px}.edit-password-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.edit-password-actions .pcs-button{min-width:100px}@media (max-width: 640px){.edit-password-backdrop{padding:0;align-items:flex-end}.edit-password-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.edit-password-content{padding:32px 24px 24px}.edit-password-title{font-size:24px;margin-bottom:24px}.edit-password-actions{flex-direction:column-reverse}.edit-password-actions .pcs-button{width:100%}}.edit-password-modal::-webkit-scrollbar{width:8px}.edit-password-modal::-webkit-scrollbar-track{background:transparent}.edit-password-modal::-webkit-scrollbar-thumb{background:#ff00ff4d;border-radius:4px}.edit-password-modal::-webkit-scrollbar-thumb:hover{background:#ff00ff80}.delete-account-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.delete-account-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.delete-account-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10}.delete-account-close:hover{background:#0000001a;color:#333}.delete-account-close:active{transform:scale(.95)}.delete-account-close:disabled{opacity:.5;cursor:not-allowed}.delete-account-content{padding:40px 32px 32px;text-align:center}.delete-account-icon{display:flex;justify-content:center;margin-bottom:20px;color:#dc3545}.delete-account-icon svg{width:48px;height:48px}.delete-account-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.delete-account-message{font-size:16px;color:#666;line-height:1.5;margin:0 0 32px;text-align:left}.delete-account-confirm-question{margin-bottom:24px;text-align:left}.delete-account-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:16px;color:#1a1a1a;line-height:1.5}.delete-account-checkbox{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#dc3545}.delete-account-checkbox:disabled{cursor:not-allowed;opacity:.6}.delete-account-reason-group{margin-bottom:32px;text-align:left}.delete-account-reason-label{display:block;font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:8px}.delete-account-reason-textarea{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;color:#1a1a1a;resize:vertical;min-height:100px;transition:all .2s ease}.delete-account-reason-textarea:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.delete-account-reason-textarea:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.delete-account-reason-counter{display:block;text-align:right;font-size:12px;color:#999;margin-top:4px}.delete-account-actions{display:flex;gap:12px;justify-content:center}.delete-account-button{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.delete-account-button:disabled{opacity:.6;cursor:not-allowed}.delete-account-button-secondary{background:#f5f5f5;color:#1a1a1a}.delete-account-button-secondary:hover:not(:disabled){background:#e0e0e0}.delete-account-button-danger{background:#dc3545;color:#fff}.delete-account-button-danger:hover:not(:disabled){background:#c82333}@media (max-width: 640px){.delete-account-backdrop{padding:0;align-items:flex-end}.delete-account-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.delete-account-content{padding:32px 24px 24px}.delete-account-title{font-size:20px}.delete-account-message,.delete-account-checkbox-label{font-size:14px}.delete-account-actions{flex-direction:column-reverse}.delete-account-button{width:100%}}.delete-account-modal::-webkit-scrollbar{width:8px}.delete-account-modal::-webkit-scrollbar-track{background:transparent}.delete-account-modal::-webkit-scrollbar-thumb{background:#dc35454d;border-radius:4px}.delete-account-modal::-webkit-scrollbar-thumb:hover{background:#dc354580}.verify-email-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.verify-email-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0000004d;animation:modalFadeIn .2s ease}.verify-email-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:28px;line-height:1;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.verify-email-close:hover{background:#f5f5f5;color:#1a1a1a}.verify-email-close:disabled{opacity:.5;cursor:not-allowed}.verify-email-content{padding:40px 32px 32px}.verify-email-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.verify-email-step{display:flex;flex-direction:column;gap:20px}.verify-email-message{font-size:16px;color:#666;text-align:center;margin:0;line-height:1.5}.verify-email-address{font-size:18px;font-weight:600;color:#1a1a1a;text-align:center;margin:0;padding:12px;background:#f8f9fa;border-radius:8px}.verify-email-info{font-size:14px;color:#999;text-align:center;margin:0}.verify-email-countdown{font-size:14px;color:#ff1493;text-align:center;margin:0;font-weight:500}.verify-email-form{width:100%}.verify-email-input-group{display:flex;flex-direction:column;gap:8px}.verify-email-code-input{text-align:center;font-size:32px;font-weight:600;letter-spacing:8px;font-family:Courier New,monospace;padding:16px}.verify-email-code-input::placeholder{letter-spacing:8px;color:#ccc}.verify-email-error-message{font-size:14px;color:#dc3545;margin-top:4px}.verify-email-error-submit{text-align:center;padding:12px;background:#fee;border-radius:8px;border:1px solid #fcc}.verify-email-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.verify-email-actions .pcs-button{flex:1;min-width:120px}@media (max-width: 768px){.verify-email-backdrop{padding:0;align-items:flex-end}.verify-email-modal{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.verify-email-content{padding:32px 24px 24px}.verify-email-title{font-size:22px;margin-bottom:20px}.verify-email-message{font-size:15px}.verify-email-address{font-size:16px;padding:10px}.verify-email-code-input{font-size:28px;letter-spacing:6px;padding:14px}.verify-email-actions{flex-direction:column}.verify-email-actions .pcs-button{width:100%}}.verify-sms-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.verify-sms-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0000004d;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.verify-sms-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:28px;line-height:1;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.verify-sms-close:hover{background:#f5f5f5;color:#1a1a1a}.verify-sms-close:disabled{opacity:.5;cursor:not-allowed}.verify-sms-content{padding:40px 32px 32px}.verify-sms-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.verify-sms-step{display:flex;flex-direction:column;gap:20px}.verify-sms-message{font-size:16px;color:#666;text-align:center;margin:0;line-height:1.5}.verify-sms-phone{font-size:18px;font-weight:600;color:#1a1a1a;text-align:center;margin:0;padding:12px;background:#f8f9fa;border-radius:8px}.verify-sms-info{font-size:14px;color:#999;text-align:center;margin:0}.verify-sms-countdown{font-size:14px;color:#ff1493;text-align:center;margin:0;font-weight:500}.verify-sms-form{width:100%}.verify-sms-input-group{display:flex;flex-direction:column;gap:8px}.verify-sms-code-input{text-align:center;font-size:32px;font-weight:600;letter-spacing:8px;font-family:Courier New,monospace;padding:16px}.verify-sms-code-input::placeholder{letter-spacing:8px;color:#ccc}.verify-sms-error-message{font-size:14px;color:#dc3545;margin-top:4px}.verify-sms-error-submit{text-align:center;padding:12px;background:#fee;border-radius:8px;border:1px solid #fcc}.verify-sms-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.verify-sms-actions .pcs-button{flex:1;min-width:120px}@media (max-width: 768px){.verify-sms-backdrop{padding:0;align-items:flex-end}.verify-sms-modal{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.verify-sms-content{padding:32px 24px 24px}.verify-sms-title{font-size:22px;margin-bottom:20px}.verify-sms-message{font-size:15px}.verify-sms-phone{font-size:16px;padding:10px}.verify-sms-code-input{font-size:28px;letter-spacing:6px;padding:14px}.verify-sms-actions{flex-direction:column}.verify-sms-actions .pcs-button{width:100%}}.perfil-status-wrapper{position:relative;display:inline-block}.perfil-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500;border:none;background:transparent;cursor:default;transition:all .2s}.perfil-status-badge.verified{background:#d4edda;color:#155724}.perfil-status-badge.unverified{background:#f8f9fa;color:#6c757d;opacity:.7}.perfil-status-badge.unverified.clickable{background:#fee;color:#dc3545;opacity:1;cursor:pointer;min-height:32px;min-width:100px}.perfil-status-badge.unverified.clickable:hover{background:#fdd;color:#c82333}.perfil-verification-tooltip{position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%);z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease;min-width:200px;max-width:280px}.perfil-tooltip-arrow{position:absolute;top:50%;right:-8px;transform:translateY(-50%) rotate(-90deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.perfil-tooltip-content{background:#1a1a1a;border-radius:8px;padding:10px 14px;display:flex;align-items:flex-start;gap:8px;box-shadow:0 4px 12px #0006}.perfil-tooltip-icon{color:#fff;flex-shrink:0;margin-top:2px}.perfil-tooltip-text{color:#fff;font-size:13px;line-height:1.4;font-weight:400}.perfil-status-wrapper:hover .perfil-verification-tooltip{display:block}.perfil-verification-tooltip.hidden{display:none!important}.perfil-google-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#4285f4;cursor:default;flex-shrink:0;opacity:.7}.perfil-phone-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 768px){.perfil-section-title{font-size:24px;margin-bottom:24px}.perfil-account-item{flex-direction:column;gap:12px;padding:16px 0}.perfil-account-label{width:100%;font-size:14px}.perfil-account-value{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.perfil-account-value-right{justify-content:flex-start}.perfil-account-info{width:100%;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.perfil-input-wrapper{max-width:100%;width:100%}.perfil-input{width:100%}.perfil-action-button{width:100%;text-align:center}.perfil-status-badge.unverified.clickable{min-height:40px;min-width:120px;padding:8px 16px;font-size:15px}.perfil-verification-tooltip{top:50%;left:calc(100% + 12px);right:auto;bottom:auto;transform:translateY(-50%);max-width:280px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.perfil-tooltip-arrow{top:50%;left:-8px;right:auto;bottom:auto;transform:translateY(-50%) rotate(90deg)}.perfil-account-item-danger{margin-top:16px;padding-top:24px}.perfil-danger-actions{flex-direction:column;width:100%}.perfil-danger-actions .perfil-action-button{width:100%}}.birthdate-picker{position:relative;width:100%}.birthdate-picker-input{width:100%;padding:10px 14px;background:#fff;border:1px solid #ddd;border-radius:8px;color:#1a1a1a;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;text-align:left}.birthdate-picker-input:hover:not(:disabled){border-color:#ff1493;background:#fff;box-shadow:0 0 0 3px #ff14931a}.birthdate-picker-input:focus{outline:none;border-color:#ff1493;box-shadow:0 0 0 3px #ff149326}.birthdate-picker-input:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.birthdate-picker-value{color:#1a1a1a}.birthdate-picker-placeholder{color:#999}.birthdate-picker-icon{color:#666;flex-shrink:0}.birthdate-picker-input:hover:not(:disabled) .birthdate-picker-icon{color:#ff1493}.birthdate-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:birthdate-picker-fade-in .2s ease}@keyframes birthdate-picker-fade-in{0%{opacity:0}to{opacity:1}}.birthdate-picker-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px;overflow:hidden;animation:birthdate-picker-slide-up .3s ease}@keyframes birthdate-picker-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.birthdate-picker-header{background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff;padding:24px}.birthdate-picker-header-label{font-size:14px;font-weight:500;opacity:.95;margin-bottom:4px}.birthdate-picker-header-date{font-size:24px;font-weight:700;line-height:1.2}.birthdate-picker-content{padding:24px}.birthdate-picker-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.birthdate-picker-month-year-wrapper{display:flex;align-items:center;gap:8px}.birthdate-picker-month-btn,.birthdate-picker-year-btn{background:transparent;border:none;font-size:18px;font-weight:600;color:#1a1a1a;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.birthdate-picker-month-btn:hover,.birthdate-picker-year-btn:hover{background:#ff14931a;color:#ff1493}.birthdate-picker-month-year{font-size:18px;font-weight:600;color:#1a1a1a}.birthdate-picker-nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#f5f5f5;color:#666;cursor:pointer;transition:all .2s ease}.birthdate-picker-nav-btn:hover{background:#ff1493;color:#fff;transform:scale(1.1)}.birthdate-picker-nav-btn:active{transform:scale(.95)}.birthdate-picker-month-selector{margin-bottom:16px;padding:12px;background:#ff14930d;border-radius:8px;border:1px solid rgba(255,20,147,.2)}.birthdate-picker-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.birthdate-picker-month-option{padding:8px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;font-size:13px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s ease}.birthdate-picker-month-option:hover{background:#ff14931a;border-color:#ff1493;color:#ff1493;transform:scale(1.05)}.birthdate-picker-month-option-selected{background:linear-gradient(135deg,#ff1493,#00bcd4);border-color:#ff1493;color:#fff;font-weight:700}.birthdate-picker-year-selector{margin-bottom:16px;padding:12px;background:#ff14930d;border-radius:8px;border:1px solid rgba(255,20,147,.2);max-height:200px;overflow-y:auto}.birthdate-picker-year-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.birthdate-picker-year-option{padding:10px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s ease;text-align:center}.birthdate-picker-year-option:hover{background:#ff14931a;border-color:#ff1493;color:#ff1493;transform:scale(1.05)}.birthdate-picker-year-option-selected{background:linear-gradient(135deg,#ff1493,#00bcd4);border-color:#ff1493;color:#fff;font-weight:700}.birthdate-picker-year-selector::-webkit-scrollbar{width:6px}.birthdate-picker-year-selector::-webkit-scrollbar-track{background:#ff14931a;border-radius:3px}.birthdate-picker-year-selector::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff1493,#00bcd4);border-radius:3px}.birthdate-picker-year-selector::-webkit-scrollbar-thumb:hover{background:#ff1493}.birthdate-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.birthdate-picker-weekday{text-align:center;font-size:12px;font-weight:600;color:#666;padding:8px 4px}.birthdate-picker-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.birthdate-picker-day{aspect-ratio:1;border:none;background:transparent;color:#1a1a1a;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.birthdate-picker-day:hover:not(.birthdate-picker-day-disabled):not(.birthdate-picker-day-other-month){background:#ff14931a;color:#ff1493;transform:scale(1.1)}.birthdate-picker-day-other-month{color:#ccc;cursor:default}.birthdate-picker-day-today:not(.birthdate-picker-day-selected){background:#00ffff1a;color:#00bcd4;font-weight:600}.birthdate-picker-day-selected{background:linear-gradient(135deg,#ff1493,#00bcd4);color:#fff;font-weight:700;box-shadow:0 2px 8px #ff14934d}.birthdate-picker-day-disabled{opacity:.3;cursor:not-allowed}.birthdate-picker-day-disabled:hover{background:transparent;transform:none}.birthdate-picker-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e5e5}.birthdate-picker-cancel-btn{padding:10px 24px;border:none;background:transparent;color:#666;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.birthdate-picker-cancel-btn:hover{background:#f5f5f5;color:#1a1a1a}.birthdate-picker-confirm-btn{padding:10px 24px;border:none;background:linear-gradient(135deg,#ff1493,#00bcd4);color:#fff;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff14934d}.birthdate-picker-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff149366}.birthdate-picker-confirm-btn:active{transform:translateY(0)}@media (max-width: 768px){.birthdate-picker-modal{max-width:100%;margin:16px}.birthdate-picker-header{padding:20px}.birthdate-picker-header-date{font-size:20px}.birthdate-picker-content{padding:20px}.birthdate-picker-day{font-size:13px}}.perfil-input-readonly{background:#fff!important;border:1px solid #e0e0e0!important;color:#1a1a1a!important;opacity:1!important;cursor:default!important;box-shadow:0 0 0 2px #00000005;transition:all .2s ease}.perfil-input-readonly:hover{border-color:#d0d0d0;box-shadow:0 0 0 3px #00000008}.perfil-input-readonly:focus{outline:none;border-color:#d0d0d0;box-shadow:0 0 0 3px #00000008}.perfil-input-editable{background:#fff!important;border:2px solid #ff1493!important;color:#1a1a1a!important;cursor:text!important;box-shadow:0 0 0 3px #ff14931a,0 2px 8px #ff149326;transition:all .2s ease}.perfil-input-editable:focus{outline:none;border-color:#ff1493;box-shadow:0 0 0 4px #ff149326,0 4px 12px #ff149333}.perfil-input-editable:disabled{opacity:.6;cursor:wait}.perfil-input-error{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35451a,0 2px 8px #dc354526!important}.perfil-input-error:focus{border-color:#dc3545!important;box-shadow:0 0 0 4px #dc354526,0 4px 12px #dc354533!important}.perfil-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:48px;gap:20px}.perfil-avatar-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.perfil-avatar-image,.perfil-avatar-placeholder{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #e0e0e0;box-shadow:0 4px 12px #0000001a;transition:all .2s ease}.perfil-avatar-placeholder{background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;border:3px solid #e0e0e0}.perfil-avatar-edit-button{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;border:2px solid #ffffff;background:#ff1493;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff14934d}.perfil-avatar-edit-button:hover{background:#e0127a;transform:scale(1.1);box-shadow:0 4px 12px #ff149366}.perfil-avatar-edit-button:active{transform:scale(.95)}.perfil-avatar-delete-button{position:absolute;top:0;right:0;width:32px;height:32px;border-radius:50%;border:2px solid #ffffff;background:#dc3545;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #dc35454d}.perfil-avatar-delete-button:hover{background:#c82333;transform:scale(1.1);box-shadow:0 4px 12px #dc354566}.perfil-avatar-delete-button:active{transform:scale(.95)}.perfil-avatar-edit-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px;align-items:center}.perfil-edit-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.perfil-name-inputs{display:flex;gap:8px;width:100%}.perfil-name-inputs .perfil-input{flex:1}.perfil-edit-actions{display:flex;gap:8px;align-items:center}.perfil-save-button{padding:8px 16px;border:1px solid #ff1493;background:#ff1493;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.perfil-save-button:hover:not(:disabled){background:#e0127a;border-color:#e0127a}.perfil-save-button:active:not(:disabled){transform:scale(.95)}.perfil-save-button:disabled{opacity:.5;cursor:not-allowed}.perfil-cancel-button:hover{background:#f5f5f5;border-color:#bbb;color:#1a1a1a}.perfil-cancel-button:active{transform:scale(.95)}.perfil-edit-button:disabled{opacity:.5;cursor:not-allowed}.perfil-edit-button:disabled:hover{border-color:#ddd;color:#666;background:#fff}.perfil-field-warning{font-size:12px;color:#ff9800;font-weight:400;margin-top:6px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#ff980014;border-radius:6px;border-left:3px solid #ff9800}.perfil-field-warning svg{flex-shrink:0;color:#ff9800}.perfil-field-error{font-size:12px;color:#dc3545;font-weight:500;margin-top:4px;display:block}.perfil-field-validating{font-size:12px;color:#666;font-weight:400;margin-top:4px;display:block;font-style:italic}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.perfil-avatar-section{margin-bottom:32px}.perfil-avatar-wrapper,.perfil-avatar-image,.perfil-avatar-placeholder{width:100px;height:100px}.perfil-avatar-edit-button{width:32px;height:32px}.perfil-avatar-delete-button{width:28px;height:28px}.perfil-edit-form{max-width:100%}.perfil-name-inputs{flex-direction:column}.perfil-edit-actions{width:100%}.perfil-save-button,.perfil-cancel-button{flex:1}.perfil-avatar-edit-form{max-width:100%}}.sessions-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.session-item{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:12px 16px;transition:all .2s ease}.session-item:hover{border-color:#d0d0d0;box-shadow:0 1px 4px #0000000d}.session-item.session-current{border:1.5px solid #ff1493;background:linear-gradient(to right,#fff,#fff5fc);box-shadow:0 1px 6px #ff14931f}.session-item.session-current:hover{box-shadow:0 2px 8px #ff14932e}.session-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.session-info{flex:1;min-width:0}.session-header-compact{display:flex;flex-direction:column;gap:8px}.session-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.session-badge{background:#ff1493;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.session-status{font-size:12px;font-weight:500;color:#1a1a1a;padding:3px 8px;border-radius:6px;background:#f0f0f0}.session-item.session-current .session-status{background:#ff14931a;color:#ff1493}.session-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#666}.session-meta-item{font-size:13px;color:#666}.session-meta-separator{color:#ccc;font-size:12px}.session-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.session-action-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#1a1a1a;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.session-action-button:hover{background:#f8f9fa;border-color:#d0d0d0;box-shadow:0 1px 3px #0000000d}.session-action-button:active{transform:translateY(1px)}.session-action-close-device{padding:8px;color:#ef4444;border-color:#fecaca;background:#fef2f2}.session-action-close-device:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.session-action-close-current{color:#ef4444;border-color:#fecaca;background:#fef2f2;font-size:12px;padding:8px 10px}.session-action-close-current:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.session-action-close-others{color:#ef4444;border-color:#fecaca;background:#fef2f2;font-size:12px;padding:8px 10px}.session-action-close-others:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}@media (max-width: 768px){.sessions-list{gap:10px}.session-item{padding:10px 12px}.session-main{flex-direction:column;align-items:stretch;gap:10px}.session-actions{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:8px}.session-action-button{padding:8px 12px;font-size:12px}.session-meta{font-size:12px;gap:6px}.session-meta-item{font-size:12px}.session-title{gap:6px}}.perfil-container{min-height:100vh;padding:20px;background:#f5f5f5;position:relative}.perfil-back-button{position:absolute;top:20px;left:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid #ddd;border-radius:12px;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .2s;z-index:100;box-shadow:0 2px 8px #0000001a;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.perfil-back-button:hover{background:#f5f5f5;border-color:#ff1493;color:#ff1493;box-shadow:0 4px 12px #ff149333}.perfil-back-button:active{transform:scale(.95)}.perfil-back-button svg{width:24px;height:24px}.perfil-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;font-size:18px;color:#666;gap:24px}.perfil-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;gap:32px;background:linear-gradient(135deg,#fff5fc,#fff,#f0f9ff);border-radius:20px;margin:20px;position:relative;overflow:hidden}.perfil-error:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,20,147,.05) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.perfil-error-content{display:flex;flex-direction:column;align-items:center;gap:20px;z-index:1;text-align:center}.perfil-error-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff1493,#ff69b4);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff149340;animation:float 3s ease-in-out infinite}.perfil-error-icon svg{width:40px;height:40px;color:#fff}.perfil-error-message{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4}.perfil-error-submessage{font-size:16px;color:#666;margin:0;max-width:500px;line-height:1.6}.perfil-error-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;z-index:1;margin-top:8px}.perfil-error-button{padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.perfil-error-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.perfil-error-button:hover:before{width:300px;height:300px}.perfil-error-button-primary{background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff}.perfil-error-button-primary:hover{background:linear-gradient(135deg,#e0127d,#ff1493);box-shadow:0 6px 20px #ff149366;transform:translateY(-2px)}.perfil-error-button-primary:active{transform:translateY(0)}.perfil-error-button-secondary{background:#fff;color:#ff1493;border:2px solid #ff1493}.perfil-error-button-secondary:hover{background:linear-gradient(135deg,#fff5fc,#fff);box-shadow:0 6px 20px #ff149340;transform:translateY(-2px);border-color:#ff69b4}.perfil-error-button-secondary:active{transform:translateY(0)}.perfil-error-button svg{width:20px;height:20px;flex-shrink:0}.perfil-layout{display:flex;gap:24px;max-width:1200px;margin:0 auto}@media (min-width: 769px) and (max-width: 1324px){.perfil-layout{margin-top:72px}}.perfil-sidebar{width:240px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.perfil-sidebar-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a}.perfil-nav{display:flex;flex-direction:column;gap:8px}.perfil-nav-item{padding:12px 16px;border:none;background:transparent;text-align:left;font-size:16px;color:#666;cursor:pointer;border-radius:8px;transition:all .2s}.perfil-nav-item:hover{background:#f5f5f5;color:#1a1a1a}.perfil-nav-item.active{background:#ff1493;color:#fff;font-weight:500}.perfil-content{flex:1;background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.perfil-container{padding:64px 12px 12px}.perfil-error{margin:12px;padding:32px 16px;min-height:50vh}.perfil-error-icon{width:64px;height:64px}.perfil-error-icon svg{width:32px;height:32px}.perfil-error-message{font-size:20px}.perfil-error-submessage{font-size:14px}.perfil-error-actions{flex-direction:column;width:100%;max-width:300px}.perfil-error-button{width:100%;justify-content:center;padding:14px 24px}.perfil-back-button{position:fixed;top:12px;left:12px;width:56px;height:56px;z-index:1000;box-shadow:0 4px 12px #00000026}.perfil-back-button svg{width:28px;height:28px}.perfil-layout{flex-direction:column;gap:0;margin-top:8px}.perfil-sidebar{width:100%;padding:0;background:transparent;box-shadow:none;border-radius:0;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:16px}.perfil-sidebar-title{display:none}.perfil-nav{flex-direction:row;overflow-x:auto;gap:0;padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-bottom:2px solid #e0e0e0;background:#fff}.perfil-nav::-webkit-scrollbar{display:none}.perfil-nav-item{white-space:nowrap;flex-shrink:0;padding:16px 20px;font-size:14px;font-weight:500;color:#666;background:transparent;border:none;border-bottom:3px solid transparent;border-radius:0;position:relative;min-width:auto;text-transform:none;letter-spacing:0;transition:all .2s ease}.perfil-nav-item:hover{background:#0000000a;color:#1a1a1a}.perfil-nav-item.active{background:transparent;color:#ff1493;border-bottom-color:#ff1493;font-weight:600}.perfil-nav-item.active:after{display:none}.perfil-content{padding:20px}}.monitor-events-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.monitor-events-modal{background:#fff;border-radius:16px;width:100%;max-width:1000px;height:85vh;max-height:85vh;overflow:hidden;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease;display:flex;flex-direction:column}.monitor-events-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.monitor-events-close:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);color:#1a1a1a;transform:rotate(90deg)}.monitor-events-close svg{width:24px;height:24px}.monitor-events-layout{display:flex;flex:1;overflow:hidden;min-height:0}.monitor-events-sidebar{width:240px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-right:1px solid #e5e5e5;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.monitor-events-sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e5e5}.monitor-events-sidebar-title{font-size:20px;font-weight:600;margin:0 0 4px;color:#1a1a1a;background:linear-gradient(135deg,#00bcd4,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.monitor-events-sidebar-subtitle{font-size:13px;color:#666;margin:0;font-family:monospace;word-break:break-all}.monitor-events-tabs{display:flex;flex-direction:column;padding:12px;gap:8px}.monitor-events-tab{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;background:transparent;text-align:left;font-size:15px;font-weight:500;color:#666;cursor:pointer;border-radius:10px;transition:all .2s;position:relative}.monitor-events-tab:hover{background:#fff9;color:#1a1a1a}.monitor-events-tab.active{background:linear-gradient(135deg,#e0f7fa,#fce4ec);color:#1a1a1a;font-weight:600;box-shadow:0 2px 8px #00bcd426}.monitor-events-tab.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(135deg,#00bcd4,#ff1493);border-radius:0 4px 4px 0}.monitor-events-tab svg{width:20px;height:20px;flex-shrink:0}.monitor-events-content{flex:1;padding:32px;overflow-y:auto;min-height:0}.monitor-events-title{font-size:28px;font-weight:600;margin:0 0 8px;color:#1a1a1a;background:linear-gradient(135deg,#00bcd4,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.monitor-events-subtitle{font-size:14px;color:#666;margin:0 0 24px;text-align:center;font-family:monospace}.monitor-events-loading,.monitor-events-error,.monitor-events-empty{text-align:center;padding:40px 20px;color:#666;font-size:16px}.monitor-events-error{color:#dc3545}.monitor-events-retry-button{margin-top:16px;padding:10px 20px;border:2px solid #00bcd4;background:#fff;color:#00bcd4;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.monitor-events-retry-button:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-color:#ff1493;color:#ff1493;transform:translateY(-2px)}.monitor-events-list{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto;padding-right:8px}.monitor-events-list::-webkit-scrollbar{width:8px}.monitor-events-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.monitor-events-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00bcd4,#ff1493);border-radius:4px}.monitor-events-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00acc1,#e0127d)}.monitor-events-item{background:linear-gradient(135deg,#f0f9fa,#fff5f8);border:1px solid #e5e5e5;border-radius:12px;padding:16px;transition:all .2s}.monitor-events-item:hover{box-shadow:0 4px 12px #00bcd426;transform:translateY(-2px)}.monitor-events-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.monitor-events-type-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.monitor-events-timestamp{font-size:13px;color:#666;font-family:monospace}.monitor-events-item-details{display:flex;flex-direction:column;gap:8px}.monitor-events-detail{display:flex;align-items:flex-start;gap:8px;font-size:14px}.monitor-events-detail-label{font-weight:500;color:#1a1a1a;min-width:100px;flex-shrink:0}.monitor-events-detail-value{color:#666;word-break:break-all;font-family:monospace;font-size:13px}@media (max-width: 768px){.monitor-events-backdrop{padding:12px}.monitor-events-modal{max-width:100%;height:auto;max-height:95vh}.monitor-events-layout{flex-direction:column}.monitor-events-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e5e5;max-height:200px}.monitor-events-sidebar-header{padding:16px 20px}.monitor-events-sidebar-title{font-size:18px}.monitor-events-sidebar-subtitle{font-size:12px}.monitor-events-tabs{flex-direction:row;overflow-x:auto;padding:12px;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.monitor-events-tabs::-webkit-scrollbar{display:none}.monitor-events-tab{white-space:nowrap;flex-shrink:0;padding:12px 16px;font-size:14px}.monitor-events-tab.active:before{display:none}.monitor-events-tab.active{border-bottom:3px solid transparent;border-bottom-color:#00bcd4;box-shadow:none}.monitor-events-content{padding:24px}.monitor-events-title{font-size:24px;margin-bottom:8px}.monitor-events-subtitle{font-size:12px;margin-bottom:20px}.monitor-events-list{max-height:50vh;gap:12px}.monitor-events-item{padding:12px}.monitor-events-item-header{flex-direction:column;align-items:flex-start;gap:8px}.monitor-events-detail{flex-direction:column;gap:4px}.monitor-events-detail-label{min-width:auto}.monitor-events-detail-value{font-size:12px}}.asignar-tarjeta-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.asignar-tarjeta-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.asignar-tarjeta-modal-large{max-width:700px}.asignar-tarjeta-header{background:linear-gradient(135deg,#ff1493,#a855f7);color:#fff;padding:20px 24px;position:relative}.asignar-tarjeta-header h2{margin:0 0 4px;font-size:20px;font-weight:700}.asignar-tarjeta-subtitle{margin:0;font-size:14px;opacity:.9}.asignar-tarjeta-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#fff3;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.asignar-tarjeta-close:hover{background:#ffffff4d;transform:rotate(90deg)}.asignar-tarjeta-tabs{display:flex;border-bottom:1px solid #eee;background:#fafafa}.tab-btn{flex:1;padding:12px 16px;border:none;background:transparent;font-size:14px;font-weight:600;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;border-bottom:2px solid transparent}.tab-btn:hover{color:#ff1493;background:#ff14930d}.tab-btn.active{color:#ff1493;border-bottom-color:#ff1493;background:#fff}.asignar-tarjeta-content{padding:20px;overflow-y:auto;flex:1;max-height:calc(90vh - 180px)}.asignar-tarjeta-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:#ff1493;border-radius:50%;animation:spin .8s linear infinite}.asignar-tarjeta-error,.asignar-tarjeta-success{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:14px}.asignar-tarjeta-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.asignar-tarjeta-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.gestionar-tarjetas{display:flex;flex-direction:column;gap:20px}.no-tarjetas{text-align:center;padding:40px 20px;color:#666}.no-tarjetas-icon{font-size:48px;display:block;margin-bottom:12px}.no-tarjetas p{margin:0 0 16px}.btn-asignar-nueva{padding:10px 20px;background:linear-gradient(135deg,#ff1493,#a855f7);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-asignar-nueva:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff14934d}.tarjetas-section{background:#f8f9fa;border-radius:12px;padding:16px}.tarjetas-section h3{font-size:14px;font-weight:600;color:#333;margin:0 0 12px;display:flex;align-items:center;gap:6px}.tarjetas-list{display:flex;flex-direction:column;gap:12px}.tarjeta-item{background:#fff;border-radius:10px;padding:14px;border-left:4px solid var(--tarjeta-color, #ff1493);box-shadow:0 1px 4px #00000014}.tarjeta-completada{background:linear-gradient(135deg,#fef9e6,#fff);border-left-color:#ffc107}.tarjeta-item-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tarjeta-emoji{font-size:28px}.tarjeta-info{display:flex;flex-direction:column;gap:2px;flex:1}.tarjeta-info strong{font-size:15px;color:#333}.tarjeta-stats{font-size:12px;color:#666}.tarjeta-premio{font-size:13px;color:#ff8c00;font-weight:600}.tarjeta-circulos{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.circulo{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:#eee;color:#999;border:2px solid #ddd}.circulo.desbloqueado{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff;border-color:#888}.circulo.rascado{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border-color:#16a34a}.tarjeta-actions{display:flex;gap:8px;justify-content:flex-end}.btn-action{padding:6px 12px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-desbloquear{background:#e0f2fe;color:#0284c7}.btn-desbloquear:hover:not(:disabled){background:#bae6fd}.btn-desbloquear.syncing{background:#dbeafe;color:#3b82f6}.btn-desbloquear .sync-indicator{display:inline-block;animation:syncSpin .8s linear infinite;margin-right:2px}@keyframes syncSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-badge{display:inline-block;margin-left:6px;font-size:.75rem;color:#3b82f6;animation:pulse 1s ease-in-out infinite}.btn-canjear{background:linear-gradient(135deg,gold,#ff8c00);color:#fff}.btn-canjear:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #ff8c004d}.btn-eliminar{background:#fee2e2;color:#dc2626}.btn-eliminar:hover:not(:disabled){background:#fecaca}.mini-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.tarjetas-historial{background:#f0f0f0}.tarjetas-historial-list{display:flex;flex-direction:column;gap:6px}.historial-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border-radius:6px;font-size:12px;color:#666}.historial-item span:first-child{font-size:16px}.historial-premio{flex:1;text-align:right;color:#16a34a;font-weight:600}.historial-fecha{color:#999;font-size:11px}.asignar-nueva{display:flex;flex-direction:column;gap:16px}.asignar-instruccion{font-size:14px;color:#666;margin:0}.asignar-tarjeta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.tipo-tarjeta-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f8f9fa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;position:relative;text-align:center}.tipo-tarjeta-card:hover{background:#f0f1f3;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tipo-tarjeta-card.selected{border-color:var(--tipo-color, #ff1493);background:#fff;box-shadow:0 4px 16px #ff149333}.tipo-emoji{font-size:32px;line-height:1}.tipo-nombre{font-size:14px;font-weight:600;color:#333}.tipo-descripcion{font-size:11px;color:#666;line-height:1.3}.tipo-check{position:absolute;top:8px;right:8px;width:22px;height:22px;background:var(--tipo-color, #ff1493);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.asignar-tarjeta-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #eee}.asignar-btn-cancel,.asignar-btn-confirm{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.asignar-btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.asignar-btn-cancel:hover:not(:disabled){background:#e5e7eb}.asignar-btn-confirm{background:linear-gradient(135deg,#ff1493,#a855f7);border:none;color:#fff}.asignar-btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff149366}.asignar-btn-confirm:disabled,.asignar-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 640px){.asignar-tarjeta-backdrop{padding:0;align-items:flex-end}.asignar-tarjeta-modal{border-radius:20px 20px 0 0;max-height:90vh}.asignar-tarjeta-grid{grid-template-columns:repeat(2,1fr)}.asignar-tarjeta-actions{flex-direction:column}.asignar-btn-cancel,.asignar-btn-confirm{width:100%;justify-content:center}.tarjeta-circulos{justify-content:center}.tarjeta-actions{flex-wrap:wrap;justify-content:center}}.asignar-tarjeta-content::-webkit-scrollbar{width:6px}.asignar-tarjeta-content::-webkit-scrollbar-track{background:transparent}.asignar-tarjeta-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.asignar-tarjeta-content::-webkit-scrollbar-thumb:hover{background:#ccc}.gestion-tipos-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gestion-tipos-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gestion-tipos-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;position:relative}.gestion-tipos-header h2{margin:0 0 4px;font-size:20px;font-weight:700}.gestion-tipos-subtitle{margin:0;font-size:14px;opacity:.9}.gestion-tipos-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#fff3;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.gestion-tipos-close:hover{background:#ffffff4d;transform:rotate(90deg)}.gestion-tipos-content{padding:24px;overflow-y:auto;flex:1}.gestion-tipos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.gestion-tipos-error,.gestion-tipos-success{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:14px}.gestion-tipos-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.gestion-tipos-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.gestion-tipos-section{margin-bottom:24px}.gestion-tipos-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 12px;display:flex;align-items:center;gap:8px}.gestion-tipos-empty{text-align:center;padding:24px;background:#f8f9fa;border-radius:12px;color:#666}.gestion-tipos-empty p{margin:4px 0}.gestion-tipos-list{display:flex;flex-wrap:wrap;gap:8px}.tipo-existente-card{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.tipo-existente-card .tipo-emoji{font-size:20px}.tipo-existente-card .tipo-info{display:flex;flex-direction:column;gap:2px}.tipo-existente-card .tipo-info strong{font-size:14px;color:#333}.tipo-existente-card .tipo-estado{font-size:11px;color:#16a34a}.gestion-tipos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px}.tipo-predefinido-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#f8f9fa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;position:relative;text-align:center}.tipo-predefinido-card:not(.existe):not(:disabled):hover{background:#f0f1f3;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--tipo-color, #667eea)}.tipo-predefinido-card.existe{opacity:.6;cursor:not-allowed;background:#e8f5e9}.tipo-predefinido-card:disabled{cursor:not-allowed}.tipo-predefinido-card .tipo-emoji{font-size:32px;line-height:1}.tipo-predefinido-card .tipo-nombre{font-size:13px;font-weight:600;color:#333}.tipo-predefinido-card .tipo-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;display:flex;align-items:center;gap:4px}.tipo-badge.existe{background:#d1fae5;color:#059669}.tipo-badge.crear{background:var(--tipo-color, #667eea);color:#fff}.tipo-badge.creando{background:#fef3c7;color:#d97706}.mini-spinner{width:10px;height:10px;border:2px solid rgba(217,119,6,.3);border-top-color:#d97706;border-radius:50%;animation:spin .8s linear infinite}.gestion-tipos-crear-todos{width:100%;padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.gestion-tipos-crear-todos:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.gestion-tipos-crear-todos:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.gestion-tipos-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.gestion-tipos-btn-close{padding:10px 24px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.gestion-tipos-btn-close:hover{background:#e5e7eb}@media (max-width: 640px){.gestion-tipos-backdrop{padding:0;align-items:flex-end}.gestion-tipos-modal{border-radius:20px 20px 0 0;max-height:90vh}.gestion-tipos-grid{grid-template-columns:repeat(2,1fr)}}.gestion-permisos-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gestion-permisos-modal{background:#fff;border-radius:16px;width:100%;max-width:620px;max-height:90vh;overflow:hidden;box-shadow:0 24px 80px #00000059;animation:permisos-modalSlideIn .3s ease-out;display:flex;flex-direction:column}@keyframes permisos-modalSlideIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.gestion-permisos-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:20px 24px;position:relative}.gestion-permisos-header h2{margin:0 0 4px;font-size:20px;font-weight:700}.gestion-permisos-subtitle{margin:0;font-size:14px;opacity:.9}.gestion-permisos-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#fff3;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.gestion-permisos-close:hover{background:#ffffff59;transform:rotate(90deg)}.gestion-permisos-content{padding:20px 24px;overflow-y:auto;flex:1;max-height:calc(90vh - 220px)}.gestion-permisos-error,.gestion-permisos-success{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:14px}.gestion-permisos-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.gestion-permisos-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.gestion-permisos-instruccion{font-size:14px;color:#555;margin:0 0 16px}.roles-actuales{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:12px 14px;background:#f5f5f5;border-radius:10px}.roles-actuales-label{font-size:12px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.roles-actuales-list{display:flex;flex-wrap:wrap;gap:6px}.rol-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--rol-color, #6b7280);color:#fff;font-size:12px;font-weight:600;border-radius:20px}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.rol-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fafafa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;position:relative;text-align:left}.rol-card:hover:not(:disabled){background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.rol-card.selected{border-color:var(--rol-color, #6366f1);background:#fff;box-shadow:0 4px 16px #6366f126}.rol-card.locked{cursor:not-allowed;opacity:.85}.rol-card.locked.selected{border-color:#d1d5db;background:#f9fafb}.rol-card-emoji{font-size:28px;line-height:1;flex-shrink:0}.rol-card-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.rol-card-nombre{font-size:14px;font-weight:600;color:#333}.rol-card-descripcion{font-size:11px;color:#777;line-height:1.35}.rol-card-check{position:absolute;top:8px;right:8px;width:22px;height:22px;background:var(--rol-color, #6366f1);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.rol-card.locked .rol-card-check{background:#9ca3af;font-size:10px}.gestion-permisos-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.roles-resumen{display:flex;align-items:center;gap:8px}.roles-resumen-label{font-size:13px;color:#666}.roles-resumen-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;font-weight:700;border-radius:12px}.gestion-permisos-actions{display:flex;gap:10px}.gestion-permisos-btn-cancel,.gestion-permisos-btn-confirm{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.gestion-permisos-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.gestion-permisos-btn-cancel:hover:not(:disabled){background:#f3f4f6}.gestion-permisos-btn-confirm{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.gestion-permisos-btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.gestion-permisos-btn-confirm:disabled,.gestion-permisos-btn-cancel:disabled{opacity:.55;cursor:not-allowed}.gestion-permisos-btn-confirm .btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:permisos-spin .8s linear infinite}@keyframes permisos-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.gestion-permisos-backdrop{padding:0;align-items:flex-end}.gestion-permisos-modal{border-radius:20px 20px 0 0;max-height:92vh}.roles-grid{grid-template-columns:1fr 1fr}.gestion-permisos-footer{flex-direction:column;gap:14px}.gestion-permisos-actions{width:100%}.gestion-permisos-btn-cancel,.gestion-permisos-btn-confirm{flex:1;justify-content:center}}@media (max-width: 400px){.roles-grid{grid-template-columns:1fr}.rol-card{flex-direction:row}}.gestion-permisos-content::-webkit-scrollbar{width:6px}.gestion-permisos-content::-webkit-scrollbar-track{background:transparent}.gestion-permisos-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.gestion-permisos-content::-webkit-scrollbar-thumb:hover{background:#ccc}.ceo-container{min-height:100vh;padding:20px;background:#f5f5f5;position:relative}.ceo-back-button{position:absolute;top:20px;left:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid #ddd;border-radius:12px;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .2s;z-index:100;box-shadow:0 2px 8px #0000001a;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ceo-back-button:hover{background:#f5f5f5;border-color:#00bcd4;color:#00bcd4;box-shadow:0 4px 12px #00bcd433}.ceo-back-button:active{transform:scale(.95)}.ceo-back-button svg{width:24px;height:24px}.ceo-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;font-size:18px;color:#666;gap:24px}.ceo-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;gap:32px;background:linear-gradient(135deg,#e0f7fa,#fff,#fce4ec);border-radius:20px;margin:20px;position:relative;overflow:hidden}.ceo-error:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,188,212,.05) 0%,rgba(255,20,147,.05) 50%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.ceo-error-content{display:flex;flex-direction:column;align-items:center;gap:20px;z-index:1;text-align:center}.ceo-error-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#00bcd4,#ff1493);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00bcd440;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ceo-error-icon svg{width:40px;height:40px;color:#fff}.ceo-error-message{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4}.ceo-error-submessage{font-size:16px;color:#666;margin:0;max-width:500px;line-height:1.6}.ceo-error-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;z-index:1;margin-top:8px}.ceo-error-button{padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.ceo-error-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ceo-error-button:hover:before{width:300px;height:300px}.ceo-error-button-primary{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff}.ceo-error-button-primary:hover{background:linear-gradient(135deg,#00acc1,#e0127d);box-shadow:0 6px 20px #00bcd466;transform:translateY(-2px)}.ceo-error-button-primary:active{transform:translateY(0)}.ceo-error-button-secondary{background:#fff;color:#00bcd4;border:2px solid #00bcd4}.ceo-error-button-secondary:hover{background:linear-gradient(135deg,#e0f7fa,#fff);box-shadow:0 6px 20px #00bcd440;transform:translateY(-2px);border-color:#00acc1}.ceo-error-button-secondary:active{transform:translateY(0)}.ceo-error-button svg{width:20px;height:20px;flex-shrink:0}.ceo-content{max-width:1400px;margin:72px auto 0;background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a}.ceo-section-title{font-size:28px;font-weight:600;margin:0 0 32px;color:#1a1a1a;background:linear-gradient(135deg,#00bcd4,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ceo-empty{text-align:center;padding:40px 20px;color:#999;font-size:16px;font-style:italic}.ceo-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid #e5e5e5}.ceo-users-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ceo-user-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #0000000f;display:flex;flex-direction:column}.ceo-user-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 14px 10px;background:linear-gradient(135deg,#e0f7fa,#fff,#fce4ec);border-bottom:1px solid #eef2f7}.ceo-user-card-title{display:flex;flex-direction:column;gap:6px;min-width:0}.ceo-user-main{display:flex;flex-direction:column;gap:2px;min-width:0}.ceo-user-username{font-weight:700;font-size:15px;color:#1a1a1a;line-height:1.2}.ceo-user-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.ceo-user-card-section{padding:12px 14px;border-top:1px solid #f0f0f0}.ceo-user-card-section-title{font-size:12px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.ceo-user-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.ceo-user-field-span-2{grid-column:1 / -1}.ceo-user-field-group{display:flex;flex-direction:column;gap:10px}.ceo-user-field{display:flex;flex-direction:column;gap:3px;min-width:0}.ceo-user-bubble{background:#e9f9ef;border:1px solid #bfead0;border-radius:12px;padding:2px 10px}.ceo-user-field-label{font-size:11px;color:#1f6b3a;font-weight:600;letter-spacing:.02em}.ceo-user-field-value{font-size:13px;color:#1a1a1a;font-weight:500;overflow:hidden;text-overflow:ellipsis}.ceo-tarjetas-preview-list{display:flex;flex-wrap:wrap;gap:8px}.ceo-tarjeta-preview-pill{--tarjeta-color: #ff1493;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#00000005;border:1px solid rgba(0,0,0,.08);max-width:100%}.ceo-tarjeta-preview-pill.activa{border-color:#00bcd459;box-shadow:0 2px 10px #00bcd41f}.ceo-tarjeta-preview-pill.completada{border-color:#ff149359;box-shadow:0 2px 10px #ff14931f}.ceo-tarjeta-preview-emoji{font-size:16px;flex-shrink:0}.ceo-tarjeta-preview-name{font-size:12px;font-weight:700;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.ceo-tarjeta-preview-count{font-size:12px;font-weight:800;color:var(--tarjeta-color);flex-shrink:0}.ceo-tarjetas-preview-more{font-size:12px;font-weight:700;color:#666;padding:8px 10px;border-radius:999px;border:1px dashed rgba(0,0,0,.15);background:#00000004}.ceo-tarjetas-preview-muted{font-size:13px;color:#666;font-style:italic}.ceo-tarjetas-preview-error{font-size:12px;color:#dc3545}.ceo-user-card .ceo-deleted-badge{align-self:flex-start}.ceo-table{width:100%;border-collapse:collapse;min-width:1200px;background:#fff}.ceo-table thead{background:linear-gradient(135deg,#e0f7fa,#fce4ec);position:sticky;top:0;z-index:10}.ceo-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:14px;color:#1a1a1a;border-bottom:2px solid #00bcd4;white-space:nowrap}.ceo-table th:first-child{border-top-left-radius:8px}.ceo-table th:last-child{border-top-right-radius:8px}.ceo-table tbody tr{border-bottom:1px solid #e5e5e5;transition:background-color .2s}.ceo-table tbody tr:hover{background:linear-gradient(90deg,#f0f9fa,#fff5f8)}.ceo-table tbody tr:last-child{border-bottom:none}.ceo-table td{padding:14px 12px;font-size:14px;color:#1a1a1a;vertical-align:middle;white-space:nowrap}.ceo-table td:first-child{font-family:monospace;font-size:12px;color:#666;max-width:150px;overflow:hidden;text-overflow:ellipsis}.ceo-verified-badge{display:inline-block;margin-left:6px;padding:2px 6px;background:#d4edda;color:#155724;border-radius:4px;font-size:11px;font-weight:600}.ceo-deleted-badge{display:inline-block;padding:4px 8px;background:#fee;color:#dc3545;border-radius:6px;font-size:12px;font-weight:500}.ceo-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.ceo-header-row .ceo-section-title{margin-bottom:0}.ceo-gestion-tipos-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #667eea4d}.ceo-gestion-tipos-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.ceo-gestion-tipos-btn:active{transform:scale(.98)}.ceo-gestion-tipos-btn span{font-size:18px}.ceo-actions-buttons{display:flex;gap:8px;align-items:center}.ceo-monitor-events-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.ceo-monitor-events-button:hover{border-color:#00bcd4;color:#00bcd4;background:linear-gradient(135deg,#e0f7fa,#fce4ec);transform:scale(1.05)}.ceo-monitor-events-button:active{transform:scale(.95)}.ceo-monitor-events-button svg{width:18px;height:18px}.ceo-asignar-tarjeta-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:18px;cursor:pointer;transition:all .2s;flex-shrink:0}.ceo-asignar-tarjeta-button:hover{border-color:#ff1493;background:linear-gradient(135deg,#fce4ec,#f3e5f5);transform:scale(1.05)}.ceo-asignar-tarjeta-button:active{transform:scale(.95)}.ceo-gestion-permisos-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:16px;cursor:pointer;transition:all .2s;flex-shrink:0}.ceo-gestion-permisos-button:hover{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#f3e8ff);transform:scale(1.05)}.ceo-gestion-permisos-button:active{transform:scale(.95)}@media (max-width: 1200px){.ceo-users-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 769px) and (max-width: 1324px){.ceo-content{margin-top:72px}}@media (max-width: 768px){.ceo-container{padding:64px 12px 12px}.ceo-error{margin:12px;padding:32px 16px;min-height:50vh}.ceo-error-icon{width:64px;height:64px}.ceo-error-icon svg{width:32px;height:32px}.ceo-error-message{font-size:20px}.ceo-error-submessage{font-size:14px}.ceo-error-actions{flex-direction:column;width:100%;max-width:300px}.ceo-error-button{width:100%;justify-content:center;padding:14px 24px}.ceo-back-button{position:fixed;top:12px;left:12px;width:56px;height:56px;z-index:1000;box-shadow:0 4px 12px #00000026}.ceo-back-button svg{width:28px;height:28px}.ceo-content{padding:20px;margin-top:8px}.ceo-section-title{font-size:24px;margin-bottom:24px}.ceo-table-wrapper{border-radius:8px}.ceo-table{min-width:1000px}.ceo-table th,.ceo-table td{padding:12px 8px;font-size:13px}.ceo-table td:first-child{font-size:11px;max-width:100px}.ceo-users-grid,.ceo-user-fields{grid-template-columns:1fr}.ceo-user-field-span-2{grid-column:auto}}.ceo-section{width:100%}.ceo-section-title{font-size:28px;font-weight:600;margin:0 0 32px;color:#1a1a1a}.ceo-placeholder{color:#999;font-size:16px;font-style:italic}.ceo-account-item{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #e5e5e5}.ceo-account-item:last-of-type{border-bottom:none}.ceo-account-item-danger{margin-top:24px;padding-top:32px;border-top:2px solid #e5e5e5;border-bottom:none}.ceo-account-label{width:200px;flex-shrink:0;font-weight:500;color:#1a1a1a;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ceo-account-value{flex:1;display:flex;align-items:center;gap:12px}.ceo-account-value-right{justify-content:flex-end}.ceo-account-info{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.ceo-empty{color:#999;opacity:.6}.ceo-input-wrapper{display:flex;align-items:center;gap:8px;width:100%;max-width:400px}.ceo-input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#1a1a1a;background:#f8f9fa;cursor:default}.ceo-input:disabled{opacity:1;color:#1a1a1a;background:#f8f9fa}.ceo-input::placeholder{color:#999;opacity:.6}.ceo-edit-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.ceo-edit-button:hover{border-color:#00bcd4;color:#00bcd4;background:#e0f7fa}.ceo-edit-button:active{transform:scale(.95)}.ceo-delete-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#dc3545;cursor:pointer;transition:all .2s;flex-shrink:0}.ceo-delete-button:hover{border-color:#dc3545;color:#fff;background:#dc3545}.ceo-delete-button:active{transform:scale(.95)}.ceo-delete-button:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;border-color:#ddd;color:#999}.ceo-delete-button:disabled:hover{transform:none;background:#f5f5f5;border-color:#ddd;color:#999;box-shadow:none}.ceo-action-button{padding:10px 20px;border:1px solid #ddd;background:#fff;color:#1a1a1a;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.ceo-action-button:hover{background:#f5f5f5;border-color:#bbb}.ceo-action-button-danger{color:#dc3545;border-color:#dc3545}.ceo-action-button-danger:hover{background:#dc3545;color:#fff}.ceo-action-button-logout{color:#666;border-color:#ddd}.ceo-action-button-logout:hover{background:#f5f5f5;border-color:#bbb;color:#1a1a1a}.ceo-danger-actions{display:flex;gap:12px;flex-wrap:wrap}.ceo-status-wrapper{position:relative;display:inline-block}.ceo-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500;border:none;background:transparent;cursor:default;transition:all .2s}.ceo-status-badge.verified{background:#d4edda;color:#155724}.ceo-status-badge.unverified{background:#f8f9fa;color:#6c757d;opacity:.7}.ceo-status-badge.unverified.clickable{background:#fee;color:#dc3545;opacity:1;cursor:pointer;min-height:32px;min-width:100px}.ceo-status-badge.unverified.clickable:hover{background:#fdd;color:#c82333}.ceo-verification-tooltip{position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%);z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease;min-width:200px;max-width:280px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.ceo-tooltip-arrow{position:absolute;top:50%;right:-8px;transform:translateY(-50%) rotate(-90deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ceo-tooltip-content{background:#1a1a1a;border-radius:8px;padding:10px 14px;display:flex;align-items:flex-start;gap:8px;box-shadow:0 4px 12px #0006}.ceo-tooltip-icon{color:#fff;flex-shrink:0;margin-top:2px}.ceo-tooltip-text{color:#fff;font-size:13px;line-height:1.4;font-weight:400}.ceo-status-wrapper:hover .ceo-verification-tooltip{display:block}.ceo-verification-tooltip.hidden{display:none!important}.ceo-google-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#4285f4;cursor:default;flex-shrink:0;opacity:.7}.ceo-phone-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 768px){.ceo-section-title{font-size:24px;margin-bottom:24px}.ceo-account-item{flex-direction:column;gap:12px;padding:16px 0}.ceo-account-label{width:100%;font-size:14px}.ceo-account-value{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.ceo-account-value-right{justify-content:flex-start}.ceo-account-info{width:100%;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.ceo-input-wrapper{max-width:100%;width:100%}.ceo-input{width:100%}.ceo-action-button{width:100%;text-align:center}.ceo-status-badge.unverified.clickable{min-height:40px;min-width:120px;padding:8px 16px;font-size:15px}.ceo-verification-tooltip{top:50%;left:calc(100% + 12px);right:auto;bottom:auto;transform:translateY(-50%);max-width:280px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.ceo-tooltip-arrow{top:50%;left:-8px;right:auto;bottom:auto;transform:translateY(-50%) rotate(90deg)}.ceo-account-item-danger{margin-top:16px;padding-top:24px}.ceo-danger-actions{flex-direction:column;width:100%}.ceo-danger-actions .ceo-action-button{width:100%}}@media (max-width: 768px){.direccion-section .perfil-account-item{flex-direction:row;padding:8px 0;gap:8px;border-bottom:1px solid #f0f0f0;align-items:center}.direccion-section .perfil-account-label{width:auto;min-width:100px;max-width:120px;font-size:12px;font-weight:500;flex-shrink:0;margin:0;padding-right:4px}.direccion-section .perfil-account-value{flex:1;min-width:0;align-items:center;gap:6px}.direccion-section .perfil-input-wrapper{gap:6px;max-width:100%;flex:1;min-width:0}.direccion-section .perfil-input{padding:6px 10px;font-size:13px;min-width:0;flex:1}.direccion-section .perfil-edit-button{width:28px;height:28px;flex-shrink:0}.direccion-section .perfil-edit-button svg{width:14px;height:14px}.direccion-section .perfil-edit-form{gap:8px;width:100%;min-width:0}.direccion-section .perfil-edit-form .perfil-input{padding:6px 10px;font-size:13px}.direccion-section .perfil-edit-actions{gap:6px;flex-wrap:wrap}.direccion-section .perfil-save-button,.direccion-section .perfil-cancel-button{padding:6px 10px;font-size:12px;flex:1;min-width:80px}.direccion-section .perfil-account-item:last-of-type{padding-bottom:0}}.direccion-section{width:100%}.remove-schedule-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.remove-schedule-confirm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}.remove-schedule-confirm-content{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.remove-schedule-confirm-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.remove-schedule-confirm-icon svg{width:32px;height:32px}.remove-schedule-confirm-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;font-family:Poppins,sans-serif}.remove-schedule-confirm-message{font-size:.9375rem;color:#666;line-height:1.6;margin:0;font-family:Poppins,sans-serif}.remove-schedule-confirm-message strong{color:#1a1a1a;font-weight:600}.remove-schedule-confirm-actions{display:flex;gap:.75rem;width:100%;margin-top:.5rem}.remove-schedule-confirm-button{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:Poppins,sans-serif}.remove-schedule-confirm-button:disabled{opacity:.6;cursor:not-allowed}.remove-schedule-confirm-button-secondary{background:#f5f5f5;color:#666;border:1px solid #ddd}.remove-schedule-confirm-button-secondary:hover:not(:disabled){background:#e8e8e8;border-color:#bbb}.remove-schedule-confirm-button-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.remove-schedule-confirm-button-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.remove-schedule-confirm-button-danger:active:not(:disabled){transform:translateY(0)}@media (max-width: 768px){.remove-schedule-confirm-modal{max-width:100%;margin:1rem;border-radius:12px}.remove-schedule-confirm-content{padding:1.5rem;gap:1.25rem}.remove-schedule-confirm-icon{width:56px;height:56px}.remove-schedule-confirm-icon svg{width:28px;height:28px}.remove-schedule-confirm-title{font-size:1.25rem}.remove-schedule-confirm-message{font-size:.875rem}.remove-schedule-confirm-actions{flex-direction:column}.remove-schedule-confirm-button{width:100%}}.horario-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%}.horario-day-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:20px;transition:all .2s;display:flex;flex-direction:column;gap:16px}.horario-day-card:hover{border-color:#00bcd4;box-shadow:0 4px 12px #00bcd41a}.horario-day-header{display:flex;justify-content:space-between;align-items:center}.horario-day-label{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.horario-remove-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #dc3545;border-radius:6px;background:#fff;color:#dc3545;cursor:pointer;transition:all .2s;flex-shrink:0}.horario-remove-button:hover{background:#dc3545;color:#fff}.horario-remove-button svg{width:16px;height:16px}.horario-edit-form{display:flex;flex-direction:column;gap:16px}.horario-time-selectors{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.horario-time-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:120px}.horario-time-label{font-size:13px;font-weight:500;color:#666}.horario-time-select{padding:10px 12px;border:2px solid #00bcd4;border-radius:8px;font-size:14px;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .2s;font-family:inherit}.horario-time-select:focus{outline:none;border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a}.horario-time-separator{font-size:20px;font-weight:600;color:#666;padding-bottom:8px;flex-shrink:0}.horario-edit-actions{display:flex;gap:8px}.horario-save-button{padding:10px 20px;border:none;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;flex:1}.horario-save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.horario-save-button:active{transform:translateY(0)}.horario-cancel-button{padding:10px 20px;border:1px solid #ddd;background:#fff;color:#666;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;flex:1}.horario-cancel-button:hover{background:#f5f5f5;border-color:#bbb}.horario-display{display:flex;justify-content:space-between;align-items:center;gap:12px}.horario-time-display{display:flex;align-items:center;gap:8px;flex:1}.horario-time-value{font-size:16px;font-weight:600;color:#1a1a1a;font-variant-numeric:tabular-nums}.horario-closed{flex:1}.horario-closed-text{font-size:14px;color:#999;font-style:italic}.horario-edit-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.horario-edit-button:hover{border-color:#ff1493;color:#ff1493;background:#fff5f8}.horario-edit-button:active{transform:scale(.95)}.horario-edit-button svg{width:18px;height:18px}@media (max-width: 768px){.horario-container{grid-template-columns:1fr;gap:16px}.horario-day-card{padding:16px}.horario-day-label{font-size:16px}.horario-time-selectors{flex-direction:column;align-items:stretch}.horario-time-group{min-width:100%}.horario-time-separator{align-self:center;padding:0}.horario-edit-actions{flex-direction:column}.horario-save-button,.horario-cancel-button{width:100%}}@media (max-width: 768px){.contacto-section .perfil-account-item{flex-direction:row;padding:8px 0;gap:8px;border-bottom:1px solid #f0f0f0;align-items:center}.contacto-section .perfil-account-label{width:auto;min-width:100px;max-width:140px;font-size:12px;font-weight:500;flex-shrink:0;margin:0;padding-right:4px}.contacto-section .perfil-account-value{flex:1;min-width:0;align-items:center;gap:6px}.contacto-section .perfil-input-wrapper{gap:6px;max-width:100%;flex:1;min-width:0}.contacto-section .perfil-input{padding:6px 10px;font-size:13px;min-width:0;flex:1}.contacto-section .perfil-edit-button{width:28px;height:28px;flex-shrink:0}.contacto-section .perfil-edit-button svg{width:14px;height:14px}.contacto-section .perfil-edit-form{gap:8px;width:100%;min-width:0}.contacto-section .perfil-edit-form .perfil-input{padding:6px 10px;font-size:13px}.contacto-section .perfil-edit-actions{gap:6px;flex-wrap:wrap}.contacto-section .perfil-save-button,.contacto-section .perfil-cancel-button{padding:6px 10px;font-size:12px;flex:1;min-width:80px}.contacto-section .perfil-account-item:last-of-type{padding-bottom:0}}.contacto-section{width:100%}.confirm-placeapi-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-placeapi-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-placeapi-content{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.confirm-placeapi-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00bcd4,#ff1493);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.confirm-placeapi-icon svg{width:32px;height:32px}.confirm-placeapi-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;font-family:Poppins,sans-serif}.confirm-placeapi-message{font-size:.9375rem;color:#666;line-height:1.6;margin:0;font-family:Poppins,sans-serif}.confirm-placeapi-message strong{color:#1a1a1a;font-weight:600}.confirm-placeapi-actions{display:flex;gap:.75rem;width:100%;margin-top:.5rem}.confirm-placeapi-button{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:Poppins,sans-serif}.confirm-placeapi-button:disabled{opacity:.6;cursor:not-allowed}.confirm-placeapi-button-secondary{background:#f5f5f5;color:#666;border:1px solid #ddd}.confirm-placeapi-button-secondary:hover:not(:disabled){background:#e8e8e8;border-color:#bbb}.confirm-placeapi-button-primary{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff}.confirm-placeapi-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.confirm-placeapi-button-primary:active:not(:disabled){transform:translateY(0)}@media (max-width: 768px){.confirm-placeapi-modal{max-width:100%;margin:1rem;border-radius:12px}.confirm-placeapi-content{padding:1.5rem;gap:1.25rem}.confirm-placeapi-icon{width:56px;height:56px}.confirm-placeapi-icon svg{width:28px;height:28px}.confirm-placeapi-title{font-size:1.25rem}.confirm-placeapi-message{font-size:.875rem}.confirm-placeapi-actions{flex-direction:column}.confirm-placeapi-button{width:100%}}.reviews-section{width:100%}.reviews-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.reviews-column{display:flex;flex-direction:column;gap:16px}.reviews-column-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid #e5e5e5}.reviews-column-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0;font-family:Poppins,sans-serif}.reviews-count{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif}.reviews-update-button{padding:8px 16px;border:none;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif}.reviews-update-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.reviews-update-button:disabled{opacity:.6;cursor:not-allowed}.reviews-info{padding:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #00bcd4}.reviews-info-text{font-size:14px;color:#1a1a1a;margin:0 0 4px;font-family:Poppins,sans-serif}.reviews-info-date{font-size:12px;color:#666;margin:0;font-family:Poppins,sans-serif}.reviews-list{display:flex;flex-direction:column;gap:16px;max-height:600px;overflow-y:auto;padding-right:8px}.reviews-list::-webkit-scrollbar{width:6px}.reviews-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.reviews-list::-webkit-scrollbar-thumb{background:#00bcd4;border-radius:3px}.reviews-list::-webkit-scrollbar-thumb:hover{background:#ff1493}.review-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:16px;transition:all .2s}.review-card:hover{border-color:#00bcd4;box-shadow:0 4px 12px #00bcd41a}.review-card.approved{border-color:#00bcd4;background:linear-gradient(to bottom,#fff,#f0f9ff)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.review-author{display:flex;gap:12px;flex:1;min-width:0}.review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #e5e5e5}.review-author-info{flex:1;min-width:0}.review-author-name{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px;font-family:Poppins,sans-serif}.review-rating{display:flex;gap:2px}.review-star{font-size:14px;opacity:.3;transition:opacity .2s}.review-star.filled{opacity:1}.review-actions{display:flex;gap:8px;align-items:center}.review-add-button,.review-remove-button,.review-toggle-photo-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.review-add-button{color:#00bcd4;border-color:#00bcd4}.review-add-button:hover{background:#00bcd4;color:#fff;transform:scale(1.1)}.review-remove-button{color:#dc3545;border-color:#dc3545}.review-remove-button:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.review-toggle-photo-button{color:#ff9800;border-color:#ff9800}.review-toggle-photo-button:hover{background:#ff9800;color:#fff;transform:scale(1.1)}.review-text{font-size:14px;color:#333;line-height:1.6;margin:0 0 12px;font-family:Poppins,sans-serif}.review-footer{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid #f0f0f0}.review-date{font-size:12px;color:#999;font-style:italic;font-family:Poppins,sans-serif}.reviews-empty{text-align:center;padding:40px 20px;color:#999;font-style:italic;font-family:Poppins,sans-serif}@media (max-width: 768px){.reviews-container{grid-template-columns:1fr;gap:24px}.reviews-column-header{flex-direction:column;align-items:flex-start;gap:12px}.reviews-update-button{width:100%}.reviews-list{max-height:400px}.review-card{padding:12px}.review-author{gap:8px}.review-avatar{width:40px;height:40px}.review-author-name{font-size:14px}.review-text{font-size:13px}}.bienvenida-section{padding:0}.bienvenida-container{max-width:800px;margin:0 auto;padding:2rem}.bienvenida-header{margin-bottom:2rem}.bienvenida-title{font-size:1.75rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:.5rem}.bienvenida-description{color:var(--text-secondary, #666);font-size:.95rem;line-height:1.6}.bienvenida-content{background:var(--bg-card, #ffffff);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.bienvenida-display{width:100%}.bienvenida-message-card{display:flex;flex-direction:column;gap:1rem}.bienvenida-message-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary, #1a1a1a);font-size:.95rem}.bienvenida-message-label svg{color:var(--accent-color, #4a90e2)}.bienvenida-message-content{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:1.5rem;min-height:120px;border:1px solid var(--border-color, #e0e0e0)}.bienvenida-message-text{color:var(--text-primary, #1a1a1a);font-size:1rem;line-height:1.7;margin:0;white-space:pre-wrap;word-wrap:break-word}.bienvenida-message-empty{color:var(--text-secondary, #999);font-style:italic;margin:0}.bienvenida-edit-button{align-self:flex-start;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-color, #4a90e2);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bienvenida-edit-button:hover{background:var(--accent-hover, #357abd);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.bienvenida-edit-button:active{transform:translateY(0)}.bienvenida-edit-form{display:flex;flex-direction:column;gap:1.5rem}.bienvenida-form-group{display:flex;flex-direction:column;gap:.75rem}.bienvenida-form-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary, #1a1a1a);font-size:.95rem}.bienvenida-form-label svg{color:var(--accent-color, #4a90e2)}.bienvenida-textarea{width:100%;padding:1rem;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:1rem;font-family:inherit;line-height:1.6;color:var(--text-primary, #1a1a1a);background:var(--bg-primary, #ffffff);resize:vertical;min-height:150px;transition:border-color .2s ease,box-shadow .2s ease}.bienvenida-textarea:focus{outline:none;border-color:var(--accent-color, #4a90e2);box-shadow:0 0 0 3px #4a90e21a}.bienvenida-textarea::placeholder{color:var(--text-secondary, #999)}.bienvenida-form-hint{font-size:.85rem;color:var(--text-secondary, #666);margin:0;line-height:1.5}.bienvenida-form-actions{display:flex;gap:1rem;align-items:center}.bienvenida-save-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--accent-color, #4a90e2);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bienvenida-save-button:hover:not(:disabled){background:var(--accent-hover, #357abd);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.bienvenida-save-button:active:not(:disabled){transform:translateY(0)}.bienvenida-save-button:disabled{opacity:.6;cursor:not-allowed}.bienvenida-spinner{animation:spin 1s linear infinite}.bienvenida-cancel-button{padding:.875rem 1.75rem;background:transparent;color:var(--text-secondary, #666);border:2px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bienvenida-cancel-button:hover:not(:disabled){background:var(--bg-secondary, #f8f9fa);border-color:var(--text-secondary, #999);color:var(--text-primary, #1a1a1a)}.bienvenida-cancel-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.bienvenida-container{padding:1rem}.bienvenida-content{padding:1.5rem}.bienvenida-form-actions{flex-direction:column}.bienvenida-save-button,.bienvenida-cancel-button{width:100%;justify-content:center}}.datos-empresa-container{width:100%}.datos-empresa-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e5e5;margin-bottom:24px;padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.datos-empresa-tabs::-webkit-scrollbar{display:none}.datos-empresa-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;position:relative}.datos-empresa-tab:hover{color:#1a1a1a;background:#00bcd40d}.datos-empresa-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.datos-empresa-tab svg{width:18px;height:18px;flex-shrink:0}.datos-empresa-content{width:100%}@media (max-width: 768px){.datos-empresa-tabs{gap:4px;margin-bottom:16px;padding-bottom:0}.datos-empresa-tab{padding:10px 16px;font-size:13px;gap:6px}.datos-empresa-tab svg{width:16px;height:16px}}.versiones-section{width:100%}.versiones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.versiones-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.versiones-create-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.versiones-create-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.versiones-create-button:active{transform:translateY(0)}.versiones-create-button svg{width:18px;height:18px}.versiones-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#dc3545;font-size:14px;margin-bottom:16px}.versiones-error svg{flex-shrink:0}.versiones-form{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e5e5}.versiones-form-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.versiones-label-hint{font-size:12px;color:#999;font-weight:400}.versiones-form-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e5e5}.versiones-delete-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-left:auto}.versiones-delete-button:hover{background:#dc3545;color:#fff}.versiones-delete-button:disabled{opacity:.5;cursor:not-allowed}.versiones-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.versiones-toggle input{display:none}.versiones-toggle-slider{position:relative;width:52px;height:28px;background:#ddd;border-radius:28px;transition:all .3s}.versiones-toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 2px 4px #0003}.versiones-toggle input:checked+.versiones-toggle-slider{background:linear-gradient(135deg,#00bcd4,#ff1493)}.versiones-toggle input:checked+.versiones-toggle-slider:before{transform:translate(24px)}.versiones-toggle-label{font-size:14px;font-weight:500;color:#666}.versiones-toggle input:checked~.versiones-toggle-label{color:#00bcd4}.versiones-textarea-wrapper{max-width:100%}.versiones-textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.versiones-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#666;gap:12px;background:#f8f9fa;border-radius:12px;border:2px dashed #e5e5e5}.versiones-empty svg{color:#999;opacity:.5}.versiones-empty p{font-size:16px;font-weight:500;color:#1a1a1a;margin:0}.versiones-empty span{font-size:14px;color:#999}.versiones-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e5e5e5;background:#fff}.versiones-table{width:100%;border-collapse:collapse;font-size:14px}.versiones-table th,.versiones-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #e5e5e5}.versiones-table th{background:#f8f9fa;font-weight:600;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.versiones-table tbody tr:hover{background:#00bcd408}.versiones-table tbody tr:last-child td{border-bottom:none}.versiones-cell-app{display:flex;flex-direction:column;gap:2px}.versiones-app-name{font-weight:500;color:#1a1a1a}.versiones-app-id{font-size:12px;color:#999}.versiones-version-badge{display:inline-block;padding:4px 10px;background:#e0f7fa;color:#00838f;border-radius:6px;font-weight:600;font-size:13px}.versiones-critical-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.versiones-critical-badge.critical{background:#fee;color:#dc3545}.versiones-critical-badge.optional{background:#f5f5f5;color:#666}.versiones-cell-date{font-size:13px;color:#666;white-space:nowrap}.versiones-actions{display:flex;gap:8px}@media (max-width: 768px){.versiones-header{flex-direction:column;align-items:flex-start}.versiones-create-button{width:100%;justify-content:center}.versiones-form{padding:16px}.versiones-form-actions{flex-direction:column}.versiones-delete-button{margin-left:0;justify-content:center}.versiones-table th,.versiones-table td{padding:10px 12px}.versiones-table{font-size:13px}.versiones-cell-app{min-width:120px}.versiones-toggle{flex-direction:column;align-items:flex-start;gap:8px}.versiones-empty{padding:32px 16px}}.google-play-app-container{width:100%}.google-play-app-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e5e5;margin-bottom:24px;padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.google-play-app-tabs::-webkit-scrollbar{display:none}.google-play-app-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;position:relative}.google-play-app-tab:hover{color:#1a1a1a;background:#00bcd40d}.google-play-app-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.google-play-app-tab svg{width:18px;height:18px;flex-shrink:0}.google-play-app-content{width:100%}.google-play-app-no-permission{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#666;gap:16px}.google-play-app-no-permission svg{color:#dc3545;opacity:.7}.google-play-app-no-permission p{font-size:18px;font-weight:500;color:#1a1a1a;margin:0}.google-play-app-no-permission span{font-size:14px;color:#999}@media (max-width: 768px){.google-play-app-tabs{gap:4px;margin-bottom:16px;padding-bottom:0}.google-play-app-tab{padding:10px 16px;font-size:13px;gap:6px}.google-play-app-tab svg{width:16px;height:16px}.google-play-app-no-permission{padding:32px 16px}.google-play-app-no-permission svg{width:40px;height:40px}.google-play-app-no-permission p{font-size:16px}}.bicolor-picker-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.bicolor-picker-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;position:relative}.bicolor-picker-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5;flex-shrink:0}.bicolor-picker-modal-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.bicolor-picker-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#666;cursor:pointer;border-radius:6px;transition:all .2s;flex-shrink:0}.bicolor-picker-modal-close:hover:not(:disabled){background:#f5f5f5;color:#1a1a1a}.bicolor-picker-modal-close:disabled{opacity:.5;cursor:not-allowed}.bicolor-picker-modal-close svg{width:20px;height:20px}.bicolor-picker-modal-content{padding:24px;flex:1;overflow-y:auto}.bicolor-picker-field{margin-bottom:24px}.bicolor-picker-field:last-of-type{margin-bottom:0}.bicolor-picker-label{display:block;font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:8px}.bicolor-picker-input-group{display:flex;gap:12px;align-items:center}.bicolor-picker-color-input{width:60px;height:60px;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;padding:0;background:none;flex-shrink:0;transition:all .2s}.bicolor-picker-color-input:hover:not(:disabled){border-color:#00bcd4;box-shadow:0 0 0 3px #00bcd41a}.bicolor-picker-color-input:disabled{opacity:.6;cursor:not-allowed}.bicolor-picker-text-input{flex:1;padding:12px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;font-family:Courier New,monospace;color:#1a1a1a;background:#fff;transition:all .2s}.bicolor-picker-text-input:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 3px #00bcd41a}.bicolor-picker-text-input.error{border-color:#dc3545}.bicolor-picker-text-input.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.bicolor-picker-text-input:disabled{opacity:.6;cursor:not-allowed;background:#f8f9fa}.bicolor-picker-error{display:block;font-size:12px;color:#dc3545;margin-top:6px}.bicolor-picker-preview{margin-top:24px;padding-top:24px;border-top:1px solid #e5e5e5}.bicolor-picker-preview-label{font-size:14px;font-weight:500;color:#1a1a1a;margin:0 0 12px}.bicolor-picker-preview-card{padding:24px;border-radius:8px;min-height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.bicolor-picker-preview-text{color:#fff;font-size:14px;font-weight:500;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.bicolor-picker-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e5e5;flex-shrink:0;justify-content:flex-end}.bicolor-picker-button{padding:10px 20px;border:2px solid;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:100px}.bicolor-picker-button:disabled{opacity:.6;cursor:not-allowed}.bicolor-picker-button-cancel{background:#fff;border-color:#ddd;color:#666}.bicolor-picker-button-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#bbb;color:#1a1a1a}.bicolor-picker-button-save{background:linear-gradient(135deg,#00bcd4,#ff1493);border-color:transparent;color:#fff}.bicolor-picker-button-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.bicolor-picker-button-save:active:not(:disabled){transform:translateY(0)}.bicolor-picker-button-save:disabled{background:#ccc;border-color:#ccc;transform:none;box-shadow:none}@media (max-width: 768px){.bicolor-picker-modal-backdrop{padding:8px}.bicolor-picker-modal{max-width:100%;max-height:95vh;border-radius:8px}.bicolor-picker-modal-header{padding:16px 20px}.bicolor-picker-modal-title{font-size:18px}.bicolor-picker-modal-content{padding:20px}.bicolor-picker-input-group{flex-direction:column;align-items:stretch}.bicolor-picker-color-input{width:100%;height:80px}.bicolor-picker-text-input{width:100%;padding:14px 16px;font-size:16px}.bicolor-picker-preview-card{padding:20px 16px;min-height:70px}.bicolor-picker-preview-text{font-size:13px}.bicolor-picker-modal-footer{padding:16px 20px;flex-direction:column-reverse}.bicolor-picker-button{width:100%;padding:14px 20px;font-size:16px}}.bicolor-principal-container{width:100%;display:flex;flex-direction:column;gap:24px}.bicolor-principal-loading{padding:32px;text-align:center;color:#999;font-size:16px}.bicolor-principal-description{padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #00bcd4}.bicolor-principal-description p{margin:0;color:#666;font-size:14px;line-height:1.6}.bicolor-principal-actions{display:flex;gap:12px;flex-wrap:wrap}.bicolor-principal-edit-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #00bcd4;background:#fff;color:#00bcd4;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.bicolor-principal-edit-button:hover:not(:disabled){background:#00bcd4;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00bcd44d}.bicolor-principal-edit-button:active:not(:disabled){transform:translateY(0)}.bicolor-principal-edit-button:disabled{opacity:.6;cursor:not-allowed}.bicolor-principal-edit-button svg{width:18px;height:18px;flex-shrink:0}.bicolor-principal-restore-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #666;background:#fff;color:#666;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.bicolor-principal-restore-button:hover:not(:disabled){background:#666;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.bicolor-principal-restore-button:active:not(:disabled){transform:translateY(0)}.bicolor-principal-restore-button:disabled{opacity:.6;cursor:not-allowed}.bicolor-principal-restore-button svg{width:18px;height:18px;flex-shrink:0}.bicolor-principal-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.bicolor-principal-swatch{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;transition:all .2s}.bicolor-principal-swatch:hover{box-shadow:0 2px 8px #0000001a;border-color:#00bcd4}.bicolor-principal-swatch-color{width:60px;height:60px;border-radius:8px;border:2px solid #e5e5e5;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.bicolor-principal-swatch-info{display:flex;flex-direction:column;gap:4px;flex:1}.bicolor-principal-swatch-label{font-size:14px;font-weight:500;color:#1a1a1a}.bicolor-principal-swatch-value{font-size:13px;font-family:Courier New,monospace;color:#666;background:#f8f9fa;padding:4px 8px;border-radius:4px;display:inline-block;width:fit-content}.bicolor-principal-preview{margin-top:8px}.bicolor-principal-preview-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.bicolor-principal-preview-card{padding:32px;border-radius:12px;min-height:120px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.bicolor-principal-preview-text{color:#fff;font-size:16px;font-weight:500;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2);margin:0}@media (max-width: 768px){.bicolor-principal-container{gap:16px}.bicolor-principal-description{padding:12px}.bicolor-principal-description p{font-size:13px}.bicolor-principal-edit-button,.bicolor-principal-restore-button{width:100%;justify-content:center;padding:14px 20px;font-size:15px}.bicolor-principal-swatches{grid-template-columns:1fr;gap:12px}.bicolor-principal-swatch{padding:12px}.bicolor-principal-swatch-color{width:50px;height:50px}.bicolor-principal-preview-card{padding:24px 16px;min-height:100px}.bicolor-principal-preview-text{font-size:14px}}.perfil-section{width:100%}.perfil-section-title{font-size:28px;font-weight:600;margin:0 0 32px;color:#1a1a1a}.perfil-placeholder{color:#999;font-size:16px;font-style:italic}.perfil-account-item{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #e5e5e5}.perfil-account-item:last-of-type{border-bottom:none}.perfil-account-item-danger{margin-top:24px;padding-top:32px;border-top:2px solid #e5e5e5;border-bottom:none}.perfil-account-label{width:200px;flex-shrink:0;font-weight:500;color:#1a1a1a;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.perfil-account-value{flex:1;display:flex;align-items:center;gap:12px}.perfil-account-value-right{justify-content:flex-end}.perfil-account-info{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.perfil-empty{color:#999;opacity:.6}.perfil-input-wrapper{display:flex;align-items:center;gap:8px;width:100%;max-width:400px}.perfil-input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#1a1a1a;background:#f8f9fa;cursor:default}.perfil-input:disabled{opacity:1;color:#1a1a1a;background:#f8f9fa}.perfil-input::placeholder{color:#999;opacity:.6}.perfil-input-editable{background:#fff;cursor:text;border-color:#00bcd4}.perfil-input-editable:focus{outline:none;border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a}.perfil-input-readonly{background:#f8f9fa;cursor:default}.perfil-edit-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.perfil-edit-button:hover{border-color:#ff1493;color:#ff1493;background:#fff5f8}.perfil-edit-button:active{transform:scale(.95)}.perfil-delete-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#dc3545;cursor:pointer;transition:all .2s;flex-shrink:0}.perfil-delete-button:hover{border-color:#dc3545;color:#fff;background:#dc3545}.perfil-delete-button:active{transform:scale(.95)}.perfil-delete-button:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;border-color:#ddd;color:#999}.perfil-delete-button:disabled:hover{transform:none;background:#f5f5f5;border-color:#ddd;color:#999;box-shadow:none}.perfil-action-button{padding:10px 20px;border:1px solid #ddd;background:#fff;color:#1a1a1a;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.perfil-action-button:hover{background:#f5f5f5;border-color:#bbb}.perfil-action-button-danger{color:#dc3545;border-color:#dc3545}.perfil-action-button-danger:hover{background:#dc3545;color:#fff}.perfil-action-button-logout{color:#666;border-color:#ddd}.perfil-action-button-logout:hover{background:#f5f5f5;border-color:#bbb;color:#1a1a1a}.perfil-danger-actions{display:flex;gap:12px;flex-wrap:wrap}.perfil-edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.perfil-edit-actions{display:flex;gap:8px}.perfil-save-button{padding:8px 16px;border:none;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.perfil-save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.perfil-save-button:active{transform:translateY(0)}.perfil-cancel-button{padding:8px 16px;border:1px solid #ddd;background:#fff;color:#666;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.perfil-cancel-button:hover{background:#f5f5f5;border-color:#bbb}@media (max-width: 768px){.perfil-section-title{font-size:24px;margin-bottom:24px}.perfil-account-item{flex-direction:column;gap:12px;padding:16px 0}.perfil-account-label{width:100%;font-size:14px}.perfil-account-value{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.perfil-account-value-right{justify-content:flex-start}.perfil-account-info{width:100%;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.perfil-input-wrapper{max-width:100%;width:100%}.perfil-input{width:100%}.perfil-action-button{width:100%;text-align:center}.perfil-danger-actions{flex-direction:column;width:100%}.perfil-danger-actions .perfil-action-button{width:100%}}.colores-container{width:100%}.colores-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e5e5;margin-bottom:24px;padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.colores-tabs::-webkit-scrollbar{display:none}.colores-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;position:relative}.colores-tab:hover{color:#1a1a1a;background:#00bcd40d}.colores-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.colores-tab svg{width:18px;height:18px;flex-shrink:0}.colores-content{width:100%}@media (max-width: 768px){.colores-tabs{gap:4px;margin-bottom:16px;padding-bottom:0}.colores-tab{padding:10px 16px;font-size:13px;gap:6px}.colores-tab svg{width:16px;height:16px}}.estilo-pagina-container{width:100%}.estilo-pagina-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e5e5;margin-bottom:24px;padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.estilo-pagina-tabs::-webkit-scrollbar{display:none}.estilo-pagina-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;position:relative}.estilo-pagina-tab:hover{color:#1a1a1a;background:#00bcd40d}.estilo-pagina-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.estilo-pagina-tab svg{width:18px;height:18px;flex-shrink:0}.estilo-pagina-content{width:100%}.estilo-pagina-placeholder{padding:32px;text-align:center;color:#999;font-size:16px;font-style:italic}@media (max-width: 768px){.estilo-pagina-tabs{gap:4px;margin-bottom:16px;padding-bottom:0}.estilo-pagina-tab{padding:10px 16px;font-size:13px;gap:6px}.estilo-pagina-tab svg{width:16px;height:16px}.estilo-pagina-placeholder{padding:24px 16px;font-size:14px}}.migration-container{width:100%}.migration-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e5e5;margin-bottom:24px;padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.migration-tabs::-webkit-scrollbar{display:none}.migration-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;position:relative}.migration-tab:hover{color:#1a1a1a;background:#00bcd40d}.migration-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.migration-tab svg{width:18px;height:18px;flex-shrink:0}.migration-content{width:100%}@media (max-width: 768px){.migration-tabs{gap:4px;margin-bottom:16px;padding-bottom:0}.migration-tab{padding:10px 16px;font-size:13px;gap:6px}.migration-tab svg{width:16px;height:16px}}.old-models-container{width:100%}.old-models-loading,.old-models-error,.old-models-empty{padding:40px 20px;text-align:center;color:#666}.old-models-error{color:#dc3545}.old-models-retry-button{margin-top:16px;padding:8px 16px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.old-models-retry-button:hover{background:#dc3545;color:#fff}.old-models-platillos-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:24px;border-bottom:2px solid #e5e5e5;padding-bottom:0}.old-models-nav-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #ddd;background:#fff;color:#666;border-radius:8px;cursor:pointer;transition:all .2s;flex-shrink:0;margin-bottom:-2px}.old-models-nav-button:hover:not(:disabled){background:#00bcd41a;border-color:#00bcd4;color:#00bcd4}.old-models-nav-button:active:not(:disabled){transform:scale(.95)}.old-models-nav-button:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5}.old-models-nav-button svg{width:20px;height:20px}.old-models-platillos-tabs{display:flex;gap:8px;flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,188,212,.3) transparent;-ms-overflow-style:-ms-autohiding-scrollbar;padding-bottom:0;scroll-behavior:smooth}.old-models-platillos-tabs::-webkit-scrollbar{height:6px}.old-models-platillos-tabs::-webkit-scrollbar-track{background:transparent;border-radius:3px}.old-models-platillos-tabs::-webkit-scrollbar-thumb{background:#00bcd44d;border-radius:3px;transition:background .2s}.old-models-platillos-tabs::-webkit-scrollbar-thumb:hover{background:#00bcd480}.old-models-platillo-tab{padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;position:relative}.old-models-platillo-tab:hover{color:#1a1a1a;background:#00bcd40d}.old-models-platillo-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.old-models-array-tabs-wrapper{display:flex;align-items:center;gap:8px;margin:0;padding:0 0 8px;border-bottom:1px solid #e5e5e5}.old-models-array-tabs-wrapper .old-models-nav-button{width:32px;height:32px;margin-bottom:0}.old-models-array-tabs-wrapper .old-models-nav-button svg{width:16px;height:16px}.old-models-array-tabs{display:flex;gap:4px;flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,188,212,.3) transparent;-ms-overflow-style:-ms-autohiding-scrollbar;scroll-behavior:smooth}.old-models-array-tabs::-webkit-scrollbar{height:4px}.old-models-array-tabs::-webkit-scrollbar-track{background:transparent;border-radius:2px}.old-models-array-tabs::-webkit-scrollbar-thumb{background:#00bcd44d;border-radius:2px;transition:background .2s}.old-models-array-tabs::-webkit-scrollbar-thumb:hover{background:#00bcd480}.old-models-array-tab{padding:6px 12px;border:none;background:transparent;color:#666;font-size:12px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;white-space:nowrap;position:relative}.old-models-array-tab:hover{color:#1a1a1a;background:#00bcd40d}.old-models-array-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.old-models-tree-container{width:100%;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px}.old-models-tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.old-models-tree-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.old-models-tree-actions{display:flex;gap:8px}.old-models-toggle-all-button{padding:6px 12px;border:1px solid #ddd;background:#fff;color:#666;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.old-models-toggle-all-button:hover{background:#f5f5f5;border-color:#bbb;color:#1a1a1a}.old-models-clear-cache-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.old-models-clear-cache-button:hover{background:#dc3545;color:#fff}.old-models-clear-cache-button svg{width:16px;height:16px;flex-shrink:0}.old-models-tree{font-family:Courier New,monospace;font-size:13px;line-height:1.8}.old-models-tree-node{margin:2px 0}.old-models-tree-item{display:flex;align-items:center;gap:8px;padding:4px 0;transition:background-color .2s}.old-models-tree-item:hover{background-color:#00bcd40d;border-radius:4px}.old-models-tree-toggle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.old-models-tree-toggle:hover{color:#00bcd4;background:#00bcd41a;border-radius:3px}.old-models-tree-spacer{width:18px;flex-shrink:0}.old-models-tree-key{color:#1a1a1a;font-weight:600}.old-models-tree-separator{color:#999;margin:0 4px}.old-models-tree-value{color:#666}.old-models-tree-value-string{color:#28a745}.old-models-tree-value-number{color:#007bff}.old-models-tree-value-boolean{color:#ff1493}.old-models-tree-value-null,.old-models-tree-value-undefined{color:#999;font-style:italic}.old-models-tree-value-object{color:#ff9800}.old-models-tree-value-array{color:#9c27b0}.old-models-tree-children{margin-left:0}.old-models-array-attribute-input{margin-left:12px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;font-family:inherit;color:#1a1a1a;background:#fff;width:150px;transition:all .2s}.old-models-array-attribute-input:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 2px #00bcd41a}.old-models-array-attribute-input::placeholder{color:#999;font-style:italic}@media (max-width: 768px){.old-models-platillos-wrapper{gap:8px;margin-bottom:16px}.old-models-nav-button{width:36px;height:36px}.old-models-nav-button svg{width:18px;height:18px}.old-models-platillos-tabs{gap:4px}.old-models-platillo-tab{padding:10px 16px;font-size:13px}.old-models-tree-container{padding:16px}.old-models-tree-header{flex-direction:column;align-items:flex-start;gap:12px}.old-models-tree{font-size:12px}.old-models-array-tabs-wrapper{gap:6px;margin:6px 0;padding:6px 0}.old-models-array-tabs-wrapper .old-models-nav-button{width:28px;height:28px}.old-models-array-tabs-wrapper .old-models-nav-button svg{width:14px;height:14px}.old-models-array-tab{padding:5px 10px;font-size:11px}.old-models-array-attribute-input{width:120px;font-size:11px;padding:3px 6px;margin-left:8px}}.edit-minimalist-field{display:flex;align-items:center;padding:4px 0;font-family:Courier New,monospace;font-size:13px;line-height:1.6;color:#1a1a1a;gap:4px}.edit-minimalist-key{color:#06c;font-weight:500;flex-shrink:0}.edit-minimalist-separator{color:#666;margin:0 4px;flex-shrink:0}.edit-minimalist-value{color:#1a1a1a}.edit-minimalist-value-boolean{color:#06c}.edit-minimalist-input{flex:1;border:none;background:transparent;color:#1a1a1a;font-family:Courier New,monospace;font-size:13px;padding:2px 4px;margin:0;outline:none;border-bottom:1px solid #e0e0e0;transition:border-color .2s;min-width:0}.edit-minimalist-input:focus{border-bottom-color:#00bcd4;background:#00bcd40d;border-radius:2px}.edit-minimalist-input:hover:not(:focus){background:#00000005;border-radius:2px;border-bottom-color:#b0b0b0}.edit-minimalist-input::placeholder{color:#999;font-style:italic}.edit-minimalist-input[type=number]{text-align:left}.edit-minimalist-input[type=textarea],.edit-minimalist-input textarea{min-height:40px;resize:vertical;font-family:Courier New,monospace}.edit-minimalist-checkbox{margin:0 4px;cursor:pointer;width:14px;height:14px;flex-shrink:0}.edit-minimalist-field-new{background-color:#ff8a8a;border-radius:4px;padding:4px 8px;margin:2px 0}.editable-platillo-form{display:flex;flex-direction:column;height:100%}.editable-platillo-form-header{padding:20px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.editable-platillo-form-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.editable-platillo-form-actions{display:flex;gap:12px}.editable-platillo-form-cancel-button,.editable-platillo-form-save-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.editable-platillo-form-cancel-button{border:1px solid #ddd;background:#fff;color:#666}.editable-platillo-form-cancel-button:hover:not(:disabled){background:#f5f5f5}.editable-platillo-form-save-button{border:1px solid #00bcd4;background:#00bcd4;color:#fff}.editable-platillo-form-save-button:hover:not(:disabled){background:#0097a7}.editable-platillo-form-cancel-button:disabled,.editable-platillo-form-save-button:disabled{opacity:.5;cursor:not-allowed}.editable-platillo-form-content{flex:1;overflow-y:auto;padding:20px}.editable-platillo-form-section{margin-bottom:5px}.editable-platillo-form-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.editable-platillo-form-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.editable-platillo-form-add-button{padding:6px 12px;border:1px solid #00bcd4;background:#fff;color:#00bcd4;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.editable-platillo-form-add-button:hover{background:#00bcd4;color:#fff}.editable-platillo-form-field{margin-bottom:16px;display:flex;align-items:center;gap:12px}.editable-platillo-form-field label{display:flex;align-items:center;min-width:140px;font-size:14px;font-weight:500;color:#1a1a1a;flex-shrink:0}.editable-platillo-form-field label:has(input[type=checkbox]){min-width:auto;gap:8px}.editable-platillo-form-field input,.editable-platillo-form-field textarea{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#fff;transition:all .2s}.editable-platillo-form-field textarea{min-height:60px;resize:vertical}.editable-platillo-form-field input:focus,.editable-platillo-form-field textarea:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 2px #00bcd41a}.editable-platillo-form-array-item{border:1px solid #e5e5e5;border-radius:6px;padding:16px;margin-bottom:16px;background:#f9f9f9}.editable-platillo-form-array-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.editable-platillo-form-array-item-header span{font-size:14px;font-weight:600;color:#1a1a1a}.editable-platillo-form-remove-button{padding:4px 8px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.editable-platillo-form-remove-button:hover{background:#dc3545;color:#fff}.editable-array-container{margin:0;padding:16px;border:1px solid #e5e5e5;border-radius:8px;background:#f9f9f9}.editable-array-empty{padding:0;text-align:center;color:#999;font-style:italic}.editable-array-tab-attribute{margin:0;padding:8px 0}.editable-array-controls{display:flex;gap:8px;margin:0;padding:0;border-top:1px solid #e5e5e5}.editable-array-item-fields{margin-top:16px;padding:16px;background:#fff;border-radius:6px;border:1px solid #e5e5e5}.editable-array-item-content{display:flex;flex-direction:column;gap:16px}.editable-platillo-form-fields-minimalist{display:flex;flex-direction:column;gap:2px;padding:0}.editable-array-section-title{margin:0;padding:8px 0;border-bottom:1px solid #e5e5e5}.editable-array-section-title h5{margin:0;font-size:14px;font-weight:600;color:#1a1a1a;font-family:Courier New,monospace}.create-platillo-container{width:100%}.create-platillo-loading,.create-platillo-error,.create-platillo-empty{padding:40px 20px;text-align:center;color:#666}.create-platillo-error{color:#dc3545}.create-platillo-retry-button{margin-top:16px;padding:8px 16px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-platillo-retry-button:hover{background:#dc3545;color:#fff}.create-platillo-content{display:flex;gap:24px;height:calc(100vh - 200px)}.create-platillo-list{width:300px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.create-platillo-list-header{padding:16px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.create-platillo-list-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.create-platillo-add-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #00bcd4;background:#fff;color:#00bcd4;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.create-platillo-add-button:hover{background:#00bcd4;color:#fff}.create-platillo-list-items{flex:1;overflow-y:auto;padding:8px}.create-platillo-list-item{display:flex;align-items:center;gap:8px;padding:12px;border-radius:6px;margin-bottom:8px;transition:all .2s;cursor:pointer}.create-platillo-list-item:hover{background:#00bcd40d}.create-platillo-list-item.active{background:#00bcd41a;border:1px solid #00bcd4}.create-platillo-list-item-content{flex:1;display:flex;flex-direction:column;gap:4px}.create-platillo-list-item-id{font-size:12px;color:#999;font-weight:500}.create-platillo-list-item-name{font-size:14px;color:#1a1a1a;font-weight:500}.create-platillo-delete-button{padding:6px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.create-platillo-delete-button:hover:not(:disabled){background:#dc3545;color:#fff}.create-platillo-delete-button:disabled{opacity:.5;cursor:not-allowed}.create-platillo-form-container{flex:1;border:1px solid #e5e5e5;border-radius:8px;background:#fff;overflow:auto}.create-platillo-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#999}.create-compare-platillo-container{width:100%}.create-compare-platillo-loading,.create-compare-platillo-error,.create-compare-platillo-empty{padding:40px 20px;text-align:center;color:#666}.create-compare-platillo-error{color:#dc3545}.create-compare-platillo-retry-button{margin-top:16px;padding:8px 16px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-compare-platillo-retry-button:hover{background:#dc3545;color:#fff}.create-compare-platillo-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:calc(100vh - 200px)}.create-compare-platillo-left,.create-compare-platillo-right{border:1px solid #e5e5e5;border-radius:8px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.create-compare-platillo-left-header,.create-compare-platillo-right-header{padding:16px;border-bottom:1px solid #e5e5e5}.create-compare-platillo-left-header h3,.create-compare-platillo-right-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.create-compare-platillo-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#999;padding:40px;text-align:center}.old-models-view{display:flex;flex-direction:column;height:100%;overflow:hidden;flex:1;min-height:0}.old-models-view-clone-section{padding:16px;border-bottom:1px solid #e5e5e5}.old-models-view-clone-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid #00bcd4;background:#00bcd4;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.old-models-view-clone-button:hover{background:#0097a7}.old-models-view-content{flex:1;overflow:auto;padding:20px}.old-models-view .old-models-tree-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:20px;border:none;border-radius:0}.old-models-view .old-models-tree-header{flex-shrink:0}.old-models-view .old-models-tree{flex:1;overflow-y:auto;overflow-x:auto;padding-right:8px;min-height:0}.old-models-view-json{margin:0;padding:16px;background:#f5f5f5;border-radius:6px;font-family:Courier New,monospace;font-size:12px;line-height:1.6;color:#1a1a1a;overflow-x:auto}.ceo-admin-container{width:100%;min-height:100vh;padding:24px;position:relative}.ceo-admin-back-button{position:absolute;top:24px;left:24px;width:40px;height:40px;border:none;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .2s;z-index:10}.ceo-admin-back-button:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);color:#1a1a1a;transform:translate(-4px)}.ceo-admin-back-button svg{width:24px;height:24px}.ceo-admin-layout{display:flex;gap:0;margin-top:64px;min-height:calc(100vh - 88px);background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.ceo-admin-sidebar{width:240px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-right:1px solid #e5e5e5;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.ceo-admin-sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e5e5}.ceo-admin-sidebar-title{font-size:20px;font-weight:600;margin:0 0 4px;color:#1a1a1a}.ceo-admin-sidebar-subtitle{font-size:14px;color:#666;margin:0}.ceo-admin-tabs{display:flex;flex-direction:column;padding:8px;gap:4px}.ceo-admin-tab{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s;text-align:left}.ceo-admin-tab:hover{background:#fff9;color:#1a1a1a}.ceo-admin-tab.active{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;box-shadow:0 2px 8px #00bcd44d}.ceo-admin-tab svg{width:20px;height:20px;flex-shrink:0}.ceo-admin-content{flex:1;padding:32px;overflow-y:auto;background:#fff}@media (max-width: 768px){.ceo-admin-container{padding:16px}.ceo-admin-back-button{top:16px;left:16px}.ceo-admin-layout{flex-direction:column;margin-top:56px;min-height:calc(100vh - 72px)}.ceo-admin-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e5e5}.ceo-admin-tabs{flex-direction:row;overflow-x:auto;padding:8px}.ceo-admin-tab{white-space:nowrap;min-width:fit-content}.ceo-admin-content{padding:24px 16px}}.image-generator-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.image-generator-container{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease;overflow:hidden}.image-generator-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5;background:#f8f9fa}.image-generator-title{font-size:20px;font-weight:600;margin:0;color:#1a1a1a}.image-generator-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;padding:0}.image-generator-close:hover{background:#e5e5e5;color:#1a1a1a}.image-generator-input-wrapper{display:flex;flex-direction:column;gap:12px;padding:20px 24px;border-bottom:1px solid #e5e5e5;background:#fff}.image-generator-input-group{display:flex;flex-direction:column;gap:6px}.image-generator-label{font-size:13px;font-weight:500;color:#555}.image-generator-input{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.image-generator-input:focus{outline:none;border-color:#00bcd4}.image-generator-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.image-generator-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;transition:all .2s;white-space:nowrap;margin-top:8px}.image-generator-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00bcd466}.image-generator-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.image-generator-error{padding:16px 24px;background:#dc35451a;color:#dc3545;font-size:14px;border-left:4px solid #dc3545;margin:16px 24px 0;border-radius:4px}.image-generator-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px}.image-generator-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #00bcd4;border-radius:50%;animation:spin 1s linear infinite}.image-generator-loading p{color:#666;font-size:14px;margin:0}.image-generator-results{flex:1;overflow-y:auto;padding:20px 24px}.image-generator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.image-generator-item{display:flex;flex-direction:column;cursor:pointer;border:2px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:all .2s;background:#fff}.image-generator-item:hover{border-color:#00bcd4;transform:translateY(-2px);box-shadow:0 4px 12px #00bcd433}.image-generator-item.uploading{border-color:#00bcd4;opacity:.7}.image-generator-item-image-wrapper{width:100%;aspect-ratio:1;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.image-generator-item-image{width:100%;height:100%;object-fit:cover;transition:transform .2s}.image-generator-item:hover .image-generator-item-image{transform:scale(1.05)}.image-generator-item-title{padding:8px 12px;font-size:12px;color:#666;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px}.image-generator-empty{padding:60px 24px;text-align:center;color:#666}.image-generator-empty p{margin:8px 0;font-size:14px}.image-generator-empty-hint{font-size:12px;color:#999}@media (max-width: 768px){.image-generator-backdrop{padding:0;align-items:flex-start;justify-content:center}.image-generator-container{max-width:100%;max-height:100vh;border-radius:0;margin-top:0}.image-generator-header{padding:16px 20px}.image-generator-title{font-size:18px}.image-generator-input-wrapper{padding:16px 20px}.image-generator-button{width:100%}.image-generator-results{padding:16px 20px}.image-generator-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.image-search-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.image-search-container{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease;overflow:hidden}.image-search-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5;background:#f8f9fa}.image-search-title{font-size:20px;font-weight:600;margin:0;color:#1a1a1a}.image-search-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;padding:0}.image-search-close:hover{background:#e5e5e5;color:#1a1a1a}.image-search-input-wrapper{display:flex;gap:12px;padding:20px 24px;border-bottom:1px solid #e5e5e5;background:#fff}.image-search-input{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.image-search-input:focus{outline:none;border-color:#00bcd4}.image-search-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.image-search-count-select{padding:12px 32px 12px 16px;border:2px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;transition:border-color .2s;min-width:65px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.image-search-count-select:focus{outline:none;border-color:#00bcd4}.image-search-count-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.image-search-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;transition:all .2s;white-space:nowrap}.image-search-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00bcd466}.image-search-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.image-search-error{padding:16px 24px;background:#dc35451a;color:#dc3545;font-size:14px;border-left:4px solid #dc3545;margin:16px 24px 0;border-radius:4px}.image-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px}.image-search-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #00bcd4;border-radius:50%;animation:spin 1s linear infinite}.image-search-loading p{color:#666;font-size:14px;margin:0}.image-search-results{flex:1;overflow-y:auto;padding:20px 24px}.image-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.image-search-item{display:flex;flex-direction:column;cursor:pointer;border:2px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:all .2s;background:#fff}.image-search-item:hover{border-color:#00bcd4;transform:translateY(-2px);box-shadow:0 4px 12px #00bcd433}.image-search-item-image-wrapper{width:100%;aspect-ratio:1;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.image-search-item-image{width:100%;height:100%;object-fit:cover;transition:transform .2s}.image-search-item:hover .image-search-item-image{transform:scale(1.05)}.image-search-item-title{padding:8px 12px;font-size:12px;color:#666;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px}.image-search-empty{padding:60px 24px;text-align:center;color:#666}.image-search-empty p{margin:8px 0;font-size:14px}.image-search-empty-hint{font-size:12px;color:#999}@media (max-width: 768px){.image-search-backdrop{padding:0;align-items:flex-start;justify-content:center}.image-search-container{max-width:100%;max-height:100vh;border-radius:0;margin-top:0}.image-search-header{padding:16px 20px}.image-search-title{font-size:18px}.image-search-input-wrapper{padding:16px 20px;flex-direction:row;flex-wrap:wrap}.image-search-input{flex:1 1 100%;margin-bottom:8px}.image-search-count-select{flex:0 0 auto}.image-search-button{flex:1}.image-search-results{padding:16px 20px}.image-search-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}.image-editor-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:imageEditorFadeIn .2s ease}@keyframes imageEditorFadeIn{0%{opacity:0}to{opacity:1}}.image-editor-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;animation:imageEditorSlideUp .3s ease}@keyframes imageEditorSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.image-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.image-editor-title{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.image-editor-close{width:36px;height:36px;border:none;background:#f3f4f6;font-size:24px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.image-editor-close:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.image-editor-close:disabled{opacity:.5;cursor:not-allowed}.image-editor-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.image-editor-preview-container{position:relative;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e5e7eb,#e5e7eb 25%,#fff 0%,#fff 50%) 50% / 20px 20px;border:2px solid #e5e7eb;border-radius:12px;min-height:300px;max-height:450px;overflow:hidden}.image-editor-canvas{max-width:100%;max-height:450px;object-fit:contain}.image-editor-processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#4f46e5;font-weight:500}.image-editor-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:imageEditorSpin .8s linear infinite}@keyframes imageEditorSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-editor-crop-info{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:13px;color:#0369a1}.image-editor-crop-tip{font-size:12px;color:#0284c7;font-style:italic}.image-editor-actions{display:flex;flex-direction:column;gap:10px}.image-editor-actions-row{display:flex;gap:10px;flex-wrap:wrap}.image-editor-btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.image-editor-btn:disabled{opacity:.5;cursor:not-allowed}.image-editor-btn-primary{background:#4f46e5;color:#fff;border:none}.image-editor-btn-primary:hover:not(:disabled){background:#4338ca}.image-editor-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.image-editor-btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.image-editor-btn-active{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.image-editor-btn-active:hover:not(:disabled){background:#bfdbfe}.image-editor-btn-ghost{background:transparent;color:#6b7280;border:1px solid transparent}.image-editor-btn-ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.image-editor-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;flex-shrink:0}@media (max-width: 600px){.image-editor-backdrop{padding:10px}.image-editor-modal{max-height:95vh}.image-editor-header{padding:12px 16px}.image-editor-title{font-size:18px}.image-editor-content{padding:16px;gap:12px}.image-editor-preview-container{min-height:200px;max-height:300px}.image-editor-canvas{max-height:300px}.image-editor-actions-row{flex-direction:column}.image-editor-btn{width:100%}.image-editor-footer{flex-direction:column-reverse;gap:8px}.image-editor-footer .image-editor-btn{width:100%}}.camera-capture-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px}.camera-capture-modal{background:#1a1a1a;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.camera-capture-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}.camera-capture-title{margin:0;font-size:18px;font-weight:600;color:#fff}.camera-capture-close{width:32px;height:32px;border:none;background:#333;color:#fff;font-size:20px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.camera-capture-close:hover{background:#444}.camera-capture-preview{position:relative;flex:1;min-height:300px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-capture-video{width:100%;height:auto;max-height:65vh;object-fit:contain}.camera-capture-loading,.camera-capture-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;text-align:center;padding:20px}.camera-capture-spinner{width:40px;height:40px;border:4px solid #333;border-top-color:#fff;border-radius:50%;animation:cameraSpin .8s linear infinite}@keyframes cameraSpin{to{transform:rotate(360deg)}}.camera-capture-error{color:#ff6b6b}.camera-capture-retry{padding:8px 16px;background:#333;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s}.camera-capture-retry:hover{background:#444}.camera-capture-actions{display:flex;justify-content:center;align-items:center;gap:20px;padding:16px;background:#111}.camera-capture-btn{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s}.camera-capture-btn:disabled{opacity:.4;cursor:not-allowed}.camera-capture-btn-secondary{width:48px;height:48px;background:#333;color:#fff;border-radius:50%}.camera-capture-btn-secondary:hover:not(:disabled){background:#444;transform:scale(1.05)}.camera-capture-btn-capture{width:72px;height:72px;background:#fff;color:#000;border-radius:50%;font-size:32px;box-shadow:0 0 0 4px #333}.camera-capture-btn-capture:hover:not(:disabled){background:#f0f0f0;transform:scale(1.05)}.camera-capture-btn-capture:active:not(:disabled){transform:scale(.95)}@media (max-width: 500px){.camera-capture-backdrop{padding:0}.camera-capture-modal{max-width:100%;max-height:100%;height:100%;border-radius:0}.camera-capture-preview{flex:1;min-height:0}.camera-capture-video{width:100%;height:100%;max-height:none;object-fit:contain}.camera-capture-actions{padding:12px;gap:16px}.camera-capture-btn-capture{width:64px;height:64px;font-size:28px}.camera-capture-btn-secondary{width:44px;height:44px;font-size:20px}}.item-image-quick-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:11000;padding:16px}.item-image-quick-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%;overflow:hidden}.item-image-quick-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.item-image-quick-title{margin:0;font-size:18px;font-weight:600;color:#111827}.item-image-quick-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s}.item-image-quick-close:hover{background:#f3f4f6;color:#111827}.item-image-quick-close:disabled{opacity:.5;cursor:not-allowed}.item-image-quick-subtitle{padding:12px 20px;font-size:14px;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-image-quick-error{margin:12px 20px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.item-image-quick-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;font-size:14px;color:#6366f1}.item-image-quick-spinner{display:inline-block;width:16px;height:16px;border:2px solid #6366f1;border-top-color:transparent;border-radius:50%;animation:item-image-quick-spin .8s linear infinite}@keyframes item-image-quick-spin{to{transform:rotate(360deg)}}.item-image-quick-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px 20px 20px}.item-image-quick-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .15s;min-height:80px}.item-image-quick-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.item-image-quick-btn:active:not(:disabled){transform:translateY(0)}.item-image-quick-btn:disabled{opacity:.5;cursor:not-allowed}.item-image-quick-btn-icon{font-size:24px}.item-image-quick-btn-text{font-size:12px;font-weight:500;color:#374151;text-align:center}.item-image-quick-remove-section{padding:16px 20px 20px;border-top:1px solid #e5e7eb;margin-top:0}.item-image-quick-btn-remove{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.item-image-quick-btn-remove:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.item-image-quick-btn-remove:active:not(:disabled){background:#fecaca}.item-image-quick-btn-remove:disabled{opacity:.6;cursor:not-allowed}.item-image-quick-btn-remove .item-image-quick-spinner{border-color:#dc2626;border-top-color:transparent}@media (max-width: 480px){.item-image-quick-modal{max-width:none;margin:16px}.item-image-quick-options{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 16px 16px}.item-image-quick-btn{padding:12px 8px;min-height:70px}.item-image-quick-btn-icon{font-size:20px}.item-image-quick-btn-text{font-size:11px}}.pcs-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.pcs-button:disabled{opacity:.6;cursor:not-allowed}.pcs-button-primary{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;box-shadow:0 2px 8px #00bcd44d}.pcs-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.pcs-button-secondary{background:#fff;color:#666;border:1px solid #ddd}.pcs-button-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.pcs-input{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;background:#fff}.pcs-input:focus{outline:none;border-color:#00bcd4}.pcs-input.error{border-color:#dc3545}.pcs-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.create-almacen-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.create-almacen-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.create-almacen-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.create-almacen-close:hover{background:#f5f5f5;color:#1a1a1a}.create-almacen-close:disabled{opacity:.5;cursor:not-allowed}.create-almacen-content{padding:32px}.create-almacen-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.create-almacen-form{display:flex;flex-direction:column;gap:24px}.create-almacen-section{background:#f8f9fa;border-radius:8px;padding:20px}.create-almacen-section-title{font-size:18px;font-weight:600;margin:0 0 16px;color:#1a1a1a;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.create-almacen-fields{display:flex;flex-direction:column;gap:16px}.create-almacen-input-group{display:flex;flex-direction:column;gap:6px}.create-almacen-input-group label{font-size:14px;font-weight:500;color:#1a1a1a}.create-almacen-input-group .required{color:#dc3545}.create-almacen-input-group .pcs-input{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.create-almacen-input-group .pcs-input:focus{outline:none;border-color:#00bcd4}.create-almacen-input-group .pcs-input.error{border-color:#dc3545}.create-almacen-input-group .pcs-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.create-almacen-input-group textarea.pcs-input{resize:vertical;min-height:80px;font-family:inherit}.create-almacen-image-input-wrapper{display:flex;gap:8px;align-items:stretch}.create-almacen-image-input-wrapper .pcs-input{flex:1}.create-almacen-search-image-button{padding:10px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:48px}.create-almacen-search-image-button:hover:not(:disabled){background:#f5f5f5;border-color:#00bcd4;transform:translateY(-1px);box-shadow:0 2px 8px #00bcd433}.create-almacen-search-image-button:disabled{opacity:.6;cursor:not-allowed}.create-almacen-checkbox-group{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background-color:#fff;border-radius:4px;border:1px solid #e5e5e5}.create-almacen-checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.create-almacen-checkbox-label input[type=checkbox]{cursor:pointer}.create-almacen-checkbox-label:has(input:disabled){opacity:.6;cursor:not-allowed}.create-almacen-error-message{font-size:14px;color:#dc3545;margin-top:4px}.create-almacen-error-submit{text-align:center;padding:12px;background:#dc35451a;border-radius:8px;margin-top:8px}.create-almacen-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px;border-top:1px solid #e5e5e5}.create-almacen-actions .pcs-button{min-width:120px}@media (max-width: 768px){.create-almacen-backdrop{padding:12px}.create-almacen-modal{max-width:100%}.create-almacen-content{padding:24px}.create-almacen-title{font-size:20px;margin-bottom:20px}.create-almacen-section{padding:16px}.create-almacen-actions{flex-direction:column-reverse}.create-almacen-actions .pcs-button{width:100%}}.item-carousel-container{width:100%;margin:12px 0;position:relative}.item-carousel-wrapper{width:100%;overflow:hidden;border-radius:8px;background:#f9f9f9;border:1px solid #e0e0e0;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:grab}.item-carousel-wrapper:active{cursor:grabbing}.item-carousel-track{display:flex;transition:transform .5s ease-in-out;will-change:transform}.item-carousel-slide{min-width:100%;flex-shrink:0;padding:12px;box-sizing:border-box}.item-carousel-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:6px;padding:10px;box-shadow:0 1px 3px #0000001a;height:80px}.item-carousel-image-wrapper{width:60px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.item-carousel-image{width:100%;height:100%;object-fit:cover}.item-carousel-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.item-carousel-name{margin:0;font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-carousel-category{font-size:12px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:4px;display:inline-block;width:fit-content}.item-carousel-quantity{font-size:12px;color:#00bcd4;font-weight:500}.item-carousel-indicators{display:flex;justify-content:center;gap:6px;margin-top:8px}.item-carousel-indicator{width:8px;height:8px;border-radius:50%;border:none;background:#d0d0d0;cursor:pointer;padding:0;transition:all .2s}.item-carousel-indicator:hover{background:#b0b0b0}.item-carousel-indicator.active{background:#00bcd4;width:24px;border-radius:4px}.item-carousel-empty{text-align:center;padding:20px;color:#999;font-size:13px;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.item-carousel-slide{animation:slideIn .3s ease-out}@media (max-width: 768px){.item-carousel-container{margin:8px 0;max-width:100%;overflow:hidden}.item-carousel-wrapper{border-radius:6px;max-width:100%}.item-carousel-track{max-width:100%}.item-carousel-slide{padding:8px}.item-carousel-card{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:8px;height:auto;min-height:100px}.item-carousel-image-wrapper{width:50px;height:50px}.item-carousel-info{align-items:center;gap:2px}.item-carousel-name{font-size:11px;white-space:normal;text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-carousel-category{font-size:10px;padding:1px 5px}.item-carousel-quantity{font-size:10px}.item-carousel-indicators{gap:4px;margin-top:6px}.item-carousel-indicator{width:6px;height:6px}.item-carousel-indicator.active{width:16px}.item-carousel-empty{padding:12px;font-size:11px}}.almacenes-container{width:100%;padding:20px}.almacenes-loading,.almacenes-empty{text-align:center;padding:40px;color:#666}.almacenes-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;padding:16px;margin-bottom:20px;color:#c33}.almacenes-error p{margin:0 0 12px}.almacenes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.almacenes-header h2{margin:0;font-size:24px;color:#1a1a1a}.almacenes-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.almacenes-btn-primary{background-color:#00bcd4;color:#fff}.almacenes-btn-primary:hover:not(:disabled){background-color:#00acc1}.almacenes-btn-secondary{background-color:#e0e0e0;color:#1a1a1a}.almacenes-btn-secondary:hover:not(:disabled){background-color:#d0d0d0}.almacenes-btn-danger{background-color:#f44336;color:#fff}.almacenes-btn-danger:hover:not(:disabled){background-color:#d32f2f}.almacenes-btn-sm{padding:6px 12px;font-size:12px}.almacenes-btn:disabled{opacity:.6;cursor:not-allowed}.almacenes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.almacenes-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s;max-width:280px}.almacenes-card:hover{box-shadow:0 4px 8px #00000026}.almacenes-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.almacenes-card-title h3{margin:0 0 4px;font-size:16px;color:#1a1a1a}.almacenes-card-id{font-size:12px;color:#666;font-family:monospace}.almacenes-card-actions{display:flex;gap:8px}.almacenes-card-body{display:flex;flex-direction:column;gap:12px}.almacenes-card-image-wrapper{width:200px;height:200px;overflow:hidden;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;flex-shrink:0;position:relative}.almacenes-card-image-clickable{cursor:pointer;transition:all .2s}.almacenes-card-image-clickable:hover{transform:scale(1.02);box-shadow:0 4px 12px #00bcd44d}.almacenes-card-image-clickable:active{transform:scale(.98)}.almacenes-card-image-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:1}.almacenes-card-image-loading span{color:#fff;font-size:12px;font-weight:500}.almacenes-card-image{width:200px;height:200px;object-fit:cover;display:block}.almacenes-card-info{display:flex;flex-direction:column;gap:8px}.almacenes-info-item{font-size:13px;color:#333;line-height:1.4}.almacenes-info-item strong{color:#1a1a1a;margin-right:8px}.almacenes-notificaciones{background-color:#f5f5f5;border-radius:4px;padding:10px;margin-top:8px}.almacenes-notificaciones h4{margin:0 0 6px;font-size:13px;color:#1a1a1a}.almacenes-notificacion-mensaje{font-size:13px;color:#666;margin-bottom:8px}.almacenes-notificacion-meta{display:flex;flex-wrap:wrap;gap:6px}.almacenes-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;background-color:#e0e0e0;color:#1a1a1a}.almacenes-badge-info{background-color:#2196f3;color:#fff}.almacenes-badge-warning{background-color:#ff9800;color:#fff}.almacenes-badge-error{background-color:#f44336;color:#fff}.almacenes-badge-success{background-color:#4caf50;color:#fff}.almacenes-form-container{width:100%;max-width:800px;margin:0 auto}.almacenes-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.almacenes-form-header h2{margin:0;font-size:24px;color:#1a1a1a}.almacenes-form-actions{display:flex;gap:12px}.almacenes-form{display:flex;flex-direction:column;gap:24px}.almacenes-form-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px}.almacenes-form-section h3{margin:0 0 20px;font-size:18px;color:#1a1a1a;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.almacenes-form-fields{display:flex;flex-direction:column;gap:16px}.almacenes-form-field{display:flex;flex-direction:column;gap:6px}.almacenes-form-field label{font-size:14px;font-weight:500;color:#1a1a1a}.almacenes-form-field .required{color:#f44336}.almacenes-form-field input,.almacenes-form-field select,.almacenes-form-field textarea{padding:10px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s}.almacenes-form-field input:focus,.almacenes-form-field select:focus,.almacenes-form-field textarea:focus{outline:none;border-color:#00bcd4}.almacenes-form-field textarea{resize:vertical;min-height:80px}.almacenes-form-image-preview{width:100%;max-height:200px;overflow:hidden;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:1px solid #e0e0e0}.almacenes-form-image{width:100%;height:auto;max-height:200px;object-fit:cover;display:block}.almacenes-checkbox-group{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background-color:#f5f5f5;border-radius:4px}.almacenes-checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.almacenes-checkbox-label input[type=checkbox]{cursor:pointer}@media (max-width: 768px){.almacenes-container{padding:8px}.almacenes-list{grid-template-columns:repeat(2,1fr);gap:8px}.almacenes-card{max-width:none;padding:10px;overflow:hidden;min-width:0}.almacenes-card-header{flex-direction:column;gap:8px;margin-bottom:8px;padding-bottom:8px}.almacenes-card-title h3{font-size:13px}.almacenes-card-id{font-size:10px}.almacenes-card-actions{width:100%;gap:6px}.almacenes-card-actions .almacenes-btn{flex:1;padding:10px 8px;font-size:12px;min-height:40px}.almacenes-card-image-wrapper{width:100%;height:auto;aspect-ratio:1;max-width:120px;max-height:120px;margin:0 auto 6px}.almacenes-card-image{width:100%;height:100%;object-fit:cover}.almacenes-card-body{gap:8px;min-width:0;overflow:hidden}.almacenes-card-info{gap:3px}.almacenes-info-item{font-size:11px;line-height:1.2}.almacenes-info-item strong{margin-right:4px}.almacenes-header{flex-direction:row;align-items:center;gap:8px;margin-bottom:12px}.almacenes-header h2{font-size:18px;flex:1}.almacenes-btn-primary{padding:8px 12px;font-size:12px}.almacenes-form-header{flex-direction:column;align-items:stretch;gap:12px}.almacenes-form-actions{width:100%}.almacenes-form-actions .almacenes-btn{flex:1}.almacenes-notificaciones{padding:6px;margin-top:4px}.almacenes-notificaciones h4,.almacenes-notificacion-mensaje{font-size:11px;margin-bottom:4px}.almacenes-badge{padding:2px 5px;font-size:9px}}.dropdown-unidades-container{position:relative;width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-container.disabled{opacity:.6;pointer-events:none}.dropdown-unidades-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s;min-height:42px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-input-content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.dropdown-unidades-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6366f1;width:16px;height:16px}.dropdown-unidades-input:hover:not(.disabled){border-color:#9ca3af}.dropdown-unidades-input.open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dropdown-unidades-input.disabled{background:#f3f4f6;cursor:not-allowed}.dropdown-unidades-value{font-size:.875rem;color:#111827;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-placeholder{font-size:.875rem;color:#9ca3af;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:transform .2s}.dropdown-unidades-chevron.rotated{transform:rotate(180deg)}.dropdown-unidades-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;overflow:hidden;max-height:400px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;z-index:2000}.dropdown-unidades-overlay-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 32px));max-height:min(78vh,640px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 50px #00000040;z-index:2001;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;flex-direction:column}.dropdown-unidades-overlay-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #f3f4f6;background:#fff}.dropdown-unidades-overlay-title{font-size:14px;font-weight:600;color:#111827}.dropdown-unidades-overlay-close{width:34px;height:34px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.dropdown-unidades-overlay-panel .dropdown-unidades-options{max-height:none;overflow:auto}.dropdown-unidades-options{overflow-y:auto;max-height:400px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.dropdown-unidades-common-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px;background:#fff}.dropdown-unidades-option-common{min-height:72px}.dropdown-unidades-option-common .dropdown-unidades-option-text{font-size:1rem;font-weight:600;letter-spacing:.02em}.dropdown-unidades-toggle-section{padding:10px 12px;border-top:1px solid #f3f4f6;background:#fafafa}.dropdown-unidades-toggle-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;font-size:.875rem;font-weight:500;color:#6366f1;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s}.dropdown-unidades-toggle-btn:hover{background:#f5f3ff;border-color:#c7d2fe}.dropdown-unidades-toggle-btn:active{background:#ede9fe}.dropdown-unidades-toggle-btn svg{flex-shrink:0}.dropdown-unidades-category{border-bottom:1px solid #f3f4f6}.dropdown-unidades-category:last-child{border-bottom:none}.dropdown-unidades-category-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-category-icon{display:flex;align-items:center;justify-content:center;color:#6366f1;width:14px;height:14px;flex-shrink:0}.dropdown-unidades-category-title{flex:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-category-units{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem;background-color:#fff}.dropdown-unidades-overlay-panel .dropdown-unidades-category-units{grid-template-columns:repeat(auto-fill,66px);justify-content:start;gap:10px}.dropdown-unidades-option{padding:.625rem .5rem;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-size:.8125rem;color:#111827;min-height:64px;position:relative;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-overlay-panel .dropdown-unidades-option{width:66px;height:66px;min-height:66px;padding:0;border-radius:999px;justify-content:center}.dropdown-unidades-overlay-panel .dropdown-unidades-option-content{gap:4px}.dropdown-unidades-overlay-panel .dropdown-unidades-option-icon{width:16px;height:16px;opacity:.85}.dropdown-unidades-overlay-panel .dropdown-unidades-option-text{font-size:12px;font-weight:600;width:auto}.dropdown-unidades-option:hover,.dropdown-unidades-option:active{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.dropdown-unidades-option.selected{background-color:#eef2ff;border-color:#6366f1;color:#6366f1;font-weight:600;box-shadow:0 0 0 2px #6366f11a}.dropdown-unidades-option-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;width:100%}.dropdown-unidades-option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6366f1;width:18px;height:18px;opacity:.7;transition:opacity .15s}.dropdown-unidades-option.selected .dropdown-unidades-option-icon,.dropdown-unidades-option:hover .dropdown-unidades-option-icon{opacity:1}.dropdown-unidades-option-text{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-check{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;color:#6366f1;width:18px;height:18px;background-color:#6366f1;border-radius:50%;color:#fff;padding:2px}.dropdown-unidades-options::-webkit-scrollbar{width:6px}.dropdown-unidades-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-unidades-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-unidades-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.dropdown-unidades-common-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.dropdown-unidades-option-common{min-height:64px}.dropdown-unidades-option-common .dropdown-unidades-option-text{font-size:.9rem}.dropdown-unidades-toggle-section{padding:8px 10px}.dropdown-unidades-toggle-btn{padding:8px 12px;font-size:.8125rem}.dropdown-unidades-category-units{grid-template-columns:repeat(2,1fr);gap:.375rem;padding:.5rem}.dropdown-unidades-option{padding:.5rem .375rem;font-size:.75rem;min-height:56px;gap:.25rem}.dropdown-unidades-option-icon{width:16px;height:16px}.dropdown-unidades-option-text{font-size:.75rem}.dropdown-unidades-check{width:16px;height:16px;top:.2rem;right:.2rem}.dropdown-unidades-category-header{padding:.45rem .625rem;font-size:.7rem}.dropdown-unidades-category-icon{width:12px;height:12px}.dropdown-unidades-dropdown,.dropdown-unidades-options{max-height:350px}.dropdown-unidades-overlay-panel .dropdown-unidades-category-units{grid-template-columns:repeat(auto-fill,66px);gap:10px}}.dropdown-marcas-container{position:relative;width:100%}.dropdown-marcas-container.disabled{opacity:.7;pointer-events:none}.dropdown-marcas-input{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .2s;min-height:42px}.dropdown-marcas-input:hover{border-color:#d1d5db}.dropdown-marcas-input.open{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.dropdown-marcas-input.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown-marcas-content{flex:1;display:flex;align-items:center;overflow:hidden}.dropdown-marcas-placeholder{color:#9ca3af;font-size:14px}.dropdown-marcas-text{display:flex;flex-direction:column;overflow:hidden}.dropdown-marcas-name{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-marcas-chevron{margin-left:8px;color:#9ca3af;transition:transform .2s;display:flex;align-items:center;justify-content:center}.dropdown-marcas-chevron.rotated{transform:rotate(180deg)}.dropdown-marcas-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:transparent}.dropdown-marcas-dropdown{position:fixed;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:9999;overflow:hidden;display:flex;flex-direction:column;max-height:300px;margin-top:4px}.dropdown-marcas-header{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #e5e7eb}.dropdown-marcas-header .dropdown-marcas-search{flex:1;padding:0;border-bottom:none}.dropdown-marcas-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .15s ease;flex-shrink:0}.dropdown-marcas-close-btn:hover{background:#e5e7eb;color:#374151}.dropdown-marcas-close-btn:active{background:#d1d5db}.dropdown-marcas-search{padding:8px;border-bottom:1px solid #f3f4f6}.dropdown-marcas-search-input{width:100%;padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;outline:none}.dropdown-marcas-search-input:focus{border-color:#3b82f6}.dropdown-marcas-options{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.dropdown-marcas-option{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s}.dropdown-marcas-option:hover{background-color:#f9fafb}.dropdown-marcas-option.selected{background-color:#eff6ff}.dropdown-marcas-option-content{display:flex;align-items:center;gap:10px;flex:1;overflow:hidden}.dropdown-marcas-option-text{display:flex;flex-direction:column;overflow:hidden;flex:1}.dropdown-marcas-option-name{font-size:14px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-marcas-option-count{font-size:12px;color:#6b7280;margin-left:4px}.dropdown-marcas-option-actions{display:flex;align-items:center;gap:8px}.dropdown-marcas-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:#ef4444;transition:background-color .2s;border:none;background:transparent;padding:0;cursor:pointer}.dropdown-marcas-delete-btn:hover{background-color:#fee2e2}.dropdown-marcas-check{color:#3b82f6;display:flex;align-items:center}.dropdown-marcas-empty{padding:12px;text-align:center;color:#6b7280;font-size:14px}.dropdown-marcas-create-option{padding:8px 12px;color:#3b82f6;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;border-top:1px solid #f3f4f6}.dropdown-marcas-create-option:hover{background-color:#eff6ff}@media (max-width: 640px){.dropdown-marcas-option{padding:12px}}.date-picker{position:relative;width:100%;max-width:300px}.date-picker-input{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.date-picker.is-light .date-picker-input{background:#fff;border:1px solid #e5e7eb;color:#111827}.date-picker-input:hover:not(:disabled){border-color:#8b5cf6;background:#8b5cf61a}.date-picker.is-light .date-picker-input:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.date-picker-input:disabled{opacity:.5;cursor:not-allowed}.calendar-icon{font-size:1.2rem}.date-picker-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:#1e1e1efa;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:15px;z-index:1000;min-width:300px;box-shadow:0 10px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-picker-android-header{margin:-15px -15px 12px;padding:16px;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff}.date-picker-android-label{font-size:12px;font-weight:700;letter-spacing:.08em;opacity:.9}.date-picker-android-value{font-size:20px;font-weight:800;margin-top:6px}.date-picker.is-light .date-picker-dropdown{background:#fff;border:1px solid #e5e7eb;box-shadow:0 16px 50px #0000002e;-webkit-backdrop-filter:none;backdrop-filter:none}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.month-year{font-weight:600;color:#fff;font-size:1rem}.month-year-btn{border:none;background:transparent;cursor:pointer;padding:6px 10px;border-radius:10px}.month-year-btn:hover{background:#ffffff14}.date-picker.is-light .month-year-btn:hover{background:#f3f4f6}.date-picker.is-light .month-year{color:#111827}.nav-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.date-picker.is-light .nav-btn{background:#f3f4f6;color:#111827}.nav-btn:hover{background:#8b5cf64d}.date-picker.is-light .nav-btn:hover{background:#e5e7eb}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.date-picker-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.date-picker-month-btn{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;border-radius:12px;padding:10px 8px;font-weight:700;cursor:pointer}.date-picker-month-btn.is-selected{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-color:transparent}.date-picker.is-light .date-picker-month-btn{background:#f3f4f6;color:#111827;border-color:#e5e7eb}.date-picker.is-light .date-picker-month-btn.is-selected{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;border-color:transparent}.date-picker-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:260px;overflow:auto;padding-right:2px}.date-picker-year-btn{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;border-radius:12px;padding:10px 8px;font-weight:700;cursor:pointer}.date-picker-year-btn.is-selected{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-color:transparent}.date-picker.is-light .date-picker-year-btn{background:#f3f4f6;color:#111827;border-color:#e5e7eb}.date-picker.is-light .date-picker-year-btn.is-selected{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;border-color:transparent}.day-name{text-align:center;font-size:.8rem;font-weight:600;color:#fff9;padding:8px}.date-picker.is-light .day-name{color:#6b7280}.day-cell{aspect-ratio:1;border:none;background:#ffffff0d;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.date-picker.is-light .day-cell{background:#f3f4f6;color:#111827}.day-cell.empty{background:transparent;cursor:default}.day-cell:not(.empty):not(.disabled):hover{background:#8b5cf64d;transform:scale(1.1)}.day-cell.selected{background:#ec489940;border:2px solid rgba(236,72,153,.75);font-weight:800}.day-cell.today{background:#3b82f640;border:1px solid rgba(59,130,246,.6);font-weight:700}.date-picker.is-light .day-cell.today{background:#3b82f624;border:1px solid rgba(59,130,246,.45)}.date-picker.is-light .day-cell.selected{background:#ec489924;border:2px solid rgba(236,72,153,.55)}.day-cell.disabled{opacity:.3;cursor:not-allowed}.date-picker-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20000;padding:16px}.date-picker-modal{width:min(92vw,360px)}.date-picker-modal .date-picker-dropdown{position:static;margin-top:0;min-width:0}.date-picker-modal-actions{display:flex;justify-content:flex-end;margin-top:10px}.date-picker-modal-close{border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:10px;padding:10px 14px;cursor:pointer}@media (max-width: 768px){.date-picker-dropdown{min-width:280px}.day-cell{font-size:.85rem}}.token-picker{position:relative;width:100%}.token-picker.disabled{opacity:.6;pointer-events:none}.token-picker-input{min-height:40px;width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:8px;background:#fff;display:flex;align-items:center;flex-wrap:wrap;gap:6px;cursor:text;transition:border-color .2s;overflow:hidden}.token-picker:focus-within .token-picker-input{border-color:#00bcd4}.token-picker-text{border:none;outline:none;font-size:14px;font-family:inherit;padding:6px 4px;flex:1 1 0;min-width:0;max-width:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent}.token-picker-text::placeholder{text-overflow:ellipsis}.token-picker-chip{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;color:#1f2937;border:1px solid #c7d2fe;border-radius:999px;padding:6px 10px;font-size:12px;line-height:1;max-width:100%}.token-picker-chip-text{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.token-picker-chip-meta{color:#6366f1;font-weight:600}.token-picker-chip-remove{width:18px;height:18px;border-radius:50%;border:none;background:#6366f11f;color:#6366f1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0}.token-picker-chip-remove:hover{background:#6366f133}.token-picker-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:9999;overflow:hidden;max-height:280px;overflow-y:auto}.token-picker-dropdown.token-picker-dropdown-fixed{right:auto}.token-picker-option{width:100%;border:none;background:transparent;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left;font-family:inherit}.token-picker-option:hover:not(:disabled){background:#f9fafb}.token-picker-option:disabled{opacity:.6;cursor:not-allowed}.token-picker-option-label{font-size:14px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-picker-option-meta{font-size:12px;color:#6b7280;flex-shrink:0}.token-picker-empty{padding:12px;font-size:13px;color:#6b7280}.token-picker-option-checkbox{justify-content:flex-start;gap:10px}.token-picker-checkbox{width:18px;height:18px;margin:0;cursor:pointer;flex-shrink:0;accent-color:#6366f1}.token-picker-option-checkbox .token-picker-option-label{flex:1}.token-picker-option-selected{background:#f0f9ff}.token-picker-option-selected:hover:not(:disabled){background:#e0f2fe}.token-picker-option-image-wrapper{flex-shrink:0;width:32px;height:32px;border-radius:6px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.token-picker-option-image{width:100%;height:100%;object-fit:cover}.token-picker-option-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6b7280;background:#f3f4f6;border-radius:6px}.create-item-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease;overflow:hidden;overscroll-behavior:contain;touch-action:none}.create-item-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease;overscroll-behavior:contain;touch-action:pan-y}.create-item-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.create-item-close:hover{background:#f5f5f5;color:#1a1a1a}.create-item-close:disabled{opacity:.5;cursor:not-allowed}.create-item-content{padding:20px}.create-item-title{font-size:24px;font-weight:600;margin:0;color:#1a1a1a;flex:1}.create-item-form{display:flex;flex-direction:column;gap:16px}.create-item-section{background:#f8f9fa;border-radius:8px;padding:12px}.create-item-image-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}.create-item-image-clickable{width:120px;height:120px;min-width:120px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .2s;position:relative}.create-item-image-clickable:hover{border-color:#9ca3af;background:#f3f4f6}.create-item-image-preview{width:100%;height:100%;object-fit:cover}.create-item-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#9ca3af}.create-item-image-placeholder-text{font-size:11px;text-align:center;line-height:1.2}.create-item-image-clickable:hover .create-item-image-placeholder{color:#6b7280}.create-item-image-almacen-col{display:flex;flex-direction:column;gap:8px;width:120px;min-width:120px}.create-item-almacen-below{width:100%;position:relative}.create-item-almacen-below label{display:none}.create-item-name-desc{flex:1;display:flex;flex-direction:column;gap:12px}.create-item-section-title{font-size:18px;font-weight:600;margin:0 0 10px;color:#1a1a1a;padding-bottom:8px;border-bottom:1px solid #e5e5e5}.create-item-unidad-contenido-row{display:flex;gap:12px;align-items:flex-end}.create-item-paquetes-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border-radius:6px;transition:background-color .2s}.create-item-paquetes-toggle:hover{background-color:#f9fafb}.create-item-paquetes-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6366f1;flex-shrink:0}.create-item-paquetes-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.create-item-paquetes-toggle span{font-size:14px;color:#111827;font-weight:500}.create-item-fields{display:flex;flex-direction:column;gap:10px}.create-item-input-group{display:flex;flex-direction:column;gap:4px}.create-item-precio-inline{display:flex;align-items:center;justify-content:space-between;margin-top:0;margin-bottom:10px;padding:8px 12px;border-left:4px solid transparent;border-radius:6px;gap:12px}.create-item-precio-inline.is-compra{background-color:#f0f9ff;border-left-color:#0ea5e9}.create-item-precio-inline.is-venta{background-color:#f0fdf4;border-left-color:#22c55e}.create-item-precio-inline-title{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;flex-shrink:0}.create-item-precio-inline.is-compra .create-item-precio-inline-title{color:#0c4a6e}.create-item-precio-inline.is-venta .create-item-precio-inline-title{color:#14532d}.create-item-precio-inline-input{width:240px;max-width:60%}.create-item-input-group label{font-size:14px;font-weight:500;color:#1a1a1a}.create-item-input-group .required{color:#dc3545}.create-item-input-group .pcs-input{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.create-item-input-group .pcs-input:focus{outline:none;border-color:#00bcd4}.create-item-input-group .pcs-input.error{border-color:#dc3545}.create-item-input-group .pcs-input.empty-inventory-field{box-shadow:0 0 8px #dc354599,0 0 16px #dc354566;border-color:#dc3545;animation:redGlow 2s ease-in-out infinite}@keyframes redGlow{0%,to{box-shadow:0 0 8px #dc354599,0 0 16px #dc354566}50%{box-shadow:0 0 12px #dc3545cc,0 0 24px #dc354599}}@keyframes ai-glow{0%,to{box-shadow:0 0 0 2px #8b5cf64d,0 0 20px #ec489966}50%{box-shadow:0 0 0 2px #8b5cf680,0 0 30px #ec489999}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.create-item-ai-assistant{position:relative;margin-bottom:16px}.create-item-ai-assistant.is-collapsed{height:0;margin-bottom:-16px}.create-item-ai-fab{width:46px;height:46px;border-radius:999px;border:1px solid #c7d2fe;background:#6366f1;color:#fff;font-size:20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #6366f140;transition:transform .16s ease,box-shadow .16s ease}.create-item-ai-assistant.is-collapsed .create-item-ai-fab{position:absolute;top:14px;right:20px;z-index:20}.create-item-ai-fab:hover{transform:translateY(-1px);box-shadow:0 10px 24px #6366f14d}.create-item-ai-panel{padding:12px;background-color:#f0f4ff;border-radius:12px;border:1px solid #c7d2fe;animation:createItemAiExpand .18s ease-out}@keyframes createItemAiExpand{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.create-item-ai-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.create-item-ai-icon{width:40px;height:40px;border-radius:50%;background-color:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.create-item-ai-title{flex:1;min-width:0}.create-item-ai-title-main{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.create-item-ai-title-sub{margin-top:4px;font-size:12px;color:#6b7280}.create-item-ai-collapse{width:34px;height:34px;border-radius:10px;border:1px solid #c7d2fe;background:#ffffffb3;color:#4f46e5;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.create-item-ai-prompt-row{display:grid;grid-template-columns:1fr 140px;gap:8px;margin-bottom:8px;align-items:stretch}.create-item-ai-prompt-input{width:100%;height:44px}.create-item-ai-prompt-btn{height:44px;min-width:140px;padding:0 14px;display:flex;align-items:center;justify-content:center}.create-item-ai-assistant .create-item-voice-button:hover:not(:disabled){transform:scale(1.05)}.create-item-ai-assistant .create-item-voice-button:active:not(:disabled){transform:scale(.95)}@media (max-width: 520px){.create-item-ai-assistant.is-collapsed{justify-content:flex-start}}.create-item-input-group .pcs-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.create-item-input-group textarea.pcs-input{resize:vertical;min-height:80px;font-family:inherit}.create-item-barcode-row{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:stretch}.create-item-barcode-input{width:100%;height:44px}.create-item-barcode-add-btn{width:44px;height:44px;min-width:44px;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.create-item-barcode-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}.create-item-barcode-empty{font-size:12px;color:#6b7280;font-style:italic}.create-item-barcode-pill{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#f3f4f6;color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.create-item-barcode-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.create-item-barcode-remove-btn{width:32px;height:32px;min-width:32px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0}.create-item-barcode-remove-btn:hover:not(:disabled){background:#e5e7eb}.create-item-barcode-remove-btn:disabled{opacity:.6;cursor:not-allowed}.create-item-loading-text{font-size:12px;color:#6b7280;margin-top:4px;font-style:italic}.create-item-error-message{font-size:14px;color:#dc3545;margin-top:4px}.create-item-error-text{display:block;font-size:12px;color:#dc3545;margin-top:4px}.create-item-error-submit{text-align:center;padding:12px;background:#dc35451a;border-radius:8px;margin-top:8px}.create-item-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:12px;border-top:1px solid #e5e5e5}.create-item-actions .pcs-button{min-width:120px}.create-item-paquetes-field-wrapper{display:flex;gap:8px;align-items:center}.create-item-paquetes-input-wrapper{flex:1}.create-item-paquetes-unidad-wrapper{width:150px;flex-shrink:0}@media (max-width: 768px){.create-item-backdrop{padding:0;align-items:stretch;justify-content:stretch}.create-item-modal{max-width:100%;max-height:100%;height:100%;border-radius:0;animation:none}.create-item-content{padding:56px 16px 16px}.create-item-close{top:8px;right:8px;width:44px;height:44px;font-size:28px;background:#ffffffe6;box-shadow:0 2px 8px #0000001a}.create-item-title{font-size:20px;margin-bottom:20px}.create-item-section{padding:16px}.create-item-image-header{flex-direction:column;align-items:stretch;gap:12px}.create-item-image-almacen-col{flex-direction:row;width:100%;align-items:center;gap:12px}.create-item-image-clickable{width:80px;height:80px;min-width:80px}.create-item-almacen-below{flex:1}.create-item-name-desc{width:100%}.create-item-actions{flex-direction:row;justify-content:space-between}.create-item-actions .pcs-button{flex:1;min-width:0}.create-item-paquetes-field-wrapper{flex-direction:row;gap:8px}.create-item-paquetes-unidad-wrapper{order:-1;width:120px}.create-item-paquetes-input-wrapper{order:1;flex:1}.create-item-paquetes-input-wrapper .edit-minimalist-key,.create-item-inventario-fields .create-item-input-group .edit-minimalist-key{display:flex;flex-direction:column;line-height:1.2}.create-item-label-mobile-break{display:block}.create-item-precios-grid{grid-template-columns:1fr!important}.create-item-precio-inline{flex-direction:column;align-items:stretch}.create-item-precio-inline-input{width:100%;max-width:100%}.create-item-ai-prompt-row{grid-template-columns:1fr}.create-item-ai-prompt-btn{width:100%;min-width:0}}.create-item-precio-card{display:flex;flex-direction:column;gap:8px;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:8px}.create-item-inv-card{display:flex;flex-direction:column;gap:10px;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:8px}.create-item-inv-card-title{font-size:15px;font-weight:600;color:#1a1a1a}.create-item-inv-grid{display:grid;gap:10px}.create-item-inv-box{border-radius:10px;border:1px solid #e5e7eb;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.create-item-inv-box-label{font-size:12px;font-weight:800;color:#374151}.create-item-inv-box-paquete{background:#eef2ff;border-color:#c7d2fe}.create-item-inv-box-unidad{background:#ecfeff;border-color:#a5f3fc}.create-item-inv-input{width:100%;border:none;outline:none;background:transparent;padding:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:18px;font-weight:800;color:#111827;text-align:right}.create-item-inv-input::placeholder{color:#9ca3af;font-weight:600}@media (max-width: 768px){.create-item-inv-card{padding:10px}.create-item-inv-input{font-size:16px}}.create-item-precio-card-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:4px;display:flex;align-items:center;gap:6px}.create-item-precio-header{display:grid;grid-template-columns:64px 1fr 1fr;gap:8px;align-items:center}.create-item-precio-header-spacer{height:1px}.create-item-precio-header-col{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;border-radius:999px;padding:4px 8px;border:1px solid transparent;line-height:1.2;white-space:nowrap}.create-item-precio-header-compra{background:#fff3bf;border-color:#ffe066;color:#5c4400}.create-item-precio-header-venta{background:#d3f9d8;border-color:#8ce99a;color:#0b3d1d}.create-item-precio-row{display:grid;grid-template-columns:64px 1fr 1fr;gap:8px;align-items:center}.create-item-precio-row-label{font-size:12px;font-weight:600;color:#6c757d;text-align:right;white-space:nowrap}.create-item-precio-box{border-radius:8px;padding:8px 10px;font-size:14px;font-weight:600;line-height:1.2;text-align:right;border:1px solid #e9ecef;white-space:nowrap}.create-item-precio-box-compra{background:#fff9db;border-color:#ffe8a1}.create-item-precio-box-venta{background:#ebfbee;border-color:#b2f2bb}.create-item-precio-input{width:100%;border:none;outline:none;background:transparent;padding:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;font-weight:600;line-height:inherit;color:#1a1a1a;text-align:right}.create-item-precio-input::placeholder{color:#9ca3af;font-weight:400}.create-item-precio-input:focus{outline:none}.create-item-precio-input:disabled{opacity:.6;cursor:not-allowed}.create-item-precio-input::-webkit-outer-spin-button,.create-item-precio-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.create-item-precio-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.create-item-precio-card{padding:10px}.create-item-precio-header,.create-item-precio-row{grid-template-columns:50px 1fr 1fr;gap:6px}.create-item-precio-header-col{font-size:10px;padding:3px 6px}.create-item-precio-row-label{font-size:11px}.create-item-precio-box{padding:6px 8px}.create-item-precio-input{font-size:13px}}.create-item-proveedores-modal{max-width:720px;height:85vh;display:flex;flex-direction:column;overflow:hidden}.create-item-proveedores-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;flex-shrink:0}.create-item-proveedores-content{flex:1;overflow-y:auto;padding:0 20px 16px;min-height:0}.create-item-proveedores-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}@media (max-width: 768px){.create-item-proveedores-modal{max-width:100%;height:100%;max-height:100%;border-radius:0}.create-item-proveedores-header{padding-top:12px}.create-item-proveedores-footer .pcs-button{flex:1;min-width:0}}.ai-modal-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #6366f166;transition:all .3s ease;z-index:1050}.ai-modal-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px #6366f180}.ai-modal-fab:active{transform:scale(.95)}.ai-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px;animation:fadeIn .2s ease;overflow:hidden;overscroll-behavior:contain;touch-action:none}.ai-modal-container{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;box-shadow:0 20px 60px #0000004d;animation:aiModalSlideUp .3s ease;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}@keyframes aiModalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.ai-modal-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600}.ai-modal-icon{font-size:24px}.ai-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ai-modal-close:hover:not(:disabled){background:#ffffff4d}.ai-modal-close:disabled{opacity:.3;cursor:not-allowed}.ai-modal-content{padding:24px;min-height:200px;display:flex;flex-direction:column}.ai-modal-textarea{width:100%;min-height:140px;padding:14px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-family:inherit;resize:vertical;transition:border-color .2s ease,background-color .2s ease;line-height:1.5}.ai-modal-textarea:focus{outline:none;border-color:#6366f1}.ai-modal-textarea-disabled{min-height:80px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;cursor:not-allowed;resize:none;border-color:#d1d5db;font-style:italic}.ai-modal-textarea-disabled:focus{border-color:#d1d5db}.ai-modal-processing-container{display:flex;flex-direction:column;gap:16px}.ai-modal-textarea::placeholder{color:#9ca3af;white-space:pre-line}.ai-modal-actions{display:flex;gap:12px;margin-top:16px}.ai-modal-voice-btn{flex:1;padding:14px 20px;border:2px solid #6366f1;border-radius:12px;background:#fff;color:#6366f1;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-modal-voice-btn:hover{background:#f5f3ff}.ai-modal-submit-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-modal-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.ai-modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ai-modal-recording{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px}.ai-modal-stop-btn{width:100px;height:100px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease;box-shadow:0 0 #ef444480;animation:pulseRing 1.5s ease-in-out infinite}@keyframes pulseRing{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 20px #ef444400}to{box-shadow:0 0 #ef444400}}.ai-modal-stop-btn:hover{transform:scale(1.05)}.ai-modal-stop-icon{position:relative;z-index:2}.ai-modal-recording-text{display:flex;align-items:center;gap:8px;font-size:16px;color:#374151;font-weight:500}.ai-modal-recording-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.ai-modal-processing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;color:#374151;font-size:16px;font-weight:500}.ai-modal-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.ai-modal-processing-sub{font-size:14px;color:#6b7280;font-weight:400}@media (max-width: 480px){.ai-modal-fab{bottom:16px;right:16px;width:52px;height:52px;font-size:22px}.ai-modal-backdrop{padding:0;align-items:flex-end}.ai-modal-container{max-width:100%;border-radius:20px 20px 0 0;max-height:85vh}.ai-modal-content{padding:20px}.ai-modal-actions{flex-direction:column}.ai-modal-voice-btn,.ai-modal-submit-btn{width:100%}}.ai-thinking-log{margin-top:20px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;overflow:hidden}.ai-thinking-log-summary{padding:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #bbf7d0}.ai-confidence-final{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.ai-confidence-label{font-size:14px;color:#374151;font-weight:500}.ai-confidence-value{font-size:28px;font-weight:700;padding:4px 16px;border-radius:8px}.ai-confidence-high{color:#059669;background:#d1fae5}.ai-confidence-medium{color:#d97706;background:#fef3c7}.ai-confidence-low{color:#dc2626;background:#fee2e2}.ai-summary-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ai-badge{font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:4px}.ai-badge-iterations{background:#e0e7ff;color:#4338ca}.ai-badge-web{background:#dbeafe;color:#1d4ed8}.ai-badge-price{background:#fef3c7;color:#b45309}.ai-badge-generated{background:#f3e8ff;color:#7c3aed}.ai-badge-found{background:#ccfbf1;color:#0d9488}.ai-thinking-log-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);cursor:pointer;font-weight:600;color:#374151;-webkit-user-select:none;user-select:none}.ai-thinking-log-header:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.ai-thinking-log-toggle{font-size:12px;color:#6b7280}.ai-thinking-log-content{padding:12px;max-height:400px;overflow-y:auto}.ai-thinking-stage{margin-bottom:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.ai-thinking-stage:last-child{margin-bottom:0}.ai-thinking-stage-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-weight:500;color:#374151;cursor:pointer;background:#fafafa;border-bottom:1px solid #e5e7eb;list-style:none}.ai-thinking-stage-header::-webkit-details-marker{display:none}.ai-thinking-stage[open] .ai-thinking-stage-header{background:#f3f4f6}.ai-stage-ok{color:#10b981}.ai-stage-error{color:#ef4444}.ai-stage-warning{color:#f59e0b}.ai-thinking-stage-content{padding:12px 14px;font-size:13px;line-height:1.5;color:#4b5563}.ai-thinking-item{margin-bottom:12px}.ai-thinking-item:last-child{margin-bottom:0}.ai-thinking-item strong{display:block;margin-bottom:6px;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.ai-thinking-item p{margin:0;padding:8px 12px;background:#f9fafb;border-radius:6px;border-left:3px solid #6366f1}.ai-thinking-item ul{margin:0;padding:0;list-style:none}.ai-thinking-item li{padding:6px 10px;background:#f9fafb;border-radius:4px;margin-bottom:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ai-thinking-item li:last-child{margin-bottom:0}.ai-thinking-item code{background:#eef2ff;color:#6366f1;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500}.ai-confidence{margin-left:8px;font-size:11px;color:#9ca3af;font-weight:400}.ai-search-results li{padding:8px 10px;background:#fffbeb;border-left:3px solid #f59e0b}.ai-search-title{font-weight:500;color:#374151;margin-bottom:4px}.ai-search-snippet{font-size:12px;color:#6b7280;line-height:1.4}.ai-changes-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ai-change-original{color:#ef4444;text-decoration:line-through;font-size:12px}.ai-change-arrow{color:#9ca3af;font-size:12px}.ai-change-new{color:#10b981;font-weight:500;font-size:12px}.ai-change-reason{color:#9ca3af;font-size:11px;font-style:italic}.ai-thinking-muted{color:#9ca3af;font-style:italic}.ai-thinking-success{color:#10b981;font-weight:500;margin:0;padding:8px 12px;background:#ecfdf5;border-radius:6px;border-left:3px solid #10b981}.ai-warnings-list li{background:#fffbeb;border-left:3px solid #f59e0b;color:#92400e}.ai-errors-list li{background:#fef2f2;border-left:3px solid #ef4444;color:#991b1b}.ai-selected-image{max-width:120px;max-height:120px;border-radius:8px;border:1px solid #e5e7eb;margin-top:8px}.ai-image-status{margin-top:8px;font-size:13px}.ai-image-processing{display:flex;align-items:center;gap:6px;color:#8b5cf6;font-weight:500}.ai-mini-spinner{display:inline-block;width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;animation:ai-spin .8s linear infinite}@keyframes ai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-image-applied{color:#059669;font-weight:500}.ai-image-pending{color:#d97706;font-weight:500}.ai-thinking-log-actions{padding:16px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px}.ai-modal-copy-btn{flex:0 0 auto;padding:14px 20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-modal-copy-btn:hover{background:#f3f4f6;border-color:#d1d5db}.ai-modal-copy-btn:active{transform:scale(.98)}.ai-modal-close-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}@media (max-width: 480px){.ai-thinking-log-content{max-height:300px}.ai-thinking-stage-header{font-size:13px;padding:8px 12px}.ai-thinking-stage-content{font-size:12px;padding:10px 12px}}.batch-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.batch-modal{background:#fff;border-radius:16px;width:95%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.batch-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2)}.batch-title{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.batch-close{background:#fff3;border:none;font-size:1.5rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}.batch-close:hover:not(:disabled){background:#ffffff4d}.batch-close:disabled{opacity:.5;cursor:not-allowed}.batch-content{flex:1;overflow-y:auto;padding:24px}.batch-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.875rem}.batch-warning{background:#fffbeb;border:1px solid #fcd34d;color:#92400e;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.batch-input-step{display:flex;flex-direction:column;gap:20px}.batch-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background:#f9fafb}.batch-dropzone:hover{border-color:#667eea;background:#f0f0ff}.batch-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:8px}.batch-dropzone-icon{font-size:2.5rem}.batch-dropzone-text{font-size:1rem;color:#374151;font-weight:500}.batch-dropzone-hint{font-size:.875rem;color:#6b7280}.batch-image-previews{display:flex;flex-wrap:wrap;gap:12px}.batch-image-preview{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb}.batch-image-preview img{width:100%;height:100%;object-fit:cover}.batch-image-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#dc2626e6;color:#fff;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.batch-prompt-section{display:flex;flex-direction:column;gap:8px}.batch-label{font-size:.875rem;font-weight:500;color:#374151}.batch-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;resize:vertical;min-height:100px;font-family:inherit}.batch-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.batch-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:8px}.batch-btn{padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.batch-btn:disabled{opacity:.5;cursor:not-allowed}.batch-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.batch-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.batch-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.batch-btn-secondary:hover:not(:disabled){background:#e5e7eb}.batch-processing-step{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px}.batch-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:batch-spin 1s linear infinite}@keyframes batch-spin{to{transform:rotate(360deg)}}.batch-processing-text{font-size:1.125rem;font-weight:500;color:#374151;margin:0}.batch-processing-hint{font-size:.875rem;color:#6b7280;margin:0}.batch-review-step{display:flex;flex-direction:column;gap:16px}.batch-review-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.batch-almacen-selector{flex:1;min-width:250px;display:flex;flex-direction:column;gap:6px}.batch-select-actions{display:flex;gap:12px;align-items:center}.batch-btn-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.875rem;text-decoration:underline;padding:0}.batch-btn-link:hover{color:#4f46e5}.batch-items-header{display:grid;grid-template-columns:24px 50px 1fr 120px 80px 80px 32px;align-items:center;gap:10px;padding:8px 12px;background:#f3f4f6;border-radius:8px;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.batch-items-list{display:flex;flex-direction:column;gap:8px;max-height:450px;overflow-y:auto;padding-right:8px}.batch-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.batch-item.selected{background:#f0f9ff;border-color:#60a5fa}.batch-item-row{display:grid;grid-template-columns:24px 50px 1fr 120px 80px 80px 32px;align-items:center;gap:10px;padding:10px 12px;min-width:0}.batch-item-row>*{min-width:0}.batch-item-checkbox{width:18px;height:18px;cursor:pointer;justify-self:center}.batch-item-image{width:50px;height:50px;border-radius:6px;overflow:hidden;background:#e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:border-color .2s}.batch-item-image:hover{border-color:#667eea}.batch-item-image img{width:100%;height:100%;object-fit:cover}.batch-item-image-placeholder{font-size:1.25rem;color:#9ca3af}.batch-item-input{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;background:#fff;width:100%;min-height:36px;height:36px;box-sizing:border-box;line-height:1.2}.batch-item-input:focus{outline:none;border-color:#667eea}.batch-item-nombre,.batch-item-abrev,.batch-item-precio{min-width:0}.batch-item-expand{background:none;border:none;cursor:pointer;padding:6px;color:#6b7280;font-size:.875rem;justify-self:center}.batch-item-expand:hover{color:#374151}.batch-item-details{padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.batch-item-detail-row{display:flex;flex-direction:column;gap:4px}.batch-item-detail-row label{font-size:.75rem;color:#6b7280;font-weight:500}.batch-item-detail-row input{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem}.batch-item-detail-row input:focus{outline:none;border-color:#667eea}.batch-item-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.batch-item-detail-grid>div{display:flex;flex-direction:column;gap:4px}.batch-item-detail-grid label{font-size:.75rem;color:#6b7280;font-weight:500}.batch-item-detail-grid input{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem}.batch-item-detail-grid input:focus{outline:none;border-color:#667eea}.batch-saving-step{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px}.batch-saving-text{font-size:1.125rem;font-weight:500;color:#374151;margin:0}.batch-progress-bar{width:100%;max-width:300px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.batch-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}@media (max-width: 768px){.batch-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.batch-review-header{flex-direction:column}.batch-item-row{grid-template-columns:24px 50px 1fr 32px;grid-template-rows:auto auto}.batch-item-abrev{grid-column:3;grid-row:2}.batch-item-precio{display:none}.batch-item-expand{grid-row:1 / 3;grid-column:4}}.parallel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.parallel-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0003}.parallel-header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.parallel-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827;flex:1}.parallel-stats{display:flex;gap:8px}.parallel-stat{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.parallel-stat-processing{background:#dbeafe;color:#1d4ed8}.parallel-stat-ready{background:#dcfce7;color:#15803d}.parallel-stat-saved{background:#d1fae5;color:#047857}.parallel-close{width:32px;height:32px;border:none;background:none;font-size:24px;color:#6b7280;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.parallel-close:hover{background:#f3f4f6;color:#111827}.parallel-tabs{display:flex;align-items:center;gap:4px;padding:8px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;overflow-x:auto;flex-wrap:nowrap}.parallel-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-size:.875rem;color:#6b7280;transition:all .2s;white-space:nowrap}.parallel-tab:hover{border-color:#d1d5db;background:#f9fafb}.parallel-tab-active{border-color:#6366f1;background:#eef2ff;color:#4f46e5}.parallel-tab-icon{font-size:.875rem}.parallel-tab-close{width:16px;height:16px;border:none;background:none;color:#9ca3af;cursor:pointer;font-size:14px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px}.parallel-tab-close:hover{background:#fee2e2;color:#dc2626}.parallel-tab-add{border-style:dashed;color:#9ca3af}.parallel-tab-add:hover{border-color:#6366f1;color:#6366f1}.parallel-tab-empty .parallel-tab-icon{color:#9ca3af}.parallel-tab-processing{border-color:#3b82f6;background:#eff6ff}.parallel-tab-processing .parallel-tab-icon{color:#3b82f6;animation:pulse 1.5s ease-in-out infinite}.parallel-tab-ready{border-color:#22c55e;background:#f0fdf4}.parallel-tab-ready .parallel-tab-icon{color:#22c55e}.parallel-tab-saving{border-color:#f59e0b;background:#fffbeb}.parallel-tab-saving .parallel-tab-icon{color:#f59e0b;animation:pulse 1s ease-in-out infinite}.parallel-tab-saved{border-color:#047857;background:#ecfdf5}.parallel-tab-saved .parallel-tab-icon{color:#047857}.parallel-tab-error{border-color:#dc2626;background:#fef2f2}.parallel-tab-error .parallel-tab-icon{color:#dc2626}.parallel-tabs-actions{margin-left:auto;padding-left:16px}.parallel-btn-save-all{background:#22c55e;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer}.parallel-btn-save-all:hover{background:#16a34a}.parallel-content{flex:1;overflow-y:auto;padding:20px}.parallel-prompt-section{margin-bottom:20px}.parallel-prompt-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:.95rem;resize:none;font-family:inherit}.parallel-prompt-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.parallel-prompt-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.parallel-btn{padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.parallel-btn-voice{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.parallel-btn-voice:hover{background:#e5e7eb}.parallel-btn-recording{background:#fee2e2;color:#dc2626;border-color:#fecaca;animation:pulse 1s ease-in-out infinite}.parallel-btn-process{background:#6366f1;color:#fff}.parallel-btn-process:hover:not(:disabled){background:#4f46e5}.parallel-btn-process:disabled{opacity:.5;cursor:not-allowed}.parallel-transcribing{text-align:center;color:#6366f1;font-size:.875rem;margin-top:8px}.parallel-processing-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#6366f1;font-size:.95rem}.parallel-spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.parallel-error{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#fef2f2;border-radius:12px;color:#dc2626}.parallel-error button{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.875rem}.parallel-saved{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#047857;font-size:1rem}.parallel-saved button{background:#047857;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.875rem}.parallel-ai-notice{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(90deg,#eef2ff,#faf5ff);border-radius:10px;margin-bottom:16px;font-size:.875rem;color:#6366f1}.parallel-ai-notice button{background:#6366f1;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem}.parallel-form{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.parallel-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.parallel-field{display:flex;flex-direction:column;gap:4px}.parallel-field-full{grid-column:1 / -1}.parallel-field label{font-size:.8rem;font-weight:500;color:#374151}.parallel-field input,.parallel-field textarea{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-family:inherit}.parallel-field input:focus,.parallel-field textarea:focus{outline:none;border-color:#6366f1}.parallel-field-ai{box-shadow:0 0 0 2px #6366f14d;border-color:#a78bfa!important;animation:ai-glow 2s ease-in-out infinite}@keyframes ai-glow{0%,to{box-shadow:0 0 0 2px #6366f14d}50%{box-shadow:0 0 0 4px #a855f766}}.parallel-image-preview{width:100px;height:100px;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.parallel-image-preview img{width:100%;height:100%;object-fit:cover}.parallel-image-clickable{cursor:pointer;transition:all .2s}.parallel-image-clickable:hover{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.parallel-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#f9fafb;color:#9ca3af;font-size:.75rem}.parallel-image-placeholder span:first-child{font-size:24px}.parallel-form-actions{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.parallel-btn-discard{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.parallel-btn-discard:hover{background:#e5e7eb;color:#374151}.parallel-btn-save{background:#22c55e;color:#fff}.parallel-btn-save:hover:not(:disabled){background:#16a34a}.parallel-btn-save:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.parallel-modal{max-height:100vh;border-radius:0}.parallel-form-grid{grid-template-columns:1fr 1fr}.parallel-tabs{padding:8px}.parallel-tab{padding:6px 10px;font-size:.8rem}.parallel-tabs-actions{display:none}}@media (max-width: 480px){.parallel-form-grid{grid-template-columns:1fr}.parallel-header h2{font-size:1rem}.parallel-stats{display:none}}.asignar-almacen-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.asignar-almacen-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.asignar-almacen-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.asignar-almacen-close:hover{background:#f5f5f5;color:#1a1a1a}.asignar-almacen-close:disabled{opacity:.5;cursor:not-allowed}.asignar-almacen-content{padding:32px}.asignar-almacen-title{font-size:24px;font-weight:600;margin:0 0 20px;color:#1a1a1a;text-align:center}.asignar-almacen-item-info{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px;text-align:center}.asignar-almacen-item-name{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.asignar-almacen-item-categoria{font-size:14px;color:#6b7280;margin:0}.asignar-almacen-form{display:flex;flex-direction:column;gap:20px}.asignar-almacen-input-group{display:flex;flex-direction:column;gap:8px}.asignar-almacen-input-group label{font-size:14px;font-weight:500;color:#1a1a1a}.asignar-almacen-loading-text{font-size:12px;color:#6b7280;margin-top:4px;font-style:italic}.asignar-almacen-error-message{font-size:14px;color:#dc3545;padding:12px;background:#dc35451a;border-radius:8px;text-align:center}.asignar-almacen-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px;border-top:1px solid #e5e5e5}.asignar-almacen-actions .pcs-button{min-width:120px}@media (max-width: 768px){.asignar-almacen-backdrop{padding:12px}.asignar-almacen-modal{max-width:100%}.asignar-almacen-content{padding:24px}.asignar-almacen-title{font-size:20px;margin-bottom:16px}.asignar-almacen-actions{flex-direction:column-reverse}.asignar-almacen-actions .pcs-button{width:100%}}.item-catprod-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:itemCatprodFadeIn .2s ease}@keyframes itemCatprodFadeIn{0%{opacity:0}to{opacity:1}}.item-catprod-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #00000040;animation:itemCatprodSlideUp .25s ease}@keyframes itemCatprodSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.item-catprod-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.item-catprod-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.item-catprod-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.item-catprod-close:hover{background:#f5f5f5;color:#1a1a1a}.item-catprod-close:disabled{opacity:.5;cursor:not-allowed}.item-catprod-subtitle{font-size:14px;color:#6b7280;padding:4px 20px 12px;border-bottom:1px solid #e5e7eb}.item-catprod-error{margin:12px 20px 0;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.item-catprod-content{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px}.item-catprod-field{display:flex;flex-direction:column;gap:6px}.item-catprod-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:500;color:#374151}.item-catprod-loading{font-size:12px;font-weight:400;color:#9ca3af}@media (max-width: 520px){.item-catprod-backdrop{padding:12px}.item-catprod-modal{max-width:100%;max-height:90vh}.item-catprod-header{padding:14px 16px 0}.item-catprod-title{font-size:16px}.item-catprod-subtitle{padding:4px 16px 10px;font-size:13px}.item-catprod-content{padding:14px 16px 16px;gap:14px}.item-catprod-error{margin:10px 16px 0}}.item-precios-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:itemPreciosFadeIn .2s ease}@keyframes itemPreciosFadeIn{0%{opacity:0}to{opacity:1}}.item-precios-modal{background:#fff;border-radius:16px;width:100%;max-width:640px;height:85vh;overflow:hidden;position:relative;box-shadow:0 8px 32px #00000040;animation:itemPreciosSlideUp .25s ease;display:flex;flex-direction:column}@keyframes itemPreciosSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.item-precios-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.item-precios-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.item-precios-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.item-precios-close:hover{background:#f5f5f5;color:#1a1a1a}.item-precios-close:disabled{opacity:.5;cursor:not-allowed}.item-precios-subtitle{font-size:14px;color:#6b7280;padding:4px 20px 8px}.item-precios-hint{font-size:12px;color:#374151;padding:0 20px 12px;border-bottom:1px solid #e5e7eb}.item-precios-error{margin:12px 20px 0;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.item-precios-add-row{padding:12px 20px 0}.item-precios-content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;min-height:0}.item-precios-row{padding:12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff}.item-precios-row.is-principal{background:#ecfdf5;border-color:#a7f3d0}.item-precios-row-grid{display:grid;grid-template-columns:1.6fr 1fr .8fr;gap:10px;align-items:end}.item-precios-field{display:flex;flex-direction:column;gap:4px}.item-precios-field-precio,.item-precios-field-fecha{min-width:0}.item-precios-label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:500;color:#374151}.item-precios-principal-badge{font-size:10px;font-weight:700;color:#065f46;background:#d1fae5;padding:2px 6px;border-radius:4px}.item-precios-input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;transition:border-color .15s,box-shadow .15s}.item-precios-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.item-precios-input:disabled{background:#f3f4f6;cursor:not-allowed}.item-precios-row-actions{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}.item-precios-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}@media (max-width: 640px){.item-precios-backdrop{padding:0;align-items:stretch;justify-content:stretch}.item-precios-modal{max-width:100%;max-height:100%;height:100%;border-radius:0;animation:none}.item-precios-header{padding-top:12px}.item-precios-close{width:44px;height:44px;font-size:28px;background:#ffffffe6;box-shadow:0 2px 8px #0000001a}.item-precios-row-grid{grid-template-columns:1.6fr 1fr .8fr;gap:8px}.item-precios-footer{justify-content:stretch;gap:10px}.item-precios-footer .pcs-button{flex:1;min-width:0}}.sanity-container{padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;color:#1a1a1a}.sanity-header-compact{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#f8fafc;border-radius:10px;margin-bottom:16px;border:1px solid #e2e8f0}.sanity-header-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.sanity-header-title{display:flex;align-items:center;gap:12px}.sanity-header-title h3{margin:0;font-size:14px;font-weight:600;color:#374151;white-space:nowrap}.sanity-header-legend{display:flex;align-items:center;gap:12px;margin:0;font-size:11px}.sanity-legend-invalid{color:#dc2626;font-weight:500}.sanity-legend-missing{color:#05966999;font-weight:500}.sanity-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.sanity-nav-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.05)}.sanity-nav-btn:active{transform:scale(.98)}.sanity-nav-icon{font-size:12px;color:#64748b}.sanity-nav-text{display:none}.sanity-font-controls{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:2px}.sanity-font-btn{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;color:#475569;transition:all .15s ease}.sanity-font-btn:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.sanity-font-btn:active:not(:disabled){background:#e2e8f0}.sanity-font-btn:disabled{opacity:.4;cursor:not-allowed}.sanity-font-btn-reset{font-size:10px;font-weight:600;color:#64748b;min-width:24px;font-family:monospace}.sanity-font-btn-reset:hover:not(:disabled){background:#fef3c7;color:#92400e}.sanity-nav-indicator{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600;padding:4px 10px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.sanity-nav-current{color:#0f172a;font-size:14px}.sanity-nav-separator{color:#94a3b8;font-size:12px}.sanity-nav-total{color:#64748b;font-size:13px}.sanity-navigation{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f8fafc;border-radius:10px;margin-bottom:16px;border:1px solid #e2e8f0}.sanity-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.sanity-item-title h3{margin:0 0 4px;font-size:20px;color:#1f2937}.sanity-item-id{font-family:monospace;font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px}.sanity-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sanity-status-badge-valid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border:1px solid #6ee7b7}.sanity-status-badge-invalid{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;border:1px solid #fca5a5}.sanity-dots-container{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:12px;flex-wrap:wrap}.sanity-dot{width:10px;height:10px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;cursor:pointer;transition:all .2s ease;padding:0}.sanity-dot:hover{background:#e2e8f0;border-color:#94a3b8;transform:scale(1.2)}.sanity-dot-active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;transform:scale(1.2)}.sanity-dot-active:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.sanity-table{width:100%;border-collapse:collapse;font-size:14px}.sanity-table th,.sanity-table td{padding:12px;text-align:left;border-bottom:1px solid #e5e5e5}.sanity-table th{background-color:#f9fafb;font-weight:600;color:#1a1a1a}.sanity-row-summary{cursor:pointer;transition:background-color .2s}.sanity-row-summary:hover{background-color:#f8f9fa}.sanity-row-expanded{background-color:#f9fafb}.sanity-details-container{padding:20px;background-color:#f8f9fa;border-radius:8px;margin:10px 0;font-family:monospace;border:1px solid #e5e7eb}.sanity-attribute{display:flex;margin-bottom:4px;align-items:flex-start}.sanity-attribute-deletable{padding-left:0}.sanity-delete-attr-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;padding:0;margin-right:8px;background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;color:#dc2626;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}.sanity-delete-attr-btn:hover:not(:disabled){background:#fecaca;border-color:#f87171;transform:scale(1.1)}.sanity-delete-attr-btn:active:not(:disabled){transform:scale(.95)}.sanity-delete-attr-btn:disabled{opacity:.6;cursor:not-allowed}.sanity-delete-spinner{animation:spin .8s linear infinite;display:inline-block}.sanity-key{font-weight:600;margin-right:8px;min-width:150px;color:#1a1a1a}.sanity-value{word-break:break-all}.sanity-status-valid{color:#059669}.sanity-status-invalid{color:#dc2626;background-color:#fee2e2;padding:2px 4px;border-radius:4px}.sanity-status-missing{color:#05966980;font-style:italic}.sanity-status-backend{color:#3b82f6;font-size:.95em}.sanity-status-system{color:#9ca3af;font-size:.9em}.sanity-section-title{font-size:12px;text-transform:uppercase;color:#6b7280;margin-top:12px;margin-bottom:8px;font-weight:700;border-bottom:1px solid #e5e7eb;padding-bottom:4px}.sanity-toggle-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:0 8px;color:#6b7280}.sanity-object-block{margin-left:20px;border-left:1px solid #e5e7eb;padding-left:10px}.items-container{padding:1rem 1.5rem;max-width:100%;overflow-x:auto}.items-header-compact{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.items-header-compact h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a;white-space:nowrap}.items-header-compact .items-tabs{flex:1;margin-bottom:0;border-bottom:none;justify-content:center}.items-header-compact .items-btn-primary{margin-left:auto;white-space:nowrap}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.items-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a}.items-loading,.items-error,.items-empty{text-align:center;padding:3rem;color:#666}.items-error{background-color:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:1rem;color:#c33}.items-error p{margin:0 0 1rem}.items-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.items-btn-primary{background-color:#007bff;color:#fff}.items-btn-primary:hover{background-color:#0056b3}.items-btn-reload{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;transition:all .2s}.items-btn-reload:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd;color:#212529}.items-btn-reload:disabled{opacity:.6;cursor:not-allowed}.items-reload-spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.items-catprod-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;flex-shrink:0;transition:all .15s}.items-catprod-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.items-catprod-btn:active{background:#e5e7eb}.items-btn-secondary{background-color:#6c757d;color:#fff}.items-btn-secondary:hover{background-color:#545b62}.items-btn-danger{background-color:#dc3545;color:#fff}.items-btn-danger:hover{background-color:#c82333}.items-btn-sm{padding:.25rem .5rem;font-size:.75rem;margin-right:.5rem}.items-btn-add-to-almacen{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #28a7454d;margin-left:auto;flex-shrink:0}.items-btn-add-to-almacen:hover{transform:scale(1.1);box-shadow:0 3px 8px #28a74566;background:linear-gradient(135deg,#218838,#1aa179)}.items-btn-add-to-almacen:active{transform:scale(.95)}.items-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.items-table{width:100%;border-collapse:collapse;background-color:#fff}.items-table thead{background-color:#f8f9fa}.items-table th{padding:1rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.items-table td{padding:5px 15px;border-bottom:1px solid #e9ecef;color:#212529;vertical-align:middle}.items-table-image-cell{width:72px;min-width:72px;text-align:center;padding:6px!important}.items-table-image-container{display:flex;flex-direction:column;align-items:center;gap:4px}.items-table-image-wrapper{display:flex;align-items:center;justify-content:center;min-height:56px}.items-table-image-clickable{cursor:pointer;border-radius:8px;transition:all .15s}.items-table-image-clickable:hover{background:#0000000a}.items-marca-chip{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;font-size:10px;line-height:1;background:#fef3c7;border:1px solid #fcd34d;color:#92400e;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.items-marca-editable{cursor:pointer;transition:all .15s ease}.items-marca-editable:hover{background:#fde68a;border-color:#f59e0b;transform:scale(1.05)}.items-marca-dropdown-wrapper{position:relative;z-index:100}.items-marca-dropdown-wrapper .dropdown-marcas-container{min-width:120px}.items-marca-dropdown-wrapper .dropdown-marcas-input{padding:4px 8px;font-size:11px;border-radius:8px;min-height:28px}.items-marca-dropdown-wrapper .dropdown-marcas-dropdown{min-width:200px}.items-image-placeholder{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;background:#f9fafb;transition:all .15s}.items-table-image-clickable:hover .items-image-placeholder{border-color:#9ca3af;color:#6b7280;background:#f3f4f6}.items-table tbody tr:hover{background-color:transparent}.items-table-id{font-family:monospace;font-size:.875rem;color:#6c757d}.items-table-nombre{font-weight:500}.items-categoria-chips{display:flex;flex-wrap:wrap;gap:6px}.items-categoria-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1;background:#eef2ff;border:1px solid #c7d2fe;color:#1f2937;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-producto-chips{display:flex;flex-wrap:wrap;gap:6px}.items-producto-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1;background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-table-descripcion{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items-table-cantidad{text-align:left}.items-table-atributos{text-align:left;vertical-align:top;padding-top:8px}.items-atributos-cell{display:flex;flex-direction:column;gap:4px}.items-atributos-cantidad{font-weight:600;color:#1a1a1a;font-size:.9rem}.items-atributos-extras{display:flex;flex-direction:column;gap:2px}.items-atributo-item{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#6b7280;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items-atributo-label{color:#9ca3af;flex-shrink:0}.items-atributo-value{color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items-table-precio{text-align:right}.items-table-barcodes{text-align:left}.items-barcodes-cell{display:flex;flex-direction:row;gap:8px;align-items:center}.items-barcodes-list{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.items-barcodes-empty{color:#6c757d;font-style:italic;font-size:12px}.items-barcode-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1;background:#f3f4f6;border:1px solid #e5e7eb;color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:6px}.items-barcode-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.items-barcode-remove-btn{border:none;background:transparent;color:#9ca3af;cursor:pointer;padding:6px;line-height:1;font-size:14px;font-weight:700;border-radius:6px;flex-shrink:0;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;transition:all .15s}.items-barcode-remove-btn:hover:not(:disabled){color:#dc3545;background:#dc35451a}.items-barcode-remove-btn:active:not(:disabled){background:#dc354533}.items-barcode-remove-btn:disabled{opacity:.5;cursor:not-allowed}.items-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:12000;padding:16px}.items-confirm-modal{width:100%;max-width:420px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 20px 60px #00000059;padding:16px}.items-confirm-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:8px}.items-confirm-body{font-size:14px;color:#374151;line-height:1.4}.items-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.items-barcodes-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.items-barcode-add-btn{border:1px solid #e5e7eb;background:#fff;border-radius:8px;width:40px;height:40px;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .15s}.items-barcode-add-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827}.items-barcode-save-btn,.items-barcode-cancel-btn{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer}.items-barcode-editor{display:flex;align-items:center;gap:6px}.items-barcode-input{width:160px;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;outline:none}.items-barcode-input:focus{border-color:#9ca3af;box-shadow:0 0 0 2px #9ca3af40}.items-barcode-save-btn:disabled{opacity:.5;cursor:not-allowed}.items-text-input{border:1px solid #6366f1;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:500;outline:none;min-width:120px;max-width:200px;background:#fff;box-shadow:0 0 0 2px #6366f133}.items-text-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #6366f14d}.items-text-input-small{min-width:60px;max-width:100px;padding:2px 6px;font-size:12px}.items-atributo-editable{cursor:pointer}.items-atributo-editable:hover{background:#f3f4f6;border-radius:4px;padding:0 4px;margin:0 -4px}.items-precio-card{display:inline-flex;align-items:center}.items-precio-content{display:flex;align-items:center;gap:8px}.items-precio-values{display:flex;flex-direction:column;gap:2px}.items-precio-header{display:grid;grid-template-columns:80px 80px;gap:6px;align-items:center}.items-precio-header-col{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;text-align:center;border-radius:999px;padding:1px 4px;border:1px solid transparent;line-height:1.2;white-space:nowrap}.items-precio-header-compra{background:#fff3bf;border-color:#ffe066;color:#5c4400}.items-precio-header-venta{background:#d3f9d8;border-color:#8ce99a;color:#0b3d1d}.items-precio-row{display:grid;grid-template-columns:80px 80px;gap:6px;align-items:center}.items-precio-box{border-radius:8px;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.2;text-align:center;border:1px solid #e9ecef;white-space:nowrap;cursor:text;min-height:40px;display:flex;align-items:center;justify-content:center}.items-precio-input{width:100%;border:none;outline:none;background:transparent;padding:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:inherit;font-weight:400;line-height:inherit;color:inherit;text-align:right}.items-precio-box-compra{background:#fff9db;border-color:#ffe8a1;color:#5c4400}.items-precio-box-venta{background:#ebfbee;border-color:#b2f2bb;color:#0b3d1d}.items-precio-proveedores-btn{border:1px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;width:40px;height:40px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;position:relative}.items-precio-proveedores-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:#6366f1;color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000026}.items-precio-proveedores-btn:hover{background:#f3f4f6;color:#111827;border-color:#d1d5db}.items-precio-proveedores-btn svg{width:18px;height:18px}.items-table-actions{white-space:nowrap}.items-section{margin-bottom:2rem}.items-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e5e5;flex-wrap:wrap}.items-section-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.items-collapse-controls{display:flex;gap:8px}.items-collapse-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .15s ease}.items-collapse-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#374151}.items-collapse-btn:disabled{opacity:.5;cursor:not-allowed}.items-collapse-btn-active{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.items-almacen-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .15s ease}.items-almacen-toggle-btn:hover{background:#e5e7eb;color:#374151}.items-global-search-wrapper{position:relative;display:flex;align-items:center;flex:1;max-width:300px;margin:0 12px}.items-search-icon{position:absolute;left:10px;color:#9ca3af;pointer-events:none}.items-global-search{width:100%;padding:8px 32px 8px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .15s,box-shadow .15s}.items-global-search:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.items-global-search::placeholder{color:#9ca3af}.items-search-clear{position:absolute;right:8px;background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%}.items-search-clear:hover{color:#374151;background:#e5e7eb}.items-almacen-sort-select{padding:6px 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:11px;background:#f9fafb;color:#374151;cursor:pointer;transition:all .15s ease;margin-left:8px;min-width:80px}.items-almacen-sort-select:hover{border-color:#d1d5db;background:#fff}.items-almacen-sort-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.items-almacen-search-wrapper{position:relative;display:flex;align-items:center;margin-left:auto;margin-right:10px}.items-almacen-search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.items-almacen-search{width:160px;padding:10px 36px;border:1px solid #e5e7eb;border-radius:24px;font-size:14px;background:#f9fafb;transition:all .2s ease}.items-almacen-search:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f626;width:200px}.items-almacen-search::placeholder{color:#9ca3af;font-size:14px}.items-almacen-search-clear{position:absolute;right:10px;background:#e5e7eb;border:none;font-size:16px;color:#6b7280;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-weight:700}.items-almacen-search-clear:hover{color:#fff;background:#6b7280}@media (max-width: 768px){.items-global-search-wrapper{max-width:none;margin:0}.items-global-search{padding:6px 28px 6px 32px;font-size:13px}.items-search-icon{left:8px;width:14px;height:14px}.items-almacen-search{width:70px;padding:4px 18px 4px 22px}.items-almacen-search:focus{width:110px}}.items-table-minimal{border:1px solid #e0e0e0;border-radius:8px}.items-table-row-clickable{cursor:default;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.items-table-row-clickable:hover,.items-table-row-clickable:active{background-color:transparent}.items-context-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:4px;min-width:200px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.items-context-menu-item{width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;color:#1a1a1a;border-radius:6px;transition:background-color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.items-context-menu-item:hover{background-color:#f9fafb}.items-context-menu-item:active{background-color:#f3f4f6}.items-context-menu-item svg{flex-shrink:0;color:#6b7280}.items-context-menu-item-danger{color:#dc3545}.items-context-menu-item-danger:hover{background-color:#fee;color:#c82333}.items-context-menu-item-danger:active{background-color:#fcc}.items-context-menu-item-danger svg{color:#dc3545}@media (max-width: 768px){.items-container{padding:.5rem 0}.items-header{flex-direction:column;align-items:flex-start;gap:1rem}.items-table-wrapper{font-size:.875rem;border-radius:0;border-left:none;border-right:none}.items-table th,.items-table td{padding:.5rem}.items-section{margin:0}.items-context-menu{min-width:180px}.items-context-menu-item{padding:12px 14px;font-size:14px}.items-table-mobile-hidden{display:none!important}.items-table-row-mobile-second{display:table-row!important;border-top:none;min-height:40px}.items-table-row-mobile-second td{padding:8px 15px 12px;border-top:none;border-bottom:3px solid #e5e7eb!important;background-color:transparent;vertical-align:middle}.items-table-row-mobile-first{border-bottom:none}.items-table-row-mobile-first td{border-bottom:none!important;padding-bottom:4px!important}.items-table-row-mobile-second .items-table-mobile-precio-compra{padding-top:0}.items-mobile-extra-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.items-mobile-extra-row .items-precio-card{flex:1;min-width:180px}.items-mobile-extra-row .items-barcodes-cell{flex:1;min-width:140px}.items-table-mobile-precio-compra{text-align:left;font-size:.875rem;color:#212529}.items-precio-card{width:100%}.items-precio-content{width:100%;justify-content:space-between}.items-precio-header,.items-precio-row{grid-template-columns:1fr 1fr}.items-precio-box{text-align:center}.items-table-mobile-menu-button{display:table-cell!important;text-align:right;padding-right:8px!important;width:50px;min-width:50px}.items-btn-mobile-menu{background:transparent;border:none;padding:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#6c757d;border-radius:4px;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.items-btn-mobile-menu:hover{background-color:#e9ecef;color:#495057}.items-btn-mobile-menu:active{background-color:#dee2e6}.items-table-mobile-image{width:60px;min-width:60px}.items-table-mobile-nombre{min-width:0;max-width:none}.items-table-mobile-cantidad{text-align:left;white-space:nowrap}.items-table thead th:nth-child(4),.items-table thead th:nth-child(5){display:none}}.items-table-mobile-menu-button{display:none}.items-table-almacen img{width:100%;height:100%;object-fit:cover;border-radius:4px}.items-id-tooltip{margin-bottom:8px}.items-id-tooltip-content{display:flex;align-items:center;background:#1a1a1a;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-family:monospace;white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:tooltipFadeIn .15s ease}.items-id-tooltip-text{font-weight:500}.items-id-tooltip-arrow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1a1a1a}.items-image-tooltip-trigger{display:inline-block;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.items-table-divider-row{background-color:#f8f9fa;border-top:2px solid #dee2e6;border-bottom:1px solid #dee2e6}.items-table-divider-cell{padding:12px 15px!important;background-color:#f8f9fa;font-weight:600;color:#495057}.items-table-divider-text{font-size:14px;font-weight:600;color:#1a1a1a}.items-table-divider-count{font-size:12px;font-weight:500;color:#6c757d;margin-left:4px}.items-divider-almacen-image{width:100%;height:100%;object-fit:cover;display:block}.items-descripcion-tooltip{margin-bottom:8px}.items-descripcion-tooltip-content{display:flex;align-items:flex-start;background:#1a1a1a;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.4;white-space:normal;word-wrap:break-word;max-width:300px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:tooltipFadeIn .15s ease}.items-descripcion-tooltip-text{flex:1;font-weight:400}.items-descripcion-tooltip-arrow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1a1a1a}.items-nombre-tooltip-trigger{display:inline-flex;align-items:center;gap:4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.items-nombre-tooltip-trigger:hover{opacity:.8}.items-table-subdivider-row{background-color:#f1f3f5;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.items-table-subdivider-cell{padding:8px 15px!important;background-color:#f1f3f5;font-weight:500;color:#495057}.items-table-subdivider-text{font-size:13px;font-weight:500;color:#495057}.items-table-subdivider-count{font-size:11px;font-weight:500;color:#868e96;margin-left:4px}.items-tabs{display:flex;gap:.25rem;background:#f1f3f5;border-radius:8px;padding:4px}.items-tab{padding:.5rem 1rem;border:none;background:transparent;color:#6c757d;font-size:.8125rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.items-tab:hover{color:#495057;background-color:#fff9}.items-tab.active{color:#007bff;background-color:#fff;box-shadow:0 1px 3px #0000001a}.items-cards-view{display:flex;flex-direction:column;gap:2rem}.items-cards-section{display:flex;flex-direction:column;gap:1.5rem}.items-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.items-almacen-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.items-almacen-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid #dee2e6}.items-almacen-image-wrapper{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:#fff}.items-almacen-image{width:100%;height:100%;object-fit:cover;display:block}.items-almacen-title{font-size:1.125rem;font-weight:600;color:#1a1a1a}.items-almacen-categories{display:flex;flex-direction:column;gap:1rem}.items-category-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transition:all .2s}.items-category-container.items-category-drag-over{border-color:#007bff;background-color:#f0f8ff;box-shadow:0 0 0 2px #007bff33}.items-category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.items-category-title{font-size:.875rem;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.items-category-count{font-size:.75rem;font-weight:500;color:#868e96}.items-category-cards{display:flex;flex-direction:column;gap:.75rem;min-height:60px}.items-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;cursor:grab;transition:all .2s;touch-action:none}.items-card:active{cursor:grabbing}.items-card:hover{box-shadow:0 2px 4px #0000001a;border-color:#007bff}.items-card-dragging{opacity:.5;transform:rotate(5deg)}.items-card-content{display:flex;gap:.75rem;align-items:flex-start}.items-card-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.items-card-nombre{font-size:.875rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.items-card-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.items-card-detail{display:flex;gap:.5rem;font-size:.75rem}.items-card-label{font-weight:500;color:#6c757d;min-width:60px}.items-card-value{flex:1;font-size:.75rem;color:#212529}@media (max-width: 768px){.items-header-compact{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem;padding:0 8px}.items-header-compact h2{display:none}.items-header-compact .items-global-search-wrapper{flex:1;min-width:100px;max-width:none;margin:0;order:1}.items-header-compact .items-tabs{order:4;flex:1 0 100%;justify-content:center;margin-top:4px}.items-header-compact .items-btn-primary{margin-left:0;order:3;padding:6px 10px;font-size:12px}.items-header-compact .items-btn-refresh{padding:6px;min-width:32px;order:2}.items-tabs{gap:.125rem;padding:2px}.items-tab{padding:.25rem .5rem;font-size:.7rem}.items-cards-grid{grid-template-columns:1fr}.items-card{padding:.625rem}}.items-table-row-mobile-second{display:none}.dropdown-almacen-container{position:relative;width:100%}.dropdown-almacen-container.disabled{opacity:.6;pointer-events:none}.dropdown-almacen-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s;min-height:42px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dropdown-almacen-input:hover:not(.disabled){border-color:#9ca3af}.dropdown-almacen-input.open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dropdown-almacen-input.disabled{background:#f3f4f6;cursor:not-allowed}.dropdown-almacen-input.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown-almacen-content{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}.dropdown-almacen-image-wrapper{flex-shrink:0;width:28px;height:28px;border-radius:6px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.dropdown-almacen-image{width:100%;height:100%;object-fit:cover}.dropdown-almacen-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#6b7280;background:#f3f4f6;border-radius:6px}.dropdown-almacen-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.dropdown-almacen-name{font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-almacen-categoria{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-almacen-placeholder{font-size:.875rem;color:#9ca3af}.dropdown-almacen-unassigned{font-size:.875rem;color:#6b7280;font-style:italic}.dropdown-almacen-chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:transform .2s}.dropdown-almacen-chevron.rotated{transform:rotate(180deg)}.dropdown-almacen-dropdown{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:99999;overflow:hidden;max-height:300px}.dropdown-almacen-search{padding:.5rem .75rem;border-bottom:1px solid #f3f4f6;background:#fff}.dropdown-almacen-search-input{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-family:inherit;outline:none}.dropdown-almacen-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dropdown-almacen-options{overflow-y:auto;max-height:300px;-webkit-overflow-scrolling:touch}.dropdown-almacen-option{padding:.625rem .75rem;cursor:pointer;transition:background-color .15s;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid #f3f4f6;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dropdown-almacen-option:last-child{border-bottom:none}.dropdown-almacen-option:hover,.dropdown-almacen-option:active{background-color:#f9fafb}.dropdown-almacen-option.selected{background-color:#eef2ff}.dropdown-almacen-option-unassign{border-bottom:2px solid #e5e7eb}.dropdown-almacen-option-unassign .dropdown-almacen-option-icon{color:#9ca3af}.dropdown-almacen-option-content{flex:1;display:flex;align-items:center;gap:.625rem;min-width:0}.dropdown-almacen-option-image-wrapper{flex-shrink:0;width:32px;height:32px;border-radius:6px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.dropdown-almacen-option-image{width:100%;height:100%;object-fit:cover}.dropdown-almacen-option-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6b7280;background:#f3f4f6;border-radius:6px}.dropdown-almacen-option-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.dropdown-almacen-option-name{font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-almacen-option-categoria{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-almacen-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#6366f1}.dropdown-almacen-empty{padding:1rem;text-align:center;color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.dropdown-almacen-input{font-size:.875rem;padding:.5rem .625rem;min-height:40px}.dropdown-almacen-image-wrapper,.dropdown-almacen-icon{width:24px;height:24px}.dropdown-almacen-name{font-size:.8125rem}.dropdown-almacen-categoria{font-size:.6875rem}.dropdown-almacen-placeholder{font-size:.8125rem}.dropdown-almacen-option{padding:.5rem .625rem}.dropdown-almacen-option-image-wrapper,.dropdown-almacen-option-icon{width:28px;height:28px}.dropdown-almacen-option-name{font-size:.8125rem}.dropdown-almacen-option-categoria{font-size:.6875rem}}@media (max-width: 480px){.dropdown-almacen-input{font-size:.8125rem;padding:.4375rem .5625rem;min-height:38px}.dropdown-almacen-image-wrapper,.dropdown-almacen-icon{width:22px;height:22px}.dropdown-almacen-name{font-size:.75rem}.dropdown-almacen-categoria{font-size:.625rem}.dropdown-almacen-placeholder{font-size:.75rem}.dropdown-almacen-option{padding:.4375rem .5625rem}.dropdown-almacen-option-image-wrapper,.dropdown-almacen-option-icon{width:26px;height:26px}.dropdown-almacen-option-name{font-size:.75rem}.dropdown-almacen-option-categoria{font-size:.625rem}}.dropdown-almacen-options::-webkit-scrollbar{width:6px}.dropdown-almacen-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-almacen-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-almacen-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (hover: none) and (pointer: coarse){.dropdown-almacen-input:active{background-color:#f9fafb}.dropdown-almacen-option:active{background-color:#eef2ff}}.create-producto-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-producto-modal{background:#fff;border-radius:16px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d}.create-producto-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.create-producto-close:hover{background:#f5f5f5;color:#1a1a1a}.create-producto-close:disabled{opacity:.5;cursor:not-allowed}.create-producto-content{padding:20px}.create-producto-title{margin:0 0 16px;font-size:24px;font-weight:600;color:#1a1a1a}.create-producto-form{display:flex;flex-direction:column;gap:16px}.create-producto-section{background:#f8f9fa;border-radius:8px;padding:12px}.create-producto-section-title{font-size:18px;font-weight:600;margin:0 0 10px;color:#1a1a1a;padding-bottom:8px;border-bottom:1px solid #e5e5e5}.create-producto-input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.create-producto-input-group label{font-size:13px;font-weight:600;color:#374151}.create-producto-error{background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px;color:#c33;font-size:13px}.create-producto-actions{display:flex;justify-content:flex-end;gap:10px}.productos-container{padding:2rem;max-width:100%;overflow-x:auto;color:#212529}.productos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.productos-header h2{margin:0;font-size:1.75rem;font-weight:600;color:#1a1a1a}.productos-loading,.productos-error,.productos-empty{text-align:center;padding:3rem;color:#666}.productos-error{background-color:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:1rem;color:#c33}.productos-error p{margin:0 0 1rem}.productos-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.productos-btn-primary{background-color:#007bff;color:#fff}.productos-btn-primary:hover{background-color:#0056b3}.productos-btn-secondary{background-color:#6c757d;color:#fff}.productos-btn-secondary:hover{background-color:#545b62}.productos-btn-danger{background-color:#dc3545;color:#fff}.productos-btn-danger:hover{background-color:#c82333}.productos-btn-sm{padding:.25rem .5rem;font-size:.75rem}.productos-table-wrapper{overflow-x:auto}.productos-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.productos-table th,.productos-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e9ecef;color:#212529;background:#fff}.productos-table th{background-color:#f8f9fa;font-weight:600;color:#495057}.productos-actions{display:flex;gap:8px}.productos-nombre-cell{display:flex;flex-direction:column;gap:8px}.productos-nombre{font-weight:600;color:#1a1a1a}.productos-chips{display:flex;flex-wrap:wrap;gap:6px}.productos-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.productos-chip-categoria{background:#eef2ff;border:1px solid #c7d2fe;color:#1f2937}.productos-chip-item-general{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d}.productos-chip-item-variante{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.inventario-container{width:100%;min-height:100vh;padding:24px;position:relative}.inventario-layout{display:flex;gap:0;min-height:calc(100vh - 48px);background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.inventario-sidebar{width:240px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-right:1px solid #e5e5e5;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.inventario-sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e5e5}.inventario-sidebar-header-row{display:flex;align-items:center;justify-content:flex-start;gap:12px}.inventario-back-button{width:36px;height:36px;border:1px solid #e5e5e5;background:#fffc;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s;flex-shrink:0}.inventario-back-button:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-color:#00bcd4;color:#1a1a1a;transform:translate(-2px)}.inventario-back-button svg{width:20px;height:20px}.inventario-sidebar-header-text{min-width:0;flex:1}.inventario-sidebar-toggle{width:32px;height:32px;border-radius:10px;border:1px solid #e5e5e5;background:#fffc;cursor:pointer;font-weight:800;color:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.inventario-sidebar-toggle:hover{background:#fff;border-color:#00bcd4;color:#00bcd4}.inventario-mobile-menu-btn{display:none}.inventario-sidebar-title{font-size:20px;font-weight:600;margin:0 0 4px;color:#1a1a1a}.inventario-sidebar-subtitle{font-size:14px;color:#666;margin:0}.inventario-tabs{display:flex;flex-direction:column;padding:8px;gap:4px}.inventario-tab{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s;text-align:left}.inventario-tab-label{display:inline-block}.inventario-tab:hover{background:#fff9;color:#1a1a1a}.inventario-tab.active{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;box-shadow:0 2px 8px #00bcd44d}.inventario-tab svg{width:20px;height:20px;flex-shrink:0}.inventario-content{flex:1;padding:32px;overflow-y:auto;background:#fff}.inventario-layout.sidebar-collapsed .inventario-sidebar{width:64px}.inventario-layout.sidebar-collapsed .inventario-sidebar-header{padding:16px 10px}.inventario-layout.sidebar-collapsed .inventario-sidebar-header-row{flex-direction:column;align-items:center;gap:8px}.inventario-layout.sidebar-collapsed .inventario-sidebar-title,.inventario-layout.sidebar-collapsed .inventario-sidebar-subtitle,.inventario-layout.sidebar-collapsed .inventario-sidebar-header-text{display:none}.inventario-layout.sidebar-collapsed .inventario-tabs{padding:8px 6px}.inventario-layout.sidebar-collapsed .inventario-tab{justify-content:center;padding:12px 10px;gap:0}.inventario-layout.sidebar-collapsed .inventario-tab-label{display:none}@media (max-width: 768px){.inventario-container{padding:8px 0}.inventario-layout{flex-direction:column;min-height:calc(100vh - 16px);border-radius:0;box-shadow:none}.inventario-sidebar{width:100%;border-right:none;border-bottom:none;background:#fff;border-radius:0;box-shadow:none;overflow:visible;padding:0 8px}.inventario-sidebar-header{padding:8px 12px;border-bottom:none}.inventario-sidebar-header-row{gap:8px}.inventario-back-button{width:40px;height:40px;background:#f8f9fa;border:none;box-shadow:none}.inventario-back-button:hover{background:#e9ecef}.inventario-back-button svg{width:20px;height:20px}.inventario-sidebar-header-text,.inventario-sidebar-toggle{display:none}.inventario-mobile-menu-btn{display:flex;align-items:center;gap:8px;flex:1;padding:10px 14px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.inventario-mobile-menu-btn:hover{opacity:.95;transform:scale(1.01)}.inventario-mobile-menu-btn:active{transform:scale(.99)}.inventario-mobile-menu-label{flex:1;text-align:left}.inventario-mobile-menu-icon{transition:transform .2s ease}.inventario-mobile-menu-icon.open{transform:rotate(180deg)}.inventario-tabs{display:none;flex-direction:column;background:#fff;border-radius:0 0 12px 12px;padding:8px;gap:4px;position:absolute;top:100%;left:0;right:0;z-index:100;box-shadow:0 8px 20px #00000026;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inventario-sidebar.mobile-menu-open .inventario-tabs{display:flex}.inventario-sidebar.mobile-menu-open{position:relative}.inventario-tab{justify-content:flex-start;padding:12px 16px;gap:12px;border-radius:8px;font-size:14px;background:#f8f9fa}.inventario-tab:hover{background:#e9ecef}.inventario-tab-label{display:inline-block}.inventario-tab svg{width:20px;height:20px}.inventario-tab.active{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;box-shadow:0 2px 8px #00bcd44d}.inventario-content{padding:12px 0;background:#fff;border-radius:0;margin-top:8px;box-shadow:none}.inventario-layout.sidebar-collapsed .inventario-sidebar{width:100%}.inventario-layout.sidebar-collapsed .inventario-sidebar-header{padding:8px 12px}.inventario-layout.sidebar-collapsed .inventario-sidebar-header-row{flex-direction:row;align-items:center}.inventario-layout.sidebar-collapsed .inventario-sidebar-header-text,.inventario-layout.sidebar-collapsed .inventario-tabs{display:none}.inventario-layout.sidebar-collapsed .inventario-sidebar.mobile-menu-open .inventario-tabs{display:flex}.inventario-layout.sidebar-collapsed .inventario-tab{justify-content:flex-start;padding:12px 16px;gap:12px}.inventario-layout.sidebar-collapsed .inventario-tab-label{display:inline-block}}.voice-selector-container{position:relative;width:100%}.voice-selector-trigger{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s}.voice-selector-trigger:hover{border-color:#bbb}.voice-selector-info{display:flex;flex-direction:column}.voice-selector-label{font-weight:500;color:#333}.voice-selector-desc{font-size:11px;color:#666;margin-top:2px}.voice-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:250px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.voice-option{padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;transition:background-color .1s;touch-action:pan-y}.voice-option:hover{filter:brightness(.97)}.voice-option-label{font-size:14px;font-weight:500;color:#333}.voice-option-desc{font-size:11px;color:#888;margin-top:2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;padding:24px;box-shadow:0 4px 20px #0003;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f0f0f0;padding-bottom:12px}.modal-title{font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-body{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#333}.form-input,.form-textarea,.form-select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-textarea{min-height:100px;resize:vertical}.modal-footer{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.btn{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e5e5e5}.btn-primary{background:#1890ff;color:#fff}.btn-primary:hover{background:#096dd9}.btn-primary:disabled{background:#bae7ff;cursor:not-allowed}.share-modal{max-width:450px}.share-option-all{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:20px;border:1px solid #e9ecef}.checkbox-container{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label strong{color:#333}.users-list{border:1px solid #e9ecef;border-radius:8px;max-height:300px;overflow-y:auto}.users-list.disabled{opacity:.5;pointer-events:none}.users-list h4{margin:0;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:14px;color:#666}.user-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;gap:12px;transition:background .2s}.user-item:last-child{border-bottom:none}.user-item:hover{background:#f8f9fa}.user-info{display:flex;flex-direction:column}.user-name{font-weight:500;color:#333;font-size:14px}.user-email{font-size:12px;color:#999}.tts-test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.tts-header-actions{display:flex;gap:12px;align-items:center}.tts-test-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.tts-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tts-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column}.tts-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.tts-section-title{font-size:18px;font-weight:600;color:#333;margin:0}.tts-cards-container{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.tts-card{border:1px solid #e5e5e5;border-radius:8px;padding:16px;background:#fafafa;transition:all .2s;display:flex;flex-direction:column;gap:8px;position:relative;-webkit-user-select:none;user-select:none}.tts-card:hover{background:#fff;box-shadow:0 2px 8px #00000014;border-color:#d9d9d9}.tts-card.selected{background:#e6f7ff;border-color:#1890ff;box-shadow:0 0 0 1px #1890ff}.tts-card-header{display:flex;justify-content:space-between;font-size:12px;color:#999}.tts-card-actions{display:flex;gap:8px;margin-top:4px;border-top:1px solid #f0f0f0;padding-top:8px;justify-content:flex-end}.card-action-btn{background:none;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;color:#666;transition:all .2s}.card-action-btn:hover{background:#f0f0f0;color:#333}.card-action-btn.delete:hover{background:#fff1f0;color:#f5222d}.tts-card-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}.tts-card-text{font-size:14px;color:#333;line-height:1.4;font-style:italic;padding:8px 0}.tts-card-intention{font-size:11px;color:#666;background:#f0f0f0;padding:4px 8px;border-radius:4px;font-weight:500}.tts-card-voice-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.voice-alloy{background:#e6f7ff;color:#0050b3;border:1px solid #91d5ff}.voice-echo{background:#f9f0ff;color:#531dab;border:1px solid #d3adf7}.voice-fable{background:#fff7e6;color:#d46b08;border:1px solid #ffd591}.voice-onyx{background:#f5f5f5;color:#1f1f1f;border:1px solid #d9d9d9}.voice-nova{background:#fcffe6;color:#7cb305;border:1px solid #eaff8f}.voice-shimmer{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.voice-ash{background:#f0f5ff;color:#2f54eb;border:1px solid #adc6ff}.voice-ballad{background:#fff0f6;color:#c41d7f;border:1px solid #ffadd2}.voice-coral{background:#fff2e8;color:#d4380d;border:1px solid #ffbb96}.voice-sage{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.voice-verse{background:#e6fffb;color:#08979c;border:1px solid #87e8de}.tts-audio-player{width:100%;height:36px;margin-top:4px}.tts-empty-state{text-align:center;padding:40px;color:#999;font-style:italic}.bulk-delete-btn{background:#ff4d4f;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.bulk-delete-btn:hover{background:#ff7875}@media (max-width: 900px){.tts-test-grid{grid-template-columns:1fr}}.android-date-picker{position:relative;width:100%}.adp-input-btn{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.adp-input-btn:focus{outline:none;border-color:#3f51b5;box-shadow:0 0 0 2px #3f51b533}.adp-placeholder{color:#9ca3af}.adp-value{color:#111827}.adp-icon{color:#9ca3af}.adp-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.adp-modal{background:#fff;border-radius:16px;width:100%;max-width:328px;box-shadow:0 24px 38px 3px #00000024;overflow:hidden;animation:adp-fade-in .2s ease-out}@keyframes adp-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.adp-header{background:#3f51b5;color:#fff;padding:24px}.adp-label{font-size:14px;font-weight:500;opacity:.9;text-transform:uppercase}.adp-date-display{font-size:32px;font-weight:700;margin-top:4px;line-height:1.2}.adp-body{padding:16px 24px}.adp-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.adp-month-year{font-size:16px;font-weight:600;color:#1f2937}.adp-nav-btn{width:40px;height:40px;border:none;background:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:background-color .2s}.adp-nav-btn:hover{background-color:#f3f4f6}.adp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.adp-weekday{text-align:center;font-size:12px;font-weight:500;color:#6b7280}.adp-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.adp-day-btn{width:36px;height:36px;border:none;background:none;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .2s}.adp-day-btn.current-month{color:#1f2937}.adp-day-btn.other-month{color:#d1d5db;pointer-events:none}.adp-day-btn:hover:not(.selected):not(.disabled){background-color:#e0e7ff;color:#3f51b5}.adp-day-btn.today{color:#3f51b5;font-weight:600;background-color:#f3f4f6}.adp-day-btn.selected{background-color:#3f51b5;color:#fff;font-weight:600}.adp-actions{display:flex;justify-content:flex-end;padding:8px 16px 16px;gap:8px}.adp-action-btn{border:none;background:none;padding:8px 16px;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;text-transform:uppercase;transition:background-color .2s}.adp-cancel{color:#3f51b5}.adp-cancel:hover{background-color:#f3f4f6}.adp-ok{color:#3f51b5}.adp-ok:hover{background-color:#e0e7ff}.mui-time-picker{position:relative;width:100%}.mtp-input-btn{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.mtp-input-btn:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.mtp-placeholder{color:#9ca3af}.mtp-value{color:#111827}.mtp-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.mtp-modal{background:#fff;border-radius:4px;width:328px;max-width:90vw;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024;overflow:hidden;animation:mtp-scale-in .2s}@keyframes mtp-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.mtp-header{background:#1976d2;color:#fff;padding:16px 24px;display:flex;align-items:flex-end;justify-content:space-between}.mtp-time-display{display:flex;align-items:baseline;font-size:58px;line-height:1}.mtp-time-unit{cursor:pointer;opacity:.6;transition:opacity .2s}.mtp-time-unit.selected{opacity:1}.mtp-separator{margin:0 5px;opacity:.6}.mtp-ampm{display:flex;flex-direction:column;margin-left:12px;margin-bottom:6px}.mtp-ampm-btn{background:none;border:none;color:#fff;font-size:16px;font-weight:500;cursor:pointer;opacity:.6;padding:2px}.mtp-ampm-btn.selected{opacity:1}.mtp-body{padding:24px;display:flex;justify-content:center}.mtp-clock{width:260px;height:260px;border-radius:50%;background:#f0f0f0;position:relative;cursor:pointer}.mtp-clock-center{position:absolute;top:50%;left:50%;width:8px;height:8px;background:#1976d2;border-radius:50%;transform:translate(-50%,-50%);z-index:10}.mtp-hand{position:absolute;bottom:50%;left:50%;width:2px;background:#1976d2;transform-origin:bottom center;z-index:5}.mtp-hand-circle{position:absolute;top:-16px;left:-14px;width:32px;height:32px;background:#1976d2;border-radius:50%;opacity:.8}.mtp-number{position:absolute;width:32px;height:32px;text-align:center;line-height:32px;font-size:14px;color:#333;transform:translate(-50%,-50%);pointer-events:none;z-index:11}.mtp-number.selected{color:#fff}.mtp-actions{display:flex;justify-content:flex-end;padding:8px 16px 16px;gap:8px}.mtp-btn{background:none;border:none;color:#1976d2;font-weight:500;font-size:14px;text-transform:uppercase;padding:8px 16px;cursor:pointer;border-radius:4px}.mtp-btn:hover{background:#1976d20a}.color-picker-container{display:flex;flex-direction:column;gap:8px}.cp-label{font-size:14px;font-weight:500;color:#374151}.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:8px}.cp-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .1s}.cp-btn:hover{transform:scale(1.1)}.cp-btn.selected{border-color:#374151;box-shadow:0 0 0 2px #fff inset}.cp-btn.selected:after{content:"✓";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.user-selector{border:1px solid #d1d5db;border-radius:8px;padding:12px;background:#fff}.us-header{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.us-label{font-size:14px;font-weight:500;color:#374151}.us-checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.us-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto}.us-list.disabled{opacity:.5;pointer-events:none}.us-item{display:flex;align-items:center;gap:10px;padding:6px;border-radius:6px;cursor:pointer;transition:background-color .2s}.us-item:hover{background-color:#f3f4f6}.us-avatar{width:24px;height:24px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6b7280;overflow:hidden}.us-avatar img{width:100%;height:100%;object-fit:cover}.us-info{display:flex;flex-direction:column}.us-name{font-size:14px;font-weight:500;color:#1f2937}.us-email{font-size:12px;color:#6b7280}.create-tarea-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px}.create-tarea-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:slide-up .3s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ct-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.ct-title{font-size:20px;font-weight:600;color:#111827;margin:0}.ct-close{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer}.ct-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.ct-form-group{display:flex;flex-direction:column;gap:6px}.ct-label{font-size:14px;font-weight:500;color:#374151}.ct-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:16px}.ct-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.ct-row{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.ct-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.ct-btn{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.ct-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.ct-btn-secondary:hover{background:#f9fafb}.ct-btn-primary{background:#3b82f6;color:#fff}.ct-btn-primary:hover{background:#2563eb}.ct-btn:disabled{opacity:.5;cursor:not-allowed}.task-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px;animation:fade-in .2s}.task-details-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden;position:relative;animation:scale-up .3s cubic-bezier(.16,1,.3,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.td-header{padding:24px 24px 0;text-align:center}.td-close-btn{position:absolute;top:12px;right:12px;background:#0000000d;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#666;transition:background .2s}.td-close-btn:hover{background:#0000001a}.td-countdown{margin-bottom:16px}.td-timer{font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:#111827}.td-status{font-size:14px;font-weight:500;color:#6b7280;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.td-status.active{color:#10b981}.td-status.ended{color:#9ca3af}.td-status.pending{color:#3b82f6}.td-body{padding:0 24px 24px}.td-title{font-size:20px;font-weight:600;color:#1f2937;text-align:center;margin-bottom:20px}.td-info-grid{display:grid;gap:12px;background:#f9fafb;padding:16px;border-radius:12px}.td-info-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.td-label{color:#6b7280}.td-value{color:#111827;font-weight:500}.td-footer{padding:16px 24px;background:#f3f4f6;text-align:center;font-size:12px;color:#6b7280;border-top:1px solid #e5e7eb}.family-clock-container{width:100%;height:100%;min-height:300px;position:relative}.agenda-container{display:flex;flex-direction:column;height:100%;padding:16px;position:relative;overflow-y:auto}.agenda-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.agenda-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.agenda-new-btn{background-color:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.agenda-new-btn:hover{background-color:#2563eb}.agenda-layout{display:flex;flex-direction:column;gap:24px}.agenda-clock-wrapper{width:100%;aspect-ratio:1 / 1;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;position:relative}.agenda-list-wrapper{flex:1;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a;min-height:200px}@media (min-width: 1024px){.agenda-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:24px;height:calc(100vh - 100px)}.agenda-clock-wrapper{width:100%;aspect-ratio:auto;height:100%}}.agenda-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-style:italic;gap:8px}.familia-container{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.familia-back-button{position:absolute;top:16px;left:16px;z-index:10;width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s}.familia-back-button:hover{color:#1a1a1a;transform:translate(-2px);box-shadow:0 4px 12px #00000026}.familia-layout{display:flex;flex:1;padding-top:60px;max-width:1400px;margin:0 auto;width:100%}.familia-layout.sidebar-collapsed .familia-sidebar{width:60px}.familia-sidebar{width:240px;background:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;transition:width .3s ease;flex-shrink:0}.familia-sidebar-header{padding:20px;border-bottom:1px solid #f0f0f0}.familia-sidebar-header-row{display:flex;align-items:center;justify-content:space-between}.familia-sidebar-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.familia-sidebar-subtitle{font-size:12px;color:#999;margin:4px 0 0}.familia-layout.sidebar-collapsed .familia-sidebar-header-text{display:none}.familia-sidebar-toggle{background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:4px}.familia-sidebar-toggle:hover{background:#f5f5f5;color:#666}.familia-tabs{padding:12px;display:flex;flex-direction:column;gap:4px}.familia-tab{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:none;color:#666;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.familia-tab:hover{background:#f5f5f5;color:#1a1a1a}.familia-tab.active{background:#e6f7ff;color:#1890ff}.familia-tab-label{font-size:14px;font-weight:500;white-space:nowrap}.familia-layout.sidebar-collapsed .familia-tab-label{display:none}.familia-layout.sidebar-collapsed .familia-tab{justify-content:center;padding:10px 0}.familia-content{flex:1;padding:24px 32px;overflow-y:auto}@media (max-width: 768px){.familia-layout{flex-direction:column}.familia-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e5e5}.familia-layout.sidebar-collapsed .familia-sidebar{width:100%}.familia-content{padding:16px}}.legal-page-container{min-height:100vh;background-color:#f5f7fa;padding:40px 20px;display:flex;justify-content:center}.legal-content{background-color:#fff;max-width:800px;width:100%;padding:40px;border-radius:12px;box-shadow:0 4px 6px #0000000d;position:relative}.legal-content h1{color:#ff1493;font-size:2.5rem;margin-bottom:10px;text-align:center}.legal-content .last-updated{color:#666;text-align:center;margin-bottom:40px;font-style:italic}.legal-content section{margin-bottom:30px}.legal-content h2{color:#333;font-size:1.5rem;margin-bottom:15px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.legal-content h3{color:#444;font-size:1.2rem;margin-top:20px;margin-bottom:10px}.legal-content p{color:#555;line-height:1.6;margin-bottom:15px}.legal-content ul{list-style-type:disc;margin-left:20px;margin-bottom:15px;color:#555}.legal-content li{margin-bottom:8px;line-height:1.5}.back-link{display:inline-flex;align-items:center;color:#666;text-decoration:none;font-weight:500;margin-bottom:20px;transition:color .2s}.back-link:hover{color:#ff1493}.back-link svg{margin-right:8px}@media (max-width: 768px){.legal-content{padding:20px}.legal-content h1{font-size:2rem}}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:20px}.auth-callback-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:48px;text-align:center;max-width:400px;width:100%;box-shadow:0 8px 32px #0000004d}.auth-callback-card h2{color:#fff;margin:24px 0 12px;font-size:1.5rem;font-weight:600}.auth-callback-card p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.5}.auth-callback-spinner{width:56px;height:56px;border:4px solid rgba(255,255,255,.1);border-top-color:#4285f4;border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.auth-callback-success{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 4px 16px #10b98166;animation:scaleIn .3s ease-out}.auth-callback-error{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 4px 16px #ef444466;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.auth-callback-button{margin-top:24px;padding:12px 32px;background:linear-gradient(135deg,#4285f4,#3b77db);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.auth-callback-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4285f466}.auth-callback-button:active{transform:translateY(0)}.games-page{min-height:100vh;background:linear-gradient(135deg,#f0f9fa,#fff5f8);padding:1rem;display:flex;flex-direction:column}.games-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-bottom:1.5rem}.games-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.games-content{flex:1;display:flex;flex-direction:column}.games-subtitle{color:#666;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.games-grid{display:flex;flex-direction:column;gap:1rem}.games-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid #e5e5e5;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:0 2px 8px #0000000d}.games-card:hover{transform:translateY(-2px);border-color:#00bcd4;box-shadow:0 8px 24px #00bcd426}.games-card:active{transform:translateY(0)}.games-card-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#00bcd4,#ff1493);border-radius:12px;flex-shrink:0}.games-card-info{flex:1;min-width:0}.games-card-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem}.games-card-desc{font-size:.85rem;color:#666;margin:0;line-height:1.4}.games-card-arrow{font-size:1.5rem;color:#999;flex-shrink:0;transition:transform .2s ease}.games-card:hover .games-card-arrow{transform:translate(4px);color:#00bcd4}.games-loading,.games-no-access{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#666;text-align:center;padding:2rem}.games-loading span,.games-no-access span{font-size:3rem}.games-spinner{width:40px;height:40px;border:3px solid #e5e5e5;border-top-color:#00bcd4;border-radius:50%;animation:games-spin .8s linear infinite}@keyframes games-spin{to{transform:rotate(360deg)}}@media (min-width: 640px){.games-page{padding:2rem}.games-title{font-size:2rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.tm-page{min-height:100vh;background:linear-gradient(135deg,#f0f9fa,#fff5f8);padding:1rem;display:flex;flex-direction:column}.tm-header{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;margin-bottom:1.5rem}.tm-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#666;background:#fffc;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:all .2s ease}.tm-back:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-color:#00bcd4;color:#1a1a1a;transform:translate(-2px)}.tm-title{flex:1;font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0}.tm-content{flex:1;display:flex;flex-direction:column}.tm-subtitle{color:#666;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.tm-options{display:flex;flex-direction:column;gap:1rem}.tm-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid #e5e5e5;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:0 2px 8px #0000000d}.tm-option:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.tm-option:active{transform:translateY(0)}.tm-option-admin:hover{border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b26}.tm-option-play:hover{border-color:#22c55e;box-shadow:0 8px 24px #22c55e26}.tm-option-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:12px;flex-shrink:0}.tm-option-admin .tm-option-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.tm-option-play .tm-option-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.tm-option-info{flex:1;min-width:0}.tm-option-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem}.tm-option-desc{font-size:.85rem;color:#666;margin:0;line-height:1.4}.tm-option-arrow{font-size:1.5rem;color:#999;flex-shrink:0;transition:transform .2s ease}.tm-option:hover .tm-option-arrow{transform:translate(4px)}.tm-option-admin:hover .tm-option-arrow{color:#f59e0b}.tm-option-play:hover .tm-option-arrow{color:#22c55e}.tm-loading,.tm-no-access{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#666;text-align:center;padding:2rem}.tm-loading span,.tm-no-access span{font-size:3rem}.tm-spinner{width:40px;height:40px;border:3px solid #e5e5e5;border-top-color:#00bcd4;border-radius:50%;animation:tm-spin .8s linear infinite}@keyframes tm-spin{to{transform:rotate(360deg)}}@media (min-width: 640px){.tm-page{padding:2rem}.tm-title{font-size:1.5rem}.tm-options{max-width:500px;margin:0 auto;width:100%}}.tiu-container{display:flex;flex-direction:column;gap:8px}.tiu-input-hidden{display:none}.tiu-upload-area{width:100%;min-height:140px;background:#f8f9fa;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s;display:flex;align-items:center;justify-content:center}.tiu-upload-area:active:not(.tiu-uploading){background:#f3f4f6;border-color:#00bcd4}.tiu-uploading{cursor:wait;border-color:#00bcd4}.tiu-loading{display:flex;flex-direction:column;align-items:center;gap:10px;color:#666}.tiu-spinner{width:28px;height:28px;border:2px solid #e5e5e5;border-top-color:#00bcd4;border-radius:50%;animation:tiu-spin .8s linear infinite}@keyframes tiu-spin{to{transform:rotate(360deg)}}.tiu-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}.tiu-placeholder-icon{font-size:2.5rem;opacity:.6}.tiu-placeholder-text{font-size:.8rem;color:#999;text-align:center}.tiu-preview-container{position:relative;width:100%;height:100%;min-height:140px}.tiu-preview-image{width:100%;height:100%;min-height:140px;max-height:200px;object-fit:cover;display:block}.tiu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.tiu-preview-container:active .tiu-overlay{opacity:1}.tiu-overlay span{color:#fff;font-size:.9rem;font-weight:500;background:#00000080;padding:8px 16px;border-radius:20px}.tiu-remove-btn{width:100%;padding:10px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.8rem;cursor:pointer;transition:all .2s}.tiu-remove-btn:active{background:#fdd}.tiu-options-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:2000;padding:0}.tiu-options-modal{width:100%;max-width:500px;max-height:80vh;background:#fff;border-radius:20px 20px 0 0;overflow:hidden;box-shadow:0 -4px 24px #00000026;animation:tiu-slide-up .2s ease}@keyframes tiu-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.tiu-options-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-bottom:1px solid #e5e5e5}.tiu-options-title{font-size:1.125rem;font-weight:600;margin:0;color:#1a1a1a}.tiu-options-close{background:#fffc;border:1px solid #e5e5e5;border-radius:10px;width:36px;height:36px;color:#666;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tiu-options-close:hover{background:#f3f4f6;border-color:#d1d5db}.tiu-options-list{padding:16px;display:flex;flex-direction:column;gap:8px}.tiu-option-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:12px;color:#1a1a1a;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left}.tiu-option-btn:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-color:#00bcd4}.tiu-option-btn:active{transform:scale(.98)}.tiu-option-btn:disabled{opacity:.6;cursor:not-allowed}.tiu-option-icon{font-size:1.5rem;width:32px;text-align:center;flex-shrink:0}.tiu-option-text{flex:1;font-weight:500}.tiu-options-remove{padding:16px;border-top:1px solid #e5e5e5;margin-top:0}.tiu-option-btn-danger{background:#fee;border-color:#fcc;color:#c33}.tiu-option-btn-danger:hover{background:#fdd;border-color:#f99}@media (hover: hover){.tiu-upload-area:hover:not(.tiu-uploading){background:#f3f4f6;border-color:#00bcd4}.tiu-preview-container:hover .tiu-overlay{opacity:1}.tiu-remove-btn:hover{background:#fdd}}@media (min-width: 640px){.tiu-options-backdrop{align-items:center;padding:16px}.tiu-options-modal{border-radius:20px;max-height:90vh}}.money-input{font-variant-numeric:tabular-nums;text-align:right}.money-input::placeholder{color:#64748b;opacity:.6}.mp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0}.mp-modal{width:100%;max-height:90vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 24px #00000026}.mp-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-bottom:1px solid #e5e5e5}.mp-title{font-size:1.125rem;font-weight:600;margin:0;color:#1a1a1a}.mp-close{background:#fffc;border:1px solid #e5e5e5;border-radius:10px;width:36px;height:36px;color:#666;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mp-close:hover{background:#f3f4f6;border-color:#d1d5db}.mp-error button{margin-left:auto;background:none;border:none;color:#c33;font-size:1rem;cursor:pointer}.mp-add-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:16px;box-shadow:0 2px 8px #00bcd44d}.mp-add-btn:hover{box-shadow:0 4px 16px #00bcd466}.mp-loading,.mp-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#666}.mp-spinner{width:28px;height:28px;border:2px solid #e5e5e5;border-top-color:#00bcd4;border-radius:50%;animation:mp-spin .8s linear infinite;margin-bottom:12px}.mp-empty span{font-size:2.5rem;margin-bottom:8px}.mp-list{display:flex;flex-direction:column;gap:8px}.mp-item{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 1px 4px #0000000d}.mp-item-info{display:flex;flex-direction:column;gap:2px}.mp-item-name{font-size:.9rem;font-weight:500;color:#1a1a1a}.mp-item-price{font-size:.8rem;color:#16a34a;font-weight:500}.mp-item-actions{display:flex;gap:8px}.mp-edit-btn,.mp-delete-btn{width:36px;height:36px;border:1px solid #e5e5e5;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s}.mp-edit-btn:hover{background:#e0f2fe;border-color:#7dd3fc}.mp-delete-btn:hover{background:#fee;border-color:#fcc}.mp-form{display:flex;flex-direction:column;gap:16px}.mp-form-group{display:flex;flex-direction:column;gap:6px}.mp-form-group label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.03em;font-weight:500}.mp-form-group input{padding:12px 14px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:10px;color:#1a1a1a;font-size:.9rem;transition:all .2s}.mp-form-group input:focus{outline:none;border-color:#00bcd4;background:#fff;box-shadow:0 0 0 3px #00bcd426}.mp-form-section{margin-top:8px}.mp-form-section h3{font-size:.875rem;font-weight:600;color:#1a1a1a;margin:0 0 12px}.mp-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mp-save-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:8px;box-shadow:0 2px 8px #00bcd44d}.mp-save-btn:hover{box-shadow:0 4px 16px #00bcd466}.mp-save-btn:disabled{opacity:.6;cursor:not-allowed}.mp-switch-group{padding:12px 0;border-top:1px dashed #e5e5e5;border-bottom:1px dashed #e5e5e5}.mp-switch-label{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;color:#1a1a1a;cursor:pointer}.mp-switch{position:relative;width:50px;height:28px}.mp-switch input{opacity:0;width:0;height:0}.mp-switch-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#e5e5e5;border-radius:28px;transition:all .3s}.mp-switch-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:all .3s;box-shadow:0 2px 4px #0003}.mp-switch input:checked+.mp-switch-slider{background:linear-gradient(135deg,#00bcd4,#ff1493)}.mp-switch input:checked+.mp-switch-slider:before{transform:translate(22px)}.mp-tipo-especial-selector{display:flex;gap:10px;margin-bottom:4px}.mp-tipo-btn{flex:1;padding:12px 8px;background:#f8f9fa;border:2px solid #e5e5e5;border-radius:12px;font-size:.85rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s;text-align:center}.mp-tipo-btn:hover{background:#f0f0f0;border-color:#d1d5db}.mp-tipo-btn.active{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-color:#00bcd4;color:#1a1a1a}.mp-hint{font-size:.75rem;color:#888;margin:0 0 10px;font-style:italic}.mp-item-especial{border-left:3px solid #00bcd4;background:linear-gradient(135deg,#f0f9fa,#fff5f8)}.mp-item-badge{margin-right:6px}.mc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.mc-modal{width:100%;max-height:90vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 24px #00000026}.mc-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-bottom:1px solid #e5e5e5}.mc-title{font-size:1.125rem;font-weight:600;margin:0;color:#1a1a1a}.mc-close{background:#fffc;border:1px solid #e5e5e5;border-radius:10px;width:36px;height:36px;color:#666;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mc-close:hover{background:#f3f4f6;border-color:#d1d5db}.mc-error{display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:10px 14px;background:#fee;border:1px solid #fcc;border-radius:10px;color:#c33;font-size:.8rem}.mc-error button{margin-left:auto;background:none;border:none;color:#c33;cursor:pointer}.mc-content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch;background:#fff}.mc-add-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:16px;box-shadow:0 2px 8px #00bcd44d}.mc-add-btn:hover{box-shadow:0 4px 16px #00bcd466}.mc-loading,.mc-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#666}.mc-spinner{width:28px;height:28px;border:2px solid #e5e5e5;border-top-color:#00bcd4;border-radius:50%;animation:mc-spin .8s linear infinite;margin-bottom:12px}@keyframes mc-spin{to{transform:rotate(360deg)}}.mc-empty span{font-size:2.5rem;margin-bottom:8px}.mc-list{display:flex;flex-direction:column;gap:8px}.mc-item{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 1px 4px #0000000d}.mc-item-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.mc-item-tipo{font-size:.9rem;font-weight:500;color:#1a1a1a}.mc-item-msg{font-size:.75rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-item-options{font-size:.7rem;color:#999}.mc-item-actions{display:flex;gap:8px;flex-shrink:0}.mc-edit-btn,.mc-delete-btn{width:36px;height:36px;border:1px solid #e5e5e5;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s}.mc-edit-btn:hover{background:#e0f2fe;border-color:#7dd3fc}.mc-delete-btn:hover{background:#fee;border-color:#fcc}.mc-form{display:flex;flex-direction:column;gap:16px}.mc-form-group{display:flex;flex-direction:column;gap:6px}.mc-form-group label{font-size:.75rem;color:#666;text-transform:uppercase;font-weight:500}.mc-form-group input,.mc-form-group select,.mc-form-group textarea{padding:12px 14px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:10px;color:#1a1a1a;font-size:.9rem;transition:all .2s}.mc-form-group input:focus,.mc-form-group select:focus,.mc-form-group textarea:focus{outline:none;border-color:#00bcd4;background:#fff;box-shadow:0 0 0 3px #00bcd426}.mc-form-group textarea{resize:vertical;min-height:80px}.mc-form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.mc-form-section{margin-top:8px}.mc-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mc-section-header h3{font-size:.875rem;font-weight:600;color:#1a1a1a;margin:0}.mc-add-option-btn{padding:6px 12px;background:#d1fae5;border:1px solid #86efac;border-radius:8px;color:#16a34a;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.mc-add-option-btn:hover{background:#a7f3d0}.mc-no-options{color:#999;font-size:.8rem;text-align:center;padding:16px}.mc-options-list{display:flex;flex-direction:column;gap:10px}.mc-option-item{display:flex;gap:8px;align-items:flex-start}.mc-option-fields{flex:1;display:flex;flex-direction:column;gap:6px}.mc-option-fields input{padding:10px 12px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;color:#1a1a1a;font-size:.8rem}.mc-option-fields input:focus{outline:none;border-color:#00bcd4;background:#fff}.mc-remove-option-btn{width:36px;height:36px;background:#fee;border:1px solid #fcc;border-radius:8px;cursor:pointer;flex-shrink:0;transition:all .2s}.mc-remove-option-btn:hover{background:#fdd}.mc-save-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:8px;box-shadow:0 2px 8px #00bcd44d}.mc-save-btn:hover{box-shadow:0 4px 16px #00bcd466}.mc-save-btn:disabled{opacity:.6;cursor:not-allowed}.audio-recorder{display:flex;flex-direction:column;gap:12px}.audio-recorder-error{background:#fee;border:1px solid #fcc;border-radius:8px;padding:10px 12px;color:#c33;font-size:.85rem;display:flex;align-items:center;gap:8px}.audio-recorder-start{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.audio-recorder-start:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.audio-recorder-start:active{transform:translateY(0)}.audio-recorder-mic-icon{font-size:1.5rem}.audio-recorder-recording{display:flex;flex-direction:column;gap:16px;padding:16px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px}.audio-recorder-indicator{display:flex;flex-direction:column;align-items:center;gap:12px}.audio-recorder-pulse{font-size:3rem;animation:pulse 1.5s ease-in-out infinite;transition:transform .1s ease-out}.audio-recorder-pulse.paused{animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.audio-recorder-timer{font-family:SF Mono,Consolas,monospace;font-size:2rem;font-weight:700;color:#fff;letter-spacing:2px}.audio-recorder-max{font-size:1rem;color:#888;margin-left:4px}.audio-recorder-level-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.audio-recorder-level-fill{height:100%;background:linear-gradient(90deg,#22c55e,#84cc16,#facc15);border-radius:3px;transition:width .05s ease-out}.audio-recorder-controls{display:flex;justify-content:center;gap:12px}.audio-recorder-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s}.audio-recorder-btn:hover{transform:scale(1.1)}.audio-recorder-btn:active{transform:scale(.95)}.audio-recorder-btn-pause{background:#3b82f6;color:#fff}.audio-recorder-btn-resume{background:#22c55e;color:#fff}.audio-recorder-btn-stop{background:#ef4444;color:#fff;width:72px;height:72px;font-size:2rem}.audio-recorder-btn-cancel{background:#6b7280;color:#fff}@media (min-width: 640px){.audio-recorder-start{padding:18px 24px}.audio-recorder-recording{padding:20px}.audio-recorder-timer{font-size:2.5rem}}.audio-trimmer{display:flex;flex-direction:column;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px}.audio-trimmer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;background:#f8f9fa;border-radius:12px}.audio-trimmer-spinner{width:32px;height:32px;border:3px solid #e5e5e5;border-top-color:#7c3aed;border-radius:50%;animation:audio-trimmer-spin .8s linear infinite}@keyframes audio-trimmer-spin{to{transform:rotate(360deg)}}.audio-trimmer-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#fee;border:1px solid #fcc;border-radius:12px;color:#c33;text-align:center}.audio-trimmer-error button{padding:8px 16px;background:#c33;color:#fff;border:none;border-radius:6px;cursor:pointer}.audio-trimmer-header{text-align:center}.audio-trimmer-header h3{font-size:1.1rem;margin:0 0 4px;color:#1a1a1a}.audio-trimmer-hint{font-size:.8rem;color:#888;margin:0}.audio-trimmer-waveform-container{width:100%;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.audio-trimmer-canvas{width:100%;height:100px;cursor:pointer;display:block}.audio-trimmer-time-info{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#666}.audio-trimmer-time-label{display:flex;align-items:center;gap:4px}.audio-trimmer-time-dot{width:8px;height:8px;border-radius:50%}.audio-trimmer-time-dot-start{background:#ef4444}.audio-trimmer-time-dot-end{background:#22c55e}.audio-trimmer-duration{font-weight:600;color:#7c3aed}.audio-trimmer-sliders{display:flex;flex-direction:column;gap:12px}.audio-trimmer-slider-group{display:flex;flex-direction:column;gap:4px}.audio-trimmer-slider-group label{font-size:.75rem;color:#666;font-weight:500}.audio-trimmer-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e5e5;border-radius:4px;outline:none}.audio-trimmer-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003}.audio-trimmer-slider-start::-webkit-slider-thumb{background:#ef4444}.audio-trimmer-slider-end::-webkit-slider-thumb{background:#22c55e}.audio-trimmer-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0003}.audio-trimmer-slider-start::-moz-range-thumb{background:#ef4444}.audio-trimmer-slider-end::-moz-range-thumb{background:#22c55e}.audio-trimmer-controls{display:flex;justify-content:center}.audio-trimmer-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.audio-trimmer-btn:disabled{opacity:.6;cursor:not-allowed}.audio-trimmer-btn-play{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.audio-trimmer-btn-play:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1a1a2e4d}.audio-trimmer-actions{display:flex;gap:12px}.audio-trimmer-btn-cancel{flex:1;background:#e5e5e5;color:#666}.audio-trimmer-btn-cancel:hover:not(:disabled){background:#d5d5d5}.audio-trimmer-btn-confirm{flex:2;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff}.audio-trimmer-btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.audio-trimmer-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:audio-trimmer-spin .8s linear infinite}@media (min-width: 640px){.audio-trimmer{padding:20px}.audio-trimmer-canvas{height:120px}.audio-trimmer-sliders{flex-direction:row;gap:20px}.audio-trimmer-slider-group{flex:1}.audio-trimmer-time-info{font-size:.85rem}}.mf-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.mf-modal{width:100%;max-height:90vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 24px #00000026}.mf-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-bottom:1px solid #e5e5e5}.mf-title{font-size:1.125rem;font-weight:600;margin:0;color:#1a1a1a}.mf-close{background:#fffc;border:1px solid #e5e5e5;border-radius:10px;width:36px;height:36px;color:#666;font-size:1.25rem;cursor:pointer;transition:all .2s}.mf-close:hover{background:#f3f4f6;border-color:#d1d5db}.mf-error{display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:10px 14px;background:#fee;border:1px solid #fcc;border-radius:10px;color:#c33;font-size:.8rem}.mf-error button{margin-left:auto;background:none;border:none;color:#c33;cursor:pointer}.mf-content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch;background:#fff}.mf-add-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:12px;box-shadow:0 2px 8px #00bcd44d}.mf-add-btn:hover{box-shadow:0 4px 16px #00bcd466}.mf-filters{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.mf-filter{padding:8px 14px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:20px;color:#666;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .2s}.mf-filter:hover{background:#f3f4f6;border-color:#d1d5db}.mf-filter-active{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-color:#00bcd4;color:#1a1a1a}.mf-loading,.mf-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#666}.mf-spinner{width:28px;height:28px;border:2px solid #e5e5e5;border-top-color:#00bcd4;border-radius:50%;animation:mf-spin .8s linear infinite;margin-bottom:12px}@keyframes mf-spin{to{transform:rotate(360deg)}}.mf-empty span{font-size:2.5rem;margin-bottom:8px}.mf-list{display:flex;flex-direction:column;gap:10px}.mf-item{padding:14px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 1px 4px #0000000d}.mf-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mf-item-tipo{font-size:1.25rem}.mf-item-premio{font-size:.85rem;font-weight:600}.mf-item-msg{font-size:.85rem;color:#374151;margin:0 0 10px;line-height:1.4}.mf-item-actions{display:flex;justify-content:flex-end;gap:8px}.mf-edit-btn,.mf-delete-btn{width:36px;height:36px;border:1px solid #e5e5e5;border-radius:8px;font-size:1rem;cursor:pointer;background:#fff;transition:all .2s}.mf-edit-btn:hover{background:#e0f2fe;border-color:#7dd3fc}.mf-delete-btn:hover{background:#fee;border-color:#fcc}.mf-form{display:flex;flex-direction:column;gap:16px}.mf-form-group{display:flex;flex-direction:column;gap:8px}.mf-form-group label{font-size:.75rem;color:#666;text-transform:uppercase;font-weight:500}.mf-form-group input,.mf-form-group textarea{padding:12px 14px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:10px;color:#1a1a1a;font-size:.9rem;transition:all .2s}.mf-form-group input:focus,.mf-form-group textarea:focus{outline:none;border-color:#00bcd4;background:#fff;box-shadow:0 0 0 3px #00bcd426}.mf-form-group textarea{resize:vertical;min-height:80px}.mf-toggle-group{display:flex;gap:8px}.mf-toggle{flex:1;padding:12px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:10px;color:#666;font-size:.8rem;cursor:pointer;transition:all .2s}.mf-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.mf-toggle-active{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-color:#00bcd4;color:#1a1a1a}.mf-save-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:8px;box-shadow:0 2px 8px #00bcd44d}.mf-save-btn:hover{box-shadow:0 4px 16px #00bcd466}.mf-save-btn:disabled{opacity:.6;cursor:not-allowed}.mf-audio-section{padding:16px;background:#f8f9fa;border-radius:12px;border:1px solid #e5e5e5}.mf-audio-player{display:flex;flex-wrap:wrap;gap:10px}.mf-audio-play-btn{flex:1;min-width:120px;padding:12px 16px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.mf-audio-play-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a1a2e4d}.mf-audio-remove-btn{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:10px;color:#c33;font-size:.85rem;cursor:pointer;transition:all .2s}.mf-audio-remove-btn:hover{background:#fdd}.mf-audio-pending{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:10px;color:#2e7d32;font-size:.85rem}.mf-audio-pending button{padding:8px 12px;background:transparent;border:1px solid #c33;border-radius:6px;color:#c33;cursor:pointer;font-size:.8rem}.mf-audio-pending button:hover{background:#fee}.mf-item-audio-btn{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:8px;padding:4px 8px;font-size:.9rem;cursor:pointer;margin-left:6px;transition:all .2s;animation:mf-audio-pulse 2s ease-in-out infinite}.mf-item-audio-btn:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);transform:scale(1.1);box-shadow:0 2px 8px #2196f34d}.mf-item-audio-btn:active{transform:scale(.95)}@keyframes mf-audio-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (min-width: 640px){.mf-modal{max-width:600px;border-radius:20px;margin:auto}.mf-backdrop{align-items:center;padding:20px}}.mt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.mt-modal{width:100%;max-height:90vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 24px #00000026}.mt-modal-large{max-height:95vh}.mt-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-bottom:1px solid #e5e5e5;flex-shrink:0}.mt-title{font-size:1.125rem;font-weight:600;margin:0;color:#1a1a1a}.mt-close{background:#fffc;border:1px solid #e5e5e5;border-radius:10px;width:36px;height:36px;color:#666;font-size:1.25rem;cursor:pointer;transition:all .2s}.mt-close:hover{background:#f3f4f6;border-color:#d1d5db}.mt-error{display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:10px 14px;background:#fee;border:1px solid #fcc;border-radius:10px;color:#c33;font-size:.8rem;flex-shrink:0}.mt-error button{margin-left:auto;background:none;border:none;color:#c33;cursor:pointer}.mt-tabs{display:flex;padding:0 16px;background:#f8f9fa;border-bottom:1px solid #e5e5e5;flex-shrink:0}.mt-tab{flex:1;padding:12px 16px;background:none;border:none;border-bottom:3px solid transparent;color:#666;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.mt-tab:hover{color:#1a1a1a;background:#00000005}.mt-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:#fff}.mt-content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch;background:#fff}.mt-loading{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#666}.mt-spinner{width:28px;height:28px;border:2px solid #e5e5e5;border-top-color:#00bcd4;border-radius:50%;animation:mt-spin .8s linear infinite;margin-bottom:12px}@keyframes mt-spin{to{transform:rotate(360deg)}}.mt-section{margin-bottom:20px}.mt-section h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 8px}.mt-section h4{font-size:.85rem;font-weight:600;color:#555;margin:0 0 8px}.mt-description{font-size:.8rem;color:#666;margin:0 0 12px;line-height:1.4}.mt-available-grid{display:flex;flex-direction:column;gap:16px}.mt-available-section{background:#f8f9fa;border:1px solid #e5e5e5;border-radius:12px;padding:12px}.mt-available-items{display:flex;flex-wrap:wrap;gap:8px}.mt-available-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .2s}.mt-available-item:hover{border-color:#00bcd4;background:#e0f7fa;transform:translateY(-1px)}.mt-available-item:active{transform:scale(.98)}.mt-available-especial{border-left:3px solid #9333ea}.mt-available-pais{border-left:3px solid #22c55e}.mt-available-emoji{font-size:1rem}.mt-available-name{color:#1a1a1a;font-weight:500}.mt-available-badge{background:#e5e5e5;color:#666;font-size:.65rem;padding:2px 6px;border-radius:10px;margin-left:auto}.mt-empty-text{color:#999;font-size:.8rem;font-style:italic;margin:0;padding:8px}.mt-tablero-section{background:linear-gradient(135deg,#f0f9fa,#fff5f8);border:1px solid #e5e5e5;border-radius:12px;padding:16px}.mt-tablero-empty{display:flex;flex-direction:column;align-items:center;padding:30px 20px;color:#666;text-align:center}.mt-tablero-empty span{font-size:2.5rem;margin-bottom:8px}.mt-tablero-empty p{margin:0}.mt-hint{font-size:.75rem;color:#999;margin-top:4px!important}.mt-tablero-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;padding:4px}.mt-tablero-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 1px 3px #0000000d}.mt-tablero-item-especial{border-left:3px solid #9333ea;background:linear-gradient(90deg,#f3e8ff,#fff 30%)}.mt-tablero-item-drag{color:#999;cursor:grab;padding:4px;font-size:.9rem;-webkit-user-select:none;user-select:none;touch-action:none}.mt-tablero-item-drag:active{cursor:grabbing}.mt-tablero-item-pos{width:24px;height:24px;background:#00bcd4;color:#fff;border-radius:50%;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mt-tablero-item-emoji{font-size:1.1rem}.mt-tablero-item-name{flex:1;font-size:.85rem;font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-tablero-item-remove{width:28px;height:28px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.mt-tablero-item-remove:hover{background:#fcc}.mt-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #86efac;border-radius:12px;margin-bottom:20px}.mt-total-label{font-size:.9rem;color:#374151}.mt-total-value{font-size:1.5rem;font-weight:700;color:#16a34a}.mt-billetes{display:flex;flex-direction:column;gap:12px}.mt-billete{display:flex;align-items:center;gap:12px;padding:10px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:12px}.mt-billete-card{width:70px;padding:10px 8px;border:2px solid;border-radius:8px;text-align:center;background:#fff}.mt-billete-value{font-size:.7rem;font-weight:700}.mt-billete-controls{display:flex;align-items:center;gap:8px}.mt-billete-btn{width:32px;height:32px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#1a1a1a;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mt-billete-btn:hover{background:#f3f4f6;border-color:#d1d5db}.mt-billete-btn:active{background:#e5e7eb}.mt-billete-count{width:32px;text-align:center;font-size:1rem;font-weight:600;color:#1a1a1a}.mt-billete-subtotal{flex:1;text-align:right;font-size:.8rem;color:#666}.mt-save-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:16px;box-shadow:0 2px 8px #00bcd44d}.mt-save-btn:hover{box-shadow:0 4px 16px #00bcd466}.mt-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 640px){.mt-modal{max-width:600px;max-height:85vh;border-radius:20px;margin:auto}.mt-backdrop{align-items:center;padding:20px}.mt-available-grid{flex-direction:row}.mt-available-section{flex:1}}.md-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:1000;animation:md-fadeIn .2s ease}@keyframes md-fadeIn{0%{opacity:0}to{opacity:1}}.md-modal{width:100%;max-height:90vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:md-slideUp .3s ease;box-shadow:0 -4px 20px #0000001a}@keyframes md-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.md-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#f8f9fa;border-radius:20px 20px 0 0}.md-title{font-size:1.2rem;font-weight:700;color:#1a1a1a;margin:0}.md-close{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:50%;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#666}.md-close:hover{background:#e5e7eb}.md-error{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:12px 16px 0;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;color:#dc2626;font-size:.9rem}.md-error button{margin-left:auto;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#dc2626}.md-content{flex:1;overflow-y:auto;padding:16px}.md-add-btn{width:100%;padding:14px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #f973164d;margin-bottom:16px}.md-add-btn:hover{box-shadow:0 4px 16px #f9731666}.md-stats{display:flex;justify-content:center;gap:16px;margin-bottom:16px;padding:10px;background:#f8f9fa;border-radius:10px}.md-stats-positive{color:#22c55e;font-weight:600;font-size:.9rem}.md-stats-negative{color:#ef4444;font-weight:600;font-size:.9rem}.md-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:#666}.md-spinner{width:32px;height:32px;border:3px solid #e5e5e5;border-top-color:#f97316;border-radius:50%;animation:md-spin .8s linear infinite}@keyframes md-spin{to{transform:rotate(360deg)}}.md-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:#999}.md-empty span{font-size:3rem}.md-list{display:flex;flex-direction:column;gap:10px}.md-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 1px 4px #0000000d}.md-item-numero{font-size:1.4rem;font-weight:700;min-width:60px;text-align:center}.md-item-audio-btn{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:8px;padding:6px 10px;font-size:1rem;cursor:pointer;transition:all .2s}.md-item-audio-btn:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);transform:scale(1.1);box-shadow:0 2px 8px #2196f34d}.md-item-audio-btn:active{transform:scale(.95)}.md-item-actions{display:flex;gap:8px;margin-left:auto}.md-edit-btn,.md-delete-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.md-edit-btn{background:#e0f2fe;color:#0284c7}.md-edit-btn:hover{background:#bae6fd}.md-delete-btn{background:#fee2e2;color:#dc2626}.md-delete-btn:hover{background:#fecaca}.md-form{display:flex;flex-direction:column;gap:20px}.md-form-group{display:flex;flex-direction:column;gap:8px}.md-form-group label{font-weight:600;color:#374151;font-size:.95rem}.md-form-hint{font-size:.8rem;color:#6b7280;margin:0}.md-number-input{width:100%;padding:14px;border:1px solid #d1d5db;border-radius:10px;font-size:1.2rem;text-align:center;font-weight:700;color:#1a1a1a;background:#f8f9fa}.md-number-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.md-numero-preview{font-size:1.5rem;font-weight:700;text-align:center;padding:10px;background:#f8f9fa;border-radius:10px}.md-audio-section{background:#f8f9fa;padding:16px;border-radius:12px;border:1px solid #e5e5e5}.md-audio-player{display:flex;flex-direction:column;gap:10px}.md-audio-play-btn{width:100%;padding:12px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #22c55e4d}.md-audio-play-btn:hover{box-shadow:0 4px 16px #22c55e66}.md-audio-remove-btn{width:100%;padding:10px;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:.85rem;cursor:pointer;transition:all .2s}.md-audio-remove-btn:hover{background:#fecaca}.md-audio-pending{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;background:#d1fae5;border:1px solid #86efac;border-radius:10px;color:#16a34a;font-size:.9rem;font-weight:500}.md-audio-pending button{background:transparent;border:1px solid #dc2626;border-radius:8px;color:#dc2626;padding:8px 16px;cursor:pointer;font-size:.85rem;transition:all .2s}.md-audio-pending button:hover{background:#fee2e2}.md-save-btn{width:100%;padding:16px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #f973164d}.md-save-btn:hover:not(:disabled){box-shadow:0 4px 16px #f9731666}.md-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 640px){.md-modal{max-width:500px;border-radius:20px;margin:auto}.md-backdrop{align-items:center;padding:20px}}.banco-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.banco-modal{width:100%;max-height:95vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 24px #00000026}.banco-header{display:flex;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-bottom:1px solid #e5e5e5}.banco-back,.banco-close{background:#fffc;border:1px solid #e5e5e5;border-radius:10px;width:36px;height:36px;color:#666;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.banco-back:hover,.banco-close:hover{background:#f3f4f6;border-color:#d1d5db}.banco-title{flex:1;font-size:1rem;font-weight:600;margin:0;color:#1a1a1a;text-align:center}.banco-error{display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:10px 14px;background:#fee;border:1px solid #fcc;border-radius:10px;color:#c33;font-size:.8rem}.banco-error button{margin-left:auto;background:none;border:none;color:#c33;cursor:pointer}.banco-content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch;background:#fff}.banco-loading{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#666}.banco-spinner{width:28px;height:28px;border:2px solid #e5e5e5;border-top-color:#00bcd4;border-radius:50%;animation:banco-spin .8s linear infinite;margin-bottom:12px}@keyframes banco-spin{to{transform:rotate(360deg)}}.banco-instructions{font-size:.85rem;color:#666;margin:0 0 16px;text-align:center}.banco-jugadores-list{display:flex;flex-direction:column;gap:8px}.banco-jugador-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;cursor:pointer;width:100%;text-align:left;transition:all .2s;box-shadow:0 1px 4px #0000000d}.banco-jugador-item:hover{border-color:#00bcd4;box-shadow:0 4px 12px #00bcd426}.banco-jugador-item:active{background:#f8f9fa}.banco-jugador-info{display:flex;flex-direction:column;gap:4px}.banco-jugador-name{font-size:.95rem;font-weight:500;color:#1a1a1a}.banco-jugador-money{font-size:.85rem;color:#16a34a;font-weight:500}.banco-jugador-arrow{font-size:1.25rem;color:#999}.banco-jugador-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #7dd3fc;border-radius:16px;margin-bottom:20px}.banco-jugador-card .banco-jugador-name{font-size:1.125rem;margin-bottom:4px}.banco-jugador-balance{font-size:1.5rem;font-weight:700;color:#16a34a}.banco-acciones{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.banco-accion-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border:none;border-radius:12px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.banco-accion-dinero{background:linear-gradient(135deg,#22c55e,#16a34a)}.banco-accion-propiedad{background:linear-gradient(135deg,#f59e0b,#d97706)}.banco-accion-btn span{font-size:1.25rem}.banco-accion-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.banco-propiedades{padding:16px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:12px}.banco-propiedades h3{font-size:.8rem;color:#666;margin:0 0 12px;text-transform:uppercase}.banco-propiedades-list{display:flex;flex-wrap:wrap;gap:8px}.banco-propiedad-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:.8rem}.banco-propiedad-name{color:#374151}.banco-propiedad-casas{font-size:.7rem}.banco-dinero-header{text-align:center;margin-bottom:20px}.banco-dinero-header p{font-size:.9rem;color:#374151;margin:0 0 4px}.banco-dinero-header strong{color:#1a1a1a}.banco-dinero-current{font-size:.8rem;color:#666}.banco-operacion-toggle{display:flex;gap:8px;margin-bottom:16px}.banco-operacion-btn{flex:1;padding:14px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:10px;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.banco-operacion-btn:hover{background:#f3f4f6}.banco-operacion-active{color:#1a1a1a}.banco-operacion-active.banco-sumar{background:#d1fae5;border-color:#86efac}.banco-operacion-active.banco-restar{background:#fee;border-color:#fcc}.banco-cantidad-input{display:flex;align-items:center;gap:8px;padding:16px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:16px}.banco-cantidad-symbol{font-size:1.5rem;color:#666}.banco-cantidad-input input,.banco-cantidad-input .money-input{flex:1;background:transparent;border:none;color:#1a1a1a;font-size:1.5rem;font-weight:600;text-align:right}.banco-cantidad-input input:focus,.banco-cantidad-input .money-input:focus{outline:none}.banco-preview{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:20px}.banco-preview span:first-child{font-size:.85rem;color:#666}.banco-preview-value{font-size:1.25rem;font-weight:700}.banco-preview-value.banco-sumar{color:#16a34a}.banco-preview-value.banco-restar{color:#dc2626}.banco-save-btn{width:100%;padding:16px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00bcd44d}.banco-save-btn:hover{box-shadow:0 4px 16px #00bcd466}.banco-save-btn:disabled{opacity:.6;cursor:not-allowed}.banco-paises-list{display:flex;flex-direction:column;gap:8px}.banco-no-paises{text-align:center;color:#999;font-size:.85rem;padding:32px}.banco-pais-item{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;width:100%;text-align:left;transition:all .2s}.banco-pais-item:hover{border-color:#f59e0b;background:#fffbeb}.banco-pais-item:disabled{opacity:.5;cursor:not-allowed}.banco-pais-name{font-size:.9rem;color:#1a1a1a}.banco-pais-price{font-size:.8rem;color:#16a34a;font-weight:500}.banco-propiedad-hipotecada{background:#fef3c7;border-color:#fcd34d}.banco-hipoteca-badge{display:inline-block;margin-left:6px;padding:2px 6px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:600;border-radius:4px;text-transform:uppercase}.banco-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.banco-confirm-dialog{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003}.banco-confirm-dialog h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 12px;text-align:center}.banco-confirm-dialog p{font-size:.9rem;color:#666;margin:0 0 8px;text-align:center}.banco-confirm-price{font-size:1.1rem!important;font-weight:600;color:#d97706!important}.banco-confirm-balance{font-size:.85rem!important;color:#16a34a!important}.banco-confirm-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.banco-confirm-btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.banco-confirm-yes{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.banco-confirm-yes:hover:not(:disabled){box-shadow:0 4px 12px #22c55e4d}.banco-confirm-yes:disabled{opacity:.5;cursor:not-allowed}.banco-confirm-no{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.banco-confirm-no:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b4d}.banco-confirm-cancel{background:#f3f4f6;color:#666;border:1px solid #e5e5e5}.banco-confirm-cancel:hover:not(:disabled){background:#e5e7eb}.banco-propiedades-hint{font-size:.7rem;font-weight:400;color:#999}.banco-propiedad-clickable{cursor:pointer;width:100%;text-align:left;transition:all .2s}.banco-propiedad-clickable:hover:not(:disabled){background:#e0f2fe;border-color:#7dd3fc;transform:translate(4px)}.banco-propiedad-clickable:disabled{cursor:not-allowed;opacity:.6}.banco-casas-dialog{width:100%;max-width:360px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003}.banco-casas-dialog h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 20px;text-align:center}.banco-casas-counter{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.banco-casas-btn{width:56px;height:56px;border:none;border-radius:50%;font-size:1.75rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.banco-casas-btn-minus{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.banco-casas-btn-minus:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.banco-casas-btn-plus{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.banco-casas-btn-plus:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #22c55e66}.banco-casas-btn:disabled{background:#e5e5e5;color:#999;cursor:not-allowed}.banco-casas-value{display:flex;flex-direction:column;align-items:center;min-width:100px}.banco-casas-number{font-size:3rem;font-weight:700;color:#1a1a1a;line-height:1}.banco-casas-label{font-size:.8rem;color:#666;margin-top:4px}.banco-casas-info{text-align:center;padding:16px;background:#f8f9fa;border-radius:12px;margin-bottom:20px}.banco-casas-cambio{font-size:.9rem;color:#374151;margin:0 0 4px}.banco-casas-precio{font-size:1rem;font-weight:600;color:#d97706;margin:0}.banco-casas-buttons{display:flex;flex-direction:column;gap:10px}.banco-casas-sin-cambios{text-align:center;color:#999;font-size:.9rem;padding:12px;margin:0}.banco-top-actions{margin-bottom:16px}.banco-orden-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.banco-orden-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf64d}.banco-orden-header{text-align:center;margin-bottom:20px}.banco-orden-header h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 6px}.banco-hint{font-size:.85rem;color:#888;margin:0}.banco-orden-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.banco-orden-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:2px solid #e5e5e5;border-radius:12px;cursor:grab;transition:all .2s;-webkit-user-select:none;user-select:none}.banco-orden-item:active{cursor:grabbing}.banco-orden-item:hover{border-color:#8b5cf6;background:#faf5ff}.banco-orden-dragging{opacity:.5;transform:scale(.98)}.banco-orden-drag-over{border-color:#8b5cf6;background:#ede9fe;transform:scale(1.02)}.banco-orden-numero{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.85rem;font-weight:700;border-radius:50%;flex-shrink:0}.banco-orden-nombre{flex:1;font-size:.95rem;font-weight:500;color:#1a1a1a}.banco-orden-drag{color:#ccc;font-size:1.2rem;font-weight:700;flex-shrink:0}.banco-orden-turno-actual{text-align:center;padding:12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;font-size:.9rem;color:#0284c7;margin-bottom:20px}.banco-orden-turno-actual strong{color:#0369a1}.deac-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;z-index:1000;animation:deac-fadeIn .2s ease;overflow:hidden;overscroll-behavior:contain;touch-action:none}@keyframes deac-fadeIn{0%{opacity:0}to{opacity:1}}.deac-modal{width:100%;max-height:95vh;background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;animation:deac-slideUp .3s ease;box-shadow:0 -4px 24px #00000026;overflow:hidden;overscroll-behavior:contain;touch-action:auto}@keyframes deac-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.deac-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e5e5e5;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:24px 24px 0 0}.deac-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.deac-close{width:36px;height:36px;border:none;background:#fff3;border-radius:50%;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#fff}.deac-close:hover{background:#ffffff4d}.deac-error{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:12px 16px 0;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;color:#dc2626;font-size:.9rem}.deac-error button{margin-left:auto;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#dc2626}.deac-content{flex:1;overflow-y:auto;padding:20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.deac-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:#666}.deac-spinner{width:32px;height:32px;border:3px solid #e5e5e5;border-top-color:#f97316;border-radius:50%;animation:deac-spin .8s linear infinite}@keyframes deac-spin{to{transform:rotate(360deg)}}.deac-config-section{display:flex;flex-direction:column;gap:16px}.deac-section-title{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0}.deac-hint{font-size:.85rem;color:#666;margin:0}.deac-jugadores-list{display:flex;flex-direction:column;gap:8px}.deac-jugador-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8f9fa;border:2px solid #e5e5e5;border-radius:12px;cursor:grab;transition:all .2s;-webkit-user-select:none;user-select:none}.deac-jugador-item:active{cursor:grabbing}.deac-jugador-item.deac-dragging{opacity:.5;background:#fff;border-color:#f97316}.deac-jugador-item.deac-drag-over{border-color:#f97316;background:#fff7ed;transform:scale(1.02)}.deac-jugador-orden{width:28px;height:28px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.deac-jugador-nombre{flex:1;font-weight:600;color:#1a1a1a}.deac-jugador-drag{color:#999;font-size:1.2rem;letter-spacing:-2px}.deac-config-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.deac-save-btn{width:100%;padding:14px;background:#f8f9fa;border:2px solid #d1d5db;border-radius:12px;color:#374151;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.deac-save-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.deac-save-btn:disabled{opacity:.7;cursor:not-allowed;background:#d1fae5;border-color:#86efac;color:#16a34a}.deac-continue-btn{width:100%;padding:16px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #f973164d}.deac-continue-btn:hover:not(:disabled){box-shadow:0 6px 24px #f9731666;transform:translateY(-1px)}.deac-continue-btn:disabled{opacity:.5;cursor:not-allowed}.deac-historial-section{margin-top:20px;border-top:1px solid #e5e5e5;padding-top:16px}.deac-historial-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:10px;font-size:.95rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.deac-historial-toggle:hover{background:#f3f4f6}.deac-toggle-arrow{transition:transform .2s}.deac-toggle-arrow.deac-open{transform:rotate(180deg)}.deac-historial-list{margin-top:12px;display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.deac-historial-item{padding:10px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:.85rem;color:#374151}.deac-game-section{display:flex;flex-direction:column;align-items:center;gap:24px}.deac-turno-info{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fdba74;border-radius:16px;width:100%}.deac-turno-label{font-size:.9rem;color:#9a3412;text-transform:uppercase;letter-spacing:1px}.deac-turno-nombre{font-size:1.8rem;font-weight:800;color:#c2410c}.deac-turno-numero{font-size:.85rem;color:#ea580c}.deac-action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.deac-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;border:none;border-radius:16px;cursor:pointer;transition:all .2s}.deac-action-btn:disabled{opacity:.5;cursor:not-allowed}.deac-dado-btn{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f973164d}.deac-dado-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.deac-pasaporte-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.deac-pasaporte-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.deac-tarjeta-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.deac-tarjeta-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.deac-action-icon{font-size:2rem}.deac-action-text{font-size:.85rem;font-weight:600;color:#fff}.deac-loading-action{display:flex;justify-content:center;padding:20px}.deac-mini-historial{width:100%;margin-top:20px;padding:16px;background:#f8f9fa;border-radius:12px}.deac-mini-historial h4{margin:0 0 10px;font-size:.85rem;color:#666}.deac-mini-historial-item{padding:8px 0;font-size:.85rem;color:#374151;border-bottom:1px solid #e5e5e5}.deac-mini-historial-item:last-child{border-bottom:none}.deac-resultado-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:deac-fadeIn .2s ease}.deac-resultado-modal{width:100%;max-width:340px;background:#fff;border-radius:24px;overflow:hidden;animation:deac-scaleIn .3s ease}@keyframes deac-scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.deac-resultado-header{padding:20px;background:linear-gradient(135deg,#f97316,#ea580c);text-align:center}.deac-resultado-jugador{font-size:1.5rem;font-weight:700;color:#fff}.deac-resultado-content{padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.deac-resultado-numero{display:flex;flex-direction:column;align-items:center;padding:24px 40px;border-radius:20px}.deac-resultado-numero.deac-positivo{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:3px solid #22c55e}.deac-resultado-numero.deac-negativo{background:linear-gradient(135deg,#fee2e2,#fecaca);border:3px solid #ef4444}.deac-numero-value{font-size:3.5rem;font-weight:800}.deac-positivo .deac-numero-value{color:#16a34a}.deac-negativo .deac-numero-value{color:#dc2626}.deac-numero-label{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.deac-positivo .deac-numero-label{color:#22c55e}.deac-negativo .deac-numero-label{color:#ef4444}.deac-resultado-instruccion{font-size:1.1rem;color:#374151;text-align:center;margin:0}.deac-resultado-tipo-icon{font-size:3rem}.deac-resultado-mensaje{font-size:1.1rem;color:#374151;text-align:center;margin:0;line-height:1.5}.deac-resultado-cantidad{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:1.3rem;font-weight:700}.deac-resultado-cantidad.deac-premio{background:#d1fae5;color:#16a34a}.deac-resultado-cantidad.deac-castigo{background:#fee2e2;color:#dc2626}.deac-resultado-aceptar{width:100%;padding:18px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.deac-resultado-aceptar:hover{filter:brightness(1.1)}.deac-posiciones-section{margin-top:24px;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px}.deac-posiciones-title{margin:0 0 4px;font-size:1rem;color:#78350f;font-weight:700}.deac-posiciones-hint{margin:0 0 12px;font-size:.8rem;color:#a16207}.deac-posiciones-list{display:flex;flex-direction:column;gap:8px}.deac-posicion-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:2px solid #fbbf24;border-radius:12px;cursor:pointer;transition:all .2s}.deac-posicion-item:hover{border-color:#f59e0b;background:#fffbeb;transform:translate(4px)}.deac-posicion-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.deac-posicion-nombre{font-weight:700;color:#1f2937;font-size:.95rem}.deac-posicion-vuelta{font-size:.75rem;color:#6b7280}.deac-posicion-casilla{font-size:.85rem;color:#374151;background:#f3f4f6;padding:6px 10px;border-radius:8px;text-align:right;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deac-posicion-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:fadeIn .2s ease-out}.deac-posicion-modal{width:100%;max-height:90vh;background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;position:relative}.deac-posicion-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.deac-posicion-modal-header h3{margin:0;font-size:1.1rem;font-weight:700}.deac-posicion-modal-close{width:32px;height:32px;border:none;background:#fff3;color:#fff;border-radius:50%;font-size:1.3rem;cursor:pointer}.deac-posicion-modal-info{padding:12px 20px;background:#f0f9ff;border-bottom:1px solid #bae6fd;font-size:.9rem;color:#0369a1}.deac-posicion-modal-content{flex:1;overflow-y:auto;padding:16px 20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.deac-posicion-modal-hint{margin:0 0 12px;font-size:.9rem;color:#6b7280}.deac-tablero-list{display:flex;flex-direction:column;gap:6px}.deac-tablero-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .15s;text-align:left}.deac-tablero-item:hover{border-color:#3b82f6;background:#eff6ff}.deac-tablero-item.deac-tablero-selected{border-color:#2563eb;background:#dbeafe}.deac-tablero-item.deac-tablero-current{border-color:#10b981;background:#ecfdf5}.deac-tablero-index{font-size:.75rem;color:#9ca3af;min-width:28px}.deac-tablero-emoji{font-size:1.3rem}.deac-tablero-nombre{flex:1;font-size:.9rem;color:#1f2937;font-weight:500}.deac-tablero-current-badge{font-size:.7rem;padding:2px 8px;background:#10b981;color:#fff;border-radius:10px;font-weight:600}.deac-vuelta-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:210;padding:20px}.deac-vuelta-confirm-dialog{width:100%;max-width:340px;background:#fff;border-radius:20px;padding:24px;text-align:center}.deac-vuelta-confirm-dialog h4{margin:0 0 8px;font-size:1.2rem;color:#1f2937}.deac-vuelta-confirm-casilla{margin:0 0 20px;padding:10px 14px;background:#f3f4f6;border-radius:10px;font-size:.9rem;color:#374151}.deac-vuelta-confirm-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.deac-vuelta-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border:2px solid;border-radius:14px;cursor:pointer;transition:all .2s;font-size:1rem;font-weight:600}.deac-vuelta-btn span:first-child{font-size:1.5rem}.deac-vuelta-hint{font-size:.75rem;font-weight:400;opacity:.8}.deac-vuelta-primera{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#78350f}.deac-vuelta-primera:hover{background:linear-gradient(135deg,#fde68a,#fbbf24)}.deac-vuelta-comprar{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46}.deac-vuelta-comprar:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7)}.deac-vuelta-cancel{width:100%;padding:12px;background:#f3f4f6;border:none;border-radius:10px;font-size:.9rem;color:#6b7280;cursor:pointer}.deac-vuelta-cancel:hover{background:#e5e7eb}@media (min-width: 640px){.deac-modal{max-width:500px;border-radius:24px;margin:auto}.deac-backdrop{align-items:center;padding:20px}.deac-header{border-radius:24px 24px 0 0}.deac-action-btn{padding:28px 16px}.deac-action-icon{font-size:2.5rem}.deac-posicion-modal{max-width:500px;max-height:85vh;border-radius:24px;margin:auto}.deac-posicion-modal-backdrop{align-items:center;padding:20px}.deac-vuelta-confirm-buttons{flex-direction:row}.deac-vuelta-btn{flex:1}}.gta-loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:9999}.gta-loading-logo{height:80px;width:auto;max-width:200px;object-fit:contain;margin-bottom:24px;animation:gta-pulse 2s ease-in-out infinite}.gta-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#f0f;border-radius:50%;animation:gta-spin 1s linear infinite}.gta-loading-text{margin-top:16px;color:#ffffffb3;font-family:system-ui,-apple-system,sans-serif;font-size:14px}@keyframes gta-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.gta-container{min-height:100vh;background:linear-gradient(135deg,#f0f9fa,#fff5f8);padding:0 0 80px;color:#1a1a1a}.gta-header{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffffe6;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e5e5}.gta-back-btn{background:#fffc;border:1px solid #e5e5e5;border-radius:12px;padding:10px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.gta-back-btn:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-color:#00bcd4;color:#1a1a1a}.gta-back-btn:active{transform:scale(.98)}.gta-title{font-size:1.25rem;font-weight:700;margin:0;color:#1a1a1a}.gta-error{display:flex;align-items:center;gap:8px;margin:16px;padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:12px;color:#c33;font-size:.875rem}.gta-error button{margin-left:auto;background:none;border:none;color:#c33;font-size:1.25rem;cursor:pointer;padding:0 4px}.gta-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:24px}.gta-no-access-icon{font-size:4rem;margin-bottom:16px}.gta-no-access h2{font-size:1.5rem;margin:0 0 8px;color:#1a1a1a}.gta-no-access p{color:#666;margin:0 0 24px}.gta-management-section,.gta-create-section,.gta-partidas-section{padding:16px}.gta-section-title{font-size:1rem;font-weight:600;margin:0 0 12px;color:#666;text-transform:uppercase;letter-spacing:.05em}.gta-management-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gta-management-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:16px;color:#1a1a1a;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000d}.gta-management-btn:hover{border-color:#00bcd4;box-shadow:0 4px 16px #00bcd426}.gta-management-btn:active{transform:scale(.98)}.gta-management-icon{font-size:2rem}.gta-management-label{font-size:.75rem;font-weight:500;text-align:center;color:#666}.gta-create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:16px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00bcd44d}.gta-create-btn:hover{box-shadow:0 4px 16px #00bcd466}.gta-create-btn:disabled{opacity:.7;cursor:not-allowed}.gta-create-btn:active:not(:disabled){transform:scale(.98)}.gta-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:#00bcd4;border-radius:50%;animation:gta-spin .8s linear infinite}@keyframes gta-spin{to{transform:rotate(360deg)}}.gta-loading,.gta-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#666}.gta-loading .gta-spinner{width:32px;height:32px;margin-bottom:16px}.gta-empty span{font-size:3rem;margin-bottom:12px}.gta-partidas-list{display:flex;flex-direction:column;gap:12px}.gta-partida-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000d}.gta-partida-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gta-partida-codigo{display:flex;flex-direction:column;gap:2px}.gta-codigo-label{font-size:.625rem;color:#999;text-transform:uppercase;letter-spacing:.05em}.gta-codigo-value{font-size:1.25rem;font-weight:700;font-family:Courier New,monospace;letter-spacing:.1em;color:#d97706}.gta-partida-estado{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap}.gta-partida-info{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.gta-partida-stat{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#666}.gta-stat-icon{font-size:.875rem}.gta-partida-actions{display:flex;flex-wrap:wrap;gap:8px}.gta-action-btn{flex:1;min-width:80px;padding:10px 12px;border:none;border-radius:10px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.gta-action-start{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.gta-action-banco{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.gta-action-dado-electronico{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.gta-action-finish{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.gta-action-delete{background:#fee;border:1px solid #fcc;color:#c33;flex:0;min-width:44px}.gta-action-delete:hover{background:#fdd}.gta-action-btn:active{transform:scale(.98)}.gta-btn{padding:12px 24px;border:none;border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.gta-btn-primary{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff}.gta-btn:active{transform:scale(.98)}.up-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.up-modal{width:100%;max-width:400px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0003}.up-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-bottom:1px solid #e5e5e5}.up-title{font-size:1.25rem;font-weight:600;margin:0;color:#1a1a1a}.up-close{background:#fffc;border:1px solid #e5e5e5;border-radius:10px;width:36px;height:36px;color:#666;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.up-close:hover{background:#f3f4f6;border-color:#d1d5db}.up-form{padding:24px 20px;display:flex;flex-direction:column;gap:20px;background:#fff}.up-form-group{display:flex;flex-direction:column;gap:8px}.up-form-group label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.up-form-group input{padding:16px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:12px;color:#1a1a1a;font-size:1rem;transition:all .2s}.up-form-group input:focus{outline:none;border-color:#00bcd4;background:#fff;box-shadow:0 0 0 3px #00bcd426}.up-form-group input::placeholder{color:#999}.up-codigo-input{font-family:Courier New,monospace;font-size:1.5rem!important;text-align:center;letter-spacing:.2em}.up-hint{font-size:.75rem;color:#999;text-align:center}.up-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px;box-shadow:0 2px 8px #00bcd44d}.up-submit-btn:hover{box-shadow:0 4px 16px #00bcd466}.up-submit-btn:disabled{opacity:.6;cursor:not-allowed}.up-submit-btn:active:not(:disabled){transform:scale(.98)}.up-submit-btn span{font-size:1.25rem}.up-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:up-spin .8s linear infinite}@keyframes up-spin{to{transform:rotate(360deg)}}.up-footer{padding:16px 20px 24px;text-align:center;background:#f8f9fa}.up-footer p{font-size:.8rem;color:#666;margin:0}.mp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.mp-modal{width:100%;max-height:95vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 24px #00000026}.mp-header{display:flex;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,#fff5f8,#f0f9fa);border-bottom:1px solid #e5e5e5}.mp-back,.mp-close{background:#fffc;border:1px solid #e5e5e5;border-radius:10px;width:36px;height:36px;color:#666;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mp-back:hover,.mp-close:hover{background:#f3f4f6;border-color:#d1d5db}.mp-title{flex:1;font-size:1rem;font-weight:600;margin:0;color:#1a1a1a;text-align:center}.mp-error{display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:10px 14px;background:#fee;border:1px solid #fcc;border-radius:10px;color:#c33;font-size:.8rem}.mp-error button{margin-left:auto;background:none;border:none;color:#c33;cursor:pointer}.mp-content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch;background:#fff}.mp-loading{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#666}.mp-spinner{width:28px;height:28px;border:2px solid #e5e5e5;border-top-color:#ff1493;border-radius:50%;animation:mp-spin .8s linear infinite;margin-bottom:12px}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-empty{display:flex;flex-direction:column;align-items:center;padding:48px 20px;color:#999}.mp-empty-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.mp-empty p{margin:0;font-size:.9rem}.mp-balance-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #86efac;border-radius:16px;margin-bottom:20px}.mp-balance-label{font-size:.75rem;color:#166534;text-transform:uppercase;margin-bottom:4px}.mp-balance-value{font-size:1.75rem;font-weight:700;color:#166534}.mp-propiedades-list{display:flex;flex-direction:column;gap:12px}.mp-propiedad-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000d;transition:all .2s}.mp-propiedad-card:hover{box-shadow:0 4px 12px #0000001a}.mp-propiedad-hipotecada{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.mp-propiedad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mp-propiedad-nombre{font-size:1rem;font-weight:600;color:#1a1a1a}.mp-hipoteca-badge{display:inline-block;padding:4px 8px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:6px;text-transform:uppercase}.mp-propiedad-info{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.mp-propiedad-casas{font-size:.9rem;color:#374151}.mp-sin-casas{color:#9ca3af;font-style:italic}.mp-propiedad-valores{display:flex;gap:16px;font-size:.8rem;color:#666}.mp-propiedad-actions{display:flex;flex-wrap:wrap;gap:8px}.mp-action-btn{flex:1;min-width:100px;padding:10px 12px;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.mp-action-btn:disabled{opacity:.5;cursor:not-allowed}.mp-action-hipotecar{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mp-action-hipotecar:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b4d}.mp-action-deshipotecar{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.mp-action-deshipotecar:hover:not(:disabled){box-shadow:0 4px 12px #22c55e4d}.mp-action-vender{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mp-action-vender:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d}.mp-action-vender-casa{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.mp-action-vender-casa:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d}.mp-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.mp-confirm-dialog{width:100%;max-width:360px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003}.mp-confirm-dialog h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 12px;text-align:center}.mp-confirm-dialog p{font-size:.9rem;color:#666;margin:0 0 20px;text-align:center;line-height:1.5}.mp-confirm-buttons{display:flex;flex-direction:column;gap:10px}.mp-confirm-btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.mp-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.mp-confirm-action{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff}.mp-confirm-action:hover:not(:disabled){box-shadow:0 4px 16px #00bcd466}.mp-confirm-cancel{background:#f3f4f6;color:#666;border:1px solid #e5e5e5}.mp-confirm-cancel:hover:not(:disabled){background:#e5e7eb}@media (min-width: 640px){.mp-modal{max-width:480px;max-height:85vh;border-radius:20px;margin:auto}.mp-backdrop{align-items:center}}.gtp-loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:9999}.gtp-loading-logo{height:80px;width:auto;max-width:200px;object-fit:contain;margin-bottom:24px;animation:gtp-pulse 2s ease-in-out infinite}.gtp-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#f0f;border-radius:50%;animation:gtp-spin 1s linear infinite}.gtp-loading-text{margin-top:16px;color:#ffffffb3;font-family:system-ui,-apple-system,sans-serif;font-size:14px}@keyframes gtp-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.gtp-container{min-height:100vh;background:linear-gradient(135deg,#f0f9fa,#fff5f8);padding:0 0 80px;color:#1a1a1a}.gtp-header{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffffe6;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e5e5}.gtp-back-btn{background:#fffc;border:1px solid #e5e5e5;border-radius:12px;padding:10px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.gtp-back-btn:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-color:#00bcd4;color:#1a1a1a}.gtp-back-btn:active{transform:scale(.98)}.gtp-header-info{display:flex;align-items:center;gap:12px}.gtp-title{font-size:1.25rem;font-weight:700;margin:0;color:#1a1a1a}.gtp-codigo{background:#fef3c7;color:#d97706;border:1px solid #fde68a;padding:4px 10px;border-radius:8px;font-size:.875rem;font-weight:600;font-family:Courier New,monospace;letter-spacing:.1em}.gtp-error{display:flex;align-items:center;gap:8px;margin:16px;padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:12px;color:#c33;font-size:.875rem}.gtp-error button{margin-left:auto;background:none;border:none;color:#c33;font-size:1.25rem;cursor:pointer;padding:0 4px}.gtp-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:24px}.gtp-no-access-icon{font-size:4rem;margin-bottom:16px}.gtp-no-access h2{font-size:1.5rem;margin:0 0 8px;color:#1a1a1a}.gtp-no-access p{color:#666;margin:0 0 8px}.gtp-hint{font-size:.875rem;color:#999;margin-bottom:24px!important}.gtp-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:24px}.gtp-welcome-icon{font-size:5rem;margin-bottom:24px;animation:gtp-bounce 2s ease-in-out infinite}@keyframes gtp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gtp-welcome h2{font-size:1.5rem;margin:0 0 8px;color:#1a1a1a}.gtp-welcome p{color:#666;margin:0 0 32px}.gtp-join-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;border-radius:16px;color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00bcd44d}.gtp-join-btn:hover{box-shadow:0 4px 16px #00bcd466}.gtp-join-btn:active{transform:scale(.98)}.gtp-status-section,.gtp-player-section,.gtp-players-section{padding:16px}.gtp-section-title{font-size:.875rem;font-weight:600;margin:0 0 12px;color:#666;text-transform:uppercase;letter-spacing:.05em}.gtp-waiting,.gtp-finished{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:20px;box-shadow:0 2px 8px #0000000d}.gtp-waiting-icon,.gtp-finished-icon{font-size:3rem;margin-bottom:16px;animation:gtp-pulse 2s ease-in-out infinite}@keyframes gtp-pulse{0%,to{opacity:1}50%{opacity:.5}}.gtp-waiting h2,.gtp-finished h2{font-size:1.25rem;margin:0 0 8px;color:#1a1a1a}.gtp-waiting p{color:#666;margin:0}.gtp-waiting strong{color:#d97706}.gtp-game-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #86efac;border-radius:16px;padding:16px}.gtp-turno-info{display:flex;flex-direction:column;align-items:center;gap:4px}.gtp-turno-label{font-size:.75rem;color:#666;text-transform:uppercase}.gtp-turno-player{font-size:1.25rem;font-weight:700;color:#16a34a}.gtp-player-card{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #7dd3fc;border-radius:20px;padding:20px}.gtp-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gtp-player-name{font-size:1.25rem;font-weight:700;color:#1a1a1a}.gtp-player-status{font-size:1.5rem}.gtp-player-money{display:flex;flex-direction:column;align-items:center;padding:16px;background:#fffc;border-radius:12px;margin-bottom:16px}.gtp-money-label{font-size:.75rem;color:#666;text-transform:uppercase;margin-bottom:4px}.gtp-money-value{font-size:1.75rem;font-weight:700;color:#16a34a}.gtp-player-stats{display:flex;flex-wrap:wrap;gap:12px}.gtp-stat{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#666}.gtp-stat-warning{color:#d97706}.gtp-players-list{display:flex;flex-direction:column;gap:8px}.gtp-player-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;transition:all .2s;box-shadow:0 1px 4px #0000000d}.gtp-player-me{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc}.gtp-player-turn{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#86efac}.gtp-player-item-info{display:flex;flex-direction:column;gap:2px}.gtp-player-item-name{font-size:.9rem;font-weight:500;color:#1a1a1a;display:flex;align-items:center;gap:8px}.gtp-you-badge{font-size:.625rem;padding:2px 6px;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;border-radius:4px;font-weight:600}.gtp-player-item-money{font-size:.8rem;color:#16a34a;font-weight:500}.gtp-player-item-status{font-size:1.25rem}.gtp-btn{padding:12px 24px;border:none;border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.gtp-btn-primary{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff}.gtp-btn:active{transform:scale(.98)}.gtp-frase-buttons{display:flex;gap:12px;padding:16px}.gtp-frase-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border:none;border-radius:16px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000026}.gtp-frase-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.gtp-frase-btn-available{animation:gtp-frase-pulse 1.5s ease-in-out infinite;box-shadow:0 4px 12px #00000026,0 0 0 3px #22c55e4d}@keyframes gtp-frase-pulse{0%,to{box-shadow:0 4px 12px #00000026,0 0 0 3px #22c55e4d}50%{box-shadow:0 6px 16px #0003,0 0 0 6px #22c55e33}}.gtp-frase-btn-used{position:absolute;top:-8px;right:-8px;background:#22c55e;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 2px 6px #22c55e66}.gtp-frase-btn{position:relative}.gtp-frase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0003}.gtp-frase-btn:active:not(:disabled){transform:translateY(0)}.gtp-frase-btn-pasaporte{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.gtp-frase-btn-tarjeta{background:linear-gradient(135deg,#f59e0b,#d97706)}.gtp-frase-btn-icon{font-size:2.5rem}.gtp-frase-btn-text{font-size:.9rem}.gtp-frase-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.gtp-frase-modal{width:100%;max-width:400px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:gtp-modal-enter .3s ease}@keyframes gtp-modal-enter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.gtp-frase-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-bottom:1px solid #e5e5e5}.gtp-frase-modal-tipo{font-size:3rem}.gtp-frase-modal-close{background:#0000001a;border:none;border-radius:50%;width:36px;height:36px;font-size:1.5rem;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center}.gtp-frase-modal-content{padding:24px;text-align:center}.gtp-frase-mensaje{font-size:1.1rem;line-height:1.6;color:#1a1a1a;margin:0 0 20px}.gtp-frase-cantidad{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:12px;margin-bottom:16px}.gtp-frase-premio{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#16a34a}.gtp-frase-castigo{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.gtp-frase-cantidad-icon{font-size:1.5rem}.gtp-frase-cantidad-text{font-size:1.5rem;font-weight:700}.gtp-frase-replay-btn{background:#f3f4f6;border:1px solid #e5e5e5;border-radius:10px;padding:10px 20px;color:#666;font-size:.9rem;cursor:pointer;transition:all .2s}.gtp-frase-replay-btn:hover{background:#e5e7eb}.gtp-frase-modal-accept{width:100%;padding:18px;background:linear-gradient(135deg,#00bcd4,#ff1493);border:none;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.gtp-frase-modal-accept:hover{opacity:.9}.gtp-mis-partidas{padding:16px}.gtp-partidas-list{display:flex;flex-direction:column;gap:12px}.gtp-partida-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:16px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000d}.gtp-partida-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:#00bcd4}.gtp-partida-card:active{transform:translateY(0)}.gtp-partida-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gtp-partida-card-codigo{font-family:Courier New,monospace;font-size:1.125rem;font-weight:700;color:#1a1a1a;letter-spacing:.1em}.gtp-partida-card-estado{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:12px;color:#fff}.gtp-partida-card-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.gtp-partida-card-nombre{font-size:.875rem;color:#666}.gtp-partida-card-nombre strong{color:#1a1a1a}.gtp-partida-card-dinero{font-size:.9rem;font-weight:600;color:#16a34a}.gtp-partida-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f0f0f0}.gtp-partida-card-jugadores{font-size:.8rem;color:#888}.gtp-partida-card-arrow{font-size:1.25rem;color:#00bcd4;font-weight:700}.gtp-loading-partidas{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#666;font-size:.875rem}.gtp-spinner-small{width:18px;height:18px;border:2px solid #e5e5e5;border-top-color:#00bcd4;border-radius:50%;animation:gtp-spin .8s linear infinite}@keyframes gtp-spin{to{transform:rotate(360deg)}}.gtp-dado-section{padding:16px;display:flex;justify-content:center}.gtp-dado-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:280px;padding:20px 32px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:16px;color:#fff;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #f9731666}.gtp-dado-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #f9731680}.gtp-dado-btn:active:not(:disabled){transform:scale(.98)}.gtp-dado-btn:disabled{opacity:.5;cursor:not-allowed}.gtp-dado-btn-my-turn{animation:gtp-dado-pulse 1.5s ease-in-out infinite;box-shadow:0 4px 16px #f9731666,0 0 0 4px #f9731633}@keyframes gtp-dado-pulse{0%,to{box-shadow:0 4px 16px #f9731666,0 0 0 4px #f9731633}50%{box-shadow:0 6px 24px #f9731699,0 0 0 8px #f9731626}}.gtp-dado-turno-info{margin:12px 0 0;font-size:.9rem;color:#666;text-align:center}.gtp-dado-accion-pendiente{margin:12px 0 0;padding:10px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;font-size:.9rem;color:#92400e;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;animation:pulse-warning 1.5s ease-in-out infinite}.gtp-accion-pendiente-icon{font-size:1.25rem}@keyframes pulse-warning{0%,to{box-shadow:0 2px 8px #f59e0b4d}50%{box-shadow:0 4px 16px #f59e0b80}}.gtp-dado-icon{font-size:2rem;animation:gtp-dado-bounce 1s ease-in-out infinite}@keyframes gtp-dado-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.gtp-dado-text{letter-spacing:.5px}.gtp-dado-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:gtp-spin .8s linear infinite}.gtp-dado-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:gtp-fadeIn .2s ease}.gtp-dado-modal{width:100%;max-width:340px;background:#fff;border-radius:24px;overflow:hidden;animation:gtp-scaleIn .3s ease;box-shadow:0 8px 32px #0003}@keyframes gtp-scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.gtp-dado-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#f97316,#ea580c)}.gtp-dado-modal-icon{font-size:2.5rem;animation:gtp-dado-spin-modal 2s linear infinite}@keyframes gtp-dado-spin-modal{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.gtp-dado-modal-close{width:36px;height:36px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.gtp-dado-modal-close:hover{background:#ffffff4d}.gtp-dado-modal-content{padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:20px}.gtp-dado-numero{display:flex;flex-direction:column;align-items:center;padding:24px 40px;border-radius:20px;animation:gtp-dado-pulse .5s ease}@keyframes gtp-dado-pulse{0%{transform:scale(.5)}50%{transform:scale(1.1)}to{transform:scale(1)}}.gtp-dado-positivo{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #22c55e}.gtp-dado-negativo{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444}.gtp-dado-numero-value{font-size:3.5rem;font-weight:800}.gtp-dado-positivo .gtp-dado-numero-value{color:#16a34a}.gtp-dado-negativo .gtp-dado-numero-value{color:#dc2626}.gtp-dado-numero-label{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.8}.gtp-dado-positivo .gtp-dado-numero-label{color:#22c55e}.gtp-dado-negativo .gtp-dado-numero-label{color:#ef4444}.gtp-dado-instruccion{font-size:1.1rem;color:#374151;text-align:center;margin:0}.gtp-dado-replay-btn{padding:12px 24px;background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border:1px solid #00bcd4;border-radius:12px;color:#0097a7;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.gtp-dado-replay-btn:hover{background:linear-gradient(135deg,#b2ebf2,#80deea)}.gtp-dado-modal-accept{width:100%;padding:18px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.gtp-dado-modal-accept:hover{filter:brightness(1.1)}.gtp-positions-section{padding:0 16px;margin-bottom:24px}.gtp-loading-positions,.gtp-no-positions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;color:#666;font-size:.9rem}.gtp-loading-positions{flex-direction:row}.gtp-no-positions span{font-size:2rem}.gtp-positions-list{display:flex;flex-direction:column;gap:10px}.gtp-position-item{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:all .2s}.gtp-position-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.gtp-position-me{border-color:#00bcd4;border-width:2px;background:linear-gradient(135deg,#e0f7fa,#fff 50%)}.gtp-position-player{display:flex;justify-content:space-between;align-items:center}.gtp-position-name{font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:6px}.gtp-you-badge-small{background:#00bcd4;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:6px;font-weight:600}.gtp-position-dinero{font-weight:700;color:#16a34a;font-size:.9rem}.gtp-position-casilla{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f8f9fa;border-radius:8px}.gtp-position-emoji{font-size:1.5rem}.gtp-position-casilla-info{display:flex;flex-direction:column;gap:2px}.gtp-position-casilla-nombre{font-weight:600;color:#1a1a1a;font-size:.9rem}.gtp-position-casilla-index{font-size:.75rem;color:#666}.gtp-position-propiedad{display:flex;justify-content:flex-end}.gtp-position-owner{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.gtp-position-owner-me{background:#d1fae5;color:#059669;border:1px solid #86efac}.gtp-position-owner-other{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.gtp-position-casas{margin-left:4px}.gtp-position-available{padding:4px 10px;background:#e0f7fa;color:#0097a7;border:1px solid #b2ebf2;border-radius:6px;font-size:.8rem;font-weight:500}.gtp-renta-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;animation:fadeIn .2s ease-out}.gtp-renta-modal{width:100%;max-width:360px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gtp-renta-modal-header{display:flex;align-items:center;gap:12px;padding:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #fcd34d}.gtp-renta-icon{font-size:2rem}.gtp-renta-modal-header h3{font-size:1.25rem;font-weight:700;margin:0;color:#92400e}.gtp-renta-modal-content{padding:20px;display:flex;flex-direction:column;gap:16px}.gtp-renta-info{text-align:center}.gtp-renta-property{font-size:1rem;color:#374151;margin:0 0 8px}.gtp-renta-amount{font-size:2rem;font-weight:800;color:#16a34a;margin:0 0 12px}.gtp-renta-players{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:#555;margin:0}.gtp-renta-deudor{color:#dc2626;font-weight:600}.gtp-renta-arrow{font-size:1.25rem;color:#9ca3af}.gtp-renta-arrendador{color:#16a34a;font-weight:600}.gtp-renta-countdown{position:relative;height:36px;background:#f3f4f6;border-radius:18px;overflow:hidden}.gtp-renta-countdown-bar{height:100%;transition:width .3s linear,background-color .3s;border-radius:18px}.gtp-renta-countdown-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#1a1a1a}.gtp-countdown-urgent{color:#dc2626;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.gtp-renta-action{text-align:center}.gtp-renta-message{font-size:.9rem;color:#374151;margin:0 0 12px}.gtp-renta-cobrar-message{color:#16a34a;font-weight:600}.gtp-renta-deudor-message{color:#dc2626;font-weight:600}.gtp-renta-hint{font-size:.8rem;color:#9ca3af;margin:0}.gtp-renta-cobrar-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #22c55e4d;transition:all .2s;animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.gtp-renta-cobrar-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.gtp-renta-cobrar-btn:active:not(:disabled){transform:scale(.98)}.gtp-renta-cobrar-btn:disabled{opacity:.6;cursor:not-allowed}.gtp-compra-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1002;padding:20px}.gtp-compra-modal{width:100%;max-width:360px;background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 48px #0000004d;animation:compraSlideUp .3s ease-out}@keyframes compraSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.gtp-compra-modal-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px}.gtp-compra-modal-icon{font-size:3rem}.gtp-compra-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1a1a1a}.gtp-compra-modal-content{text-align:center;margin-bottom:24px}.gtp-compra-pais-nombre{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 12px}.gtp-compra-precio{font-size:1.125rem;color:#d97706;font-weight:600;margin:0 0 8px}.gtp-compra-saldo{font-size:.95rem;color:#666;margin:0 0 12px}.gtp-compra-saldo-ok{color:#16a34a;font-weight:600}.gtp-compra-saldo-falta{color:#dc2626;font-weight:600}.gtp-compra-aviso{font-size:.85rem;color:#dc2626;background:#fef2f2;padding:10px 14px;border-radius:10px;margin:12px 0 0}.gtp-compra-modal-buttons{display:flex;flex-direction:column;gap:10px}.gtp-compra-btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.gtp-compra-btn:disabled{opacity:.5;cursor:not-allowed}.gtp-compra-btn-comprar{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.gtp-compra-btn-comprar:hover:not(:disabled){box-shadow:0 4px 16px #22c55e66}.gtp-compra-btn-propiedades{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.gtp-compra-btn-propiedades:hover:not(:disabled){box-shadow:0 4px 16px #f59e0b66}.gtp-compra-btn-rechazar{background:#f3f4f6;color:#666;border:1px solid #e5e5e5}.gtp-compra-btn-rechazar:hover:not(:disabled){background:#e5e7eb}.gtp-mis-propiedades-fab{position:fixed;bottom:100px;right:20px;width:56px;height:56px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #8b5cf666;transition:all .3s;z-index:100}.gtp-mis-propiedades-fab:hover{transform:scale(1.1);box-shadow:0 6px 24px #8b5cf680}.gtp-fab-icon{font-size:1.5rem}.gtp-fab-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.gtp-casilla-especial-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:fadeIn .2s ease-out}.gtp-casilla-especial-modal{background:linear-gradient(135deg,#fefefe,#f8f9fa);border-radius:20px;width:100%;max-width:360px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:modalSlideUp .3s ease-out}.gtp-casilla-especial-modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.gtp-casilla-especial-modal-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.gtp-casilla-especial-modal-header h3{margin:0;color:#fff;font-size:1.25rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.gtp-casilla-especial-modal-content{padding:20px}.gtp-casilla-especial-mensaje{text-align:center;font-size:1rem;color:#374151;margin:0 0 20px;padding:12px;background:#f3f4f6;border-radius:12px;line-height:1.5}.gtp-casilla-especial-opciones{display:flex;flex-direction:column;gap:12px}.gtp-casilla-especial-opcion-btn{display:flex;flex-direction:column;gap:8px;padding:16px;border:2px solid #e5e7eb;border-radius:14px;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.gtp-casilla-especial-opcion-btn:hover:not(:disabled){border-color:#8b5cf6;background:#faf5ff;transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf633}.gtp-casilla-especial-opcion-btn:disabled{opacity:.6;cursor:not-allowed}.gtp-opcion-mensaje{font-size:.95rem;font-weight:600;color:#1f2937}.gtp-opcion-accion-preview{display:flex;flex-wrap:wrap;gap:6px}.gtp-accion-tag{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}.gtp-accion-ir{background:#dbeafe;color:#1d4ed8}.gtp-accion-bloqueo{background:#fef3c7;color:#b45309}.gtp-accion-bloqueo-sin{background:#fee2e2;color:#b91c1c}.gtp-accion-pagar{background:#fee2e2;color:#dc2626}.gtp-accion-ganar{background:#dcfce7;color:#16a34a}.gtp-casilla-especial-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#f3f4f6;color:#6b7280;font-size:.9rem}@media (min-width: 640px){.gtp-container{max-width:600px;margin:0 auto}.gtp-frase-btn{padding:24px 20px}.gtp-frase-btn-icon{font-size:3rem}.gtp-dado-btn{max-width:320px}.gtp-dado-modal{max-width:400px}.gtp-position-item{flex-direction:row;align-items:center;gap:16px}.gtp-position-player{min-width:160px;flex-direction:column;align-items:flex-start;gap:4px}.gtp-position-casilla{flex:1}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.led-pixel-container{min-height:100vh;width:100%;padding:40px 24px;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);position:relative}.led-pixel-back-button{position:fixed;top:20px;left:20px;width:44px;height:44px;border-radius:12px;border:1px solid rgba(0,255,255,.3);background:#00000080;color:#0ff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.led-pixel-back-button:hover{background:#00ffff26;border-color:#0ff;transform:translate(-3px);box-shadow:0 0 20px #00ffff4d}.led-pixel-content{max-width:1200px;margin:0 auto;padding-top:60px}.led-pixel-header{text-align:center;margin-bottom:48px}.led-pixel-title{font-size:42px;font-weight:700;margin:0 0 12px;background:linear-gradient(90deg,#0ff,#f0f,#0ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:ledGradient 3s linear infinite}@keyframes ledGradient{0%{background-position:0% center}to{background-position:200% center}}.led-pixel-subtitle{font-size:16px;color:#fff9;margin:0}.led-pixel-upload-zone{border:2px dashed rgba(0,255,255,.4);border-radius:16px;padding:60px 40px;text-align:center;background:#00ffff08;cursor:pointer;transition:all .3s ease;margin-bottom:32px}.led-pixel-upload-zone:hover,.led-pixel-upload-zone.dragging{border-color:#0ff;background:#00ffff14;box-shadow:0 0 30px #00ffff26}.led-pixel-upload-zone.has-video{border-color:#0f8;background:#00ff880d}.led-pixel-upload-icon{width:64px;height:64px;margin:0 auto 20px;color:#0ff9}.led-pixel-upload-text{font-size:18px;color:#fffc;margin:0 0 8px}.led-pixel-upload-hint{font-size:14px;color:#fff6;margin:0}.led-pixel-upload-input{display:none}.led-pixel-video-info{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#00ff881a;border-radius:12px;margin-bottom:24px;border:1px solid rgba(0,255,136,.3)}.led-pixel-video-info-icon{width:40px;height:40px;color:#0f8;flex-shrink:0}.led-pixel-video-info-text{flex:1}.led-pixel-video-name{font-size:16px;font-weight:500;color:#fff;margin:0 0 4px}.led-pixel-video-size{font-size:13px;color:#ffffff80;margin:0}.led-pixel-video-remove{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,100,100,.4);background:#ff64641a;color:#ff6464;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.led-pixel-video-remove:hover{background:#ff646433;border-color:#ff6464}.led-pixel-cropper-section{background:#ffffff08;border-radius:16px;padding:24px;margin-bottom:32px;border:1px solid rgba(255,255,255,.1)}.led-pixel-cropper-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.led-pixel-cropper-hint{font-size:14px;color:#ffffff80;margin:0 0 20px}.led-pixel-cropper-container{max-width:100%;max-height:500px;display:flex;justify-content:center;align-items:center;background:#0000004d;border-radius:12px;overflow:hidden}.led-pixel-cropper-container img{max-width:100%;max-height:500px}.led-pixel-cropper-container .ReactCrop{max-height:500px}.led-pixel-cropper-container .ReactCrop__crop-selection{border:2px solid #00ffff!important;box-shadow:0 0 20px #0ff6!important}.led-pixel-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.led-pixel-extract-btn{padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;background:linear-gradient(135deg,#0ff,#0cc);color:#0a0a0a}.led-pixel-extract-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #0ff6}.led-pixel-extract-btn:disabled{opacity:.5;cursor:not-allowed}.led-pixel-reset-btn{padding:14px 24px;font-size:16px;font-weight:500;border:1px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;background:transparent;color:#fff;transition:all .2s}.led-pixel-reset-btn:hover{background:#ffffff1a;border-color:#ffffff80}.led-pixel-loading{display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 20px;text-align:center}.led-pixel-loading-spinner{width:60px;height:60px;border:3px solid rgba(0,255,255,.2);border-top-color:#0ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.led-pixel-loading-text{font-size:18px;color:#fffc;margin:0}.led-pixel-loading-subtext{font-size:14px;color:#fff6;margin:0}.led-pixel-results{margin-top:48px}.led-pixel-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.led-pixel-results-title{font-size:24px;font-weight:600;color:#fff;margin:0}.led-pixel-results-count{font-size:14px;color:#ffffff80;background:#ffffff1a;padding:6px 12px;border-radius:20px}.led-pixel-download-all-btn{padding:10px 20px;font-size:14px;font-weight:500;border:1px solid rgba(0,255,255,.4);border-radius:8px;cursor:pointer;background:#00ffff1a;color:#0ff;display:flex;align-items:center;gap:8px;transition:all .2s}.led-pixel-download-all-btn:hover{background:#0ff3;border-color:#0ff}.led-pixel-frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.led-pixel-frame-card{position:relative;border-radius:12px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;aspect-ratio:95 / 16}.led-pixel-frame-card:hover{border-color:#00ffff80;transform:translateY(-4px);box-shadow:0 12px 40px #00ffff26}.led-pixel-frame-img{width:100%;height:100%;object-fit:cover;display:block}.led-pixel-frame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8) 100%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;justify-content:space-between;padding:12px}.led-pixel-frame-card:hover .led-pixel-frame-overlay{opacity:1}.led-pixel-frame-number{font-size:13px;color:#fffc;font-weight:500}.led-pixel-frame-download{width:32px;height:32px;border-radius:8px;border:1px solid rgba(0,255,255,.5);background:#0ff3;color:#0ff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.led-pixel-frame-download:hover{background:#0ff;color:#0a0a0a}.led-pixel-error{text-align:center;padding:40px 20px;background:#ff64641a;border-radius:16px;border:1px solid rgba(255,100,100,.3)}.led-pixel-error-icon{width:48px;height:48px;color:#ff6464;margin:0 auto 16px}.led-pixel-error-text{font-size:16px;color:#ff6464;margin:0 0 8px}.led-pixel-error-detail{font-size:14px;color:#ffffff80;margin:0}@media (max-width: 768px){.led-pixel-container{padding:20px 16px}.led-pixel-content{padding-top:40px}.led-pixel-title{font-size:28px}.led-pixel-upload-zone{padding:40px 20px}.led-pixel-actions{flex-direction:column}.led-pixel-extract-btn,.led-pixel-reset-btn{width:100%;justify-content:center}.led-pixel-frames-grid{grid-template-columns:1fr}.led-pixel-results-header{flex-direction:column;align-items:flex-start}}.main-layout{width:100%;min-height:100vh;display:flex;flex-direction:column;background:transparent}.connection-indicator{position:fixed;top:20px;left:20px;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.connection-indicator.connected{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#22c55e}.connection-indicator.disconnected{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ef4444}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.connected .status-dot{background:#22c55e}.disconnected .status-dot{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main-content{flex:1;overflow:auto;position:relative}@media (max-width: 768px){.connection-indicator{top:10px;left:10px;font-size:10px;padding:6px 12px}}.app{width:100%;height:100vh;display:flex;flex-direction:column}.app-container{flex:1;overflow:auto;position:relative}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.touchable{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.touchable:active{opacity:.7}.canvas-3d{width:100%;height:100%;touch-action:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;max-width:100%;margin:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){:root{font-size:14px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}