@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}html{overflow-x:hidden;width:100%}body{margin:0;min-height:100vh;background-color:#fff;color:#111827;overflow-x:hidden;width:100%}a{color:inherit;text-decoration:none}a:visited,a:visited *{color:inherit}button{border-radius:10px}.cart-button{position:relative;padding:.75rem;border-radius:12px;background:#fff;border:1.5px solid rgba(49,114,162,.15);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#3172a2;z-index:1}.cart-button:hover{background:#fff;border-color:#a53c7d;color:#a53c7d;box-shadow:0 2px 8px #a53c7d26}.cart-button:active{transform:translateY(0);box-shadow:0 2px 8px #a53c7d33}.cart-icon{width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.cart-button:hover .cart-icon{transform:scale(1.05)}.cart-count{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#a53c7d,#c94a8f);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .4rem;border-radius:12px;min-width:18px;height:18px;text-align:center;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 2px 8px #a53c7d80;animation:cartCountPulse .6s ease-out;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.5px}@keyframes cartCountPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.cart-count.adding{animation:cartCountBounce .8s ease-out}@keyframes cartCountBounce{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}75%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 480px){.cart-button{padding:.6rem}.cart-icon{width:18px;height:18px}.cart-count{font-size:.65rem;min-width:16px;height:16px;top:-4px;right:-4px}}@media (max-width: 360px){.cart-button{padding:.5rem}.cart-icon{width:16px;height:16px}.cart-count{font-size:.6rem;min-width:14px;height:14px;top:-3px;right:-3px}}@media (max-width: 768px){.cart-button{padding:.7rem;border-radius:10px}.cart-icon{width:19px;height:19px}.cart-count{font-size:.68rem;min-width:17px;height:17px;top:-5px;right:-5px}}.modal-ui-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;z-index:99999;display:flex;align-items:center;justify-content:center;animation:modal-fade-in .3s ease;padding:1rem;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%)}.modal-ui-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;padding:2rem 1.25rem 1.25rem;min-width:320px;max-width:640px;max-height:90vh;overflow-y:auto;position:relative;animation:modal-pop-in .3s ease;width:100%;border:1px solid #e5e7eb;z-index:100000}.modal-ui-content.modal-login{border-radius:24px;padding:0;overflow:hidden;border:1px solid rgba(49,114,162,.1);box-shadow:0 20px 60px #00000026,0 4px 12px #00000014;max-width:450px}.modal-ui-content.modal-login:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3172a2,#a53c7d);z-index:1}.modal-ui-content.modal-login .modal-ui-close{top:1rem;right:1rem;z-index:10}.modal-ui-close{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:1.5px solid rgba(49,114,162,.15);width:36px;height:36px;border-radius:50%;font-size:1.25rem;color:#3172a2;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #3172a21a}.modal-ui-close:hover{color:#a53c7d;background:#fff;border-color:#a53c7d;transform:scale(1.1);box-shadow:0 4px 12px #a53c7d33}@media (min-width: 480px){.modal-ui-content{min-width:400px;max-width:90vw}}@media (min-width: 768px){.modal-ui-content{min-width:500px;max-width:80vw;padding:2.5rem 2rem 2rem}.modal-ui-close{font-size:1.5rem;top:1.25rem;right:1.25rem;width:40px;height:40px}}@media (min-width: 1024px){.modal-ui-content{min-width:600px;max-width:70vw;padding:3rem 2.5rem 2.5rem}}@media (min-width: 1280px){.modal-ui-content{min-width:700px;max-width:60vw}}@media (min-width: 1536px){.modal-ui-content{min-width:800px;max-width:40vw}}.modal-ui-content.modal-sm{min-width:320px;max-width:400px}.modal-ui-content.modal-md{min-width:500px;max-width:600px}.modal-ui-content.modal-lg{min-width:700px;max-width:800px}.modal-ui-content.modal-xl{min-width:900px;max-width:1000px}.modal-ui-content.modal-producto-ancho{max-width:1100px!important;width:100%;min-width:800px;max-height:85vh!important;height:auto;overflow-y:visible;padding:0!important;border-radius:20px;box-shadow:0 25px 80px #0000004d}@media (max-width: 1024px){.modal-ui-content.modal-producto-ancho{min-width:95vw;max-width:95vw;max-height:90vh!important}}@media (max-width: 900px){.modal-ui-content.modal-producto-ancho{min-width:98vw;max-width:98vw;max-height:95vh!important;border-radius:16px}}@media (max-width: 600px){.modal-ui-content.modal-producto-ancho{min-width:99vw;max-width:99vw;max-height:98vh!important;border-radius:12px}.modal-ui-overlay{padding:.5rem}}@media (max-width: 480px){.modal-ui-content.modal-producto-ancho{min-width:100vw;max-width:100vw;max-height:100vh!important;border-radius:0}.modal-ui-overlay{padding:0}}.modal-ui-content.modal-form-producto{max-width:600px!important;width:100%;min-width:400px;max-height:85vh!important;height:auto;overflow-y:auto;overflow-x:hidden;padding:0!important;border-radius:20px;box-shadow:0 25px 80px #0000004d}.modal-ui-content.modal-form-producto::-webkit-scrollbar{width:8px}.modal-ui-content.modal-form-producto::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-ui-content.modal-form-producto::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-ui-content.modal-form-producto::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-ui-content.modal-form-producto .modal-ui-close{position:sticky;top:1rem;z-index:20}.modal-ui-content.modal-form{max-width:600px!important;width:100%;min-width:400px;max-height:85vh!important;height:auto;overflow-y:auto;overflow-x:hidden;padding:0!important;border-radius:20px;box-shadow:0 25px 80px #0000004d}.modal-ui-content.modal-form-sm{max-width:500px!important;min-width:350px}.modal-ui-content.modal-form-md{max-width:600px!important;min-width:400px}.modal-ui-content.modal-form-lg{max-width:700px!important;min-width:500px}.modal-ui-content.modal-form-xl{max-width:800px!important;min-width:600px}.modal-ui-content.modal-form::-webkit-scrollbar{width:8px}.modal-ui-content.modal-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-ui-content.modal-form::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-ui-content.modal-form::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-ui-content.modal-form .modal-ui-close,.modal-ui-content.modal-form-producto .modal-ui-close{position:absolute;top:1rem;right:1rem;z-index:20}@media (min-width: 768px){.modal-ui-content.modal-form .modal-ui-close,.modal-ui-content.modal-form-producto .modal-ui-close{top:1.25rem;right:1.25rem}}@media (max-width: 768px){.modal-ui-content.modal-form,.modal-ui-content.modal-form-sm,.modal-ui-content.modal-form-md,.modal-ui-content.modal-form-lg,.modal-ui-content.modal-form-xl{min-width:95vw;max-width:95vw;margin:1rem;overflow-x:hidden}}@media (max-width: 480px){.modal-ui-content.modal-form,.modal-ui-content.modal-form-sm,.modal-ui-content.modal-form-md,.modal-ui-content.modal-form-lg,.modal-ui-content.modal-form-xl{min-width:98vw;max-width:98vw;margin:.5rem}}@keyframes modal-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:5000;display:flex;flex-direction:column;gap:1rem;pointer-events:none;max-width:420px}.toast-container .toast{pointer-events:auto}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}@keyframes toast-in-mobile{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast{position:relative;min-width:320px;max-width:420px;background:#fff;color:#1f2937;border-radius:12px;box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:.875rem;font-size:.9375rem;font-weight:500;border:1px solid rgba(0,0,0,.08);animation:toast-slide-in .35s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.toast:hover{box-shadow:0 12px 30px #0000002e,0 6px 15px #0000001f;transform:translateY(-2px)}.toast-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px}.toast-icon{font-size:1.25rem;width:100%;height:100%}.toast-info{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-info .toast-icon{color:#3b82f6}.toast-success{border-left:4px solid #10b981;background:linear-gradient(135deg,#ecfdf5,#fff)}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.toast-warning .toast-icon{color:#f59e0b}.toast-close{background:none;border:none;font-size:.875rem;color:#6b7280;cursor:pointer;margin-left:auto;transition:all .2s ease;padding:.375rem;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;flex-shrink:0;opacity:.7}.toast-close:hover{color:#1f2937;background:#00000014;opacity:1;transform:scale(1.1)}.toast-close:active{transform:scale(.95)}.toast-content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.toast-message{flex:1;line-height:1.5;color:#1f2937;font-weight:500}.toast-persistent{border-left-width:5px;box-shadow:0 12px 30px #0003,0 6px 15px #00000026;animation:toast-slide-in .4s cubic-bezier(.34,1.56,.64,1),pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-left-width:5px}50%{border-left-width:6px}}.toast-progress-bar{width:100%;height:3px;background:#0000001a;border-radius:3px;overflow:hidden;margin-top:.5rem}.toast-progress-fill{height:100%;background:linear-gradient(90deg,currentColor,currentColor);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:3px;box-shadow:0 0 8px currentColor}.toast-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.toast-action{background:transparent;border:1.5px solid currentColor;color:currentColor;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;opacity:.9}.toast-action:hover{background:currentColor;color:#fff;transform:translateY(-1px);opacity:1;box-shadow:0 2px 8px #00000026}.toast-action:active{transform:translateY(0)}.toast-action-primary{background:currentColor;color:#fff;border-color:currentColor;opacity:1}.toast-action-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.toast-progress{border-left-color:var(--color-info)}@media (max-width: 768px){.toast-container{bottom:1rem;left:1rem;right:1rem;max-width:none}.toast{min-width:auto;max-width:none;width:100%;font-size:.9rem;padding:1rem 1.125rem;animation:toast-in-mobile .35s cubic-bezier(.34,1.56,.64,1)}}@media (max-width: 480px){.toast-container{bottom:.75rem;left:.75rem;right:.75rem}.toast{font-size:.875rem;padding:.875rem 1rem;border-radius:10px}.toast-icon-wrapper{width:20px;height:20px}.toast-icon{font-size:1.1rem}}.ui-input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.ui-input{width:100%;padding:.85rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;transition:border-color .2s,box-shadow .2s;background:#f8fafc;margin-bottom:.1rem;outline:none;color:#1f2937;font-size:1rem;font-family:inherit}.ui-input.valid{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.ui-input.invalid{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.ui-input:focus{border-color:#066837;box-shadow:0 0 0 3px #0668371f;background:#fff}.ui-input::placeholder{color:#6b7280}.ui-input-error{border-color:#dc2626;background:#fff6f6}.ui-input-error-msg{color:#dc2626;font-size:.85rem;margin-top:.25rem;font-weight:500}.logo{display:inline-block;max-width:100%;height:auto;object-fit:contain;border-radius:10px}.logo-link{display:inline-block;text-decoration:none;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.logo-navbar{max-width:200px;height:auto}.logo-hero{max-width:300px;width:100%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.logo-loader{max-width:300px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.logo-footer{max-width:150px;height:auto}.logo-default{max-width:200px;height:auto}@media (max-width: 768px){.logo-navbar{max-width:150px}.logo-hero{max-width:200px}.logo-loader{max-width:180px}}@media (max-width: 480px){.logo-navbar{max-width:120px}.logo-hero,.logo-loader{max-width:150px}}.login-form-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.login-form-container.login-form-modal{background:none;min-height:auto;padding:0;width:100%}.login-form-box{background:#fff;padding:3rem 2.5rem 2.5rem;border-radius:24px;box-shadow:0 10px 40px #0000001a,0 2px 8px #0000000d;width:100%;max-width:420px;border:1px solid rgba(49,114,162,.08);position:relative;overflow:hidden;animation:loginFormSlideIn .4s cubic-bezier(.4,0,.2,1)}.login-form-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3172a2,#a53c7d);z-index:1}.login-form-container.login-form-modal .login-form-box{background:transparent;box-shadow:none;border:none;border-radius:0;padding:3rem 3.5rem 2.5rem;max-width:100%;width:100%;animation:none}.login-form-container.login-form-modal .login-form-box form{max-width:100%;width:100%;display:flex;flex-direction:column;gap:0}.login-form-container.login-form-modal .login-form-box form{max-width:100%;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:0}.login-form-container.login-form-modal .login-form-box .ui-input-group,.login-form-container.login-form-modal .login-form-box .password-input-wrapper,.login-form-container.login-form-modal .login-form-box .recordarme-group,.login-form-container.login-form-modal .login-form-box .login-button{max-width:100%;box-sizing:border-box}.login-form-container.login-form-modal .login-form-box input[type=email],.login-form-container.login-form-modal .login-form-box input[type=password],.login-form-container.login-form-modal .login-form-box input[type=text]{max-width:100%;box-sizing:border-box;width:100%}.login-form-container.login-form-modal .login-form-box:before{display:none}@keyframes loginFormSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.login-form-logo{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;position:relative;z-index:2}.login-form-logo .logo{max-width:160px;height:auto;filter:drop-shadow(0 4px 12px rgba(49,114,162,.15));animation:logoFloat 3s ease-in-out infinite;transition:transform .3s cubic-bezier(.4,0,.2,1)}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.login-form-logo .logo:hover{animation-play-state:paused;transform:translateY(-5px) scale(1.05);filter:drop-shadow(0 6px 20px rgba(49,114,162,.25))}.login-form-box h2{text-align:center;color:#1a1a1a;margin-bottom:2rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;position:relative;z-index:2;display:flex;flex-direction:column;gap:.5rem}.login-subtitle{font-size:.95rem;font-weight:400;color:#6b7280;letter-spacing:0;margin-top:.25rem}.login-form-box input[type=email],.login-form-box input[type=password],.login-form-box input[type=text]{width:100%;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#1f2937;font-size:1rem;margin-bottom:.5rem;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a;font-family:inherit;position:relative}.login-form-box input[type=email]:hover,.login-form-box input[type=password]:hover,.login-form-box input[type=text]:hover{border-color:#3172a24d;box-shadow:0 2px 6px #3172a214}.login-form-box input[type=email]:focus,.login-form-box input[type=password]:focus,.login-form-box input[type=text]:focus{border:2px solid #3172a2;background:#fff;box-shadow:0 0 0 4px #3172a21a,0 4px 12px #3172a226;transform:translateY(-1px)}.password-input-wrapper{position:relative;margin-bottom:1.25rem}.toggle-password{background:none;border:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:1.2rem;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10;display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:#3172a2;background:#3172a214;transform:translateY(-50%) scale(1.1)}.toggle-password:active{transform:translateY(-50%) scale(.95)}.login-button{width:100%;padding:1.1rem;background:linear-gradient(135deg,#3172a2,#2d6a95);border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:1.5rem;box-shadow:0 4px 12px #3172a240,0 2px 4px #3172a226;letter-spacing:.02em;color:#fff;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#a53c7d,#8e2f6a);color:#fff;box-shadow:0 6px 20px #a53c7d59,0 2px 6px #a53c7d33;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #a53c7d40}.login-button:disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed;box-shadow:none;transform:none}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;border:2px solid #fecaca;font-size:.95rem;font-weight:500;box-shadow:0 2px 8px #dc26261a;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.success-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;border:2px solid #bbf7d0;font-size:.95rem;font-weight:500;box-shadow:0 2px 8px #15803d1a}.login-links{margin-top:2rem;text-align:center;display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.login-links a{color:#4b5563;text-decoration:none;font-size:.95rem;font-weight:500;border-bottom:2px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1);padding:.25rem .5rem;display:inline-block;border-radius:6px}.login-links a:hover{color:#a53c7d;background:#a53c7d14;border-bottom-color:#a53c7d;transform:translateY(-1px)}.spinner-login{display:inline-block;width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recordarme-group{display:flex;align-items:center;margin-bottom:1.25rem;margin-top:.5rem}.recordarme-label{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;padding:.5rem;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.recordarme-label:hover{background:#3172a20d;color:#3172a2}.recordarme-label input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#3172a2;border-radius:6px;border:2px solid #d1d5db;background:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.recordarme-label input[type=checkbox]:checked{accent-color:#3172a2;border-color:#3172a2;background:#3172a2}.recordarme-label input[type=checkbox]:hover{border-color:#a53c7d;transform:scale(1.05)}.recordarme-label input[type=checkbox]:checked:hover{accent-color:#a53c7d;border-color:#a53c7d;background:#a53c7d}@media (max-width: 768px){.login-form-container{padding:1rem}.login-form-box{padding:2rem 1.5rem 1.5rem;border-radius:20px;max-width:100%}.login-form-container.login-form-modal .login-form-box{padding:2rem 1.5rem 1.5rem}.login-form-box h2{font-size:1.5rem}.login-form-box h2:after{font-size:.85rem}}@media (max-width: 480px){.login-form-box{padding:1.5rem 1.25rem 1.25rem;border-radius:16px}.login-form-container.login-form-modal .login-form-box{padding:1.5rem 1.25rem 1.25rem}.login-form-box h2{font-size:1.35rem}.login-button{padding:1rem;font-size:1rem}}.login-button-container{display:flex;align-items:center;height:100%}.login-button-container .login-button{position:relative;padding:.75rem;border-radius:12px;background:#fff!important;border:1.5px solid rgba(49,114,162,.15)!important;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;text-decoration:none;color:#3172a2!important;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;vertical-align:middle;width:auto;font-size:inherit;font-weight:inherit;letter-spacing:inherit}.login-button-container .login-button:hover{background:#fff!important;border-color:#a53c7d!important;color:#a53c7d!important;box-shadow:0 2px 8px #a53c7d26}.login-button-container .login-button:active{transform:translateY(0);box-shadow:0 2px 8px #a53c7d33;background:#fff!important}.login-button-container .login-button:focus{outline:none;border-color:#a53c7d!important;box-shadow:0 0 0 3px #a53c7d26,0 2px 8px #a53c7d26;background:#fff!important}.login-button-container .login-button-icon{font-size:1.125rem;color:#3172a2;transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.login-button-container .login-button:hover .login-button-icon{color:#a53c7d;transform:scale(1.05)}.login-button-container .login-button:focus .login-button-icon{color:#a53c7d}@media (max-width: 768px){.login-button-container .login-button{padding:.625rem;min-width:40px;height:40px;border-radius:10px}.login-button-container .login-button-icon{font-size:1rem}}@media (max-width: 480px){.login-button-container .login-button{padding:.5rem;min-width:36px;height:36px;border-radius:8px}.login-button-container .login-button-icon{font-size:.875rem}}@media (prefers-reduced-motion: reduce){.login-button-container .login-button,.login-button-container .login-button-icon{transition:none}}.login-button-container .login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#fff!important}.login-button-container .login-button:disabled:hover{transform:none;box-shadow:0 2px 8px #0000000a;background:#fff!important;border-color:#3172a226!important;color:#3172a2!important}.user-menu{position:relative;display:flex;align-items:center;z-index:10000}.user-menu-button{position:relative;color:#3172a2;font-size:1.2rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:12px;background:#fff;border:1.5px solid rgba(49,114,162,.15);cursor:pointer;min-width:44px;height:44px;box-shadow:0 1px 3px #0000000a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.user-menu-button:hover{background:#fff;border-color:#a53c7d;color:#a53c7d;box-shadow:0 2px 8px #a53c7d26}.user-menu-button:focus{outline:none;border-color:#a53c7d;box-shadow:0 0 0 3px #a53c7d26,0 2px 8px #a53c7d26}.user-menu-icon{transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);color:#3172a2}.user-menu-button:hover .user-menu-icon{color:#a53c7d;transform:scale(1.05)}.user-menu-button:focus .user-menu-icon{color:#a53c7d}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;padding:1rem;min-width:240px;max-width:280px;width:max-content;display:block;z-index:10000;border:1px solid #e5e7eb;margin-top:.5rem;animation:dropdownSlideIn .2s ease-out;box-sizing:border-box}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-info{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;margin-bottom:.5rem;background:#f9fafb;border-radius:8px;margin:0 0 .75rem}.user-name{font-weight:600;color:var(--color-fg);font-size:.95rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-link,.user-dropdown-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;text-align:left;text-decoration:none;color:var(--color-fg);background:none;border:none;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500}.user-dropdown-link:hover,.user-dropdown-button:hover{background:#a53c7d14;color:#a53c7d;transform:translate(2px)}.user-dropdown-link:focus,.user-dropdown-button:focus{outline:none;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-surface) 100%);color:var(--color-fg)}.admin-link{position:relative;color:#3172a2;font-weight:600;background:#fff;border:1.5px solid rgba(49,114,162,.15);margin-bottom:.5rem;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;min-width:0;box-shadow:0 1px 3px #0000000a}.admin-link-icon{font-size:1.1rem;color:#3172a2;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.admin-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.admin-link:hover{color:#a53c7d;background:#fff;border-color:#a53c7d;box-shadow:0 2px 8px #a53c7d26}.admin-link:hover .admin-link-icon{color:#a53c7d;transform:scale(1.05)}.admin-link:active{transform:translateY(0);box-shadow:0 2px 8px #a53c7d33}.logout-button{border-top:1px solid #e5e7eb;margin-top:.75rem;padding:.875rem 1rem;color:#fff;font-weight:600;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:8px;border:1px solid #dc2626;width:100%;box-sizing:border-box;min-width:0}.logout-button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.logout-button-icon{font-size:1rem;color:#fff;flex-shrink:0;transition:transform .3s ease}.logout-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff;border-color:#991b1b;transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.logout-button:hover .logout-button-icon{transform:translate(-2px);color:#fff}@media (max-width: 768px){.user-menu-button{padding:.625rem;min-width:40px;height:40px;border-radius:10px}.user-menu-icon{font-size:1.1rem}.user-dropdown{position:fixed!important;left:auto!important;transform:none!important;min-width:240px;max-width:calc(100vw - 2rem);width:auto;padding:1rem;margin-top:0!important;margin-right:0!important;animation:dropdownSlideInMobile .15s ease-out;box-shadow:0 8px 32px #0000002e;z-index:10000;opacity:0;animation-fill-mode:forwards}.user-dropdown-link,.user-dropdown-button{padding:.75rem 1rem;font-size:.9rem}}@keyframes dropdownSlideInMobile{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.user-menu-button{padding:.5rem;min-width:36px;height:36px;border-radius:8px}.user-menu-icon{font-size:1rem}.user-dropdown{top:65px;right:.75rem;left:auto;min-width:200px;max-width:calc(100vw - 1.5rem);padding:.875rem}.user-dropdown-link,.user-dropdown-button{padding:.625rem .875rem;font-size:.85rem}.user-name{font-size:.85rem}}@media (prefers-reduced-motion: reduce){.user-menu-button,.user-dropdown-link,.user-dropdown-button{transition:none}.user-dropdown{animation:none}}.user-menu-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-menu-button:disabled:hover{transform:none;box-shadow:0 2px 8px #0000000a}.navbar{background-color:#fff;box-shadow:0 2px 12px #00000014;position:sticky;top:0;z-index:100;border-bottom:2px solid rgba(49,114,162,.15)}.navbar-container{max-width:1400px;margin:0 auto;padding:.4rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{text-decoration:none;color:#000;transition:opacity .2s ease}.navbar-logo:hover{opacity:.85}.navbar-logo h1{font-size:1.5rem;margin:0;font-weight:600}.navbar-logo-img{height:70px;width:auto;max-width:280px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(49,114,162,.15));animation:logoFloat 3s ease-in-out infinite;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}.navbar-logo:hover .navbar-logo-img{animation-play-state:paused;transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 6px 20px rgba(49,114,162,.25))}.menu-icon{display:none;background:none;border:none;font-size:1.5rem;color:#3172a2;cursor:pointer;padding:.5rem;transition:color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1);border-radius:6px}.menu-icon:hover{color:#a53c7d;background-color:#a53c7d14}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-item{position:relative}.nav-link{text-decoration:none;color:#1a1a1a;font-weight:500;padding:.5rem .75rem;transition:color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1);border-radius:6px;font-size:.9375rem;position:relative;display:inline-block}.nav-link:hover{color:#a53c7d;background-color:#a53c7d0f}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translate(-50%);background:#a53c7d;transition:width .35s cubic-bezier(.4,0,.2,1);border-radius:1px}.nav-link:hover:after{width:calc(100% - 1.5rem)}.nav-icons{position:relative;z-index:1;display:flex;align-items:center;gap:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.navbar-container{padding:.35rem 1rem}.navbar-logo-img{height:50px;max-width:180px}.nav-link{font-size:.9375rem;padding:.875rem 1rem}.nav-menu{gap:.375rem;padding:1.5rem 1rem}}@media (max-width: 360px){.navbar-container{padding:.3rem .75rem}.navbar-logo-img{height:45px;max-width:150px}}@media (max-width: 768px){.menu-icon{display:block}.nav-menu{position:fixed;top:60px;left:-120%;flex-direction:column;background-color:#fff;width:100%;height:calc(100vh - 60px);padding:2rem 1rem;transition:left .3s ease;gap:.5rem;z-index:2001;align-items:stretch;text-align:left;border-top:2px solid rgba(49,114,162,.15);box-shadow:0 4px 20px #0000001a;overflow-y:auto}.nav-menu.active{left:0}.nav-link{font-size:1rem;font-weight:600;padding:1rem 1.25rem;width:100%;border-radius:8px;transition:all .3s ease;display:block;letter-spacing:.025em;color:#1a1a1a;text-align:left;border-left:3px solid transparent}.nav-link:hover,.nav-link:focus{background:#a53c7d14;color:#a53c7d;transform:translate(4px);border-left:3px solid #a53c7d}.nav-link:after{display:none}.navbar{z-index:2000}}.main-footer{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);color:#f9fafb;padding:3rem 0 0;margin-top:auto;position:relative}.main-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3172a2,#a53c7d)}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;padding:0 2rem 2rem}.footer-section h3{color:#3172a2;margin-bottom:1.25rem;font-size:1.125rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;position:relative;padding-bottom:.75rem}.footer-section h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,#3172a2,#a53c7d);border-radius:2px}.footer-section p{margin:.75rem 0;color:#d1d5db;font-size:.9375rem;line-height:1.6}.footer-section a{color:#d1d5db;text-decoration:none;transition:all .3s ease;position:relative}.footer-section a:hover{color:#3172a2;text-decoration:none}.footer-section a:hover:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#3172a2,#a53c7d)}.social-links{display:flex;flex-direction:column;gap:.75rem}.social-links a{color:#d1d5db;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;padding:.5rem .75rem;border-radius:8px;display:inline-block;width:fit-content;border:1px solid transparent;position:relative;overflow:hidden}.social-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(49,114,162,.1),transparent);transition:left .5s ease}.social-links a:hover:before{left:100%}.social-links a:hover{color:#3172a2;background-color:#3172a21a;border-color:#3172a24d;text-decoration:none;transform:translate(4px);box-shadow:0 2px 8px #3172a233}.footer-bottom{text-align:center;padding:1.5rem 2rem;margin-top:2rem;border-top:1px solid rgba(49,114,162,.2);background:linear-gradient(180deg,#1a1a1acc,#0f0f0ff2);position:relative}.footer-bottom:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#3172a2 50%,transparent 100%)}.footer-bottom p{color:#9ca3af;font-size:.875rem;margin:0;transition:color .3s ease}.footer-bottom:hover p{color:#d1d5db}@media (max-width: 1024px){.footer-content{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:left;gap:2rem;padding:0 1.5rem 1.5rem}.footer-section{text-align:left}.social-links{align-items:flex-start}.footer-bottom{padding:1.25rem 1.5rem}}@media (max-width: 480px){.footer-content{padding:0 1rem 1rem;gap:1.5rem}.footer-section h3{font-size:1rem;margin-bottom:1rem}.footer-section p{font-size:.875rem;margin:.5rem 0}.footer-bottom{padding:1rem}.footer-bottom p{font-size:.8125rem}}.developer-footer{padding:1.5rem 2rem;background:linear-gradient(180deg,#0f0f0f,#000);border-top:1px solid rgba(49,114,162,.2);position:relative}.developer-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#3172a2 50%,transparent 100%)}.developer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.8rem}.developer-text{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#d1d5db;flex-wrap:wrap;justify-content:center}.developer-label{font-family:Arial,sans-serif;font-weight:400}.developer-link{display:inline-block;color:#d1d5db;text-decoration:none;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.5rem 1rem;background:#3172a21a;border:1px solid rgba(49,114,162,.2);border-radius:10px;box-shadow:0 2px 8px #3172a226;position:relative;overflow:hidden}.developer-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(49,114,162,.2),transparent);transition:left .5s ease}.developer-link:hover:before{left:100%}.developer-link:hover{background:#3172a226;color:#3172a2;transform:translateY(-2px);box-shadow:0 4px 12px #3172a24d;border-color:#3172a266}.link-content{display:flex;align-items:center;gap:1rem}.link-left{display:flex;align-items:center;gap:.5rem}.link-right{display:flex;align-items:center;gap:.5rem;padding-left:.8rem;border-left:1px solid rgba(49,114,162,.2)}.code-icon{font-size:1.125rem;transition:all .3s ease;color:#3172a2}.developer-link:hover .code-icon{color:#a53c7d;transform:rotate(15deg) scale(1.1)}.link-text{font-size:1.1rem;font-weight:600}.link-label{font-size:.8rem;opacity:.8;font-weight:500}.arrow-icon{font-size:.9rem;transition:all .3s ease;color:#3172a2}.developer-link:hover .arrow-icon{transform:translate(4px);color:#a53c7d}.heart-icon{color:#a53c7d;animation:heartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(165,60,125,.4))}.developer-link:hover .heart-icon{color:#c94a8f;filter:drop-shadow(0 0 8px rgba(165,60,125,.6))}.developer-trademark{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#9ca3af;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:color .3s ease}.developer-footer:hover .developer-trademark{color:#d1d5db}.tm-symbol{font-size:.7rem;font-weight:600}.tm-text{font-weight:500}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@media (max-width: 768px){.developer-footer{padding:1rem}.developer-text{font-size:.9rem}.developer-link{padding:.4rem 1rem;font-size:.9rem}.link-content{gap:.8rem}.link-text{font-size:1rem}.link-label,.developer-trademark{font-size:.75rem}}@media (max-width: 480px){.developer-text{flex-wrap:wrap;justify-content:center}.developer-link{padding:.3rem .8rem}.link-content{flex-direction:column;gap:.5rem;align-items:flex-start}.link-right{padding-left:0;border-left:none;border-top:1px solid rgba(0,0,0,.1);padding-top:.5rem;width:100%;justify-content:space-between}}.whatsapp-container{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:column;align-items:flex-end}.whatsapp-button{position:relative;width:auto;min-width:140px;height:48px;border-radius:24px;background-color:#25d366;border:none;box-shadow:0 2px 8px #25d3664d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden;padding:0 20px}.whatsapp-button:hover{transform:translateY(-2px);background-color:#128c7e;box-shadow:0 4px 16px #25d36666}.button-content{display:flex;align-items:center;gap:8px;transition:all .3s ease}.button-content .icon{font-size:18px;color:#fff;transition:all .3s ease}.button-text{font-size:12px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:1;transform:translateY(0);transition:all .3s ease}.whatsapp-button:hover .button-content{gap:10px}.whatsapp-button:hover .icon{transform:scale(1.1)}.chat-bubble{position:absolute;bottom:70px;right:0;width:280px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;margin-bottom:15px;animation:slideInUp .3s ease-out;border:1px solid rgba(0,0,0,.08);overflow:hidden}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{display:flex;align-items:center;padding:16px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;gap:12px}.chat-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-avatar .icon{font-size:20px;color:#fff}.chat-info{flex:1;min-width:0}.chat-info h4{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.2}.chat-status{font-size:12px;opacity:.9;display:flex;align-items:center;gap:4px}.chat-status:before{content:"";width:6px;height:6px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}.chat-message{padding:16px;background:#f8f9fa}.chat-message p{margin:0;font-size:13px;line-height:1.4;color:#374151}.chat-action{padding:12px 16px 16px}.chat-action button{width:100%;padding:12px 16px;background:#25d366;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.chat-action button:hover{background:#128c7e;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.chat-action .icon{font-size:16px}@keyframes pulse{0%{box-shadow:0 0 #25d36666}70%{box-shadow:0 0 0 10px #25d36600}to{box-shadow:0 0 #25d36600}}.whatsapp-button{animation:pulse 3s infinite}@media (max-width: 768px){.whatsapp-container{bottom:15px;right:15px}.whatsapp-button{min-width:120px;height:44px;padding:0 16px}.button-content .icon{font-size:16px}.button-text{font-size:11px}.chat-bubble{width:250px;bottom:60px}.chat-header{padding:12px}.chat-avatar{width:32px;height:32px}.chat-avatar .icon{font-size:16px}.chat-info h4{font-size:13px}.chat-status{font-size:11px}.chat-message{padding:12px}.chat-message p{font-size:12px}.chat-action{padding:10px 12px 12px}.chat-action button{padding:10px 12px;font-size:12px}.chat-action .icon{font-size:14px}}@media (max-width: 480px){.whatsapp-button{min-width:100px;height:40px;padding:0 12px}.button-content .icon{font-size:14px}.button-text{font-size:10px}.chat-bubble{width:220px;right:-10px}.chat-header{padding:10px}.chat-avatar{width:28px;height:28px}.chat-avatar .icon{font-size:14px}.chat-info h4{font-size:12px}.chat-status{font-size:10px}.chat-message{padding:10px}.chat-message p{font-size:11px}.chat-action{padding:8px 10px 10px}.chat-action button{padding:8px 10px;font-size:11px}.chat-action .icon{font-size:12px}}.scroll-to-top{position:fixed;bottom:20px;left:20px;width:45px;height:45px;border-radius:50%;background-color:#2b6cb0;border:none;box-shadow:0 4px 10px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;opacity:.8}.scroll-to-top:hover{transform:translateY(-3px);background-color:#2c5282;opacity:1;box-shadow:0 6px 15px #0000004d}.scroll-icon{font-size:20px;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:.8;transform:translateY(0)}}.scroll-to-top{animation:fadeIn .3s ease-in-out}@media (max-width: 768px){.scroll-to-top{width:40px;height:40px;bottom:15px;left:15px}.scroll-icon{font-size:18px}}.skip-links{position:absolute;top:-100px;left:0;z-index:10000}.skip-link{position:absolute;top:0;left:0;background:var(--color-primary, #1a365d);color:var(--color-surface, #fff);padding:.75rem 1.5rem;text-decoration:none;font-weight:600;border-radius:0 0 8px;transform:translateY(-100%);transition:transform .2s ease;z-index:10000}.skip-link:focus{transform:translateY(0);outline:3px solid var(--color-primary, #1a365d);outline-offset:2px}.skip-link:hover{background:var(--color-primary-dark, #0f2a4a)}.carrito-resumen-compacto{flex:1;padding:1.5rem;overflow-y:auto}.carrito-resumen-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--catalogo-text-secondary);min-height:200px}.carrito-resumen-vacio p{font-size:1.125rem;font-weight:600;color:var(--catalogo-text-primary);margin:0 0 .5rem}.carrito-resumen-vacio span{font-size:.9rem;color:var(--catalogo-text-muted)}.carrito-resumen-items{display:flex;flex-direction:column;gap:1rem}.carrito-resumen-item{display:grid;grid-template-columns:70px 1fr;grid-template-rows:auto auto;gap:.75rem;padding:1rem;background:var(--catalogo-bg-primary);border:1px solid var(--catalogo-border-light);border-radius:12px;transition:all .2s ease;position:relative}.carrito-resumen-item:hover{border-color:var(--catalogo-border-medium);box-shadow:0 2px 8px #00000014}.carrito-resumen-item-imagen{width:70px;height:70px;border-radius:8px;overflow:hidden;background:var(--catalogo-bg-secondary);border:1px solid var(--catalogo-border-light);flex-shrink:0;grid-row:1 / 3;align-self:start}.carrito-resumen-item-imagen img{width:100%;height:100%;object-fit:cover;display:block}.carrito-resumen-item-info{display:flex;flex-direction:column;gap:.375rem;min-width:0;flex:1;grid-column:2;grid-row:1;padding-right:2.5rem}.carrito-resumen-item-nombre{margin:0;font-size:.9rem;font-weight:600;color:var(--catalogo-text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.carrito-resumen-item-detalles{display:flex;flex-direction:column;gap:.25rem;margin-top:.125rem}.carrito-resumen-item-talle,.carrito-resumen-item-color{font-size:.75rem;color:var(--catalogo-text-secondary);font-weight:500}.carrito-resumen-item-precio{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;margin-top:.125rem}.carrito-resumen-precio-container{display:flex;align-items:baseline;gap:.25rem;flex-wrap:wrap}.carrito-resumen-item-precio-unitario{font-size:.875rem;font-weight:600;color:var(--catalogo-text-primary)}.carrito-resumen-precio-unitario-label{font-size:.7rem;font-weight:500;color:var(--catalogo-text-secondary)}.carrito-resumen-item-oferta-badge{font-size:.65rem;font-weight:600;color:#fff;background:var(--catalogo-accent);padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.carrito-resumen-precio-cantidad-info{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.carrito-resumen-volumen-badge{background:linear-gradient(135deg,#3172a2,#2563eb);color:#fff;font-size:.65rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.carrito-resumen-volumen-rango{font-size:.7rem;font-weight:500;color:#3172a2;font-style:italic}.carrito-resumen-item-cantidad{display:flex;align-items:center;gap:.5rem;background:var(--catalogo-bg-secondary);border:1px solid var(--catalogo-border-light);border-radius:8px;padding:.375rem .5rem;grid-column:2;grid-row:2;justify-self:start;width:fit-content;margin-top:.5rem}.carrito-resumen-cantidad-btn{background:transparent;border:none;color:var(--catalogo-text-primary);font-size:1rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.carrito-resumen-cantidad-btn:hover:not(:disabled){background:var(--catalogo-bg-primary);color:var(--catalogo-accent)}.carrito-resumen-cantidad-btn:disabled{opacity:.4;cursor:not-allowed}.carrito-resumen-cantidad-valor{font-size:.875rem;font-weight:600;color:var(--catalogo-text-primary);min-width:24px;text-align:center}.carrito-resumen-item-subtotal{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;grid-column:2;grid-row:2;justify-self:end;align-self:center;margin-left:1rem;margin-top:.5rem;min-width:80px}.carrito-resumen-subtotal-valor{font-size:1rem;font-weight:700;color:var(--catalogo-text-primary);white-space:nowrap}.carrito-resumen-subtotal-info{display:flex;flex-direction:column;align-items:flex-end}.carrito-resumen-subtotal-detalle{font-size:.7rem;font-weight:500;color:var(--catalogo-text-secondary);font-style:italic}.carrito-resumen-item-eliminar{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:var(--catalogo-text-secondary);font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;z-index:1}.carrito-resumen-item-eliminar:hover{background:#fef2f2;color:#dc2626;transform:scale(1.1)}.carrito-resumen-item-eliminar:active{transform:scale(.95)}@media (max-width: 768px){.carrito-resumen-compacto{padding:1rem}.carrito-resumen-item{grid-template-columns:60px 1fr;gap:.625rem;padding:.875rem}.carrito-resumen-item-imagen{width:60px;height:60px}.carrito-resumen-item-info{padding-right:2.25rem}.carrito-resumen-item-cantidad{grid-column:2;grid-row:2;justify-self:start}.carrito-resumen-item-subtotal{grid-column:2;grid-row:2;justify-self:end;padding-left:.75rem}.carrito-resumen-item-eliminar{top:.625rem;right:.625rem}}@media (max-width: 480px){.carrito-resumen-compacto{padding:.875rem}.carrito-resumen-item{padding:.625rem}.carrito-resumen-item-nombre{font-size:.85rem}}@media (prefers-reduced-motion: reduce){.carrito-resumen-item,.carrito-resumen-cantidad-btn,.carrito-resumen-item-eliminar{transition:none}}.carrito-sidebar{position:fixed;right:0;top:0;height:100vh;width:420px;max-width:90vw;background:var(--catalogo-bg-secondary);color:var(--catalogo-text-primary);display:flex;flex-direction:column;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;box-shadow:-4px 0 24px #00000026;box-sizing:border-box;border-left:1px solid var(--catalogo-border-light)}.carrito-sidebar.closed{transform:translate(100%);width:420px;max-width:90vw}.carrito-sidebar.open{transform:translate(0)}.carrito-sidebar-toggle-btn{position:fixed;right:0;top:6rem;width:60px;height:60px;background:var(--catalogo-bg-secondary);border:2px solid var(--catalogo-border-light);border-left:none;border-radius:12px 0 0 12px;color:var(--catalogo-text-primary);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 12px #0000001a;z-index:100;padding:.5rem}.carrito-sidebar-toggle-btn:hover{background:var(--catalogo-bg-primary);border-color:var(--catalogo-accent);color:var(--catalogo-accent);transform:translate(-4px);box-shadow:-4px 0 16px #00000026}.carrito-sidebar-toggle-btn:active{transform:translate(-2px)}.carrito-sidebar-toggle-btn svg:first-child{font-size:1.75rem;color:var(--catalogo-accent);margin-bottom:.125rem}.carrito-sidebar-toggle-btn svg:last-child{font-size:.75rem;margin-top:-.25rem;color:var(--catalogo-text-secondary);opacity:.7}@media (max-width: 768px){.carrito-sidebar-toggle-btn svg:first-child{font-size:1.5rem}.carrito-sidebar-toggle-btn svg:last-child{font-size:.65rem}}@media (max-width: 480px){.carrito-sidebar-toggle-btn svg:first-child{font-size:1.35rem}.carrito-sidebar-toggle-btn svg:last-child{font-size:.6rem}}.carrito-sidebar-toggle-btn:hover svg:first-child{color:var(--catalogo-accent-hover);transform:scale(1.1)}.carrito-sidebar-toggle-btn:hover svg:last-child{color:var(--catalogo-accent);opacity:1}.carrito-sidebar-toggle-badge{position:absolute;top:-.25rem;left:-.25rem;background:var(--catalogo-accent);color:#fff;border-radius:10px;padding:.125rem .375rem;font-size:.7rem;font-weight:600;min-width:18px;text-align:center;line-height:1.4;border:2px solid var(--catalogo-bg-secondary);box-shadow:0 2px 4px #00000026}.carrito-sidebar-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--catalogo-border-light);background:var(--catalogo-bg-secondary);position:sticky;top:0;z-index:10;flex-shrink:0;box-shadow:0 2px 8px #0000000d}.carrito-sidebar-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--catalogo-text-primary);letter-spacing:-.5px;flex:1}.carrito-sidebar-badge{background:var(--catalogo-accent);color:#fff;border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;min-width:24px;text-align:center;margin-right:.75rem}.carrito-sidebar-close{background:transparent;border:2px solid var(--catalogo-border-light);color:var(--catalogo-text-primary);font-size:1.25rem;cursor:pointer;padding:.625rem;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.carrito-sidebar-close:hover{background:var(--catalogo-bg-primary);border-color:var(--catalogo-accent);color:var(--catalogo-accent);transform:scale(1.05)}.carrito-sidebar-close:active{transform:scale(.95)}.carrito-sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;display:flex;flex-direction:column}@media (max-width: 768px){.carrito-sidebar-content{padding-top:4rem}}@media (max-width: 480px){.carrito-sidebar-content{padding-top:4rem}}.carrito-sidebar-footer{padding:1.5rem;border-top:1px solid var(--catalogo-border-light);background:var(--catalogo-bg-secondary);position:sticky;bottom:0;z-index:10;flex-shrink:0;box-shadow:0 -2px 8px #0000000d}.carrito-sidebar-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--catalogo-border-light)}.carrito-sidebar-total-label{font-size:1.125rem;font-weight:600;color:var(--catalogo-text-primary)}.carrito-sidebar-total-value{font-size:1.5rem;font-weight:700;color:var(--catalogo-accent)}.carrito-sidebar-btn-ver{width:100%;padding:1rem 1.5rem;background:var(--catalogo-accent);color:#fff;border:2px solid var(--catalogo-accent);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em}.carrito-sidebar-btn-ver:hover{background:var(--catalogo-accent-hover);border-color:var(--catalogo-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.carrito-sidebar-btn-ver:active{transform:translateY(0)}.carrito-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0003;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:block;transition:opacity .3s ease;cursor:pointer}@media (max-width: 768px){.carrito-sidebar-overlay{background:#00000080}}.carrito-sidebar::-webkit-scrollbar,.carrito-sidebar-content::-webkit-scrollbar{width:8px}.carrito-sidebar::-webkit-scrollbar-track,.carrito-sidebar-content::-webkit-scrollbar-track{background:var(--catalogo-bg-secondary)}.carrito-sidebar::-webkit-scrollbar-thumb,.carrito-sidebar-content::-webkit-scrollbar-thumb{background:var(--catalogo-border-medium);border-radius:4px}.carrito-sidebar::-webkit-scrollbar-thumb:hover,.carrito-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--catalogo-accent)}@media (min-width: 1200px){.carrito-sidebar-toggle-btn{top:7rem}}@media (max-width: 1024px){.carrito-sidebar,.carrito-sidebar.closed{width:420px;max-width:85vw}.carrito-sidebar-toggle-btn{top:5.5rem}}@media (max-width: 768px){.carrito-sidebar{width:100%;max-width:100%;box-shadow:-4px 0 24px #00000040}.carrito-sidebar.closed{width:0;max-width:0;overflow:hidden}.carrito-sidebar-toggle-btn{position:fixed;right:0;top:5.5rem;z-index:100;width:50px;height:50px}.carrito-sidebar-overlay{display:block}.carrito-sidebar-header{padding:1.25rem;top:70px}.carrito-sidebar-title{font-size:1.25rem}.carrito-sidebar-footer{padding:1.25rem}}@media (max-width: 480px){.carrito-sidebar-toggle-btn{top:5rem;width:48px;height:48px}.carrito-sidebar-header{padding:1rem;top:60px}.carrito-sidebar-title{font-size:1.125rem}.carrito-sidebar-close{width:36px;height:36px;font-size:1.125rem}.carrito-sidebar-footer{padding:1rem}}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}}@media (prefers-reduced-motion: reduce){.carrito-sidebar,.carrito-sidebar-close,.carrito-sidebar-toggle-btn{transition:none}}.layout{min-height:100vh;display:flex;flex-direction:column;background:#fff}.main-content{flex:1;width:100%;padding:0}@media (max-width: 768px){.main-content{padding:0}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid #e5e7eb;border-radius:var(--radius-md);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;cursor:pointer;background:#066837;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000f;position:relative}.ui-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #06683740}.ui-btn-primary{background:#066837;color:#fff}.ui-btn-secondary{background:linear-gradient(135deg,#f8f9fa,#fff);color:#6c757d;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014}.ui-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#fff,#f8f9fa);border-color:#066837;color:#066837}.ui-btn-danger{background:#e74c3c;color:#fff;box-shadow:0 2px 8px #e74c3c33}.ui-btn-danger:hover:not(:disabled){background:#c0392b;box-shadow:0 4px 16px #e74c3c4d}.ui-btn-success{background:#2ecc71;color:#fff;box-shadow:0 2px 8px #2ecc7133}.ui-btn-success:hover:not(:disabled){background:#27ae60;box-shadow:0 4px 16px #2ecc714d}.ui-btn-minimal{background:#fff;color:#111827;border:2px solid #e2e8f0;box-shadow:0 2px 8px #00000014;font-weight:600}.ui-btn-minimal:hover:not(:disabled){background:#f8f9fa;border-color:#111827;color:#111827;transform:translateY(-1px);box-shadow:0 4px 16px #0000001f}.ui-btn-minimal:active:not(:disabled){background:#e9ecef;transform:translateY(0);box-shadow:0 2px 8px #00000014}.ui-btn-minimal:disabled{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;transform:none;box-shadow:none}.ui-btn-outline{background:#fff;color:#066837;border:2px solid #066837;box-shadow:0 2px 8px #0668371a;font-weight:600}.ui-btn-outline:hover:not(:disabled){background:#066837;border-color:#066837;color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #06683733}.ui-btn-outline:active:not(:disabled){background:#0059ff;border-color:#0059ff;transform:translateY(0);box-shadow:0 2px 8px #06683726}.ui-btn-outline:disabled{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;transform:none;box-shadow:none}.ui-btn-md{font-size:1rem;padding:.875rem 1.75rem;border-radius:10px}.ui-btn-lg{font-size:1.1rem;padding:1rem 2rem;border-radius:12px}.ui-btn-sm{font-size:.875rem;padding:.625rem 1.25rem;border-radius:8px}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn-spinner{width:1.2em;height:1.2em;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:btn-spin .8s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-btn-text{display:inline}.btn-cantidad{width:40px;height:40px;border:none;background-color:#fff;color:#333;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.btn-cantidad:hover:not(:disabled){background-color:#066837;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #06683733}.btn-cantidad:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-agregar-carrito-modal{background-color:#066837;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease;box-shadow:0 4px 12px #0668374d}.btn-agregar-carrito-modal svg,.btn-agregar-carrito-modal span{transition:all .2s ease}.btn-agregar-carrito-modal:hover:not(:disabled){background-color:#0059ff;transform:translateY(-2px);box-shadow:0 6px 20px #06683766}.btn-agregar-carrito-modal:hover:not(:disabled) svg,.btn-agregar-carrito-modal:hover:not(:disabled) span{transform:scale(1.05)}.btn-agregar-carrito-modal:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 400px){.ui-btn{width:100%;min-width:0;padding:.5rem .2rem;font-size:.9rem;border-radius:7px}}.notificaciones-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:350px;max-height:500px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;display:flex;flex-direction:column}.notificaciones-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}.notificaciones-header h3{margin:0;font-size:1.1rem;font-weight:600}.notificaciones-list{overflow-y:auto;max-height:400px}.notificaciones-empty{padding:2rem;text-align:center;color:#999}.notificaciones-empty svg{font-size:2rem;margin-bottom:.5rem;opacity:.5}.notificacion-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s;position:relative}.notificacion-item:hover{background:#f9f9f9}.notificacion-item.leida{opacity:.7}.notificacion-icon{font-size:1.25rem;margin-top:.25rem;flex-shrink:0}.notificacion-content{flex:1;min-width:0}.notificacion-titulo{font-weight:600;color:#333;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.notificacion-punto{width:8px;height:8px;background:#1976d2;border-radius:50%;flex-shrink:0}.notificacion-mensaje{font-size:.9rem;color:#666;margin-bottom:.5rem;word-wrap:break-word}.notificacion-fecha{font-size:.75rem;color:#999}.notificacion-marcar{background:none;border:none;color:#999;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;flex-shrink:0}.notificacion-marcar:hover{background:#f0f0f0;color:#1976d2}.notificaciones-bell{position:relative}.notificaciones-bell-button{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;color:#666;font-size:1.25rem;transition:color .2s}.notificaciones-bell-button:hover{color:#1976d2}.notificaciones-badge{position:absolute;top:0;right:0;background:#f44336;color:#fff;border-radius:10px;padding:.15rem .4rem;font-size:.7rem;font-weight:700;min-width:18px;text-align:center;line-height:1.2}:root{--admin-bg-primary: #ffffff;--admin-bg-secondary: #f8f9fa;--admin-bg-tertiary: #f1f3f5;--admin-bg-sidebar: #1a1a1a;--admin-bg-sidebar-hover: #2a2a2a;--admin-bg-sidebar-active: #0a0a0a;--admin-text-primary: #000000;--admin-text-secondary: #4a4a4a;--admin-text-tertiary: #8a8a8a;--admin-text-sidebar: #ffffff;--admin-text-sidebar-muted: #b0b0b0;--admin-border-light: #e0e0e0;--admin-border-medium: #c0c0c0;--admin-border-dark: #404040;--admin-border-sidebar: rgba(255, 255, 255, .1);--admin-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--admin-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--admin-shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--admin-shadow-xl: 0 20px 25px rgba(0, 0, 0, .2);--admin-accent: #000000;--admin-accent-hover: #2a2a2a;--admin-accent-light: #f5f5f5}.admin-layout{display:flex;min-height:100vh;background:var(--admin-bg-secondary)}.admin-sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;max-width:280px;background:var(--admin-bg-sidebar);color:var(--admin-text-sidebar);display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease,width .3s ease;overflow-y:auto;overflow-x:hidden;box-shadow:var(--admin-shadow-lg);box-sizing:border-box}.admin-sidebar.closed{width:80px;max-width:80px}.admin-sidebar-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--admin-border-sidebar);min-height:70px;background:var(--admin-bg-sidebar-active);box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%}.admin-sidebar.closed .admin-sidebar-header{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem}.admin-logo{display:flex;align-items:center;text-decoration:none;flex:1;justify-content:center}.admin-sidebar.closed .admin-logo{flex:0;width:100%;justify-content:center}.admin-logo-img{max-width:120px;width:100%;height:auto;box-sizing:border-box;background:#ffffff1a;border-radius:10px;padding:.5rem}.admin-sidebar.closed .admin-logo-img{max-width:40px}.sidebar-toggle{background:transparent;border:none;color:var(--admin-text-sidebar);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;flex-shrink:0}.admin-sidebar.closed .sidebar-toggle{width:100%;display:flex;justify-content:center;align-items:center}.admin-sidebar.closed .sidebar-toggle.mobile-only{display:none!important}.sidebar-toggle:hover{background:var(--admin-bg-sidebar-hover)}.desktop-only{display:block}.mobile-only{display:none}.admin-nav{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.admin-nav-list{list-style:none;margin:0;padding:0;width:100%;max-width:100%;box-sizing:border-box}.admin-nav-item{display:flex;align-items:center;padding:.875rem 1.5rem;color:var(--admin-text-sidebar-muted);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;font-size:.95rem;font-weight:500;background:none;border:none;width:100%;max-width:100%;text-align:left;cursor:pointer;font-family:inherit;position:relative;box-sizing:border-box;overflow:hidden;white-space:nowrap}.admin-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--admin-accent);transition:width .2s ease}.admin-nav-item:hover{background:var(--admin-bg-sidebar-hover);color:var(--admin-text-sidebar);border-left-color:var(--admin-accent)}.admin-nav-item:hover:before{width:3px}.admin-nav-item.active{background:var(--admin-bg-sidebar-hover);color:var(--admin-text-sidebar);border-left-color:var(--admin-accent);font-weight:600}.admin-nav-item.active:before{width:3px}.admin-nav-icon{font-size:1.25rem;margin-right:.75rem;min-width:20px;text-align:center;z-index:1}.admin-nav-label{white-space:nowrap;opacity:1;transition:opacity .2s ease;z-index:1;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex:1}.admin-nav-item.blocked{opacity:.6;cursor:not-allowed;position:relative}.admin-nav-item.blocked:hover{background:var(--admin-bg-sidebar);border-left-color:transparent}.admin-nav-item.blocked:hover:before{width:0}.admin-nav-lock{font-size:.875rem;margin-left:auto;color:var(--admin-text-sidebar-muted);opacity:.7;z-index:1}.admin-sidebar.closed .admin-nav-label{opacity:0;width:0;overflow:hidden}.admin-sidebar.closed .admin-nav-item{justify-content:center;padding:.875rem}.admin-sidebar.closed .admin-nav-icon{margin-right:0}.admin-sidebar-footer{border-top:1px solid var(--admin-border-sidebar);padding:1rem 0;background:var(--admin-bg-sidebar-active);flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column}.admin-footer-item{display:flex;align-items:center;padding:.875rem 1.5rem;color:var(--admin-text-sidebar-muted);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;font-size:.95rem;font-weight:500;background:none;border:none;width:100%;max-width:100%;text-align:left;cursor:pointer;font-family:inherit;position:relative;box-sizing:border-box;overflow:hidden;white-space:nowrap;margin:0;justify-content:flex-start}.admin-footer-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--admin-accent);transition:width .2s ease}.admin-footer-item:hover{background:var(--admin-bg-sidebar-hover);color:var(--admin-text-sidebar);border-left-color:var(--admin-accent)}.admin-footer-item:hover:before{width:3px}.admin-footer-icon{font-size:1.25rem;margin-right:.75rem;min-width:20px;text-align:center;z-index:1}.admin-footer-label{white-space:nowrap;opacity:1;transition:opacity .2s ease;z-index:1;overflow:hidden;text-overflow:ellipsis;max-width:100%}.admin-footer-logout{color:var(--admin-text-sidebar)}.admin-footer-logout:hover{background:#ffffff1a;color:var(--admin-text-sidebar)}.admin-sidebar.closed .admin-footer-item{justify-content:center;padding:.875rem;border-left:none}.admin-sidebar.closed .admin-footer-item:before{display:none}.admin-sidebar.closed .admin-footer-icon{margin-right:0;margin-left:0}.admin-sidebar.closed .admin-footer-label{opacity:0;width:0;overflow:hidden}.admin-main{flex:1;margin-left:280px;display:flex;flex-direction:column;transition:margin-left .3s ease;min-height:100vh}.admin-sidebar.closed~.admin-main{margin-left:80px}.admin-header{background:var(--admin-bg-primary);border-bottom:1px solid var(--admin-border-light);padding:1.25rem 2rem;display:flex;align-items:center;box-shadow:var(--admin-shadow-sm);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--admin-text-primary);cursor:pointer;padding:.5rem;margin-right:1rem;border-radius:6px;transition:all .2s ease}.mobile-menu-toggle:hover{background:var(--admin-bg-tertiary)}.admin-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.admin-page-title{font-size:1.75rem;font-weight:700;color:var(--admin-text-primary);margin:0;letter-spacing:-.5px}.admin-header-actions{display:flex;align-items:center;gap:1rem}.admin-user-info{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--admin-bg-tertiary);border-radius:8px}.admin-user-name{color:var(--admin-text-secondary);font-size:.9rem;font-weight:500}.admin-content{flex:1;padding:2rem;overflow-y:auto;background:var(--admin-bg-secondary)}.admin-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%);width:280px}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar.closed{width:280px}.admin-main{margin-left:0}.admin-sidebar.closed~.admin-main{margin-left:0}.mobile-menu-toggle{display:block}.desktop-only{display:none}.mobile-only,.admin-overlay{display:block}.admin-content{padding:1.5rem}}@media (max-width: 768px){.admin-header{padding:1rem}.admin-page-title{font-size:1.5rem}.admin-content{padding:1rem}}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:var(--admin-bg-sidebar-active)}.admin-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.admin-content::-webkit-scrollbar{width:8px}.admin-content::-webkit-scrollbar-track{background:var(--admin-bg-secondary)}.admin-content::-webkit-scrollbar-thumb{background:var(--admin-border-medium);border-radius:4px}.admin-content::-webkit-scrollbar-thumb:hover{background:var(--admin-border-dark)}.admin-content .ui-btn-primary,.admin-content .ui-btn[class*=primary]{background:var(--admin-accent);color:var(--admin-bg-primary);border-color:var(--admin-accent);box-shadow:var(--admin-shadow-sm)}.admin-content .ui-btn-primary:hover:not(:disabled),.admin-content .ui-btn[class*=primary]:hover:not(:disabled){background:var(--admin-accent-hover);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.admin-content .ui-btn-outline,.admin-content .ui-btn[class*=outline]{background:var(--admin-bg-primary);color:var(--admin-accent);border:2px solid var(--admin-accent);box-shadow:var(--admin-shadow-sm)}.admin-content .ui-btn-outline:hover:not(:disabled),.admin-content .ui-btn[class*=outline]:hover:not(:disabled){background:var(--admin-accent);color:var(--admin-bg-primary);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.admin-content .ui-btn-danger,.admin-content .ui-btn[class*=danger]{background:var(--admin-accent);color:var(--admin-bg-primary);border-color:var(--admin-accent);box-shadow:var(--admin-shadow-sm)}.admin-content .ui-btn-danger:hover:not(:disabled),.admin-content .ui-btn[class*=danger]:hover:not(:disabled){background:var(--admin-accent-hover);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.admin-content .ui-input,.admin-content input[type=text],.admin-content input[type=number],.admin-content input[type=email],.admin-content input[type=password]{background:var(--admin-bg-primary);border:2px solid var(--admin-border-light);color:var(--admin-text-primary)}.admin-content .ui-input:focus,.admin-content input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d;background:var(--admin-bg-primary)}.admin-content .ui-input::placeholder,.admin-content input::placeholder{color:var(--admin-text-tertiary)}.admin-content .ui-select,.admin-content select{background:var(--admin-bg-primary);border:2px solid var(--admin-border-light);color:var(--admin-text-primary)}.admin-content .ui-select:focus,.admin-content select:focus{border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d;background:var(--admin-bg-primary)}.admin-content textarea{background:var(--admin-bg-primary);border:2px solid var(--admin-border-light);color:var(--admin-text-primary)}.admin-content textarea:focus{border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d;background:var(--admin-bg-primary);outline:none}.admin-layout .modal-ui-overlay{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-layout .modal-ui-content{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);box-shadow:var(--admin-shadow-xl)}.admin-layout .modal-ui-close{background:var(--admin-bg-tertiary);color:var(--admin-text-primary);border:1px solid var(--admin-border-light)}.admin-layout .modal-ui-close:hover{background:var(--admin-bg-secondary);color:var(--admin-text-primary)}.error-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:400px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.error-display-icon{font-size:4rem;color:#ef4444;margin-bottom:1.5rem;animation:pulse 2s infinite}.error-display-error .error-display-icon{color:#ef4444}.error-display-warning .error-display-icon{color:#f59e0b}.error-display-info .error-display-icon{color:#3b82f6}.error-display-code{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.error-display-title{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:1rem}.error-display-message{font-size:1rem;color:#6b7280;max-width:500px;margin-bottom:2rem;line-height:1.6}.error-display-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media (max-width: 768px){.error-display{padding:2rem 1rem;min-height:300px}.error-display-icon{font-size:3rem}.error-display-title{font-size:1.5rem}.error-display-message{font-size:.9rem}.error-display-actions{flex-direction:column;width:100%}.error-display-actions .ui-btn{width:100%}}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:5000;display:flex;align-items:center;justify-content:center;transition:opacity .4s}.loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loader-logo{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.loader-logo img{max-width:300px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.loader-spinner{width:48px;height:48px;border:6px solid #e5e7eb;border-top:6px solid #066837;border-radius:50%;animation:loader-spin 1s linear infinite}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e5e7eb,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.loader-logo img{max-width:180px}.loader-content{gap:1.5rem}}@media (max-width: 480px){.loader-logo img{max-width:150px}.loader-content{gap:1rem}}.feature-bloqueada{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.feature-bloqueada-content{text-align:center;max-width:500px;padding:3rem 2rem;background:var(--admin-bg-secondary);border:2px solid var(--admin-border-light);border-radius:12px;box-shadow:0 4px 12px var(--admin-shadow-light)}.feature-bloqueada-icon{font-size:4rem;color:var(--admin-text-tertiary);margin-bottom:1.5rem;opacity:.6}.feature-bloqueada-info h2{font-size:1.75rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:1rem}.feature-bloqueada-message{font-size:1.1rem;color:var(--admin-text-secondary);margin-bottom:1.5rem;line-height:1.6}.feature-bloqueada-upgrade{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--admin-accent);padding:1rem 2rem;background:#00000008;border-radius:8px;border:2px dashed var(--admin-accent)}.upgrade-icon{font-size:1.25rem}.ui-textarea-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.ui-textarea{width:100%;padding:.85rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;transition:border-color .2s,box-shadow .2s;background:#f8fafc;margin-bottom:.1rem;outline:none;color:#1f2937;min-height:100px;resize:vertical;font-family:inherit;font-size:1rem}.ui-textarea.valid{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.ui-textarea.invalid{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.ui-textarea:focus{border-color:#066837;box-shadow:0 0 0 3px #0668371f;background:#fff}.ui-textarea::placeholder{color:#6b7280}.ui-textarea-error{border-color:#dc2626;background:#fff6f6}.ui-textarea-error-msg{color:#dc2626;font-size:.85rem;margin-top:.25rem;font-weight:500}.ui-select-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;width:100%}.ui-select-label{font-weight:600;color:var(--color-fg)}.ui-select{width:100%;padding:.85rem 2.5rem .85rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s,box-shadow .2s;background:var(--color-bg);margin-bottom:.1rem;outline:none;color:var(--color-fg);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.ui-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a365d1f;background:var(--color-surface)}.ui-select-error{border-color:var(--color-danger);background:#fff6f6}.ui-select-error-msg{color:var(--color-danger);font-size:.85rem}.ui-select option{padding:.5rem}.ui-radio-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.ui-radio-label .required{color:#dc2626}.ui-radio-options{display:flex;flex-direction:column;gap:.75rem}.ui-radio-inline .ui-radio-options{flex-direction:row;flex-wrap:wrap;gap:1rem}.ui-radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#1f2937;transition:color .2s ease;padding:.25rem .5rem;border-radius:6px;transition:background .2s}.ui-radio-option:hover{color:#066837;background:#f8fafc}.ui-radio-input{position:absolute;opacity:0;width:0;height:0}.ui-radio-custom{width:18px;height:18px;border:2px solid #e5e7eb;border-radius:50%;background:#fff;display:inline-block;position:relative;transition:all .2s ease;flex-shrink:0}.ui-radio-input:checked+.ui-radio-custom{border-color:#066837;background:#066837}.ui-radio-input:checked+.ui-radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}.ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 2px #06683740}.ui-radio-text{-webkit-user-select:none;user-select:none;font-weight:500}.ui-radio-error-msg{color:#dc2626;font-size:.85rem;margin-top:.25rem;font-weight:500}@media (max-width: 768px){.ui-radio-inline .ui-radio-options{flex-direction:column;gap:.75rem}}.image-upload-container{margin-top:10px}.image-upload-area{margin-bottom:1.5rem}.upload-button{display:inline-flex;align-items:center;gap:8px;padding:.875rem 1.5rem;background-color:#fff;color:#1f2937;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:1rem;width:100%;justify-content:center;box-sizing:border-box;max-width:100%;overflow:hidden;white-space:nowrap;font-size:.95rem}.upload-button:hover:not(.disabled){background-color:#f8fafc;border-color:#333;color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.upload-button.disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0;color:#94a3b8}.upload-hint{color:#64748b;font-size:.875rem;margin-top:.5rem;text-align:center;line-height:1.5}.image-preview-container{margin-top:1.5rem}.image-preview-header{margin-bottom:1.5rem}.image-preview-header h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#1e293b;letter-spacing:-.01em}.image-preview-hint{margin:0;color:#64748b;font-size:.875rem;line-height:1.5}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.image-preview-item{border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:move}.image-preview-item:hover{border-color:#333;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.image-preview-item.dragging{opacity:.5;transform:scale(.98);cursor:grabbing}.image-preview-item.drag-over{border-color:#333;border-style:dashed;transform:scale(1.02)}.image-thumb{position:relative;overflow:hidden;width:100%;height:200px}.image-preview{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.image-preview-item:hover .image-preview{transform:scale(1.05)}.thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#0000004d);pointer-events:none;opacity:0;transition:opacity .3s ease}.image-preview-item:hover .thumb-overlay{opacity:1}.drag-handle{position:absolute;top:12px;left:12px;z-index:3;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;border-radius:8px;cursor:grab;color:#1f2937;box-shadow:0 2px 8px #00000026;opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px;width:36px;height:36px}.image-preview-item:hover .drag-handle{opacity:1}.image-preview-item:active .drag-handle,.image-preview-item.dragging .drag-handle{cursor:grabbing;opacity:1;transform:scale(1.1)}.image-badges{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:2}.drag-handle~.image-badges{left:60px}.badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003;text-transform:uppercase;letter-spacing:.5px}.badge-order{background:#000000d9}.image-actions{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;opacity:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.image-preview-item:hover .image-actions{opacity:1;transform:translateY(0)}.action-btn{border:none;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;color:#1f2937;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:14px}.action-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px #0003;background:#fff}.action-btn:active:not(:disabled){transform:translateY(0) scale(.95)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn-danger{background:#ef4444e6;color:#fff}.action-btn-danger:hover:not(:disabled){background:#dc2626;color:#fff}@media (max-width: 768px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.image-thumb{height:180px}.image-preview-header h4{font-size:1rem}}@media (max-width: 480px){.image-grid{grid-template-columns:1fr;gap:12px}.image-thumb{height:160px}.upload-button{padding:.75rem 1.25rem;font-size:.875rem}}@media (prefers-reduced-motion: reduce){.image-preview-item,.image-preview,.thumb-overlay,.drag-handle,.image-actions,.action-btn{transition:none}.image-preview-item:hover .image-preview{transform:none}}.form-producto{background:transparent;padding:0;border-radius:0;box-shadow:none;max-width:100%;margin:0}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb;position:relative}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section:before{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:linear-gradient(90deg,#333,#666);transition:width .3s ease}.form-section:focus-within:before{width:100px}.form-section h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem;padding:0;border:none;letter-spacing:-.01em;position:relative;display:inline-block}.form-section h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:linear-gradient(90deg,#333333,transparent);border-radius:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}.form-row .ui-select-group,.form-row .ui-input-group{width:100%}.form-checkbox-group{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.form-checkbox-group:hover{border-color:#d1d5db;box-shadow:0 2px 6px #00000014}.form-checkbox-group .ui-checkbox{width:100%;display:flex;align-items:center}.form-help-text{font-size:.875rem;color:#64748b;margin:.5rem 0 0;font-style:normal;line-height:1.5;padding-left:.5rem;border-left:2px solid #e2e8f0}.form-actions{display:flex;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center}.btn-submit,.btn-cancel{padding:.875rem 2rem;border:2px solid;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:140px;letter-spacing:.02em;font-weight:600;font-size:.9375rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-submit{background-color:#333;color:#fff;border-color:#333;box-shadow:0 2px 4px #0000001a}.btn-submit:hover:not(:disabled){background-color:#1f2937;border-color:#1f2937;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-cancel{background-color:#fff;color:#475569;border-color:#cbd5e1}.btn-cancel:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8;color:#334155;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-cancel:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-submit:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background-color:#f1f5f9;color:#94a3b8;border-color:#e2e8f0}.error-message{color:#dc2626;font-size:.875rem;margin-top:.5rem;padding-left:.5rem;display:flex;align-items:center;gap:.5rem}.error-message:before{content:"⚠";font-size:1rem}.success-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;padding:1rem 1.25rem;border-radius:8px;text-align:center;border:1px solid #86efac;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;box-shadow:0 1px 3px #22c55e1a}@media (max-width: 768px){.form-section{margin-bottom:2rem;padding-bottom:1.5rem}.form-section h3{font-size:1.125rem;margin-bottom:1.25rem}.form-row{grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.25rem}.form-checkbox-group{padding:1.25rem}.form-actions{flex-direction:column-reverse;gap:.75rem;margin-top:2rem;padding-top:1.5rem}.btn-submit,.btn-cancel{width:100%;min-width:auto}}@media (max-width: 480px){.form-section{margin-bottom:1.5rem;padding-bottom:1.25rem}.form-section h3{font-size:1rem}.form-checkbox-group{padding:1rem}.form-actions{margin-top:1.5rem;padding-top:1.25rem}}.form-section:focus-within{outline:none}.categorias-dinamicas{display:flex;flex-direction:column;gap:1rem}.categoria-select-wrapper{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categorias-dinamicas .ui-select-group{width:100%}@media (prefers-reduced-motion: reduce){.form-section:before,.btn-submit,.btn-cancel,.form-checkbox-group,.categoria-select-wrapper{transition:none;animation:none}}.ui-checkbox{display:inline-flex!important;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.ui-checkbox input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.ui-checkbox .box{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;border:2px solid #6b7280;border-radius:4px;position:relative;background:#fff;flex-shrink:0;transition:all .2s ease;display:block!important;box-sizing:border-box}.ui-checkbox:hover .box{border-color:#000;box-shadow:0 0 0 2px #0000001a}.ui-checkbox input:checked+.box{background:#000;border-color:#000}.ui-checkbox input:checked+.box:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ui-checkbox .label{font-size:.95rem;color:#111827;line-height:1.4;font-weight:500}.ui-checkbox.disabled{opacity:.6;cursor:not-allowed}.ui-checkbox.disabled .box{background:#f3f4f6;border-color:#d1d5db}.talles-manager{margin:1.5rem 0;padding:1.25rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.talles-manager-header h3{margin:0 0 .4rem;font-size:1.1rem;font-weight:700;color:#1f2937}.talles-manager-help{margin:0 0 1rem;font-size:.85rem;color:#6b7280;line-height:1.4}.talles-manager-loading{text-align:center;padding:2rem;color:#6b7280}.talles-manager-content{display:flex;flex-direction:column;gap:1rem}.talle-tipo-section{padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem}.talle-tipo-section:last-child{margin-bottom:0}.talle-tipo-title{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#1f2937}.talle-tipo-desc{margin:0 0 .75rem;font-size:.8rem;color:#6b7280}.talles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem;max-width:100%}@media (min-width: 640px){.talles-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.6rem}}@media (min-width: 1024px){.talles-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}.talle-checkbox-label{display:flex;align-items:center;justify-content:center;min-width:50px;height:40px;padding:.4rem .6rem;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative}.talle-checkbox-label:hover:not(.disabled){border-color:#066837;background:#f0fdf4;transform:translateY(-1px);box-shadow:0 2px 4px #0668371a}.talle-checkbox-label.selected{border-color:#066837;background:#066837;color:#fff;box-shadow:0 2px 6px #0668374d}.talle-checkbox-label.selected:hover:not(.disabled){background:#055a2e;border-color:#055a2e}.talle-checkbox-label.disabled{opacity:.5;cursor:not-allowed}.talle-checkbox{position:absolute;opacity:0;width:0;height:0;margin:0;cursor:pointer}.talle-checkbox-text{font-weight:600;font-size:.9rem;text-align:center;line-height:1;pointer-events:none}.talle-checkbox-label[data-long=true]{min-width:60px;padding:.4rem .5rem}@media (min-width: 640px){.talle-checkbox-label[data-long=true]{min-width:70px}}.talles-manager-empty{padding:2rem;text-align:center;color:#6b7280;background:#fff;border:1px dashed #d1d5db;border-radius:8px}.talles-seleccionados{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.talles-seleccionados strong{display:block;margin-bottom:.6rem;color:#1f2937;font-size:.9rem;font-weight:600}.talles-seleccionados-list{display:flex;flex-wrap:wrap;gap:.5rem}.talle-seleccionado-badge{padding:.35rem .7rem;background:#066837;color:#fff;border-radius:6px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center}.medidas-manager{margin:1.5rem 0;padding:1.25rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.medidas-manager-header h3{margin:0 0 .4rem;font-size:1.1rem;font-weight:700;color:#1f2937}.medidas-manager-help{margin:0 0 1rem;font-size:.85rem;color:#6b7280;line-height:1.4}.medidas-manager-loading{text-align:center;padding:2rem;color:#6b7280}.medidas-manager-content{display:flex;flex-direction:column;gap:1rem}.medida-tipo-section{padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem}.medida-tipo-section:last-child{margin-bottom:0}.medida-tipo-title{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#1f2937}.medida-tipo-unidad{font-weight:400;color:#6b7280;font-size:.9em}.medida-tipo-desc{margin:0 0 .75rem;font-size:.8rem;color:#6b7280}.medidas-campos-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.medidas-campos-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.medidas-campos-grid{grid-template-columns:repeat(3,1fr)}}.medida-tipo-section:has(.medidas-campos-grid input[placeholder*=Peso]) .medidas-campos-grid{grid-template-columns:1fr}@media (min-width: 640px){.medida-tipo-section:has(.medidas-campos-grid input[placeholder*=Peso]) .medidas-campos-grid{grid-template-columns:repeat(2,1fr)}}.medida-checkbox-label{display:flex;align-items:center;justify-content:center;min-width:80px;min-height:40px;padding:.4rem .6rem;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;flex-direction:column;gap:.2rem}.medida-checkbox-label:hover:not(.disabled){border-color:#066837;background:#f0fdf4;transform:translateY(-1px);box-shadow:0 2px 4px #0668371a}.medida-checkbox-label.selected{border-color:#066837;background:#066837;color:#fff;box-shadow:0 2px 6px #0668374d}.medida-checkbox-label.selected:hover:not(.disabled){background:#055a2e;border-color:#055a2e}.medida-checkbox-label.disabled{opacity:.5;cursor:not-allowed}.medida-checkbox{position:absolute;opacity:0;width:0;height:0;margin:0;cursor:pointer}.medida-checkbox-text{font-weight:600;font-size:.9rem;text-align:center;line-height:1;pointer-events:none}.medida-valor-text{font-size:.75rem;opacity:.8;pointer-events:none}.medida-checkbox-label.selected .medida-valor-text{opacity:.9}.medidas-manager-empty{padding:2rem;text-align:center;color:#6b7280;background:#fff;border:1px dashed #d1d5db;border-radius:8px}.medidas-seleccionadas{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.medidas-seleccionadas strong{display:block;margin-bottom:.6rem;color:#1f2937;font-size:.9rem;font-weight:600}.medidas-seleccionadas-list{display:flex;flex-wrap:wrap;gap:.5rem}.medida-seleccionada-badge{padding:.35rem .7rem;background:#066837;color:#fff;border-radius:6px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center}.medida-badge-valor{font-weight:400;opacity:.9;margin-left:.25rem}.medida-tipo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.medida-personalizada-form{margin:1rem 0;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.medida-form-actions{display:flex;gap:.5rem;margin-top:.25rem}.medidas-personalizadas-list{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.medidas-personalizadas-title{display:block;margin-bottom:.5rem;font-size:.85rem;color:#374151;font-weight:600}.medida-personalizada-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;margin-bottom:.5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px}.medida-personalizada-nombre{font-size:.9rem;color:#1f2937;font-weight:500}.medida-personalizada-valor{font-weight:400;color:#6b7280;font-size:.85em}.medida-eliminar-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;transition:all .2s ease}.medida-eliminar-btn:hover{background:#dc2626;transform:scale(1.1)}.medida-eliminar-btn:active{transform:scale(.95)}.genero-selector{display:flex;flex-direction:column;gap:.5rem;width:100%}.genero-selector-label{font-size:.875rem;font-weight:600;color:var(--catalogo-text-primary);display:flex;align-items:center;gap:.25rem}.required-asterisk{color:#dc2626}.genero-selector-select{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--catalogo-border-light);border-radius:8px;background:var(--catalogo-bg-primary);color:var(--catalogo-text-primary);transition:all .2s ease;cursor:pointer}.genero-selector-select:hover:not(:disabled){border-color:var(--catalogo-border-medium)}.genero-selector-select:focus{outline:none;border-color:var(--catalogo-accent);box-shadow:0 0 0 3px #0668371a}.genero-selector-select:disabled{opacity:.6;cursor:not-allowed;background:var(--catalogo-bg-secondary)}.genero-selector-select.error{border-color:#dc2626}.genero-selector-error{font-size:.75rem;color:#dc2626;margin-top:-.25rem}.color-selector{margin-bottom:1.5rem}.color-selector-label{display:block;font-weight:600;font-size:.875rem;color:#333;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.required-asterisk{color:#e74c3c;margin-left:.25rem}.color-selector-loading{padding:1rem;text-align:center;color:#666;font-style:italic}.color-selector-chips{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.color-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:#333}.color-chip:hover:not(.disabled){border-color:#999;background:#f9f9f9;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.color-chip.selected{border-color:#000;background:#f5f5f5;font-weight:600}.color-chip.disabled{opacity:.5;cursor:not-allowed}.color-chip-sample{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.1);flex-shrink:0;display:inline-block}.color-chip-name{white-space:nowrap}.color-selector-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.9375rem;background:#fff;color:#333;transition:border-color .2s ease}.color-selector-select:focus{outline:none;border-color:#000}.color-selector-select.error{border-color:#e74c3c}.color-selector-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.color-selector-error{display:block;color:#e74c3c;font-size:.8125rem;margin-top:.5rem}.marca-selector{margin-bottom:1.5rem}.marca-selector-label{display:block;font-weight:600;color:var(--admin-text-primary);margin-bottom:.75rem;font-size:.95rem}.required-asterisk{color:var(--admin-danger);margin-left:.25rem}.marca-selector-loading{padding:1rem;text-align:center;color:var(--admin-text-secondary);font-size:.9rem}.marca-selector-chips{display:flex;flex-wrap:wrap;gap:.75rem}.marca-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:2px solid var(--admin-border-light);border-radius:8px;background:var(--admin-bg-primary);color:var(--admin-text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.marca-chip:hover:not(.disabled){border-color:var(--admin-primary);background:var(--admin-bg-secondary);transform:translateY(-1px);box-shadow:0 2px 8px var(--admin-shadow-light)}.marca-chip.selected{border-color:var(--admin-primary);background:var(--admin-primary);color:#fff;box-shadow:0 2px 8px #0000001a}.marca-chip.disabled{opacity:.5;cursor:not-allowed}.marca-chip-logo{width:24px;height:24px;object-fit:contain;border-radius:4px;background:#ffffff1a;padding:2px}.marca-chip.selected .marca-chip-logo{background:#fff3}.marca-chip-name{white-space:nowrap}.marca-selector-error{display:block;color:var(--admin-danger);font-size:.85rem;margin-top:.5rem}@media (max-width: 768px){.marca-selector-chips{gap:.5rem}.marca-chip{padding:.5rem .75rem;font-size:.85rem}}.precios-cantidad-manager{margin:2.5rem 0;padding:2rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:2px solid #e5e7eb;box-shadow:0 4px 12px #0000000a;transition:all .3s ease}.precios-cantidad-manager:hover{box-shadow:0 6px 20px #00000014;border-color:#d1d5db}.precios-cantidad-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.precios-cantidad-header h3{font-size:1.375rem;font-weight:700;color:#1a1a1a;margin:0 0 .75rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem}.precios-cantidad-header h3:before{content:"💰";font-size:1.5rem;filter:grayscale(0)}.precios-cantidad-help{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.6;padding-left:2.25rem}.precios-cantidad-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.precio-cantidad-item{padding:1.5rem;background:#fff;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;overflow:hidden}.precio-cantidad-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#3172a2,#a53c7d);transition:width .3s ease}.precio-cantidad-item:hover{border-color:#3172a2;box-shadow:0 4px 16px #3172a21f;transform:translateY(-2px)}.precio-cantidad-item:hover:before{width:6px}.precio-cantidad-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:1rem;align-items:end}.precio-cantidad-field{display:flex;flex-direction:column;gap:.625rem}.precio-cantidad-field label{font-size:.875rem;font-weight:600;color:#374151;letter-spacing:-.01em;margin-bottom:.25rem}.precio-cantidad-actions{display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem}.precio-cantidad-error{display:block;color:#dc2626;font-size:.8125rem;margin-top:.75rem;padding:.5rem .75rem;background:#fef2f2;border-radius:6px;border-left:3px solid #dc2626}.agregar-precio-btn{width:100%;margin-top:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#3172a2,#2d6a95);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.9375rem;transition:all .3s ease;box-shadow:0 2px 8px #3172a233}.agregar-precio-btn:hover:not(:disabled){background:linear-gradient(135deg,#a53c7d,#8e2f6a);box-shadow:0 4px 12px #a53c7d4d;transform:translateY(-2px)}.agregar-precio-btn:active:not(:disabled){transform:translateY(0)}@media (max-width: 1024px){.precio-cantidad-row{grid-template-columns:1fr 1fr;gap:.75rem}.precio-cantidad-actions{grid-column:1 / -1;justify-content:flex-end}}@media (max-width: 768px){.precio-cantidad-row{grid-template-columns:1fr}.precio-cantidad-actions{grid-column:1}}.videos-manager{margin:2.5rem 0;padding:2rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:2px solid #e5e7eb;box-shadow:0 4px 12px #0000000a;transition:all .3s ease}.videos-manager:hover{box-shadow:0 6px 20px #00000014;border-color:#d1d5db}.videos-manager-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.videos-manager-header h3{font-size:1.375rem;font-weight:700;color:#1a1a1a;margin:0 0 .75rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem}.videos-manager-header h3:before{content:"🎥";font-size:1.5rem;filter:grayscale(0)}.videos-manager-help{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.6;padding-left:2.25rem}.videos-manager-empty-hint{font-size:.875rem;color:#6b7280;font-style:italic;margin:.75rem 0 0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;border-left:4px solid #3172a2;padding:1rem 1.25rem 1rem 2.25rem}.videos-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.video-item{padding:1.75rem;background:#fff;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;overflow:hidden}.video-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#3172a2,#a53c7d);transition:width .3s ease}.video-item:hover{border-color:#3172a2;box-shadow:0 4px 16px #3172a21f;transform:translateY(-2px)}.video-item:hover:before{width:6px}.video-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:2px solid #e5e7eb}.video-item-header h4{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.01em}.video-item-fields{display:flex;flex-direction:column;gap:1rem}.video-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.video-field{display:flex;flex-direction:column;gap:.5rem}.video-field label{font-size:.875rem;font-weight:600;color:#374151;letter-spacing:-.01em;margin-bottom:.25rem}.field-help{font-size:.75rem;color:#999;font-style:italic;margin-top:-.25rem}.video-checkboxes{display:flex;gap:2rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #e5e7eb}.video-input-mode-selector{display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #e5e7eb}.mode-btn{flex:1;padding:.875rem 1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:600;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:.625rem;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.mode-btn:hover:not(.active){border-color:#3172a2;color:#3172a2;background:#f0f7ff;transform:translateY(-1px);box-shadow:0 2px 6px #3172a226}.mode-btn.active{background:linear-gradient(135deg,#3172a2,#2d6a95);border-color:#3172a2;color:#fff;box-shadow:0 2px 8px #3172a240}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.video-upload-area{display:flex;flex-direction:column;gap:.75rem}.upload-video-button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.75rem;background:linear-gradient(135deg,#f8fafc,#fff);border:2px dashed #cbd5e1;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:600;color:#475569;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.upload-video-button:hover:not(.disabled){background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-color:#3172a2;color:#3172a2;transform:translateY(-2px);box-shadow:0 4px 12px #3172a226}.upload-video-button.disabled{opacity:.5;cursor:not-allowed}.video-upload-info{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;font-size:.875rem;border:1px solid #cbd5e1}.video-upload-name{color:#333;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-upload-remove{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1.25rem;padding:0 .5rem;line-height:1;transition:color .2s ease}.video-upload-remove:hover{color:#c0392b}.video-upload-remove:disabled{opacity:.5;cursor:not-allowed}.video-thumbnail-preview{padding:1rem;background:#f9f9f9;border-radius:6px;border:1px solid #e0e0e0}.video-thumbnail-preview label{display:block;font-size:.8125rem;font-weight:600;color:#333;margin-bottom:.5rem}.video-thumbnail-preview img{max-width:100%;height:auto;border-radius:4px;border:1px solid #ddd}.agregar-video-btn{width:100%;margin-top:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#3172a2,#2d6a95);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.9375rem;transition:all .3s ease;box-shadow:0 2px 8px #3172a233}.agregar-video-btn:hover:not(:disabled){background:linear-gradient(135deg,#a53c7d,#8e2f6a);box-shadow:0 4px 12px #a53c7d4d;transform:translateY(-2px)}.agregar-video-btn:active:not(:disabled){transform:translateY(0)}@media (max-width: 768px){.video-field-row{grid-template-columns:1fr}.video-checkboxes{flex-direction:column;gap:.75rem}}.stock-manager{margin-top:2rem;padding:1.5rem;background:#fafafa;border:1px solid #e8e8e8;border-radius:8px}.stock-manager-header{margin-bottom:1.5rem}.stock-manager-title{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 .5rem}.stock-manager-help{font-size:.875rem;color:#666;margin:0}.stock-manager-fields{display:flex;flex-direction:column;gap:1rem}.stock-manager-fields .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.stock-manager-fields .form-row{grid-template-columns:1fr}}.form-producto-container{width:100%;margin:0;padding:0;background:transparent;border-radius:0;box-shadow:none}.form-producto-container::-webkit-scrollbar{width:8px}.form-producto-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.form-producto-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:4px}.form-producto-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.form-producto-container *{box-sizing:border-box}.form-producto-container input,.form-producto-container select,.form-producto-container textarea{font-family:inherit}.form-producto-container label{font-weight:500}