:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%;height:-webkit-fill-available}body{margin:0;min-width:320px;min-height:100vh;min-height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom)}#root{min-height:100vh;min-height:-webkit-fill-available}@supports (-webkit-touch-callout: none){body,#root{min-height:-webkit-fill-available}}@media (max-width: 768px){body{overflow-x:hidden;position:relative}}.mensajes-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mensajes-modal-content{background:#1a1a1a;border-radius:12px;width:40%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;border:2px solid #C5973D;display:flex;flex-direction:column}.mensajes-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #C5973D;background:#2a2a2a;border-radius:12px 12px 0 0}.mensajes-modal-header h2{margin:0;font-size:20px;color:#c5973d;font-weight:600}.mensajes-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#c5973d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.mensajes-modal-close:hover{background:#c5973d;color:#1a1a1a}.mensajes-modal-body{padding:20px;flex:1;background:#1a1a1a}.mensaje-principal{text-align:center;margin-bottom:20px}.texto-pregunta{color:#fff;font-weight:500;font-size:16px;margin:0 0 8px}.texto-azul{color:#c5973d;cursor:pointer;font-weight:600;text-decoration:underline;transition:all .3s ease;font-size:14px;margin:0;display:inline-block}.texto-azul:hover{color:#fff;text-decoration:none}.divider{height:1px;background:#c5973d;margin:20px 0}.mensajes-lista h3{font-size:16px;color:#c5973d;margin-bottom:15px;font-weight:600;text-align:center}.mensaje-item{background:#2a2a2a;border:1px solid #C5973D;border-radius:6px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .3s ease}.mensaje-item:hover{border-color:#fff;box-shadow:0 2px 8px #c5973d4d;background:#3a3a3a}.mensaje-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.mensaje-asunto{font-weight:500;color:#fff;font-size:14px}.mensaje-estado{font-size:12px;padding:2px 8px;border-radius:12px;font-weight:500}.mensaje-estado.pendiente{background:#fff3cd;color:#856404}.mensaje-estado.en-revision{background:#d1ecf1;color:#0c5460}.mensaje-estado.resuelto{background:#d4edda;color:#155724}.mensaje-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c5973d}.mensaje-respuesta{color:#c5973d;font-weight:500}.mensajes-vacio{text-align:center;color:#c5973d;padding:30px 0;font-size:14px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#1a1a1a;border-radius:12px;max-width:450px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;border:2px solid #C5973D}.modal-nuevo{max-width:400px}.modal-detalles{max-width:500px}.modal-header h3{margin:0;font-size:18px;color:#c5973d!important}.modal-form{padding:10px 20px 20px;background:#1a1a1a}.modal-body{padding:20px;background:#1a1a1a}.form-group{margin-bottom:5px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1px solid #C5973D;border-radius:8px;font-size:14px;transition:all .3s ease;background:#000;color:#fff;box-sizing:border-box}.form-input::placeholder,.form-textarea::placeholder{color:#fff}.form-textarea{margin-top:10px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#c5973d;box-shadow:0 0 0 3px #c5973d4d;background:#1a1a1a}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px;appearance:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:40px}.btn-cancel,.btn-send{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;min-width:80px}.btn-cancel{background:#6c757d;color:#fff;border:1px solid #6c757d}.btn-cancel:hover{background:#5a6268;border-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px #6c757d4d}.btn-send{background:#1a1a1a;color:#c5973d;border:1px solid #C5973D}.btn-send:hover{background:#c5973d;border-color:#c5973d;color:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #c5973d4d}.btn-send:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.detalle-mensaje,.detalle-respuesta{margin-bottom:20px}.detalle-mensaje h4,.detalle-respuesta h4{font-size:14px;color:#2c3e50;margin-bottom:8px;font-weight:600}.detalle-mensaje p,.detalle-respuesta p{margin:0 0 10px;color:#495057;line-height:1.5;font-size:14px}.mensaje-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6c757d}.estado{padding:2px 8px;border-radius:12px;font-weight:500}.estado.pendiente{background:#fff3cd;color:#856404}.estado.en-revision{background:#d1ecf1;color:#0c5460}.estado.resuelto{background:#d4edda;color:#155724}.respuesta-meta{font-size:12px;color:#6c757d;margin-top:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 768px){.mensajes-modal-content{width:95%;margin:10px}.modal-content{margin:10px}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.area-required-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}.area-required-modal{background:#fff;border-radius:16px;padding:2.5rem;max-width:450px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .3s ease-out}.area-required-icon{color:#b8860b;margin-bottom:1.5rem;display:flex;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.area-required-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem}.area-required-message{font-size:1.05rem;color:#4a4a4a;margin:0 0 .75rem;line-height:1.6}.area-required-submessage{font-size:.9rem;color:#666;margin:0 0 2rem;line-height:1.5}.area-required-actions{display:flex;gap:1rem;justify-content:center}.area-required-btn-primary{background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #b8860b4d}.area-required-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #b8860b66;background:linear-gradient(135deg,#daa520,#b8860b)}.area-required-btn-primary:active{transform:translateY(0)}.area-required-btn-secondary{background:#fff;color:#666;border:2px solid #ddd;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.area-required-btn-secondary:hover{border-color:#b8860b;color:#b8860b;background:#b8860b0d}@media (max-width: 480px){.area-required-modal{padding:2rem 1.5rem}.area-required-title{font-size:1.5rem}.area-required-message{font-size:1rem}.area-required-actions{flex-direction:column}.area-required-btn-primary,.area-required-btn-secondary{width:100%}}.logo-container{display:flex;flex-direction:column;align-items:center;gap:0}.logo-text{color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:-15px;text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap}.navbar{background:#000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:0;box-shadow:0 2px 20px #00000080;position:sticky;top:0;z-index:5000;border-bottom:1px solid rgba(255,255,255,.1);width:100%}@media (max-width: 768px){.navbar{position:fixed;top:0;left:0;right:0;z-index:1000}}@media (min-width: 769px){.navbar{position:fixed;top:0;left:0;right:0;z-index:1000}}.navbar-container{max-width:100%;margin:0 auto;padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo-section{display:flex;align-items:center;gap:1rem}.navbar-logo{display:flex;align-items:center;text-decoration:none;transition:transform .3s,filter .3s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));padding:.3rem 0}.navbar-logo:hover{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(255,255,255,.5))}.navbar-logo-mobile,.navbar-logo-section-mobile{display:none}@media (max-width: 768px){.navbar-logo-section{display:none}.navbar-logo-section-mobile{display:flex;align-items:center;gap:.75rem}.navbar-logo-mobile,.navbar-share-mobile{display:flex}}.navbar-menu{display:flex;gap:2rem;align-items:center}.navbar-link{color:#fff;text-decoration:none;font-weight:500;transition:all .3s;padding:.5rem 1rem;border-radius:8px}.navbar-link:hover{background:#fff3}.navbar-login-wrapper{position:relative;display:inline-block;max-width:200px}.navbar-login-wrapper>div{border-radius:8px!important;overflow:hidden!important}.navbar-login-wrapper iframe{border-radius:8px!important}.navbar-login-btn{position:relative;z-index:1;pointer-events:none}.navbar-google-login-hidden{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;cursor:pointer;pointer-events:all;overflow:visible;-webkit-tap-highlight-color:transparent}.navbar-google-login-hidden>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:all;-webkit-tap-highlight-color:transparent;position:relative}.navbar-google-login-hidden iframe{max-width:200px!important;width:100%!important;height:100%!important;min-height:44px!important;min-width:100px!important;pointer-events:all!important;cursor:pointer!important;z-index:1001!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative!important;opacity:1!important;visibility:visible!important;border:none!important;background:transparent!important}@supports (-webkit-touch-callout: none){.navbar-google-login-hidden{opacity:1!important}.navbar-google-login-hidden iframe{opacity:1!important;visibility:visible!important;display:block!important}}.navbar-google-login-hidden button{width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;pointer-events:all!important;border:none!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:none!important;position:relative!important;z-index:1001!important}.navbar-login-btn{background:#ffd60a;color:#000;font-weight:700;cursor:pointer;border:none;box-shadow:0 4px 12px #ffd60a59;display:flex;align-items:center;justify-content:center;gap:.5rem}.google-icon-navbar{flex-shrink:0;display:inline-block;vertical-align:middle}.navbar-login-btn:hover{background:#ffe880;color:#000;box-shadow:0 6px 16px #ffd60a73}.navbar-login-btn:focus-visible{outline:2px solid #000000;outline-offset:2px}.navbar-actions{display:flex;align-items:center;gap:8px}.navbar-cart-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.navbar-share .share-button{color:#daa520;background:#b8860b33;border-radius:8px;transition:all .3s}.navbar-share .share-button:hover{background:#b8860b4d;transform:scale(1.1)}.navbar-cart{position:relative;background:#b8860b33;border:none;color:#daa520;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.navbar-cart:hover{background:#b8860b4d;transform:scale(1.1)}.cart-notification{position:absolute;top:calc(100% + 12px);right:0;transform:translateY(12px);background:#fffffff2;box-shadow:0 12px 30px #00000059;border-radius:14px;padding:.55rem .9rem;display:flex;align-items:center;gap:.5rem;pointer-events:none;opacity:0;animation:cartNotificationEnter .35s ease forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#0f172a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;font-size:.82rem;white-space:nowrap;letter-spacing:.01em;z-index:1500}.cart-notification:after{content:"";position:absolute;top:-6px;right:16px;border-width:0 6px 6px 6px;border-style:solid;border-color:transparent transparent rgba(255,255,255,.95) transparent;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.cart-notification-icon{font-size:1rem;filter:drop-shadow(0 4px 6px rgba(255,215,0,.45))}.cart-notification-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.cart-notification-title{text-transform:uppercase;letter-spacing:.03em}.cart-notification-product{font-size:.74rem;color:#0f172ab8;font-weight:500;margin-top:2px}.cart-notification-exit{animation:cartNotificationExit .25s ease forwards}@keyframes cartNotificationEnter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(12px)}}@keyframes cartNotificationExit{0%{opacity:1;transform:translateY(12px)}to{opacity:0;transform:translateY(36px)}}.cart-badge{position:absolute;top:-5px;right:-5px;background:#b8860b;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:10px;min-width:18px;text-align:center}.navbar-greeting{color:#fff;font-weight:500;font-size:1rem;padding-left:1rem;border-left:2px solid rgba(255,255,255,.3)}.navbar-username{color:#daa520;font-weight:600}.navbar-location-section{display:flex;align-items:center;margin-right:1rem}.navbar-user-section{display:flex;align-items:center;gap:1rem}.navbar-location-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#b8860b1a;border:1px solid rgba(184,134,11,.3);border-radius:8px;color:#daa520;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.navbar-location-btn:hover{background:#b8860b33;border-color:#b8860b80}.navbar-location-text{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis}.navbar-user-menu{position:relative;display:inline-block}.navbar-user-avatar{background:none;border:1px solid rgba(255,255,255,.3);border-radius:50%;padding:1px;cursor:pointer;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.navbar-user-avatar:hover{border-color:#daa520;transform:scale(1.05)}.user-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.navbar-user-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:6px;box-shadow:0 2px 10px #0003;min-width:160px;z-index:1000;margin-top:6px;overflow:hidden}.dropdown-item{display:block;width:100%;padding:8px 12px;color:#333;text-decoration:none;border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;text-align:left}.dropdown-item:hover{background:#f8f9fa;color:#007bff}.logout-item{color:#dc3545}.logout-item:hover{background:#f8d7da;color:#721c24}.navbar-hamburger{display:none;background:#fff3;border:none;color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s;width:40px;height:40px}.navbar-hamburger:hover{background:#ffffff4d}.navbar-links-desktop{display:flex;gap:2rem;align-items:center}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:15000}.mobile-menu{display:none;position:fixed;top:0;left:0;bottom:0;width:280px;background:#000!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:2px 0 20px #00000080;z-index:15001;padding:1.5rem;animation:slideInLeft .3s ease-out;border-top-right-radius:12px;border-bottom-right-radius:12px;border-right:1px solid rgba(255,255,255,.1)}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-link{display:block;color:#fff;text-decoration:none;padding:1rem 1.2rem;margin-bottom:.5rem;border-radius:8px;font-weight:500;font-size:1rem;transition:all .2s}.mobile-menu-link:hover{background:#ffffff26;transform:translate(5px)}@media (max-width: 768px){.navbar{padding-bottom:.3rem;background:#000}.navbar-container{flex-direction:column;gap:.4rem;padding:.4rem .8rem;background:#000}.navbar-logo-desktop{display:none}.navbar-logo-section-mobile{display:none!important}.navbar-logo-mobile{display:flex;transform:scale(.5);justify-content:center}.navbar-menu{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto auto;gap:.4rem;align-items:center;background:none}.navbar-hamburger{display:flex;grid-column:1;grid-row:1;justify-self:flex-start;width:36px;height:36px;padding:.4rem}.navbar-logo-section-mobile{grid-column:2;grid-row:1;justify-self:center;display:flex!important;align-items:center;justify-content:center}.navbar-logo-mobile{display:flex!important;transform:scale(.5)}.navbar-logo-mobile:hover{transform:scale(.55)}.navbar-cart{grid-column:3;grid-row:1;justify-self:flex-end;padding:.4rem;width:36px;height:36px}.navbar-actions{grid-column:4;grid-row:1;justify-self:flex-end}.navbar-login-wrapper{grid-column:4;grid-row:1;justify-self:flex-end;margin:0}.navbar-user-section{grid-column:1 / 5;grid-row:2;display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.2rem}.cart-notification{right:-6px;top:calc(100% + 6px);transform:translateY(8px) scale(.9);font-size:.75rem;padding:.4rem .7rem}.navbar-location-section{grid-column:1 / 5;grid-row:2;display:flex;align-items:center;justify-content:center;margin:.2rem 0}.navbar-user-section~.navbar-location-section,.navbar-user-section+* .navbar-location-section{display:none}.navbar-location-btn{font-size:.75rem;padding:.3rem .6rem}.navbar-location-text{max-width:100px;font-size:.75rem}.navbar-link{display:none}.navbar-greeting{padding-left:0;font-size:.8rem;border-left:none;gap:.2rem;display:flex;align-items:center}.navbar-logout{font-size:.75rem;padding:.3rem .6rem}.navbar-login-wrapper>div{transform:scale(.75)}.navbar-links-desktop{display:none}.mobile-menu-overlay,.mobile-menu{display:block}.navbar-link{padding:.5rem .8rem;font-size:.85rem}.navbar-username{font-size:.85rem}}@media (max-width: 480px){.navbar-container{padding:.6rem .8rem}.navbar-logo-mobile{transform:scale(.55)}.navbar-greeting,.navbar-username{font-size:.8rem}.navbar-logout{font-size:.7rem;padding:.35rem .6rem}.mobile-menu{width:240px}.mobile-menu-link{font-size:.95rem;padding:.9rem 1rem}}.footer{background:#0009;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.15);padding:.8rem 0;flex-shrink:0;position:fixed;bottom:0;left:0;right:0;z-index:900}.footer-content{max-width:1400px;margin:0 auto;text-align:center;padding:0 2rem;display:flex;flex-direction:column;gap:.8rem}.footer-socials{display:flex;align-items:center;justify-content:center;gap:1.2rem}.footer-social-link{color:#ffffffd9;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.footer-social-link:hover{color:#fff;transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 4px 8px rgba(255,255,255,.4))}.footer-info{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.footer-link{color:#ffffffe6;font-size:.8rem;text-decoration:none;transition:all .3s ease;letter-spacing:.3px}.footer-link:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.footer-separator{color:#fff6;font-size:.8rem}.footer-copyright-inline{color:#ffffffb3;font-size:.8rem;letter-spacing:.3px}@media (max-width: 768px){.footer{padding:1.5rem 0}.footer:after{content:"";position:fixed;bottom:0;left:0;right:0;height:10vh;background:#000000e6;z-index:-1}.footer-content{padding:0 1rem;gap:.6rem}.footer-socials{gap:1rem}.footer-info{flex-direction:row;gap:.5rem;justify-content:center}.footer-phone{display:none}.footer-separator:first-of-type{display:none}.footer-link,.footer-copyright-inline,.footer-separator{font-size:.7rem}}@media (max-width: 480px){.footer{padding:.5rem 0}.footer-content{padding:0 .5rem}.footer-link,.footer-copyright-inline,.footer-separator{font-size:.65rem}}.checkout-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;min-height:400px;justify-content:center}.state-icon{margin-bottom:1.5rem;color:var(--primary-color, #ffd700)}.checkout-state h2{margin-bottom:1rem;color:#333;font-size:1.5rem}.checkout-state p{margin-bottom:1.5rem;color:#666;max-width:500px;line-height:1.6}.processing-state .state-icon{color:orange;animation:pulse 2s infinite}.processing-details{margin:2rem 0;width:100%;max-width:400px}.processing-steps{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative}.processing-steps:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#e0e0e0;z-index:1}.step{display:flex;flex-direction:column;align-items:center;background:#fff;padding:.5rem;border-radius:50%;width:40px;height:40px;position:relative;z-index:2;border:2px solid #e0e0e0}.step.completed{border-color:#4caf50;background:#4caf50;color:#fff}.step.in-progress{border-color:orange;background:orange;color:#fff;animation:pulse 2s infinite}.step.pending{border-color:#e0e0e0;color:#999}.step span{font-size:.75rem;margin-top:.25rem;text-align:center}.polling-info{margin-top:1rem}.polling-info small{color:#666;font-size:.875rem}.timeout-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin:1rem 0;max-width:500px}.timeout-message p{margin:.5rem 0;color:#856404}.success-state .state-icon{color:#4caf50}.order-summary-success{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin:1.5rem 0;width:100%;max-width:400px;text-align:left}.order-summary-success h3{margin:0 0 1rem;color:#333;font-size:1.1rem}.status-confirmed{color:#4caf50;font-weight:600}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:1rem;margin:1rem 0;max-width:500px}.success-message p{margin:0;color:#155724}.error-state .state-icon{color:#dc3545}.error-details{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:1rem;margin:1rem 0;max-width:500px;display:flex;align-items:flex-start;text-align:left}.error-icon{margin-right:.75rem;color:#dc3545;flex-shrink:0}.error-message p{margin:0;color:#721c24}.order-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin:1rem 0;max-width:500px}.order-info p{margin:0;color:#856404}.state-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.state-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.btn-primary{background:var(--primary-color, #ffd700);color:#333}.btn-primary:hover{background:var(--primary-dark, #e6c200);transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){.checkout-state{padding:1rem;min-height:300px}.checkout-state h2{font-size:1.25rem}.processing-steps{flex-direction:column;gap:1rem}.processing-steps:before{display:none}.step{width:50px;height:50px}.state-actions{flex-direction:column;width:100%}.state-actions button{width:100%}}.descuento-ultra-simple{background:#000000b3;border:2px solid rgba(197,151,61,.5);border-radius:12px;padding:1rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.descuento-line{margin-bottom:.8rem}.descuento-line:last-child{margin-bottom:0}.descuento-main{display:flex;align-items:center;gap:10px;margin-bottom:.5rem;flex-wrap:wrap}.descuento-tipo{color:#e0e0e0;font-size:.9rem;font-weight:500}.descuento-restante{font-size:.8rem;font-weight:600}.limite-ultra-simple{margin-top:.5rem}.limite-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:.3rem}.limite-fill{height:100%;background:linear-gradient(90deg,#c5973d,#e74c3c);border-radius:2px;transition:width .3s ease}.limite-numero{font-size:.8rem;color:#c5973d;font-weight:600;text-align:center}.status-disponible{color:#c5973d}.status-agotado{color:#e74c3c}.descuento-motivo-inline{color:#c5973d;font-size:.85rem;font-weight:500;font-style:italic;margin:0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;flex-shrink:1}.descuento-motivo{margin-top:.5rem;padding:.6rem;background:#ffffff0d;border-radius:6px;font-size:.9rem;color:#e0e0e0;line-height:1.4}@media (max-width: 768px){.descuento-motivo-inline{font-size:.8rem;max-width:150px;margin:0 .3rem}.descuento-motivo{font-size:.85rem;padding:.5rem}.descuento-main{flex-wrap:wrap;gap:.5rem}.descuento-motivo-inline{order:2;flex-basis:100%;max-width:100%;white-space:normal;margin:.3rem 0 0}}.descuento-item{display:flex;align-items:center;gap:.8rem;background:#c5973d1a;border:1px solid rgba(197,151,61,.3);border-radius:8px;padding:.8rem;transition:all .3s ease}.descuento-item:hover{background:#c5973d26;border-color:#c5973d80;transform:translateY(-1px)}.descuento-info{flex:1;height:100%;margin:.5rem .5rem 0rem;display:flex;flex-direction:column;justify-content:center}.descuento-titulo{color:#fff;font-weight:600;font-size:.8rem;margin-bottom:0}.descuento-porcentaje{color:#c5973d;font-size:.8rem;font-weight:700;margin-bottom:0}.limite-usuario{margin-top:.5rem;padding:.5rem;background:#0003;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.limite-progress-mini{margin-bottom:.4rem}.limite-bar-mini{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:.3rem}.limite-fill-mini{height:100%;background:linear-gradient(90deg,#3498db,#c5973d);border-radius:2px;transition:width .3s ease}.limite-text-mini{font-size:.7rem;color:#3498db;font-weight:600;text-align:center}.limite-agotado{font-size:.7rem;color:#e74c3c;font-weight:600;text-align:center;background:#e74c3c1a;padding:.2rem .5rem;border-radius:8px}.limite-disponible{font-size:.7rem;color:#c5973d;font-weight:600;text-align:center;background:#c5973d1a;padding:.2rem .5rem;border-radius:8px}@media (max-width: 768px){.descuentos-disponibles{padding:1rem;margin-bottom:1rem}.descuentos-header h3{font-size:1rem}.descuento-titulo{font-size:.9rem}.descuento-porcentaje{font-size:1.1rem}.descuento-descripcion{font-size:.8rem}}.checkout-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-in-out}.checkout-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.checkout-handle{display:none;width:40px;height:4px;background:#ddd;border-radius:2px;margin:.75rem auto .5rem}.checkout-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem 1.5rem;border-bottom:2px solid #f0f0f0}.checkout-header h2{margin:0;font-size:1.5rem;color:#333}.checkout-content{flex:1;overflow-y:auto;padding:1.5rem}.checkout-form{display:flex;flex-direction:column;gap:1.5rem}.checkout-section{background:#f8f9fa;padding:1.25rem;border-radius:12px;border:1px solid #e9ecef}.checkout-section h3{margin:0 0 1rem;font-size:1.1rem;color:#333;font-weight:600;display:flex;align-items:center;gap:.5rem}.checkout-section h3 svg{color:#b8860b}.order-summary{padding:.75rem 0}.summary-items{color:#6c757d;margin:0;font-size:.95rem}.summary-total{color:#b8860b;margin:0;font-size:1.25rem;font-weight:700}.summary-total-con-descuento{color:#c5973d;margin:.5rem 0 0;font-size:1.1rem;font-weight:600}.select-direccion{width:100%;padding:.875rem;border:2px solid #dee2e6;border-radius:8px;font-size:1rem;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.select-direccion:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.direccion-preview{background:#b8860b0d;border:1px solid rgba(184,134,11,.2);border-radius:8px;padding:1rem;margin-top:.5rem}.preview-row{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;color:#333;font-size:.95rem}.preview-row:last-child{margin-bottom:0}.preview-row strong{color:#b8860b;font-size:1rem}.preview-row.phone{color:#6c757d;font-weight:500}.preview-row svg{flex-shrink:0;margin-top:2px;color:#6c757d}.text-muted{color:#6c757d}.no-direcciones{text-align:center;padding:1.5rem}.no-direcciones p{color:#6c757d;margin:0 0 1rem;font-size:.95rem}.btn-add-direccion{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-direccion:hover{background:#218838;transform:translateY(-1px)}.payment-method-selector{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.payment-method-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #dee2e6;border-radius:10px;cursor:pointer;transition:all .2s ease}.payment-method-option:hover{border-color:#b8860b;background:#b8860b08}.payment-method-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#B8860B;margin:0}.payment-method-option input[type=radio]:checked+.payment-method-info{color:#b8860b;font-weight:600}.payment-method-info{display:flex;align-items:center;gap:1rem;flex:1;color:#333}.payment-brand{font-weight:600;text-transform:capitalize}.payment-last4{color:#6c757d;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.payment-exp{color:#6c757d;font-size:.9rem;margin-left:auto}.payment-method-option.new-card{border-style:dashed}.payment-method-option.new-card:hover{border-color:#28a745;background:#28a74508}.new-card-form{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.card-element-container{padding:1rem;background:#fff;border:2px solid #dee2e6;border-radius:8px;transition:all .2s ease;margin-bottom:1rem}.card-element-container:focus-within{border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.save-card-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#495057;font-size:.95rem}.save-card-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#B8860B}.notas-input{width:100%;padding:.875rem;border:2px solid #dee2e6;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .2s ease}.notas-input:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.char-count{display:block;text-align:right;color:#6c757d;font-size:.85rem;margin-top:.5rem}.checkout-error{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.checkout-actions{display:flex;gap:1rem;padding:1.5rem;border-top:2px solid #f0f0f0;background:#fff}.btn-cancel-checkout{flex:1;padding:1rem;border:2px solid #dee2e6;background:#fff;color:#6c757d;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel-checkout:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.btn-confirm-checkout{flex:2;padding:1rem;border:none;background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #b8860b4d;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-confirm-checkout:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #b8860b66}.btn-confirm-checkout:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.checkout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.checkout-loading .spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top-color:#b8860b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.checkout-empty{text-align:center;padding:3rem}.checkout-empty p{color:#6c757d;font-size:1.1rem;margin-bottom:1.5rem}@media (max-width: 768px){.checkout-modal-overlay{align-items:flex-end;padding:0}.checkout-modal{max-width:100%;width:100%;max-height:90vh;border-radius:24px 24px 0 0;animation:slideUpFromBottom .3s ease-out}.checkout-handle{display:block}.checkout-header{padding:0 1.2rem 1.2rem}.checkout-header h2{font-size:1.3rem}.checkout-content{padding:1.2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.checkout-footer{padding:1.2rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}.checkout-actions{flex-direction:column;gap:.75rem}.btn-cancel-checkout,.btn-confirm-checkout{width:100%}}.form-nueva-direccion{background:#b8860b0d;border:2px dashed rgba(184,134,11,.3);border-radius:12px;padding:1.5rem}.form-nueva-direccion h4{margin:0 0 1rem;color:#b8860b;font-size:1rem;font-weight:600}.form-nueva-direccion .form-group{margin-bottom:1rem}.form-nueva-direccion .form-group:last-of-type{margin-bottom:1.5rem}.form-nueva-direccion .form-group input,.form-nueva-direccion .form-group textarea{background:#fff!important}.form-nueva-direccion label{display:block;margin-bottom:.4rem;color:#000!important;font-weight:600;font-size:.9rem}.form-nueva-direccion input,.form-nueva-direccion textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;background:#fff;color:#000!important}.form-nueva-direccion input:focus,.form-nueva-direccion textarea:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.form-nueva-direccion input.error{border-color:#dc3545;background-color:#fff5f5;color:#000!important}.form-nueva-direccion input[type=text],.form-nueva-direccion input[type=tel],.form-nueva-direccion textarea{color:#000!important}.form-nueva-direccion input[type=text]:focus,.form-nueva-direccion input[type=tel]:focus,.form-nueva-direccion textarea:focus{color:#000!important}.phone-input-container{display:flex;align-items:center;border:1px solid #ddd;border-radius:8px;background:#fff;overflow:hidden}.phone-prefix{background:#f8f9fa;padding:.75rem .8rem;border-right:1px solid #ddd;color:#333;font-weight:600;font-size:.95rem;-webkit-user-select:none;user-select:none}.phone-input{flex:1;padding:.75rem;border:none;outline:none;font-size:.95rem;background:#fff;color:#000!important}.form-nueva-direccion textarea{resize:vertical;min-height:60px}.form-actions-inline{display:flex;gap:.75rem;margin-top:1rem}.btn-secondary-small,.btn-primary-small{flex:1;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;border:none}.btn-secondary-small{background:#f0f0f0;color:#666}.btn-secondary-small:hover:not(:disabled){background:#e0e0e0}.btn-primary-small{background:linear-gradient(135deg,#b8860b,#daa520);color:#fff}.btn-primary-small:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #b8860b4d}.btn-secondary-small:disabled,.btn-primary-small:disabled{opacity:.6;cursor:not-allowed}.btn-add-direccion-small{width:100%;padding:.75rem 1rem;background:#fff;border:2px dashed rgba(184,134,11,.4);color:#b8860b;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-add-direccion-small:hover{background:#b8860b0d;border-color:#b8860b;border-style:solid}.descuentos-aplicables{background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:8px;padding:1rem;margin-top:1rem}.descuentos-aplicables h4{color:#3498db;margin:0 0 .8rem;font-size:.95rem;font-weight:600}.descuento-aplicable{display:flex;align-items:center;gap:.8rem;padding:.6rem;background:#ffffff0d;border-radius:6px;margin-bottom:.5rem}.descuento-aplicable:last-of-type{margin-bottom:.8rem}.descuento-icon{font-size:1.2rem;flex-shrink:0}.descuento-tipo{color:#e0e0e0;font-size:.9rem;flex:1}.descuento-porcentaje{color:#e74c3c;font-weight:700;font-size:.9rem}.total-con-descuento{padding-top:.8rem;border-top:1px solid rgba(52,152,219,.3);color:#c5973d;font-size:1rem;text-align:center}@media (max-width: 768px){.descuentos-aplicables{padding:.8rem}.descuentos-aplicables h4{font-size:.9rem}.descuento-aplicable{padding:.5rem;gap:.6rem}.descuento-icon{font-size:1.1rem}.descuento-tipo,.descuento-porcentaje{font-size:.85rem}.total-con-descuento{font-size:.9rem}}.delivery-indicator{margin:10px 0;padding:12px;border-radius:8px;text-align:center;font-size:14px;font-weight:600}.delivery-free{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.delivery-progress{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.summary-row.total{border-bottom:none;font-weight:700;font-size:1.1em;margin-top:8px;padding-top:12px;border-top:2px solid #ddd}.paypal-waiting-message{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center}.paypal-waiting-message p{margin:.5rem 0;color:#856404;font-weight:500}.paypal-waiting-message .waiting-note{font-size:.9rem;color:#856404;font-weight:400;font-style:italic}.paypal-container{margin-top:1rem;position:relative}.paypal-info-message{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:.875rem;margin-bottom:1rem;color:#1565c0;font-size:.9rem;text-align:center}.paypal-container :global(div[id*=paypal]){min-height:45px}.paypal-container :global(*){opacity:1!important;filter:none!important}.paypal-container :global(button){opacity:1!important;filter:none!important;transition:all .2s ease!important;background:transparent!important}.paypal-container :global(button:not([disabled]):not([aria-disabled=true])){opacity:1!important;filter:none!important;background:transparent!important}.paypal-container :global(button:not([disabled]):not([aria-disabled=true]):hover){transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000026!important;opacity:1!important;filter:none!important}.paypal-container :global(button[disabled]),.paypal-container :global(button[aria-disabled=true]){opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important;filter:grayscale(.5)!important}.paypal-container :global([id^=paypal-button]){opacity:1!important;filter:none!important}.paypal-container :global(iframe){opacity:1!important;filter:none!important;background:transparent!important}.paypal-container :global(div),.paypal-container :global(span),.paypal-container :global(button),.paypal-container :global(a){opacity:1!important}.paypal-container :global([disabled]),.paypal-container :global([aria-disabled=true]){opacity:.5!important}.paypal-container :global([data-testid*=card]),.paypal-container :global([class*=card]),.paypal-container :global([id*=card]){opacity:1!important;filter:none!important;background:transparent!important}.paypal-container :global(button[type=button]),.paypal-container :global(button[type=submit]){opacity:1!important;filter:none!important;background:transparent!important;color:inherit!important}.paypal-container :global(button[data-testid=submit-button]),.paypal-container :global(button:has([class*=pay])),.paypal-container :global(button:has([class*=Pay])){opacity:1!important;filter:none!important;background:#0070ba!important;background-color:#0070ba!important;color:#fff!important;border:none!important}.paypal-container :global(input),.paypal-container :global(select),.paypal-container :global(textarea){opacity:1!important;filter:none!important;background:#fff!important;color:#333!important;border:1px solid #ddd!important}.paypal-container :global(label),.paypal-container :global(span),.paypal-container :global(p){opacity:1!important;filter:none!important;color:#333!important}.paypal-container :global([class*=CardFields]),.paypal-container :global([class*=card-fields]),.paypal-container :global([id*=CardFields]){opacity:1!important;filter:none!important}body :global(div[style*="position: fixed"][style*="inset: 0"]:not(.checkout-modal-overlay)),body :global(div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="right: 0"][style*="bottom: 0"]:not(.checkout-modal-overlay)){background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;opacity:1!important;z-index:10001!important}body :global(div[style*="position: fixed"][style*="z-index:"]:not(.checkout-modal):not(.checkout-modal-overlay)){opacity:1!important;filter:none!important;background:#fff!important;box-shadow:0 20px 60px #0000004d!important}body :global(div[style*="position: fixed"][style*="z-index:"]:not(.checkout-modal):not(.checkout-modal-overlay) *){opacity:1!important;filter:none!important;color:#333!important}body :global(div[style*="position: fixed"]:not(.checkout-modal) button){opacity:1!important;filter:none!important;background:#0070ba!important;background-color:#0070ba!important;color:#fff!important}body :global(div[style*="position: fixed"]:not(.checkout-modal) input),body :global(div[style*="position: fixed"]:not(.checkout-modal) select){opacity:1!important;filter:none!important;background:#fff!important;color:#333!important;border:1px solid #ddd!important}body :global(div[style*="position: fixed"]:not(.checkout-modal) label),body :global(div[style*="position: fixed"]:not(.checkout-modal) span),body :global(div[style*="position: fixed"]:not(.checkout-modal) p),body :global(div[style*="position: fixed"]:not(.checkout-modal) div){opacity:1!important;filter:none!important;color:#333!important}:global([data-paypal-modal]),:global(.paypal-smart-payment-button-modal),:global([id*=paypal-smart-button]){opacity:1!important;filter:none!important;background:#fff!important}:global([data-paypal-modal] *),:global(.paypal-smart-payment-button-modal *),:global([id*=paypal-smart-button] *){opacity:1!important;filter:none!important}body :global(div[style*="position: fixed"]:not(.checkout-modal):not(.checkout-modal-overlay)){background:#fff!important;box-shadow:0 20px 60px #0006!important;border-radius:12px!important}body :global(div[style*="position: fixed"]:not(.checkout-modal) h1),body :global(div[style*="position: fixed"]:not(.checkout-modal) h2),body :global(div[style*="position: fixed"]:not(.checkout-modal) h3),body :global(div[style*="position: fixed"]:not(.checkout-modal) [class*=title]),body :global(div[style*="position: fixed"]:not(.checkout-modal) [class*=header]){color:#1a1a1a!important;font-weight:600!important;opacity:1!important}body :global(div[style*="position: fixed"]:not(.checkout-modal) input[type=text]),body :global(div[style*="position: fixed"]:not(.checkout-modal) input[type=email]),body :global(div[style*="position: fixed"]:not(.checkout-modal) input[type=tel]),body :global(div[style*="position: fixed"]:not(.checkout-modal) input[type=number]),body :global(div[style*="position: fixed"]:not(.checkout-modal) input:not([type=button]):not([type=submit])){background:#fff!important;border:2px solid #666!important;border-color:#666!important;color:#1a1a1a!important;opacity:1!important;filter:none!important}body :global(div[style*="position: fixed"]:not(.checkout-modal) input:focus){border-color:#0070ba!important;box-shadow:0 0 0 3px #0070ba1a!important;outline:none!important}body :global(div[style*="position: fixed"]:not(.checkout-modal) label){color:#1a1a1a!important;font-weight:500!important;opacity:1!important}body :global(div[style*="position: fixed"]:not(.checkout-modal):not(.checkout-modal-overlay) button[type=submit]),body :global(div[style*="position: fixed"]:not(.checkout-modal):not(.checkout-modal-overlay) button[class*=pay]),body :global(div[style*="position: fixed"]:not(.checkout-modal):not(.checkout-modal-overlay) button[data-testid*=submit]){background:#0070ba!important;background-color:#0070ba!important;color:#fff!important;border:none!important;opacity:1!important;filter:none!important;font-weight:600!important;box-shadow:0 4px 12px #0070ba4d!important}body :global(div[style*="position: fixed"]:not(.checkout-modal):not(.checkout-modal-overlay) button[type=submit]:hover),body :global(div[style*="position: fixed"]:not(.checkout-modal):not(.checkout-modal-overlay) button[class*=pay]:hover){background:#005a9e!important;background-color:#005a9e!important;box-shadow:0 6px 16px #0070ba66!important;transform:translateY(-1px)!important}body :global(div[style*="position: fixed"]:not(.checkout-modal) p),body :global(div[style*="position: fixed"]:not(.checkout-modal) span),body :global(div[style*="position: fixed"]:not(.checkout-modal) div:not([class*=input]):not([class*=field])){color:#333!important;opacity:1!important}body :global(div[style*="position: fixed"]:not(.checkout-modal) [class*=header]),body :global(div[style*="position: fixed"]:not(.checkout-modal) [class*=Header]){background:#f8f9fa!important;border-bottom:1px solid #dee2e6!important}body :global(div[style*="position: fixed"]:not(.checkout-modal) select){background:#fff!important;border:2px solid #666!important;color:#1a1a1a!important;opacity:1!important}:global([id*=paypal-container]),:global([class*=paypal-overlay]),:global([class*=paypal-modal]),:global([id*=paypal-modal]),:global(div[style*="position: fixed"][style*=z-index]:has([class*=paypal])),:global(div[style*="position: absolute"][style*=z-index]:has([class*=paypal])){opacity:1!important;filter:none!important;background:#fff!important}:global(body>div[style*="position: fixed"][style*=z-index]:has([id*=paypal])),:global(body>div[style*="position: fixed"]:has([class*=paypal])){background:#00000080!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}:global([class*=paypal-modal] *),:global([id*=paypal-modal] *),:global(div[style*="position: fixed"]:has([class*=paypal]) *){opacity:1!important;filter:none!important;color:#333!important}:global([class*=paypal-modal] button),:global([id*=paypal-modal] button),:global(div[style*="position: fixed"]:has([class*=paypal]) button){opacity:1!important;filter:none!important;background:#0070ba!important;background-color:#0070ba!important;color:#fff!important;border:none!important}:global([class*=paypal-modal] input),:global([id*=paypal-modal] input),:global(div[style*="position: fixed"]:has([class*=paypal]) input){opacity:1!important;filter:none!important;background:#fff!important;color:#333!important;border:1px solid #ddd!important}:global([class*=paypal-modal] label),:global([class*=paypal-modal] span),:global([class*=paypal-modal] p),:global([id*=paypal-modal] label),:global([id*=paypal-modal] span),:global([id*=paypal-modal] p){opacity:1!important;filter:none!important;color:#333!important}:global(.paypal-backdrop),:global([class*=backdrop]),:global([id*=backdrop]){background:#00000080!important;opacity:1!important}:global(div[style*="z-index: 9"]:has([class*=paypal])),:global(div[style*="z-index: 99"]:has([class*=paypal])),:global(div[style*="z-index: 999"]:has([class*=paypal])),:global(div[style*="z-index: 9999"]:has([class*=paypal])){opacity:1!important;filter:none!important;background:#fff!important}:global(div[style*="z-index: 9"]:has([class*=paypal]) *),:global(div[style*="z-index: 99"]:has([class*=paypal]) *),:global(div[style*="z-index: 999"]:has([class*=paypal]) *),:global(div[style*="z-index: 9999"]:has([class*=paypal]) *){opacity:1!important;filter:none!important}.blackfriday-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.blackfriday-modal{position:relative;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);border-radius:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.1)}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.blackfriday-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#e2e8f0;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;line-height:1}.blackfriday-close:hover{background:#fff3;transform:rotate(90deg)}.blackfriday-content{padding:48px 32px;color:#e2e8f0}.blackfriday-header{text-align:center;margin-bottom:32px}.blackfriday-badge{font-size:64px;margin-bottom:16px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.blackfriday-title{display:flex;flex-direction:column;gap:8px}.blackfriday-title-main{font-size:48px;font-weight:900;background:linear-gradient(135deg,#f97316,#ffd60a,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(249,115,22,.5);animation:shimmer 3s infinite;background-size:200% 200%}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.blackfriday-title-sub{font-size:20px;font-weight:600;color:#cbd5e1;letter-spacing:.5px}.blackfriday-body{display:flex;flex-direction:column;gap:32px}.blackfriday-message{font-size:16px;line-height:1.6;color:#cbd5e1;text-align:center;margin:0}.blackfriday-message strong{color:#f97316;font-weight:700}.blackfriday-countdown{background:#0f172a99;border:1px solid rgba(249,115,22,.3);border-radius:16px;padding:24px;text-align:center}.countdown-label{font-size:14px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:8px}.countdown-item{display:flex;flex-direction:column;align-items:center;gap:8px}.countdown-value{background:linear-gradient(135deg,#f97316,#ffd60a);color:#0f172a;font-size:32px;font-weight:900;padding:12px 16px;border-radius:12px;min-width:60px;text-align:center;box-shadow:0 4px 12px #f9731666;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px #f9731666}50%{box-shadow:0 4px 20px #f9731699}}.countdown-label-small{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.countdown-separator{font-size:24px;font-weight:700;color:#f97316;margin:0 4px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.blackfriday-features{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:flex-start;gap:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;transition:all .3s ease}.feature-item:hover{background:#ffffff14;border-color:#f973164d;transform:translate(4px)}.feature-item.highlight{background:linear-gradient(135deg,#f9731626,#ffd60a1a);border:2px solid rgba(249,115,22,.4);box-shadow:0 4px 16px #f9731633}.feature-item.highlight:hover{background:linear-gradient(135deg,#f9731633,#ffd60a26);border-color:#f9731680;box-shadow:0 6px 20px #f973164d}.feature-icon{font-size:32px;flex-shrink:0}.feature-text{display:flex;flex-direction:column;gap:4px;flex:1}.feature-text strong{font-size:16px;font-weight:700;color:#e2e8f0;display:block}.feature-text span{font-size:14px;color:#94a3b8;line-height:1.5}.blackfriday-cta{display:flex;flex-direction:column;gap:12px}.btn-blackfriday-primary{background:linear-gradient(135deg,#f97316,#ffd60a);color:#0f172a;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f9731666;text-transform:uppercase;letter-spacing:.5px}.btn-blackfriday-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731699}.btn-blackfriday-primary:active{transform:translateY(0)}.btn-blackfriday-secondary{background:transparent;color:#cbd5e1;border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-blackfriday-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}@media (max-width: 640px){.blackfriday-modal{width:95%;border-radius:20px}.blackfriday-content{padding:32px 24px}.blackfriday-title-main{font-size:36px}.blackfriday-title-sub{font-size:18px}.countdown-value{font-size:24px;padding:10px 12px;min-width:50px}.countdown-separator{font-size:20px}.countdown-label-small{font-size:10px}.feature-item{padding:12px}.feature-icon{font-size:28px}}.share-button-container{position:relative;display:inline-block}.share-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.share-button:hover{background:#0000001a;color:#333}.share-button:active{transform:scale(.95)}.copy-notification{position:absolute;bottom:-45px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;z-index:1000;animation:fadeInOut 2s ease-in-out;box-shadow:0 4px 12px #b8860b4d;border:1px solid rgba(255,255,255,.2)}.copy-notification:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#b8860b}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%) translateY(10px)}20%,80%{opacity:1;transform:translate(-50%) translateY(0)}}.share-dropdown-overlay{position:fixed;inset:0;background:transparent;z-index:999}.share-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e1e5e9;min-width:200px;z-index:1000;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.share-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e1e5e9;font-weight:600;color:#333}.share-dropdown-close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.share-dropdown-close:hover{background:#0000001a}.share-options{padding:8px 0}.share-option{width:100%;background:none;border:none;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .2s ease;color:#333}.share-option:hover{background:#f8f9fa}.share-option-icon{font-size:18px;width:20px;display:flex;align-items:center;justify-content:center}.share-option-name{font-size:14px;font-weight:500}.copy-option{border-top:1px solid #e1e5e9;margin-top:4px;padding-top:12px}.copy-option .share-option-icon{color:#666}@media (max-width: 768px){.share-dropdown{right:-20px;min-width:180px}.share-button{padding:12px}.share-option{padding:16px}.share-option-icon{font-size:20px}.share-option-name{font-size:16px}}.cart-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9998;animation:fadeIn .2s ease-in-out}.cart-sidebar{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:#fff;box-shadow:-5px 0 20px #0003;z-index:9999;display:flex;flex-direction:column;animation:slideIn .3s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,rgba(184,134,11,.05) 0%,transparent 100%)}.cart-header-left{display:flex;align-items:center;gap:.75rem;flex:1}.cart-title{font-size:1.5rem;color:#333;margin:0;font-weight:700;display:flex;align-items:center}.cart-share-button{margin-left:.5rem}.cart-title svg{color:#b8860b}.cart-close{background:none;border:none;color:#999;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;padding:0}.cart-close svg{display:block}.cart-close:hover{background:#0000000d;color:#333}.cart-body{flex:1;padding:.9rem 1.25rem 1.4rem;display:flex;flex-direction:column;gap:.7rem}.cart-delivery-banner{background:linear-gradient(135deg,#ffd70026,#fff9);border:1px solid rgba(210,168,70,.35);border-radius:12px;padding:.7rem .85rem;display:flex;flex-direction:column;gap:.25rem;color:#4b3410;box-shadow:0 8px 18px #d2a8461f}.cart-delivery-banner.today strong{color:#0f5132}.cart-delivery-banner.tomorrow{background:linear-gradient(135deg,#ffaa4029,#ffffff8c);border-color:#d28d3966;color:#61320b}.cart-delivery-banner.tomorrow strong{color:#c05621}.cart-delivery-banner p{margin:0;font-size:.82rem;line-height:1.35}.cart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.cart-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top:3px solid #B8860B;border-radius:50%;animation:spin 1s linear infinite}.cart-loading p{color:#666;font-size:.95rem}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;color:#999}.empty-cart-icon{color:#ddd;margin-bottom:1rem}.cart-empty h3{color:#666;font-size:1.2rem;margin-bottom:.5rem}.cart-empty p{color:#999;font-size:.95rem}.cart-items{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem;border-top:1px solid #edf0f3}.cart-item-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.quantity-controls{display:flex;align-items:center;gap:.4rem;background:#f6f7f9;border-radius:8px;padding:.25rem;flex:1 1 auto}.qty-btn{background:#f0f0f0;border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.qty-btn svg{display:block}.qty-btn:hover:not(:disabled){background:#b8860b;color:#fff}.qty-btn:hover:not(:disabled) svg{stroke:#fff}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.quantity{min-width:30px;text-align:center;font-weight:600;color:#333;font-size:.95rem}.quantity-input{width:48px;min-width:44px;text-align:center;font-weight:600;color:#333;font-size:.88rem;border:1px solid #d7dbe0;border-radius:6px;padding:.25rem .4rem;background:#fff;outline:none;transition:all .2s}.quantity-input:focus{border-color:#b8860b;box-shadow:0 0 0 2px #b8860b2e}.quantity-input:disabled{opacity:.6;cursor:not-allowed}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number]{-moz-appearance:textfield}.cart-item-subtotal{font-size:.95rem;font-weight:700;color:#b8860b;flex:0 0 auto}.btn-remove-item{background:none;border:none;cursor:pointer;padding:.4rem;color:#dc3545;opacity:.7;transition:all .2s;border-radius:6px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.btn-remove-item svg{display:block}.btn-remove-item:hover:not(:disabled){opacity:1;background:#dc35451a;transform:scale(1.05)}.btn-clear-cart{width:100%;background:#fafafa;border:1px solid #e0e0e0;color:#777;padding:.6rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-clear-cart:hover:not(:disabled){border-color:#ef5350;color:#ef5350;background:#ffebee}.btn-clear-cart:disabled{opacity:.5;cursor:not-allowed}.cart-select-all{padding:.5rem 1rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;color:#2c3e50;font-size:.85rem}.cart-select-all input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#B8860B}.cart-select-all .area-info{color:#6c757d;font-size:.85rem;margin-left:2rem}.cart-item{position:relative;display:flex;align-items:flex-start;gap:.65rem;padding:.7rem 0;background:transparent;border-bottom:1px solid #edf0f3;transition:all .2s ease}.cart-item.selected{background:#b8860b0d}.cart-item-checkbox{display:flex;align-items:center;padding-top:.25rem;cursor:pointer}.cart-item-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#B8860B;margin:0}.cart-item-content{flex:1;display:flex;flex-direction:column;gap:.55rem;min-width:0}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.cart-item-name{font-size:.92rem;color:#333;margin:0;font-weight:600;line-height:1.2}.cart-item-area{color:#6c757d;font-size:.85rem;margin:0 0 .3rem;display:flex;align-items:center;gap:.25rem}.cart-item-price-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cart-item-price{font-size:.85rem;color:#b8860b;font-weight:600;margin:0}.cart-item-price.cart-item-price-discounted{color:#b8860b}.cart-item-price-original{font-size:.75rem;color:#999;text-decoration:line-through;font-weight:400}.cart-item-discount-badge{background:linear-gradient(135deg,#dc143c,#c41e3a);color:#fff;padding:.15rem .4rem;border-radius:4px;font-size:.65rem;font-weight:600;white-space:nowrap;box-shadow:0 1px 4px #dc143c66}.cart-item-price.unavailable-price{color:#dc3545;font-weight:600}.cart-item.unavailable{opacity:.7;background:#dc35450d;border-left:3px solid #dc3545;padding-left:.5rem}.cart-item.unavailable .cart-item-name{color:#6c757d}.cart-item-unavailable-badge{display:flex;align-items:center;gap:.4rem;margin-top:.25rem;padding:.4rem .6rem;background:#dc35451a;border-radius:6px;border:1px solid rgba(220,53,69,.2)}.unavailable-icon{font-size:1rem;flex-shrink:0}.unavailable-text{font-size:.75rem;color:#dc3545;font-weight:500;line-height:1.3}.cart-item-unavailable-actions{display:flex;align-items:center;flex:1}.unavailable-label{font-size:.85rem;color:#dc3545;font-weight:600;padding:.4rem .6rem;background:#dc35451a;border-radius:6px;border:1px solid rgba(220,53,69,.2)}.cart-item-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.cart-item.unavailable .cart-item-checkbox{cursor:not-allowed}.summary-info{padding:.5rem 0;text-align:center}.summary-info small{color:#28a745;font-weight:600}.summary-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem;margin-bottom:.75rem;background:#dc35451a;border:1px solid rgba(220,53,69,.2);border-radius:8px;color:#dc3545;font-size:.85rem;font-weight:500}.summary-warning .warning-icon{font-size:1.1rem;flex-shrink:0}.checkout-warning{display:block;text-align:center;color:#dc3545;font-size:.85rem;margin-top:.5rem;font-weight:500}.checkout-warning-unavailable{background:#dc35451a;border:1px solid rgba(220,53,69,.2);border-radius:6px;padding:.5rem;margin-top:.5rem;font-weight:600}.btn-checkout:disabled{opacity:.5;cursor:not-allowed;background:#6c757d}.btn-checkout:disabled:hover{background:#6c757d;transform:none}.descuentos-aplicables-cart{margin:.5rem 0;padding:.5rem;background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:8px}.descuento-aplicable-cart{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.85rem}.descuento-aplicable-cart .descuento-icon{font-size:1rem}.descuento-aplicable-cart .descuento-tipo{color:#fff;flex:1}.descuento-aplicable-cart .descuento-porcentaje{color:#3498db;font-weight:700}.total-con-descuento-row{border-top:1px solid rgba(52,152,219,.3);padding-top:.5rem;margin-top:.5rem}.summary-total-con-descuento{color:#c5973d!important;font-weight:700!important;font-size:1.1rem!important}@media (max-width: 768px){.cart-sidebar{width:78vw;max-width:78vw}.cart-header{padding:1rem}.cart-title{font-size:1.1rem;gap:.5rem}.cart-title svg{width:20px;height:20px}.cart-body{padding:.8rem 1rem 1.2rem;gap:.6rem}.cart-item{padding:.65rem 0;gap:.45rem}.cart-item-content{gap:.5rem;min-width:0}.cart-item-info{min-width:0}.cart-item-name{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-area{font-size:.75rem}.cart-item-price{font-size:.8rem}.cart-item-controls{flex-direction:row;gap:.4rem;align-items:center;justify-content:space-between}.quantity-controls{justify-content:flex-start;flex:1 1 55%}.qty-btn{width:26px;height:26px}.cart-item-subtotal{font-size:.9rem;text-align:right}.summary-total{font-size:1.05rem}.btn-checkout{font-size:.95rem;padding:.8rem}.cart-close{width:32px;height:32px}.cart-close svg{width:18px;height:18px}.cart-delivery-banner{padding:.6rem .75rem;gap:.2rem}.cart-delivery-banner p,.cart-delivery-banner .banner-title{font-size:.75rem}.cart-delivery-banner .banner-note{font-size:.68rem}}.delivery-indicator{margin:10px 0;padding:10px;border-radius:8px;text-align:center;font-size:13px;font-weight:600}.delivery-free{background:#e3f5eb;color:#1f7c38;border:1px solid #c3e6cb}.delivery-progress{background:#fff6dc;color:#856404;border:1px solid #ffeaa7}.progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:#28a745;border-radius:3px;transition:width .3s ease}.summary-row.descuento span:last-child{color:#28a745;font-weight:600}.summary-row.entrega span:last-child{color:#6c757d;font-weight:600}.checkout-button-wrapper{position:relative;width:100%}.checkout-google-wrapper{width:100%}.checkout-google-wrapper>div{border-radius:12px!important;overflow:hidden!important;width:100%!important}.checkout-google-wrapper iframe{border-radius:12px!important;width:100%!important}.btn-checkout{width:100%;background:linear-gradient(135deg,#ffd166,#fca311);color:#1f2933;border:none;padding:.82rem .95rem;border-radius:12px;font-weight:700;font-size:.96rem;letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 24px #fca31147;display:flex;align-items:center;justify-content:center;gap:.35rem;position:relative;z-index:1;pointer-events:all}.btn-checkout-with-login{pointer-events:none}.btn-checkout:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #fca31159}.btn-checkout:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.checkout-google-login-hidden{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;cursor:pointer;pointer-events:all;overflow:visible;-webkit-tap-highlight-color:transparent}.checkout-google-login-hidden iframe{width:100%!important;height:100%!important;min-height:44px!important;min-width:100px!important;pointer-events:all!important;cursor:pointer!important;z-index:1001!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative!important;opacity:1!important;visibility:visible!important}.checkout-google-login-hidden button{width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;pointer-events:all!important;border:none!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:none!important;position:relative!important;z-index:1001!important}.product-price-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.price-with-discount{display:flex;align-items:baseline;gap:.5rem}.price-original{font-size:.9em;color:#999;text-decoration:line-through;font-weight:400}.price-current{font-size:1.5rem;font-weight:700;color:#667eea;margin:0}.product-price-container .price-current{margin:0}.discount-badge{background:linear-gradient(135deg,#dc143c,#c41e3a);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #dc143c80}.best-seller-info .product-price-container{margin-bottom:.5rem}.best-seller-info .price-current{font-size:1.3rem}.best-seller-info .price-original{font-size:.85em}.producto-detalle-price .price-current{font-size:2rem}.producto-detalle-price .price-original{font-size:1.2rem}.loading-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}.loading-overlay-content{text-align:center;color:#fff}.loading-spinner-large{width:60px;height:60px;margin:0 auto 1.5rem;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}.loading-overlay-content p{font-size:1.2rem;font-weight:500;margin:0}.login-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-in-out}.login-modal-content{background:#fff;border-radius:20px;padding:2.5rem;max-width:450px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.8rem;color:#999;cursor:pointer;transition:color .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{color:#333;background:#f0f0f0}.modal-header{text-align:center;margin-bottom:2rem}.modal-title{font-size:2rem;color:#333;margin-bottom:.5rem;font-weight:700}.modal-subtitle{color:#666;font-size:1rem;margin:0}.modal-body{display:flex;flex-direction:column;gap:1.5rem}.google-login-wrapper{position:relative;width:100%}.google-custom-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;background:#fff;border:1px solid #dadce0;border-radius:8px;font-size:.9375rem;font-weight:500;color:#3c4043;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;z-index:1}.google-custom-btn:hover{box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326;background:#f8f9fa}.google-custom-btn:active{box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;background:#f1f3f4}.google-icon{flex-shrink:0;width:20px;height:20px}.google-button-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:10;cursor:pointer;pointer-events:none}.google-button-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;cursor:pointer;pointer-events:none;overflow:hidden}.google-button-hidden>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.google-button-hidden button{width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;pointer-events:all!important;border:none!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:none!important}.modal-terms{text-align:center;font-size:.85rem;color:#999;margin:0;line-height:1.5}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.modal-spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.modal-loading p{color:#333;font-size:1.1rem;font-weight:500;margin:0}@media (max-width: 768px){.login-modal-content{padding:2rem 1.2rem;width:92%}.modal-title{font-size:1.8rem}.modal-subtitle{font-size:1rem}.google-custom-btn{font-size:1rem;padding:1rem}.modal-terms{font-size:.85rem}.modal-loading p{font-size:1.2rem}}.christmas-effects-container{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:9999}.snowflake-effect{position:absolute;top:-20px;color:#fff;font-size:1em;font-family:Arial,sans-serif;text-shadow:0 0 3px rgba(255,255,255,.5),0 0 6px rgba(255,255,255,.3);animation:snowfall linear infinite;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.4}@keyframes snowfall{0%{transform:translateY(0) translate(0) rotate(0);opacity:.4}to{transform:translateY(100vh) translate(var(--drift)) rotate(360deg);opacity:0}}.static-snowflake{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;animation:float 6s ease-in-out infinite;opacity:.25;color:#fff;text-shadow:0 0 3px rgba(255,255,255,.4),0 0 6px rgba(255,255,255,.2);filter:drop-shadow(0 2px 4px rgba(255,255,255,.2));transform-origin:center center}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(var(--rotation, 0deg));opacity:.25}50%{transform:translateY(-8px) translate(5px) rotate(calc(var(--rotation, 0deg) + 3deg));opacity:.3}}@media (min-width: 769px){.static-snowflake{opacity:.3}}@media (max-width: 768px){.static-snowflake{opacity:.2}}.producto-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.producto-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:850px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.producto-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;background:#fff}.producto-modal-actions{display:flex;align-items:center;gap:8px}.producto-modal-title{font-size:1.3rem;font-weight:600;color:#333;margin:0;flex:1;line-height:1.3}.producto-modal-close{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:.3rem;border-radius:50%;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.producto-modal-close:hover{background:#f5f5f5;color:#333}.producto-modal-content{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;overflow:hidden}.producto-imagen-section{background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.producto-imagen-container{width:100%;height:300px;overflow:hidden;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center}.producto-imagen-principal{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;display:block}.producto-imagen-container .image-wrapper{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important;border-radius:15px;background:#fff;display:flex!important;align-items:center;justify-content:center;position:relative}.producto-imagen-container .product-image{max-width:100%!important;max-height:100%!important;width:auto;height:auto;object-fit:contain;object-position:center;display:block;position:static!important}.producto-imagen-container .image-skeleton-loader{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px;background:linear-gradient(135deg,#e0e0e0,#f5f5f5)}.producto-imagen-container .skeleton-shimmer{border-radius:15px}.producto-imagen-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:300px;background:#f0f0f0;border-radius:15px;color:#999;text-align:center}.producto-imagen-placeholder svg{margin-bottom:1rem}.producto-imagen-placeholder p{margin:0;font-size:.9rem}.producto-imagen-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:300px;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #B8860B;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.producto-imagen-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:40px;height:40px;border-radius:50%;font-size:1.2rem;font-weight:700;color:#333;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.producto-imagen-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.producto-imagen-prev{left:10px}.producto-imagen-next{right:10px}.producto-imagen-indicators{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.producto-indicator{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .2s ease}.producto-indicator.active{background:#fff;transform:scale(1.2)}.producto-info-section{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.producto-info-group{background:transparent;border-radius:0;padding:0;border:none;border-bottom:1px solid #f0f0f0;padding-bottom:1rem}.producto-info-group:last-of-type{border-bottom:none}.producto-info-title{font-size:.75rem;font-weight:600;color:#999;margin:0 0 .8rem;text-transform:uppercase;letter-spacing:1px}.producto-info-grid{display:flex;flex-direction:column;gap:.8rem}.producto-info-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.producto-info-item.full-width{flex-direction:column;gap:.5rem}.producto-info-label{font-size:.85rem;font-weight:500;color:#666;flex-shrink:0}.producto-info-value{font-size:.95rem;color:#333;font-weight:500;line-height:1.5;text-align:right}.producto-info-item.full-width .producto-info-value{text-align:left}.producto-descripcion{font-size:.9rem;color:#555;line-height:1.6;margin:0;text-align:justify}.producto-precio-section{background:transparent;border-radius:0;padding:0;margin-top:auto;padding-top:.5rem}.producto-precio-container{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.producto-precio-label{color:#666;font-size:.85rem;font-weight:500}.producto-precio-value{color:#b8860b;font-size:1.8rem;font-weight:700}.producto-precio-currency{color:#999;font-size:.9rem;font-weight:500}.producto-actions{display:flex;gap:.8rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.btn-add-to-cart-modal{background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;border:none;padding:.9rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #b8860b33;flex:1}.btn-add-to-cart-modal:hover{transform:translateY(-1px);box-shadow:0 4px 12px #b8860b4d}.btn-close-modal{background:#f5f5f5;color:#666;border:none;padding:.9rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-close-modal:hover{background:#e0e0e0;color:#333}.producto-login-wrapper{position:relative;flex:1}.btn-login-producto{background:#ffd60a;color:#000;font-weight:700;cursor:pointer;border:none;box-shadow:0 4px 12px #ffd60a59;position:relative;z-index:1;pointer-events:none}.producto-google-login-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1000;cursor:pointer;pointer-events:all;overflow:hidden}.producto-google-login-hidden>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:all}.producto-google-login-hidden iframe{pointer-events:all!important;cursor:pointer!important;z-index:1001!important}.producto-google-login-hidden button{width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;pointer-events:all!important;border:none!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:none!important;position:relative!important;z-index:1001!important}.google-icon-producto{flex-shrink:0;display:inline-block;vertical-align:middle}@media (max-width: 768px){.producto-modal-overlay{padding:0;align-items:flex-end}.producto-modal{max-height:70vh;height:70vh;border-radius:20px 20px 0 0;animation:modalSlideUp .3s ease-out;max-width:100%}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.producto-modal-header{padding:1rem;position:relative}.producto-modal-header:before{content:"";position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:40px;height:4px;background:#e0e0e0;border-radius:2px}.producto-modal-title{font-size:1.1rem;padding-top:.8rem}.producto-modal-content{grid-template-columns:1fr;display:flex;flex-direction:column;overflow-y:auto;max-height:calc(70vh - 70px)}.producto-imagen-section{padding:1rem;flex-shrink:0;min-height:200px;max-height:250px;overflow:hidden}.producto-imagen-container{width:100%;height:200px;max-width:100%}.producto-imagen-container .image-wrapper{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important;display:flex!important;align-items:center;justify-content:center;position:relative}.producto-imagen-container .product-image{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;position:static!important}.producto-imagen-principal{max-width:100%;max-height:100%;width:auto;height:auto}.producto-imagen-placeholder,.producto-imagen-loading{width:100%;height:200px;max-width:100%;max-height:100%}.producto-info-section{padding:1rem;gap:.8rem;flex:1;overflow:visible;min-height:0}.producto-info-group{padding-bottom:.8rem}.producto-info-title{font-size:.7rem;margin-bottom:.6rem}.producto-info-grid{gap:.6rem}.producto-info-item{flex-direction:row;justify-content:space-between}.producto-info-item.full-width{flex-direction:column;align-items:flex-start}.producto-info-label{font-size:.8rem}.producto-info-value{font-size:.9rem}.producto-actions{gap:.6rem;margin-top:.8rem;padding-top:.8rem}.btn-add-to-cart-modal,.btn-close-modal,.btn-login-producto{padding:.8rem 1.2rem;font-size:.9rem}.producto-precio-value{font-size:1.6rem}.producto-modal-close{width:28px;height:28px;font-size:1.3rem}}.location-selector-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#00000080,#0000004d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease-out}.location-selector-modal{background:linear-gradient(180deg,#fff,#fffef8);border-radius:20px;max-width:500px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d,0 0 0 1px #b8860b26;animation:slideUp .4s cubic-bezier(.16,1,.3,1);position:relative;border:1px solid rgba(218,165,32,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.location-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(184,134,11,.2);background:linear-gradient(135deg,#fff8e180,#fff0);position:relative}.location-selector-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(184,134,11,.3),transparent)}.location-selector-header-content{display:flex;align-items:center;gap:1.25rem;flex:1}.location-selector-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(184,134,11,.3))}.location-selector-header h2{margin:0 0 .35rem;font-size:1.5rem;font-weight:700;color:#8b4513;text-shadow:1px 1px 2px rgba(184,134,11,.1);letter-spacing:-.3px}.location-selector-subtitle{margin:0;font-size:.9rem;color:#666;font-weight:400;line-height:1.5}.location-selector-login-section{padding:1rem 1.5rem;border-bottom:1px solid rgba(184,134,11,.15)}.btn-login-prominent{width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,#b8860b,#8b4513);color:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8b45134d;text-align:left}.btn-login-prominent:hover{background:linear-gradient(135deg,#8b4513,#654321);transform:translateY(-2px);box-shadow:0 6px 16px #8b451366}.btn-login-icon{font-size:1.75rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.btn-login-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.btn-login-text strong{font-size:1.1rem;font-weight:700;display:block}.btn-login-subtext{font-size:.85rem;opacity:.9;font-weight:400}.login-divider{margin:1rem 0;text-align:center;position:relative;color:#999;font-size:.85rem}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#b8860b33}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{background:linear-gradient(180deg,#fff,#fffef8);padding:0 .75rem;position:relative}.location-selector-login-banner{margin:0 2rem 1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:3px solid #2196f3;border-radius:16px;box-shadow:0 4px 16px #2196f333;display:flex;flex-direction:column;gap:1rem;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.location-selector-login-content{display:flex;align-items:center;gap:1rem}.location-selector-login-icon{font-size:2.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(33,150,243,.3))}.location-selector-login-text{flex:1}.location-selector-login-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:#1565c0}.location-selector-login-subtitle{margin:0;font-size:.9rem;color:#424242;line-height:1.5}.btn-location-login{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:3px solid #1565c0;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;box-shadow:0 4px 12px #2196f34d;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.btn-location-login:hover{background:linear-gradient(135deg,#1976d2,#1565c0);border-color:#0d47a1;transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.btn-location-login:active{transform:translateY(0)}.location-selector-breadcrumb{padding:.75rem 1.5rem;background:linear-gradient(135deg,#fff8e166,#fff0);color:#666;font-size:.85rem;border-bottom:1px solid rgba(184,134,11,.15);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breadcrumb-navigation{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.breadcrumb-item{background:#fffc;border:1px solid rgba(218,165,32,.3);color:#8b4513;font-size:.9rem;cursor:pointer;padding:.5rem 1rem;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;position:relative}.breadcrumb-item:hover:not(:disabled){background:#fff8e199;color:#b8860b;transform:translateY(-1px);box-shadow:0 2px 8px #b8860b33;border-color:#b8860b66}.breadcrumb-item.active{color:#8b4513;font-weight:700;background:#fff8e1cc;border-color:#b8860b80;box-shadow:0 2px 6px #b8860b26}.breadcrumb-item:disabled{cursor:default;opacity:.5}.breadcrumb-arrow{color:#b8860b;font-weight:700;font-size:1.1rem;opacity:.6}.location-selector-content{padding:1.5rem}.location-step-container{text-align:center;animation:fadeInContent .4s ease-out}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-icon{font-size:2.5rem;margin-bottom:.75rem;display:inline-block;filter:drop-shadow(0 2px 6px rgba(184,134,11,.2))}.location-selector-content h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:#8b4513;letter-spacing:-.3px;text-shadow:1px 1px 2px rgba(184,134,11,.2)}.location-step-description{margin:0 0 2rem;font-size:1rem;color:#666;line-height:1.7;max-width:500px;margin-left:auto;margin-right:auto}.location-step-description strong{color:#b8860b;font-weight:600}.location-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:.5rem}.location-selector-option{padding:.875rem .75rem;background:#fffffff2;border:1px solid rgba(218,165,32,.3);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-weight:500;color:#8b4513;text-align:center;position:relative;overflow:hidden;box-shadow:0 2px 6px #b8860b14}.location-selector-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,248,225,.3),transparent);transition:left .5s}.location-selector-option:hover:before{left:100%}.location-selector-option:hover{background:#fff8e199;border-color:#b8860b80;transform:translateY(-2px);box-shadow:0 4px 16px #b8860b33;color:#8b4513}.location-selector-option:active{transform:translateY(-2px) scale(1)}.location-selector-loading{text-align:center;padding:3rem 2rem;color:#666;font-size:1.1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.location-selector-loading:before{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #B8860B;border-radius:50%;animation:spin 1s linear infinite}.location-selector-empty{text-align:center;padding:3rem 2rem;color:#999;font-size:1rem;font-style:italic}.location-selector-error{margin:1rem 2rem;padding:1.25rem 1.5rem;background:#ffebee99;color:#c62828;border-radius:12px;border:1px solid rgba(229,115,115,.4);display:flex;align-items:center;gap:.75rem;font-weight:500;box-shadow:0 2px 8px #c628281a;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.location-selector-success{margin:1rem 2rem;padding:1.25rem 1.5rem;background:#e8f5e999;color:#2e7d32;border-radius:12px;border:1px solid rgba(102,187,106,.4);display:flex;align-items:center;gap:.75rem;font-weight:600;box-shadow:0 2px 8px #2e7d3226;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.location-selector-saving{margin:1rem 2rem;padding:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;color:#8b4513;font-size:1rem;font-weight:500;background:#fff8e166;border-radius:12px;border:1px solid rgba(218,165,32,.3);box-shadow:0 2px 8px #b8860b1a}.spinner-small{width:24px;height:24px;border:3px solid rgba(184,134,11,.2);border-top:3px solid #B8860B;border-radius:50%;animation:spin .8s linear infinite}.location-selector-actions{padding:1rem 1.5rem;border-top:1px solid rgba(184,134,11,.15);display:flex;justify-content:flex-start;background:linear-gradient(180deg,#fff8e14d,#fff0)}.btn-back{padding:.875rem 1.75rem;background:#ffffffe6;border:1px solid rgba(218,165,32,.3);border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;color:#8b4513;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 6px #b8860b1a}.btn-back:hover:not(:disabled){background:#fff8e199;border-color:#b8860b80;color:#8b4513;transform:translate(-2px);box-shadow:0 3px 12px #b8860b33}.btn-back:disabled{opacity:.5;cursor:not-allowed;transform:none}.location-selector-modal::-webkit-scrollbar{width:8px}.location-selector-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.location-selector-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b8860b,#daa520);border-radius:10px}.location-selector-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#daa520,#b8860b)}@media (max-width: 768px){.location-selector-modal{max-width:100%;border-radius:20px 20px 0 0;max-height:90vh}.location-selector-header{padding:1.25rem 1.25rem .875rem}.location-selector-header h2{font-size:1.3rem}.location-selector-subtitle{font-size:.85rem}.location-selector-login-section{padding:.875rem 1.25rem}.btn-login-prominent{padding:.875rem 1rem}.btn-login-icon{font-size:1.5rem}.btn-login-text strong{font-size:1rem}.btn-login-subtext{font-size:.8rem}.location-selector-content{padding:1.25rem}.location-selector-content h3{font-size:1.1rem}.location-step-description{font-size:.85rem;margin-bottom:1rem}.step-icon{font-size:2rem}.location-selector-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}.location-selector-option{padding:.75rem .5rem;font-size:.9rem}.location-selector-breadcrumb{padding:.6rem 1.25rem;font-size:.8rem}.breadcrumb-item{padding:.4rem .75rem;font-size:.8rem}.location-selector-actions{padding:.875rem 1.25rem}.btn-back{padding:.75rem 1.5rem;font-size:.95rem}}.add-to-cart-login-wrapper{position:relative;display:block;width:100%}.btn-login-add-product{width:100%;background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;border:none;padding:.6rem;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #b8860b4d;position:relative;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:.3rem}.btn-login-add-product:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b8860b66}.btn-login-add-product:active{transform:translateY(0)}.add-to-cart-google-login-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1000;cursor:pointer;pointer-events:all;overflow:hidden}.add-to-cart-google-login-hidden>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:all}.add-to-cart-google-login-hidden iframe{pointer-events:all!important;cursor:pointer!important;z-index:1001!important}.add-to-cart-google-login-hidden button{width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;pointer-events:all!important;border:none!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:none!important;position:relative!important;z-index:1001!important}.google-icon-add-product{flex-shrink:0;display:inline-block;vertical-align:middle}.product-quantity-controls{width:100%}.product-quantity-controls .quantity-controls{display:flex;align-items:center;gap:.4rem;background:#f6f7f9;border-radius:8px;padding:.25rem;width:100%;justify-content:center}.product-quantity-controls .qty-btn{background:#f0f0f0;border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.product-quantity-controls .qty-btn svg{display:block}.product-quantity-controls .qty-btn:hover:not(:disabled){background:#b8860b;color:#fff}.product-quantity-controls .qty-btn:hover:not(:disabled) svg{stroke:#fff}.product-quantity-controls .quantity-input{width:48px;min-width:44px;text-align:center;font-weight:600;color:#333;font-size:.88rem;border:1px solid #d7dbe0;border-radius:6px;padding:.25rem .4rem;background:#fff;outline:none;transition:all .2s}.product-quantity-controls .quantity-input:focus{border-color:#b8860b;box-shadow:0 0 0 2px #b8860b2e}.product-quantity-controls .quantity-input::-webkit-outer-spin-button,.product-quantity-controls .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-quantity-controls .quantity-input[type=number]{-moz-appearance:textfield}.products-container{flex:1;padding:3rem 2rem 6rem;background-image:url(/elpuente.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#1a1a1a;position:relative}.subcategoria-filter-select{width:100%;padding:.8rem 2.5rem .8rem 2.8rem;background:#fffffff2;border:2px solid rgba(218,165,32,.3);border-radius:25px;font-size:.95rem;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23DAA520' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.add-to-cart-loading,.add-to-cart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.add-to-cart-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #B8860B;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.add-to-cart-error{gap:1rem}.error-icon{font-size:4rem;margin-bottom:1rem}.add-to-cart-error h2{color:#333;margin:0}.add-to-cart-error p{color:#666;max-width:500px}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.btn-primary{background:linear-gradient(135deg,#ffd166,#fca311);color:#1f2933}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #fca3114d}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.add-to-cart-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-in-out}.add-to-cart-modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-to-cart-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,rgba(184,134,11,.05) 0%,transparent 100%);position:relative}.modal-cart-icon{color:#b8860b}.add-to-cart-modal-header h2{margin:0;font-size:1.5rem;color:#333;flex:1}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.add-to-cart-modal-body{flex:1;overflow-y:auto;padding:1.5rem;-webkit-overflow-scrolling:touch}.modal-description{color:#666;margin-bottom:1.5rem;text-align:center}.modal-description strong{color:#333}.modal-error{background:#fee;color:#c33;padding:.75rem;border-radius:8px;margin-bottom:1rem;border:1px solid #fcc}.modal-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.modal-option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;text-align:left;width:100%}.modal-option-btn:hover:not(:disabled){border-color:#b8860b;background:#b8860b0d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.modal-option-btn:disabled{opacity:.6;cursor:not-allowed}.option-icon{font-size:2rem;flex-shrink:0}.option-content{flex:1}.option-content h3{margin:0 0 .25rem;font-size:1rem;color:#333}.option-content p{margin:0;font-size:.875rem;color:#666}.option-add .option-icon{color:#28a745}.option-replace .option-icon{color:#ffc107}.modal-processing{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;color:#666}.processing-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #B8860B;border-radius:50%;animation:spin .8s linear infinite}.add-to-cart-modal-footer{padding:1rem 1.5rem;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.shared-cart-items{margin:1.5rem 0;border:1px solid #e0e0e0;border-radius:8px;padding:.5rem}.select-all-container{padding:.75rem;border-bottom:1px solid #e0e0e0;margin-bottom:.5rem}.select-all-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:#333}.select-all-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.shared-items-list{display:flex;flex-direction:column;gap:.5rem}.shared-item{padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s}.shared-item.selected{background:#b8860b0d;border-color:#b8860b}.shared-item.error{background:#fee;border-color:#fcc}.shared-item-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;width:100%}.shared-item-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0}.shared-item-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.item-name{font-weight:600;color:#333;font-size:.95rem}.item-details{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#666}.item-quantity{color:#666}.item-price{font-weight:600;color:#b8860b}.item-error{display:flex;flex-direction:column;gap:.25rem}.error-text{color:#c33;font-size:.9rem}.products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.login-required-section{margin-top:1.5rem;padding:1.5rem;background:#b8860b0d;border-radius:8px;border:1px solid rgba(184,134,11,.2)}.login-message{text-align:center;margin-bottom:1rem;color:#333}.login-button-wrapper{position:relative;width:100%}.login-button-wrapper>div{border-radius:12px!important;overflow:hidden!important;width:100%!important}.login-button-wrapper iframe{border-radius:12px!important;width:100%!important}.btn-login-required{width:100%;background:linear-gradient(135deg,#ffd166,#fca311);color:#1f2933;border:none;padding:16px;border-radius:12px;font-weight:700;font-size:.96rem;letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 24px #fca31147;display:flex;align-items:center;justify-content:center;gap:.35rem;position:relative;z-index:1;pointer-events:none}.btn-login-required:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #fca31159}.btn-login-required:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.checkout-google-login-hidden{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10001;cursor:pointer;pointer-events:all;overflow:visible;-webkit-tap-highlight-color:transparent}.checkout-google-login-hidden>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:all;-webkit-tap-highlight-color:transparent;position:relative}.checkout-google-login-hidden iframe{width:100%!important;height:100%!important;min-height:44px!important;min-width:100px!important;pointer-events:all!important;cursor:pointer!important;z-index:10002!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative!important;opacity:1!important;visibility:visible!important}.checkout-google-login-hidden button{width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;pointer-events:all!important;border:none!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:none!important;position:relative!important;z-index:10002!important}.google-icon-checkout{flex-shrink:0;display:inline-block;vertical-align:middle}.add-to-cart-modal-handle{display:none;width:40px;height:4px;background:#ddd;border-radius:2px;margin:.75rem auto .5rem}@media (max-width: 768px){.add-to-cart-modal-overlay{align-items:flex-end;padding:0}.add-to-cart-modal-content{max-width:100%;width:100%;max-height:90vh;border-radius:24px 24px 0 0;animation:slideUpFromBottom .3s ease-out;margin:0}.add-to-cart-modal-handle{display:block}.add-to-cart-modal-header{padding:1rem 1.2rem 1.2rem}.add-to-cart-modal-header h2{font-size:1.3rem}.add-to-cart-modal-body{padding:1.2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.add-to-cart-modal-footer{padding:1.2rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}.modal-option-btn{padding:.75rem}.option-icon{font-size:1.5rem}.shared-item{padding:.5rem}}.products-page-wrapper{flex:1;display:flex;flex-direction:column;min-height:100%}.products-container{flex:1;padding:3rem 2rem 6rem;background-image:url(/elpuente.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#1a1a1a;position:relative}.products-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.8) 100%),#0006;z-index:0}.products-container>*{position:relative;z-index:1}.products-title{font-size:2.5rem;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.8);margin:0;flex:1}.section-title{font-size:1.8rem;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.5);margin-bottom:1.5rem;font-weight:600}.category-filters-container{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.category-search-wrapper{position:relative;max-width:400px;flex:1;min-width:250px}.subcategoria-filter-wrapper{position:relative;min-width:200px}.category-search-input{width:100%;padding:.8rem 1rem .8rem 3rem;background:#fffffff2;border:2px solid rgba(218,165,32,.3);border-radius:25px;font-size:1rem;color:#333;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.category-search-input:focus{outline:none;border-color:#daa520;background:#fff;box-shadow:0 4px 15px #daa52033}.category-search-input::placeholder{color:#999}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#daa520;z-index:1}.search-clear{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:.2rem;border-radius:50%;transition:all .2s ease}.search-clear:hover{color:#666;background:#0000000d}.filter-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#daa520;z-index:1;pointer-events:none}.subcategoria-filter-select{width:100%;padding:.8rem 2.5rem .8rem 2.8rem;background:#fffffff2;border:2px solid rgba(218,165,32,.3);border-radius:25px;font-size:.95rem;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23DAA520' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.subcategoria-filter-select:focus{outline:none;border-color:#daa520;background-color:#fff;box-shadow:0 4px 15px #daa52033}.subcategoria-filter-select option{background:#fff;color:#333;padding:.5rem}.subcategorias-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;justify-content:center;padding:0 1rem}.subcategoria-tab{padding:.6rem 1.2rem;background:#ffffffe6;border:2px solid rgba(218,165,32,.3);border-radius:20px;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.subcategoria-tab:hover{background:#daa5201a;border-color:#daa52080;transform:translateY(-1px)}.subcategoria-tab.active{background:linear-gradient(135deg,#b8860b,#daa520);border-color:#daa520;color:#fff;box-shadow:0 4px 15px #b8860b4d}.best-sellers-section{margin-bottom:3rem}.best-sellers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;overflow-x:auto;padding-bottom:.5rem}.best-seller-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000026;transition:transform .2s,box-shadow .2s;cursor:pointer;display:flex;flex-direction:column;position:relative;isolation:isolate}.best-seller-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.best-seller-image{width:100%;height:140px;object-fit:cover;object-position:center}.best-seller-card .best-seller-image.image-wrapper{order:-1;flex-shrink:0;margin:0;padding:0}.best-seller-image-placeholder{width:100%;height:140px;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);display:flex;align-items:center;justify-content:center;color:#999;font-size:.85rem}.image-wrapper{position:relative;width:100%;height:140px;overflow:hidden;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);border-radius:8px;display:block;box-sizing:border-box}.best-seller-card .image-wrapper{border-radius:12px 12px 0 0;margin:0;padding:0;order:-1;flex-shrink:0;height:140px!important;max-height:140px!important;min-height:140px!important;overflow:hidden!important;background:#fff}.image-skeleton-loader{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);border-radius:8px;overflow:hidden;z-index:1;pointer-events:none}.best-seller-card .image-skeleton-loader{border-radius:12px 12px 0 0;background:#fff}.skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff4d,#ffffff80,#ffffff4d,#fff0);background-size:200% 100%;animation:shimmer 2.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transition:opacity .3s ease;display:block;box-sizing:border-box}.best-seller-card .product-image{border-radius:12px 12px 0 0;position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.product-image.image-loading{opacity:0}.product-image.image-loaded{opacity:1}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-size:.85rem;border-radius:8px}.best-seller-card .image-placeholder{border-radius:12px 12px 0 0;background:#fff}.image-placeholder svg{width:40px;height:40px;margin-bottom:.5rem;color:#ccc}.best-seller-info{padding:.8rem;flex:1;order:1;margin-top:0}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:.4rem}.product-share .share-button{color:#666;padding:4px;border-radius:4px;transition:all .2s ease}.product-share .share-button:hover{color:#daa520;background:#daa5201a}.best-seller-name{font-size:.9rem;color:#333;margin-bottom:0;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;flex:1}.best-seller-price{font-size:1.1rem;font-weight:700;color:#b8860b;margin:0 0 .8rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-add-product{width:100%;background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;border:none;padding:.6rem;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #b8860b4d}.btn-add-product:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b8860b66}.btn-add-product:active{transform:translateY(0)}.categories-section{margin-bottom:2rem}.category-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.btn-back-category{background:#fffffff2;border:none;color:#333;padding:.6rem 1.2rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem;box-shadow:0 2px 6px #0000001a;white-space:nowrap}.btn-back-category:hover{background:#fff;transform:translate(-2px);box-shadow:0 3px 8px #00000026}.loading-category,.empty-category{text-align:center;padding:3rem;color:#fff;font-size:1.1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.category-card{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0003;cursor:pointer;transition:transform .3s,box-shadow .3s;height:150px}.category-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000040}.category-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}.category-card:hover .category-image{transform:scale(1.05)}.category-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);display:flex;align-items:center;justify-content:center;color:#999;font-size:1rem}.category-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1.5rem 1rem 1rem}.category-name{color:#fff;font-size:1.3rem;font-weight:600;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.product-card{background:#fffffff2;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0000004d;transition:transform .3s,box-shadow .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000026}.product-image{width:100%;height:250px;object-fit:cover;object-position:center}.product-info{padding:1.5rem}.product-name{font-size:1.3rem;margin-bottom:.5rem;color:#333}.product-price{font-size:1.5rem;font-weight:700;color:#667eea;margin-bottom:1rem}.btn-view{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.8rem;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .3s}.btn-view:hover:not(:disabled){opacity:.9}.btn-view:disabled{opacity:.5;cursor:not-allowed}.location-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem}.search-container{position:relative;flex:1;max-width:600px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.search-input{width:100%;padding:.8rem 3rem;background:#fffffff2;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;color:#333;box-shadow:0 2px 6px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.search-input:focus{outline:none;box-shadow:0 3px 10px #00000026}.search-input::placeholder{color:#999}.search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;font-size:1.2rem;cursor:pointer;padding:.2rem .5rem;transition:color .2s}.search-clear:hover{color:#333}.search-results-section{margin-bottom:3rem}.loading-search-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}.loading-search-text{color:#fff;font-size:1.1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}.empty-search-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0003;max-width:600px;margin:0 auto}.empty-search-icon{color:#999;margin-bottom:1.5rem;opacity:.7}.empty-search-title{font-size:1.5rem;color:#333;margin-bottom:1rem;font-weight:600}.empty-search-description{font-size:1rem;color:#666;line-height:1.6;margin:0;max-width:450px}.location-controls{display:flex;align-items:center;gap:.8rem;background:#ffffffe6;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 6px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.location-icon{color:#666;flex-shrink:0}.location-text{color:#333;font-size:.9rem;font-weight:500;white-space:nowrap}.rebaja-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#8b0000,brown);color:#fff;padding:.75rem 1.5rem;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 4px 12px #8b000080;animation:pulse 2s ease-in-out infinite;border:2px solid rgba(255,255,255,.2)}.rebaja-icon{font-size:1.5rem;animation:bounce 1s ease-in-out infinite}.rebaja-text{font-size:1rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #8b000080}50%{transform:scale(1.02);box-shadow:0 6px 16px #8b000099}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.btn-change-location{background:#fff;border:1px solid #e0e0e0;color:#333;padding:.4rem .8rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.85rem;white-space:nowrap}.btn-change-location:hover{background:#f8f9fa;border-color:#ccc}.empty-products{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#fff8e1,#fff);border-radius:24px;border:3px solid #DAA520;box-shadow:0 8px 32px #b8860b26;margin:2rem auto;max-width:600px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-products-icon{font-size:5rem;margin-bottom:1.5rem;display:block;filter:drop-shadow(0 4px 12px rgba(184,134,11,.3));animation:workPulse 2s ease-in-out infinite}@keyframes workPulse{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.empty-products h3{color:#8b4513;font-size:2rem;margin-bottom:1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(184,134,11,.2);letter-spacing:-.5px}.empty-products-main-text{font-size:1.1rem;color:#666;line-height:1.8;margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.empty-products-main-text strong{color:#b8860b;font-weight:700;background:linear-gradient(135deg,#b8860b,#daa520);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-products-subtext{font-size:1rem;color:#8b4513;line-height:1.7;margin-bottom:2rem;font-weight:500;padding:1rem;background:linear-gradient(135deg,#b8860b1a,#b8860b0d);border-radius:12px;border-left:4px solid #DAA520;max-width:500px;margin-left:auto;margin-right:auto}.empty-products-encouragement{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#daa520,#b8860b);color:#fff;border-radius:16px;font-weight:600;font-size:1.05rem;box-shadow:0 4px 16px #b8860b4d;max-width:500px;margin:0 auto;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.encouragement-icon{font-size:1.5rem;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}.empty-products p{color:#666;font-size:1.1rem;margin-bottom:2rem}.product-image-placeholder{width:100%;height:250px;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);display:flex;align-items:center;justify-content:center;color:#999;font-size:1rem;font-weight:500}.product-description{color:#666;font-size:.9rem;margin-bottom:.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.products-container{padding:1rem 1rem 4rem}.products-title{font-size:1.8rem}.section-title{font-size:1.4rem}.best-sellers-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.best-seller-image,.best-seller-image-placeholder{height:120px}.best-seller-name{font-size:.85rem}.best-seller-price{font-size:1rem}.btn-add-product{font-size:.85rem;padding:.5rem}.categories-grid{grid-template-columns:1fr;gap:.8rem}.category-card{height:135px}.category-name{font-size:1.3rem}.category-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-back-category{width:100%}.products-grid{grid-template-columns:1fr;gap:1.5rem}.location-header{flex-direction:column-reverse;gap:1rem;align-items:stretch}.location-controls{justify-content:space-between;width:100%;padding:.4rem .8rem}.location-text{font-size:.9rem}.btn-change-location{font-size:.9rem;padding:.5rem .8rem}.search-container{max-width:100%;width:100%}.search-input{font-size:1rem;padding:.8rem 3rem}.loading-search-wrapper{padding:2.5rem 1rem}.loading-spinner{width:40px;height:40px}.loading-search-text{font-size:1.1rem}.empty-search-message{padding:2.5rem 1.5rem}.empty-search-icon{width:60px;height:60px}.empty-search-title{font-size:1.3rem}.empty-search-description{font-size:1rem}.empty-products{padding:2rem 1rem}.empty-products h3{font-size:1.2rem}.empty-products p{font-size:1rem}.category-filters-container{flex-direction:column;gap:.8rem}.category-search-wrapper{max-width:100%;min-width:100%}.category-search-input{font-size:.95rem;padding:.7rem 2.5rem .7rem 2.8rem}.subcategoria-filter-wrapper{width:100%;min-width:100%}.subcategoria-filter-select{font-size:.9rem;padding:.7rem 2.5rem}.subcategorias-tabs{gap:.4rem;padding:0 .5rem}.subcategoria-tab{font-size:.85rem;padding:.5rem 1rem}}.area-description{margin-bottom:1.5rem;animation:fadeInDown .6s ease-out}.area-description-content{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#c5973d26,#c5973d0d);border:1px solid rgba(197,151,61,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;position:relative;overflow:hidden}.area-description-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c5973dcc,#c5973d33)}.area-description-icon{color:#c5973de6;margin-top:.1rem;flex-shrink:0}.area-description-content span{color:#fffffff2;font-size:.95rem;line-height:1.5;font-weight:400;text-shadow:0 1px 3px rgba(0,0,0,.3)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.area-description{margin-bottom:1rem}.area-description-content{padding:1rem 1.25rem;gap:.6rem}.area-description-content span{font-size:.9rem;line-height:1.4}.area-description-icon{width:14px;height:14px}}.load-more-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem}.btn-load-more{background:linear-gradient(135deg,#daa520,#b8860b);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #daa5204d;min-width:200px}.btn-load-more:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #daa52066;background:linear-gradient(135deg,#b8860b,#daa520)}.btn-load-more:disabled{opacity:.7;cursor:not-allowed;transform:none}.pagination-info{color:#fffc;font-size:.9rem;text-align:center;background:#0000004d;padding:.5rem 1rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.load-more-container{margin-top:1.5rem;padding:1rem}.btn-load-more{padding:.8rem 1.5rem;font-size:.9rem;min-width:180px}.pagination-info{font-size:.8rem;padding:.4rem .8rem}}.category-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.4rem;background:linear-gradient(180deg,#0000,#000000bf 80%);border-radius:inherit;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.categories-section .categories-grid{grid-template-columns:minmax(0,1fr)}}.category-collage-img{width:100%;height:100%;object-fit:cover;border-radius:12px}.shop-page-wrapper{flex:1;display:flex;flex-direction:column;min-height:100%}.shop-container{flex:1;padding:2rem 2rem 6rem;background-image:url(/elpuente.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#1a1a1a;position:relative}.shop-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.8) 100%),#0006;z-index:0}.shop-container>*{position:relative;z-index:1}.subcategoria-filter-wrapper{position:relative;min-width:220px;margin-left:auto}.subcategoria-filter-wrapper .filter-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#c5973dcc;pointer-events:none;z-index:2}.subcategoria-filter-select{width:100%;padding:.75rem 2.5rem;background:#000000b3;border:2px solid rgba(197,151,61,.5);border-radius:50px;color:#fff;font-size:.95rem;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23C5973D' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.subcategoria-filter-select:focus{outline:none;border-color:#c5973dcc;background-color:#000c}.subcategoria-filter-select option{background:#1a1a1af2;color:#fff;padding:.5rem}.categories-grid .category-card{position:relative;overflow:hidden}.category-ribbon{position:absolute;top:12px;right:-58px;background:#8b0000;color:#daa520;font-weight:600;font-style:italic;text-transform:none;letter-spacing:.1em;padding:.6rem 3.6rem;transform:rotate(45deg);box-shadow:0 8px 20px #daa52099,0 4px 10px #daa52066,inset 0 2px 4px #ffffff1a;text-shadow:0 0 8px rgba(218,165,32,.8),0 0 12px rgba(218,165,32,.6),0 2px 4px rgba(0,0,0,.5);pointer-events:none;font-size:.95rem;min-width:260px;text-align:center;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(218,165,32,.3)}.category-ribbon span{display:block;line-height:1.4}.category-card:hover .category-ribbon{background:#6b0000;box-shadow:0 10px 25px #daa520b3,0 5px 12px #daa52080;text-shadow:0 0 10px rgba(218,165,32,1),0 0 15px rgba(218,165,32,.8),0 2px 4px rgba(0,0,0,.5)}.category-ribbon-blackfriday{position:absolute;top:50px;right:-58px;background:linear-gradient(135deg,#8b0000,brown);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.16em;padding:.6rem 3.6rem;transform:rotate(45deg);box-shadow:0 20px 40px #8b000099;text-shadow:0 0 8px rgba(255,255,255,.5);pointer-events:none;font-size:.9rem;min-width:260px;text-align:center;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);z-index:2}.category-ribbon-blackfriday span{display:block;line-height:1.35}.category-card:hover .category-ribbon-blackfriday{background:linear-gradient(135deg,brown,#8b0000);box-shadow:0 20px 40px #8b0000b3}.categories-section .categories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.categories-section .category-card{min-height:180px;background:#fff}.category-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#fff}.category-image-placeholder{width:100%;height:100%;border-radius:inherit;background:#fff;position:relative;overflow:hidden}.category-image-placeholder:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:shimmer 1.4s infinite}.category-collage{width:100%;height:100%;display:flex;gap:8px;border-radius:inherit;padding:12px;box-sizing:border-box;background:#fff}.category-collage img{flex:1;width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .35s ease}.category-collage.collage-1{padding:0}.category-card:hover .category-collage img{transform:scale(1.05)}.category-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.1rem 1.4rem;background:linear-gradient(180deg,#0000,#000000bf 80%);border-radius:inherit;display:flex;align-items:center;justify-content:center}.category-name{margin:0;color:#fff;font-size:1.1rem;text-shadow:0 3px 10px rgba(0,0,0,.8);font-weight:800;letter-spacing:.05em}@keyframes shimmer{0%{transform:translate(0)}to{transform:translate(150%)}}@media (max-width: 768px){.shop-container{padding:1rem 1rem 4rem}.categories-section .categories-grid{grid-template-columns:minmax(0,1fr)}.subcategoria-filter-wrapper{width:100%;min-width:unset;margin-left:0;margin-top:.75rem}}.orders-container{max-width:900px;margin:0 auto;padding:2rem}.orders-title{font-size:2.5rem;margin-bottom:2rem;color:#333;text-align:center}.orders-empty{text-align:center;padding:4rem;font-size:1.2rem;color:#666}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:transform .3s}.order-card:hover{transform:translateY(-3px)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.order-header h3{color:#333;font-size:1.3rem}.order-status{padding:.4rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.status-entregado{background:#d4edda;color:#155724}.status-en{background:#fff3cd;color:#856404}.order-info{margin-bottom:1rem}.order-info p{margin:.5rem 0;color:#666}.btn-view-order{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-view-order:hover{transform:scale(1.02)}@media (max-width: 768px){.orders-container{padding:1rem;padding-top:calc(1rem + 70px)}.orders-title{font-size:2rem}.order-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.orders-page-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.orders-container{flex:1;padding:2rem;background-image:url(/elpuente.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#1a1a1a;position:relative;overflow-y:auto}.orders-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.8) 100%),#0006;z-index:0}.orders-container>*{position:relative;z-index:1}.orders-title{font-size:2.5rem;text-align:center;margin-bottom:2rem;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.8)}.empty-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:#fffffff2;border-radius:15px;box-shadow:0 4px 15px #0003;max-width:500px;margin:2rem auto}.empty-icon{color:#ccc;margin-bottom:1.5rem}.empty-orders h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.empty-orders p{color:#666;font-size:1rem}@media (max-width: 768px){.orders-container{padding:1rem;padding-top:calc(1rem + 70px)}.orders-title{font-size:2rem}.empty-orders{padding:3rem 1.5rem}}.detalle-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;animation:fadeIn .2s ease-in-out}.detalle-modal-sidebar{position:fixed;top:0;right:0;bottom:0;width:500px;max-width:95vw;background:#fff;box-shadow:-5px 0 30px #0000004d;z-index:9999;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.detalle-modal-header{background:linear-gradient(135deg,#b8860b1a,#daa5200d);border-bottom:2px solid rgba(218,165,32,.2);padding:1.25rem}.modal-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header-top h2{margin:0;font-size:1.3rem;color:#333;font-weight:700;display:flex;align-items:center;gap:.5rem}.modal-header-top h2 svg{color:#b8860b}.modal-close{background:none;border:none;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;padding:0}.modal-close:hover{background:#0000000d;color:#333}.orden-info-header{background:#fff;border-radius:10px;padding:.875rem}.orden-numero-con-fecha{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.orden-numero-modal{font-size:1.1rem;font-weight:700;color:#b8860b}.orden-fecha-modal{font-size:.75rem;color:#0009;font-weight:400}.header-actions-modal{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.estado-con-fecha-modal{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-width:100px}.badge-estado{padding:.3rem .75rem;border-radius:15px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.estado-fecha-actualizacion-modal{font-size:.7rem;color:#000000b3;font-weight:500;text-transform:none;letter-spacing:0;white-space:nowrap;padding:.15rem .5rem;background:#0000000d;border-radius:6px;border:1px solid rgba(184,134,11,.15);text-align:center;display:block}.badge-warning{background:#ffc10733;color:#f59e0b;border:1px solid rgba(255,193,7,.3)}.badge-info{background:#0dcaf033;color:#0ea5e9;border:1px solid rgba(13,202,240,.3)}.badge-purple{background:#9c27b033;color:#a855f7;border:1px solid rgba(156,39,176,.3)}.badge-primary{background:#0d6efd33;color:#3b82f6;border:1px solid rgba(13,110,253,.3)}.badge-success{background:#19875433;color:#22c55e;border:1px solid rgba(25,135,84,.3)}.badge-danger{background:#dc354533;color:#ef4444;border:1px solid rgba(220,53,69,.3)}.btn-cancelar-modal{background:#dc354526;border:1px solid rgba(220,53,69,.4);color:#dc3545;padding:.35rem .75rem;border-radius:15px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;white-space:nowrap}.btn-cancelar-modal:hover:not(:disabled){background:#dc354540;border-color:#dc3545}.btn-cancelar-modal:disabled{opacity:.6;cursor:not-allowed}.no-cancel-badge{padding:.35rem .75rem;border-radius:15px;background:#6c757d1a;border:1px solid rgba(108,117,125,.2);color:#6c757d;font-size:.7rem;font-weight:600;white-space:nowrap}.orden-fecha-modal{color:#6c757d;font-size:.8rem}.timeline-modal{display:flex;gap:.35rem;margin-bottom:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}.timeline-step-modal{display:flex;align-items:center;gap:.35rem;background:#fff;padding:.3rem .6rem;border-radius:15px;border:1px solid #e9ecef}.timeline-dot-modal{width:18px;height:18px;border-radius:50%;background:#e9ecef;border:2px solid #dee2e6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-step-modal.completed .timeline-dot-modal{background:linear-gradient(135deg,#b8860b,#daa520);border-color:#daa520;color:#fff}.timeline-step-modal.current .timeline-dot-modal{border-color:#daa520;border-width:2px;animation:pulseTiny 2s infinite}@keyframes pulseTiny{0%,to{box-shadow:0 0 #daa520b3}50%{box-shadow:0 0 0 4px #daa52000}}.timeline-text-modal{font-size:.7rem;color:#6c757d;font-weight:600}.timeline-step-modal.completed .timeline-text-modal,.timeline-step-modal.current .timeline-text-modal{color:#b8860b}.cancelada-badge-modal{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#dc3545;font-weight:600;font-size:.85rem;margin-bottom:1rem}.cancelada-mensaje-modal{display:flex;flex-direction:column;line-height:1.2;font-weight:400;text-align:center}.detalle-modal-content{flex:1;overflow-y:auto;padding:1.25rem}.modal-section{background:#f8f9fa;border-radius:10px;padding:1rem;margin-bottom:1rem}.modal-section h3{margin:0 0 .75rem;font-size:.95rem;font-weight:700;color:#333;display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.modal-section h3 svg{color:#b8860b}.productos-list-modal{display:flex;flex-direction:column;gap:.75rem}.producto-modal-item{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem;border-radius:8px;border:1px solid #e9ecef}.producto-img-modal{width:50px;height:50px;border-radius:6px;overflow:hidden;background:#f8f9fa;border:1px solid #e9ecef;flex-shrink:0}.producto-img-modal img{width:100%;height:100%;object-fit:cover;object-position:center}.producto-placeholder-modal{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#b8860b}.producto-info-modal{flex:1;min-width:0}.producto-nombre-modal{font-weight:600;color:#333;font-size:.9rem;margin-bottom:.2rem}.producto-cantidad-modal{color:#6c757d;font-size:.75rem}.producto-subtotal-modal{font-weight:700;color:#b8860b;font-size:.95rem}.resumen-modal{background:#fff;border-radius:8px;padding:.875rem;border:1px solid #e9ecef}.resumen-row-modal{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.85rem;color:#495057;border-bottom:1px solid #f0f0f0}.resumen-row-modal:last-of-type{border-bottom:none}.resumen-total-modal{display:flex;justify-content:space-between;padding:.6rem 0;font-size:1.1rem;font-weight:700;color:#b8860b;border-top:2px solid #e9ecef;margin-top:.4rem}.pago-status-modal{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;padding:.65rem .75rem;background:#1987541a;border-radius:6px;color:#22c55e;font-weight:600;font-size:.8rem;border:1px solid rgba(25,135,84,.3)}.pago-status-modal span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.direccion-modal{background:#fff;border-radius:8px;padding:.875rem;border:1px solid #e9ecef}.dir-nombre-modal{font-weight:700;color:#b8860b;font-size:.9rem;margin-bottom:.4rem}.dir-calle-modal{color:#333;font-size:.85rem;margin-bottom:.3rem}.dir-ref-modal{color:#6c757d;font-size:.75rem;font-style:italic;margin-bottom:.3rem}.dir-area-modal{color:#495057;font-size:.8rem;margin-bottom:.5rem}.dir-tel-modal{display:flex;align-items:center;gap:.4rem;color:#b8860b;font-weight:600;font-size:.8rem;padding-top:.5rem;border-top:1px solid #f0f0f0}.tracking-modal{background:linear-gradient(135deg,#0d6efd0d,#0dcaf00d);border:1px solid rgba(13,110,253,.2)}.tracking-info-modal{background:#fff;border-radius:8px;padding:.875rem;border:1px solid rgba(13,110,253,.2)}.tracking-number-modal{font-family:Courier New,monospace;font-weight:700;color:#3b82f6;font-size:.9rem;margin-bottom:.4rem}.tracking-detail-modal{color:#6c757d;font-size:.8rem}.notas-modal{background:#ffc1070d;border:1px solid rgba(255,193,7,.2);border-radius:8px;padding:.875rem;color:#495057;font-size:.85rem;line-height:1.5}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem}.modal-loading .spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top-color:#b8860b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.modal-loading p{color:#6c757d}.modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.modal-error svg{color:#dc3545;margin-bottom:1rem}.modal-error p{color:#6c757d;margin:0}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 640px){.detalle-modal-sidebar{width:80vw;max-width:80vw}.timeline-modal{gap:.25rem}.timeline-text-modal{font-size:.65rem}}.mis-ordenes-page{flex:1;display:flex;flex-direction:column;min-height:100%;background-image:url(/elpuente.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#1a1a1a;position:relative}.mis-ordenes-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.8) 100%),#0006;z-index:0}.ordenes-container{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;position:relative;z-index:1}.ordenes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:2rem}.ordenes-title{display:flex;align-items:center;gap:.75rem;font-size:2.25rem;font-weight:800;color:#fff;margin:0}.ordenes-title svg{color:#daa520}.ordenes-subtitle{color:#94a3b8;font-size:1rem;margin:.5rem 0 0}.filtros-ordenes{display:flex;gap:1rem}.select-filtro-estado{padding:.875rem 1.5rem;background:#000000b3;border:2px solid rgba(218,165,32,.4);border-radius:15px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:280px}.select-filtro-estado option{background:#1a1a1a;color:#fff;padding:.5rem}.select-filtro-estado:hover{background:#000000d9;border-color:#daa52099;transform:translateY(-1px);box-shadow:0 4px 12px #daa52033}.select-filtro-estado:focus{outline:none;border-color:#daa520;background:#000000e6;box-shadow:0 0 0 3px #daa5201a}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-weight:600;margin-bottom:2rem}.ordenes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem;color:#94a3b8}.spinner{width:50px;height:50px;border:4px solid rgba(218,165,32,.2);border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite}.ordenes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1.5rem}.empty-icon{color:#94a3b8;opacity:.5}.ordenes-empty h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.ordenes-empty p{color:#94a3b8;font-size:1rem;margin:0}.btn-ir-tienda{padding:.875rem 2rem;background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-ir-tienda:hover{transform:translateY(-2px);box-shadow:0 8px 20px #b8860b66}.ordenes-content{flex:1;overflow-y:auto;padding-bottom:2rem}.ordenes-lista{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.orden-card{display:grid;grid-template-columns:200px 180px 150px 1fr 140px;gap:1.5rem;align-items:center;padding:1.25rem 1.5rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.orden-card:hover{background:#ffffff26;border-color:#daa52080;transform:translateY(-3px);box-shadow:0 8px 25px #daa52033}.orden-numero{display:flex;align-items:center;gap:.75rem}.orden-numero svg{color:#daa520;flex-shrink:0}.orden-numero strong{color:#fff;font-size:.95rem;font-weight:700}.orden-fecha{color:#94a3b8;font-size:.9rem}.orden-estado{display:flex;align-items:center}.estado-con-fecha-lista{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.badge-estado{padding:.4rem .8rem;border-radius:12px;font-size:.85rem;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem}.estado-fecha-actualizacion-lista{font-size:.7rem;color:#fff9;font-weight:400;margin-left:.25rem}.badge-estado.badge-warning{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.badge-estado.badge-info{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.badge-estado.badge-purple{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.badge-estado.badge-primary{background:#0ea5e926;color:#0ea5e9;border:1px solid rgba(14,165,233,.3)}.badge-estado.badge-success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-estado.badge-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.orden-productos{display:flex;align-items:center;gap:1rem}.productos-imagenes{display:flex;align-items:center;gap:.5rem}.producto-mini{width:40px;height:40px;border-radius:6px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.producto-mini img{width:100%;height:100%;object-fit:cover;object-position:center}.producto-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8}.producto-mas{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#daa52033;border:1px solid rgba(218,165,32,.3);border-radius:6px;font-size:.8rem;font-weight:700;color:#daa520}.productos-texto{color:#e0e0e0;font-size:.9rem}.orden-total{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.total-amount{font-size:1.25rem;font-weight:700;color:#daa520}.total-moneda{font-size:.8rem;color:#94a3b8;font-weight:600}@media (max-width: 1200px){.orden-card{grid-template-columns:180px 150px 130px 1fr 120px;gap:1rem;padding:1rem 1.25rem}}@media (max-width: 992px){.ordenes-header{flex-direction:column;gap:1.5rem}.filtros-ordenes,.select-filtro-estado{width:100%}.orden-card{grid-template-columns:1fr;gap:1rem;padding:1.5rem}}@media (max-width: 640px){.ordenes-container{padding:1rem}.ordenes-header{display:none}.orden-card{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:.75rem;padding:1rem}.orden-numero{grid-column:1 / 2;grid-row:1}.orden-fecha{grid-column:2 / 3;grid-row:1;font-size:.8rem;text-align:center}.orden-estado{grid-column:3 / 4;grid-row:1;justify-content:flex-end}.badge-estado{padding:.3rem .5rem;font-size:.7rem}.orden-productos{grid-column:1 / 3;grid-row:2}.orden-total{grid-column:3 / 4;grid-row:2;align-items:flex-end}.total-amount{font-size:1.1rem}.total-moneda{font-size:.75rem}.productos-imagenes{gap:.4rem}.producto-mini{width:35px;height:35px}.producto-mas{width:35px;height:35px;font-size:.75rem}.productos-texto{font-size:.85rem}.filtros-ordenes{display:none}.filtro-movil{display:block!important;margin-top:.5rem;margin-bottom:1rem;position:relative;z-index:10}.select-filtro-movil{width:100%;padding:1rem 1.25rem;font-size:1rem;background:#daa52033;border:2px solid rgba(218,165,32,.5);border-radius:10px;color:#fff;outline:none;font-weight:600}.select-filtro-movil:focus{border-color:#daa520;background:#daa5204d}.select-filtro-movil option{background:#1a1a1a;color:#fff;padding:1rem}}.filtro-movil{display:none}.detalle-orden-page{min-height:100vh;max-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:1rem 0;overflow:hidden}.detalle-container{max-width:1200px;margin:0 auto;padding:0 1rem 8rem;height:calc(100vh - 2rem);overflow-y:auto}.detalle-header{margin-bottom:1.5rem;position:sticky;top:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);z-index:10;padding:1rem 0;border-bottom:1px solid rgba(218,165,32,.2)}.btn-back{background:#0000004d;border:1px solid rgba(218,165,32,.3);color:#daa520;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem}.btn-back:hover{background:#daa5201a;border-color:#daa520}.header-main{background:#0000004d;border:1px solid rgba(218,165,32,.2);border-radius:12px;padding:1.25rem}.header-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.detalle-title{font-size:1.5rem;color:#daa520;margin:0;font-weight:700;display:flex;align-items:center;gap:.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.estado-con-fecha{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;min-width:120px}.orden-estado-badge{padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;width:fit-content}.estado-fecha-actualizacion{font-size:.75rem;color:#ffffffe6;font-weight:500;text-transform:none;letter-spacing:0;white-space:nowrap;padding:.15rem .5rem;background:#0000004d;border-radius:6px;border:1px solid rgba(218,165,32,.2);text-align:center;display:block}.btn-cancelar-header{background:#dc354526;border:2px solid rgba(220,53,69,.4);color:#ff6b6b;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.btn-cancelar-header:hover:not(:disabled){background:#dc354540;border-color:#dc3545;transform:translateY(-1px)}.btn-cancelar-header:disabled{opacity:.6;cursor:not-allowed}.no-cancelable{padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;background:#6c757d26;border:1px solid rgba(108,117,125,.3);color:#94a3b8;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.orden-fecha-creacion{color:#94a3b8;font-size:.85rem;margin:.75rem 0 0}.timeline-inline{display:flex;align-items:center;gap:.5rem;position:relative}.timeline-inline:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#daa52033;z-index:0;transform:translateY(-50%)}.timeline-step-inline{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:.35rem .75rem .35rem .35rem;border-radius:20px;position:relative;z-index:1;border:1px solid rgba(218,165,32,.2)}.timeline-dot-inline{width:24px;height:24px;border-radius:50%;background:#00000080;border:2px solid rgba(218,165,32,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-step-inline.completed .timeline-dot-inline{background:linear-gradient(135deg,#b8860b,#daa520);border-color:#daa520;color:#fff}.timeline-step-inline.current .timeline-dot-inline{background:#daa5204d;border-color:#daa520;border-width:2px;animation:pulseSmall 2s infinite}@keyframes pulseSmall{0%,to{box-shadow:0 0 #daa520b3}50%{box-shadow:0 0 0 6px #daa52000}}.timeline-label-inline{color:#94a3b8;font-size:.75rem;font-weight:600;white-space:nowrap}.timeline-step-inline.completed .timeline-label-inline,.timeline-step-inline.current .timeline-label-inline{color:#daa520}.timeline-cancelada-inline{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dc354526;border:1px solid rgba(220,53,69,.4);border-radius:20px;color:#ff6b6b;font-weight:600;font-size:.85rem}.cancelada-mensaje{display:flex;flex-direction:column;line-height:1.2;font-weight:400}.detalle-grid{display:grid;grid-template-columns:1fr 320px;gap:1.25rem;margin-bottom:1rem}.detalle-col-main,.detalle-col-sidebar{overflow-y:visible;padding-right:.5rem}.detalle-section{background:#0006;border:1px solid rgba(218,165,32,.2);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.section-title{font-size:1.1rem;color:#fff;margin:0 0 1rem;font-weight:700;display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(218,165,32,.2)}.section-title svg{color:#daa520}.productos-lista{display:flex;flex-direction:column;gap:.75rem}.producto-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#0000004d;border:1px solid rgba(218,165,32,.15);border-radius:10px;transition:all .3s ease}.producto-item:hover{background:#daa5200d;border-color:#daa5204d}.producto-imagen{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(218,165,32,.2);flex-shrink:0}.producto-imagen img{width:100%;height:100%;object-fit:cover;object-position:center}.producto-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#daa52066}.producto-info{flex:1;min-width:0}.producto-info h4{color:#fff;font-size:.95rem;margin:0 0 .25rem;font-weight:600}.producto-cantidad{color:#94a3b8;font-size:.8rem;margin:0 0 .15rem}.producto-precio-unit{color:#cbd5e1;font-size:.75rem;margin:0}.producto-subtotal{color:#daa520;font-size:1.1rem;font-weight:700;min-width:80px;text-align:right}.resumen-section{position:sticky;top:0}.resumen-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#cbd5e1;font-size:.9rem;border-bottom:1px solid rgba(218,165,32,.1)}.resumen-total{display:flex;justify-content:space-between;align-items:center;padding:.875rem 0;font-size:1.15rem;font-weight:700;color:#daa520;border-top:2px solid rgba(218,165,32,.3);border-bottom:2px solid rgba(218,165,32,.3);margin:.5rem 0}.resumen-pago{display:flex;align-items:center;gap:.5rem;padding:.6rem .875rem;background:#19875426;border:1px solid rgba(25,135,84,.3);border-radius:8px;color:#75b798;font-weight:600;font-size:.85rem;margin-top:.75rem}.direccion-box{background:#0000004d;border:1px solid rgba(218,165,32,.15);border-radius:8px;padding:1rem}.direccion-nombre{color:#daa520;font-weight:700;font-size:.95rem;margin:0 0 .4rem}.direccion-calle{color:#fff;margin:0 0 .35rem;font-size:.9rem}.direccion-ref{color:#94a3b8;font-size:.8rem;margin:0 0 .35rem;font-style:italic}.direccion-area{color:#cbd5e1;font-size:.8rem;margin:0 0 .5rem}.direccion-tel{color:#daa520;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.5rem;margin:.5rem 0 0;padding-top:.5rem;border-top:1px solid rgba(218,165,32,.2)}.tracking-section{background:linear-gradient(135deg,#0d6efd1a,#0dcaf01a);border-color:#0d6efd4d}.tracking-box{background:#0000004d;border:1px solid rgba(13,110,253,.2);border-radius:8px;padding:1rem}.tracking-label{color:#6ea8fe;font-size:.75rem;font-weight:600;margin:.5rem 0 .2rem;text-transform:uppercase;letter-spacing:.3px}.tracking-label:first-child{margin-top:0}.tracking-number{color:#fff;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;margin:0}.tracking-value{color:#cbd5e1;margin:0;font-size:.85rem}.notas-box{background:#ffc1070d;border:1px solid rgba(255,193,7,.2);border-radius:8px;padding:.875rem}.notas-box p{color:#cbd5e1;margin:0;line-height:1.5;font-size:.9rem}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.detalle-loading,.detalle-error{text-align:center;padding:4rem 2rem}.detalle-loading .spinner{width:60px;height:60px;border:5px solid rgba(218,165,32,.2);border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.detalle-loading p{color:#cbd5e1;font-size:1.2rem}.detalle-error{background:#0000004d;border:2px solid rgba(220,53,69,.3);border-radius:16px}.detalle-error svg{color:#ff6b6b;margin-bottom:1rem}.detalle-error h2{color:#fff;margin:0 0 1.5rem;font-size:1.5rem}.btn-volver{background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-volver:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b8860b66}@media (max-width: 992px){.detalle-grid{grid-template-columns:1fr}.detalle-col-main,.detalle-col-sidebar{max-height:none;overflow-y:visible}.resumen-section{position:static}}@media (max-width: 768px){.detalle-container{padding:0 1rem 8rem;padding-top:calc(1rem + 70px)}.detalle-title{font-size:1.25rem}.header-info{flex-direction:column;align-items:flex-start;gap:.75rem}.header-actions{flex-wrap:wrap;gap:.5rem}.btn-cancelar-header,.no-cancelable{font-size:.7rem;padding:.35rem .75rem}.timeline-inline{flex-wrap:wrap;gap:.4rem}.timeline-inline:before{display:none}.timeline-label-inline{font-size:.7rem}.producto-item{gap:.5rem;padding:.75rem}.producto-imagen{width:50px;height:50px}.producto-info h4{font-size:.85rem}.producto-subtotal{font-size:1rem}}@media (max-width: 480px){.detalle-orden-page{padding:.5rem 0}.detalle-container{padding:0 .5rem}.detalle-title{font-size:1.1rem}.timeline-step-inline{padding:.25rem .5rem .25rem .25rem}.timeline-dot-inline{width:20px;height:20px}.timeline-label-inline{font-size:.65rem}.orden-estado-badge{font-size:.7rem;padding:.3rem .75rem}}.receptores-page-wrapper{flex:1;display:flex;flex-direction:column;min-height:100%}.receptores-container{flex:1;padding:1rem 1rem 6rem;background-image:url(/elpuente.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#1a1a1a;position:relative}.receptores-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.8) 100%),#0006;z-index:0}.receptores-container>*{position:relative;z-index:1}.receptores-header{margin-bottom:1rem}.receptores-title{font-size:1.8rem;text-align:center;margin:0;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.8)}.receptores-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%}.receptor-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.8rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.2rem}.receptor-card.principal{border-color:#b8860b;box-shadow:0 4px 15px #b8860b40;background:#fffaf0fa}.receptor-card:hover:not(.add-receptor):not(.form-receptor){transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.principal-checkbox-container{position:absolute;top:.8rem;right:.8rem;z-index:2}.principal-checkbox-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;user-select:none}.principal-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#B8860B}.principal-text{font-size:.75rem;font-weight:600;color:#b8860b}.receptor-row-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.4rem!important;position:relative;z-index:1;margin-bottom:.1rem;width:100%}.receptor-field{display:flex;align-items:flex-start;gap:.4rem;color:#555;font-size:.95rem;line-height:1.2;position:relative;z-index:1;min-height:1.3rem}.receptor-field.full-width{grid-column:span 2;margin-bottom:.2rem}.receptor-field svg{flex-shrink:0;color:#b8860b}.field-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receptor-alias-inline{font-size:.75rem;color:#666;background:#b8860b1a;padding:.25rem .6rem;border-radius:6px;font-weight:500;font-style:italic}.receptor-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.4rem!important;position:relative;z-index:1;margin-top:.1rem;width:100%}.btn-edit-address,.btn-delete-address{padding:.5rem .8rem;border-radius:8px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-edit-address{background:linear-gradient(135deg,#b8860b,#daa520);border:none;color:#fff;box-shadow:0 2px 6px #b8860b40}.btn-edit-address:hover{transform:translateY(-2px);box-shadow:0 4px 10px #b8860b59}.btn-delete-address{background:#fff;border:2px solid #e0e0e0;color:#888}.btn-delete-address:hover{border-color:#ef5350;background:#ffebee;color:#ef5350}.add-receptor{cursor:pointer;background:#fffffff2;border:2px dashed #B8860B;display:flex;align-items:center;justify-content:center;min-height:120px;padding:1rem}.add-receptor:hover{background:#fff;border-color:#daa520;box-shadow:0 6px 20px #b8860b33}.add-receptor-content{text-align:center;display:flex;align-items:center;gap:.8rem}.add-icon{color:#b8860b;width:40px;height:40px}.add-receptor h3{color:#b8860b;font-size:1rem;font-weight:600;margin:0}.form-receptor{padding:1.8rem;min-height:auto;grid-column:span 2;max-width:700px}.address-form{width:100%}.form-title{font-size:1.3rem;color:#333;margin-bottom:1.5rem;text-align:center;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-field.full-width{grid-column:span 2}.form-field label{font-size:.85rem;font-weight:600;color:#555}.form-field input{padding:.7rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;transition:all .2s;color:#000}.form-field input:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.form-field input.error{border-color:#dc3545;background-color:#fff5f5}.field-error{color:#dc3545;font-size:.8rem;margin-top:.25rem;font-weight:500}.field-help{color:#6c757d;font-size:.75rem;margin-top:.25rem}.phone-input-container{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:6px;background:#fff;overflow:hidden}.phone-input-container:focus-within{border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.phone-prefix{background:#f8f9fa;padding:.7rem .8rem;border-right:1px solid #e0e0e0;color:#333;font-weight:600;font-size:.95rem;-webkit-user-select:none;user-select:none}.phone-input{flex:1;padding:.7rem;border:none;outline:none;font-size:.95rem;background:#fff;color:#000}.phone-input.error{background-color:#fff5f5}.phone-input::placeholder{color:#999}.location-info-form{background:#b8860b1a;padding:.8rem;border-radius:6px;text-align:center;font-size:.9rem;color:#666;margin-bottom:1rem}.form-error{background:#ffebee;color:#c62828;padding:.8rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;text-align:center}.form-actions{display:flex;gap:1rem}.btn-cancel{flex:1;background:#fff;border:2px solid #e0e0e0;color:#666;padding:.8rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.btn-cancel:hover:not(:disabled){border-color:#999;color:#333}.btn-submit{flex:1;background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;border:none;padding:.8rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #b8860b4d;font-size:.95rem}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #b8860b66}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:4rem;font-size:1.3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.error-banner{background:#ffebeef2;border:2px solid #ef5350;color:#c62828;padding:1rem;border-radius:10px;margin-bottom:2rem;text-align:center;font-weight:500;box-shadow:0 4px 15px #0000001a}@media (max-width: 1200px){.receptores-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.receptores-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.receptores-container{padding:.8rem .8rem 4rem}.receptores-header{flex-direction:column;align-items:stretch;gap:.8rem}.receptores-title{font-size:1.5rem;text-align:center}.btn-restore-direcciones{justify-content:center;padding:.7rem 1rem;font-size:.85rem}.receptores-list{grid-template-columns:1fr}.form-receptor{padding:1rem}.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:span 1}.receptor-row-2{grid-template-columns:1fr;gap:.5rem;margin-bottom:.5rem}.receptor-field.full-width{grid-column:span 1}.receptor-field{margin-bottom:.3rem}.field-value{white-space:normal;overflow:visible;text-overflow:initial}.receptor-actions{grid-template-columns:1fr;gap:.5rem;margin-top:.5rem}.btn-edit-address,.btn-delete-address{width:100%;padding:.6rem}}.area-limits-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#fffffff2;border:1px solid rgba(255,193,7,.6);border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 10px #00000026}.warning-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.warning-content{flex:1;color:#333;font-size:.9rem;line-height:1.4}.warning-content strong{color:#d97706;font-weight:600}.area-description-inline{color:#555;font-size:.85rem}.area-description-inline strong{color:#d97706;font-weight:600}@media (max-width: 768px){.area-limits-warning{padding:.8rem 1rem;gap:.6rem;margin-bottom:.8rem}.warning-icon{font-size:1.1rem}.warning-content{font-size:.85rem;line-height:1.3}.area-description-inline{font-size:.8rem}}.modal-content.xlarge{max-width:1400px;width:95%}.modal-subtitle{color:#94a3b8;font-size:.9rem;margin:.25rem 0 0}.catalogo-header{display:flex;gap:1.5rem;align-items:flex-end;margin-bottom:2rem}.filtros-catalogo{flex:1;display:flex;gap:1rem;align-items:flex-end}.filtro-group{flex:1}.filtro-group label{display:block;margin-bottom:.5rem;color:#e0e0e0;font-size:.9rem}.select-filtro{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0e0e0;font-size:.9rem}.select-filtro:focus{outline:none;border-color:#3498db;background:#ffffff14}.busqueda-catalogo{flex:1}.agregar-producto-form{background:#daa5201a;border:1px solid rgba(218,165,32,.3);border-radius:10px;padding:1.5rem;margin-bottom:2rem}.agregar-producto-form h4{margin:0 0 1rem;color:#daa520;font-size:1rem}.producto-search-container{position:relative;width:100%}.input-producto-search{width:100%;padding:.75rem 2.5rem .75rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem}.input-producto-search:focus{outline:none;border-color:#daa520;background:#ffffff14}.btn-clear-search{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px;font-size:.9rem;transition:all .2s}.btn-clear-search:hover{color:#e74c3c;background:#e74c3c1a}.producto-dropdown{position:absolute;top:100%;left:0;right:0;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-top:.25rem;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d}.producto-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s}.producto-option:last-child{border-bottom:none}.producto-option:hover{background:#daa5201a}.producto-option-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.producto-option-info strong{color:#fff;font-size:.9rem}.producto-categoria{color:#94a3b8;font-size:.8rem}.producto-option-img{width:32px;height:32px;object-fit:cover;object-position:center;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.producto-option-more{padding:.5rem .75rem;text-align:center;color:#94a3b8;font-size:.8rem;font-style:italic;background:#ffffff08}.producto-option-info-text{padding:.5rem .75rem;text-align:center;color:#daa520;font-size:.8rem;font-weight:500;background:#daa5201a;border-top:1px solid rgba(218,165,32,.2)}.producto-option-info-text:not(:first-child){color:#e74c3c;background:#e74c3c1a;border-top:1px solid rgba(231,76,60,.2)}.input-precio{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem}.input-precio:focus,.select-producto:focus{outline:none;border-color:#daa520}.loading-catalogo,.empty-catalogo{text-align:center;padding:3rem;color:#94a3b8}.empty-catalogo p{color:#e0e0e0;font-size:1rem;margin:0 0 .5rem}.empty-catalogo small{color:#94a3b8;font-size:.9rem}.producto-info-tabla{display:flex;align-items:center;gap:.75rem}.producto-img-tiny{width:40px;height:40px;object-fit:cover;object-position:center;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.edit-precio-inline{display:flex;gap:.5rem;align-items:center}.input-precio-small{width:120px;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-weight:600}.input-precio-small:focus{outline:none;border-color:#daa520}.precio-display{display:flex;align-items:center;gap:.75rem}.precio-display strong{color:#daa520;font-size:1.05rem}.catalogo-resumen{margin-top:1.5rem;padding:1rem;background:#ffffff08;border-radius:8px;text-align:center;color:#e0e0e0;font-size:.95rem}.catalogo-resumen strong{color:#daa520;font-size:1.1rem}.paginacion-catalogo{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:8px;margin-top:1rem;border:1px solid rgba(255,255,255,.1)}.btn-sm{padding:.5rem .75rem;font-size:.85rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s;font-weight:500}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.input-busqueda{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0e0e0;font-size:.9rem;transition:all .2s}.input-busqueda:focus{outline:none;border-color:#3498db;background:#ffffff14;box-shadow:0 0 0 2px #3498db1a}.input-busqueda::placeholder{color:#94a3b8}.paginacion-ver-mas button{background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.3);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s}.paginacion-ver-mas button:hover:not(:disabled){background:#3498db33;border-color:#3498db80;transform:translateY(-1px)}.paginacion-ver-mas button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.filtros-catalogo{flex-direction:column;gap:.5rem}.catalogo-header{flex-direction:column;align-items:stretch;gap:1rem}.paginacion-catalogo{flex-direction:column;gap:1rem;text-align:center}.texto-ver-mas{font-size:.85rem}.btn-sm{padding:.4rem .6rem;font-size:.8rem}}.btn-sm:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.producto-info-comparacion{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.producto-header-comparacion{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem}.producto-img-comparacion{width:120px;height:120px;object-fit:cover;object-position:center;border-radius:10px;border:2px solid rgba(218,165,32,.3)}.producto-detalles-comparacion h3{margin:0 0 .5rem;color:#fff;font-size:1.5rem;font-weight:700}.producto-detalles-comparacion p{margin:0 0 1rem;color:#94a3b8;font-size:.95rem}.producto-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.producto-stats span{color:#e0e0e0;font-size:.9rem}.resumen-precios{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.precio-stat{text-align:center}.precio-label{display:block;color:#94a3b8;font-size:.85rem;margin-bottom:.5rem}.precio-value{display:block;font-size:1.75rem;font-weight:700;color:#e0e0e0}.precio-value.mejor{color:#22c55e}.precio-value.promedio{color:#daa520}.proveedores-comparacion h4{margin:0 0 1.5rem;color:#fff;font-size:1.1rem;font-weight:700}.proveedores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.proveedor-card-comparacion{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:1.25rem;position:relative;transition:all .3s ease}.proveedor-card-comparacion:hover{border-color:#daa5204d;background:#ffffff14}.proveedor-card-comparacion.mejor-precio{border-color:#22c55e;background:#22c55e14}.badge-mejor-precio{position:absolute;top:-10px;right:10px;background:linear-gradient(135deg,#10b981,#22c55e);color:#fff;padding:.35rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px #10b98166}.proveedor-nombre-comparacion{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:1rem}.proveedor-contacto-comparacion{margin-bottom:1rem;font-size:.85rem}.proveedor-contacto-comparacion div{color:#94a3b8;margin-bottom:.35rem}.proveedor-precio-comparacion{display:flex;justify-content:space-between;align-items:center;padding:.875rem;background:#0003;border-radius:8px;margin-top:1rem}.precio-label-small{color:#94a3b8;font-size:.85rem}.precio-value-comparacion{font-size:1.5rem;font-weight:700;color:#daa520}.codigo-proveedor{margin-top:.75rem;padding:.5rem;background:#ffffff08;border-radius:6px;text-align:center;color:#94a3b8;font-size:.8rem}.loading-proveedores,.empty-proveedores{text-align:center;padding:3rem;color:#94a3b8}.empty-proveedores p{color:#e0e0e0;font-size:1rem;margin:0 0 .5rem}.empty-proveedores small{color:#94a3b8;font-size:.9rem}.nota-comparacion{background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:8px;padding:1rem;margin-top:2rem;color:#0ea5e9;font-size:.9rem}.nota-comparacion strong{color:#0ea5e9}.modal-header-actions{display:flex;gap:1rem;align-items:center}.agregar-proveedor-form{background:#daa5201a;border:1px solid rgba(218,165,32,.3);border-radius:10px;padding:1.5rem;margin-bottom:2rem}.agregar-proveedor-form h4{margin:0 0 1rem;color:#daa520;font-size:1rem}.form-inline{display:flex;gap:1rem;align-items:flex-end}.proveedor-search-container{position:relative;width:100%}.input-proveedor-search{width:100%;padding:.75rem 2.5rem .75rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem}.input-proveedor-search:focus{outline:none;border-color:#daa520;background:#ffffff14}.proveedor-dropdown{position:absolute;top:100%;left:0;right:0;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-top:.25rem;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d}.proveedor-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s}.proveedor-option:last-child{border-bottom:none}.proveedor-option:hover{background:#daa5201a}.proveedor-option-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.proveedor-option-info strong{color:#fff;font-size:.9rem}.proveedor-contacto{color:#94a3b8;font-size:.8rem}.proveedor-area{color:#daa520;font-size:.8rem;font-weight:500}.proveedor-option-more{padding:.5rem .75rem;text-align:center;color:#94a3b8;font-size:.8rem;font-style:italic;background:#ffffff08}.proveedor-option-info-text{padding:.5rem .75rem;text-align:center;color:#daa520;font-size:.8rem;font-weight:500;background:#daa5201a;border-top:1px solid rgba(218,165,32,.2)}.proveedor-actions{margin-top:1rem;text-align:center}.proveedor-actions .btn-sm{padding:.5rem;font-size:.8rem}.edit-precio-inline{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.input-precio-small{width:100px;padding:.4rem .6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-weight:600;font-size:.9rem}.input-precio-small:focus{outline:none;border-color:#daa520;background:#ffffff14}.precio-display{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.precio-display .precio-value-comparacion{font-size:1.5rem;font-weight:700;color:#daa520}.btn-edit-precio{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s;font-size:.9rem}.btn-edit-precio:hover{background:#ffffff1a;color:#daa520}.btn-sm.btn-success{background:#22c55e;color:#fff;border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.btn-sm.btn-success:hover{background:#16a34a}.btn-sm.btn-secondary{background:#6b7280;color:#fff;border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.btn-sm.btn-secondary:hover{background:#4b5563}@media (max-width: 768px){.modal-header-actions,.form-inline{flex-direction:column;gap:.5rem}.proveedores-grid{grid-template-columns:1fr}}.margen-select{min-width:120px;padding:.4rem .6rem;border:2px solid #444;border-radius:6px;font-size:.85rem;background:#000;color:#fff;cursor:pointer;transition:all .2s ease;position:relative}.margen-select:hover{border-color:#3498db;background:#111;box-shadow:0 2px 4px #3498db4d}.margen-select:focus{outline:none;border-color:#3498db;background:#111;box-shadow:0 0 0 3px #3498db33}.margen-select:disabled{background:#333;color:#999;cursor:not-allowed;opacity:.7}.loading-margen{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);font-size:.8rem;color:#3498db;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.margen-select option{padding:.5rem;font-size:.9rem;background:#000;color:#fff}.margen-select option[value*=ALTO]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.margen-select option[value*=MEDIO]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.margen-select option[value*=BAJO]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}td:has(.margen-select){position:relative;padding:.75rem .5rem;vertical-align:middle}@media (max-width: 768px){.margen-select{min-width:100px;font-size:.8rem;padding:.3rem .5rem}.loading-margen{right:.3rem;font-size:.7rem}}.admin-table td{vertical-align:middle}.admin-table .margen-select{margin:0 auto;display:block}.admin-table tbody tr:hover .margen-select{border-color:#3498db}.paginacion-productos{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:8px;margin-top:1rem;border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.paginacion-productos{flex-direction:column;gap:1rem;text-align:center}.texto-ver-mas{font-size:.85rem}}.descuentos-modal{max-width:800px;width:95%;max-height:90vh;overflow-y:auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-message{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#e74c3c;font-size:.9rem}.descuentos-actuales{margin-bottom:2rem}.descuentos-actuales h3{color:#e0e0e0;margin-bottom:1rem;font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.descuentos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1rem}.descuento-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.descuento-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.descuento-permanente{border-left:4px solid #e74c3c}.descuento-proxima{border-left:4px solid #3498db}.descuento-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.descuento-header h4{color:#fff;margin:0;font-size:1.1rem}.porcentaje{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:.3rem .8rem;border-radius:20px;font-weight:700;font-size:.9rem}.descuento-permanente .porcentaje{background:linear-gradient(135deg,#e74c3c,#c0392b)}.descuento-proxima .porcentaje{background:linear-gradient(135deg,#3498db,#2980b9)}.descuento-details{margin-bottom:1rem}.descuento-details p{margin:.5rem 0;color:#b0b0b0;font-size:.9rem}.descuento-details strong{color:#e0e0e0}.estado{padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.estado.disponible{background:#c5973d33;color:#c5973d}.estado.usado{background:#e74c3c33;color:#e74c3c}.no-descuentos{text-align:center;padding:2rem;color:#a0a0a0;font-style:italic}.nuevo-descuento{background:#0003;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.nuevo-descuento h3{color:#e0e0e0;margin-bottom:1.5rem;font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.form-group label{display:block;margin-bottom:.5rem;color:silver;font-weight:600;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#e0e0e0;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.form-group small{display:block;margin-top:.4rem;color:#a0a0a0;font-size:.8rem;line-height:1.4}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-secondary,.btn-primary{padding:.8rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-secondary{background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);transform:translateY(-1px)}.btn-primary:disabled{background:#3498db80;cursor:not-allowed;transform:none}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px)}.btn-danger:disabled{background:#e74c3c80;cursor:not-allowed;transform:none}.btn-sm{padding:.4rem .8rem;font-size:.75rem}.limite-compras{margin-top:1rem;padding:1rem;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.limite-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.limite-icon{font-size:1.1rem}.limite-title{color:#e0e0e0;font-weight:600;font-size:.9rem}.limite-progress{margin-bottom:.8rem}.limite-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.limite-fill{height:100%;background:linear-gradient(90deg,#3498db,#c5973d);border-radius:4px;transition:width .3s ease;position:relative}.limite-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.limite-text{display:flex;align-items:center;gap:.3rem;font-size:.9rem;font-weight:600}.limite-text .usadas{color:#3498db;font-size:1.1rem}.limite-text .separator{color:#a0a0a0;font-size:.8rem}.limite-text .limite{color:#e0e0e0;font-size:1.1rem}.limite-text .unidad{color:#a0a0a0;font-size:.8rem;margin-left:.2rem}.limite-status{text-align:center}.status-disponible{color:#c5973d;font-size:.85rem;font-weight:600;background:#c5973d1a;padding:.3rem .8rem;border-radius:12px;display:inline-block}.status-agotado{color:#e74c3c;font-size:.85rem;font-weight:600;background:#e74c3c1a;padding:.3rem .8rem;border-radius:12px;display:inline-block}.checkbox-group{margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.8rem;cursor:pointer;margin-bottom:.5rem}.checkbox-label input[type=checkbox]{width:auto;margin:0;transform:scale(1.2);accent-color:#3498db}.checkbox-text{color:#e0e0e0;font-weight:600;font-size:.95rem}.limite-input-group{display:flex;align-items:center;gap:.5rem;margin-top:.8rem}.limite-symbol{color:#3498db;font-size:1.1rem;font-weight:600}.limite-input{width:120px!important;text-align:center;font-weight:600}.limite-unidad{color:#a0a0a0;font-size:.9rem;font-weight:500}@media (max-width: 768px){.descuentos-modal{width:98%;max-height:95vh}.descuentos-grid{grid-template-columns:1fr;gap:1rem}.descuento-card{padding:1rem}.descuento-header{flex-direction:column;align-items:flex-start;gap:.5rem}.form-actions{flex-direction:column;gap:.8rem}.btn-secondary,.btn-primary{width:100%}.nuevo-descuento{padding:1rem}}.paginacion-usuarios{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:8px;margin-top:1rem;border:1px solid rgba(255,255,255,.1)}.paginacion-info{color:#e0e0e0;font-size:.9rem}.paginacion-ver-mas{display:flex;justify-content:center;align-items:center;margin-top:.5rem}.texto-ver-mas{color:#3498db;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;text-decoration:none;padding:.25rem .5rem;border-radius:4px}.texto-ver-mas:hover{color:#2980b9;background-color:#3498db1a}@media (max-width: 768px){.admin-table tbody tr:nth-child(odd){background-color:#00000008}.paginacion-usuarios{flex-direction:column;gap:1rem;text-align:center}.texto-ver-mas{font-size:.85rem}}.orden-detalle-admin{max-height:70vh;overflow-y:auto}.detalle-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.25rem;margin-bottom:1.25rem}.detalle-section h3{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#fff;padding-bottom:.75rem;border-bottom:2px solid rgba(255,255,255,.1)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;font-size:.9rem}.info-grid div{color:#e0e0e0}.info-grid strong{color:#fff;font-weight:600}.direccion-info div{margin-bottom:.4rem;color:#e0e0e0;font-size:.9rem}.direccion-info div:first-child{color:#daa520;font-weight:700}.driver-info-detalle div{margin-bottom:.4rem;color:#e0e0e0;font-size:.9rem}.driver-info-detalle div:first-child{color:#fff;font-weight:700}.productos-detalle{display:flex;flex-direction:column;gap:.75rem}.producto-item-detalle{display:flex;align-items:center;gap:.75rem;background:#0003;padding:.875rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.producto-img-small{width:50px;height:50px;border-radius:6px;overflow:hidden;background:#f8f9fa;border:1px solid #e9ecef;flex-shrink:0}.producto-img-small img{width:100%;height:100%;object-fit:cover;object-position:center}.img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.producto-info-detalle{flex:1}.producto-info-detalle strong{color:#fff;font-size:.9rem}.producto-info-detalle .text-muted{color:#b0b0b0}.producto-subtotal-detalle{font-weight:700;color:#daa520;font-size:1rem}.resumen-detalle{background:#0003;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.resumen-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem;color:#e0e0e0;border-bottom:1px solid rgba(255,255,255,.1)}.resumen-row:last-of-type{border-bottom:none}.resumen-total{display:flex;justify-content:space-between;padding:.75rem 0;font-size:1.2rem;font-weight:700;color:#daa520;border-top:2px solid rgba(255,255,255,.1);margin-top:.5rem}.notas-box{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:1rem;color:#f0f0f0;font-size:.9rem;line-height:1.6}.foto-entrega img{width:100%;max-height:300px;object-fit:cover;object-position:center;border-radius:8px;border:1px solid #e9ecef}.upload-foto{text-align:center;padding:1rem}.btn-upload-foto{display:inline-block;background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-upload-foto:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b8860b4d}.acciones-rapidas{background:#b8860b0d;border-color:#daa5204d}.acciones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.btn-accion{padding:.875rem 1.25rem;border:none;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;color:#fff}.btn-accion:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-preparar{background:linear-gradient(135deg,#9333ea,#a855f7)}.btn-enviar{background:linear-gradient(135deg,#0ea5e9,#3b82f6)}.btn-entregar{background:linear-gradient(135deg,#10b981,#22c55e)}.btn-cancelar-admin{background:linear-gradient(135deg,#dc3545,#ef4444)}.btn-purple{background:linear-gradient(135deg,#9333ea,#a855f7);color:#fff}.btn-purple:hover{background:linear-gradient(135deg,#7e22ce,#9333ea)}.badge.purple{background:#9c27b026;color:#9333ea}.modal-overlay-verificacion{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.modal-verificacion{background:#1a1a1a;border:1px solid rgba(218,165,32,.3);border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.verificacion-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.verificacion-header h3{margin:0;color:#fff;font-size:1.25rem;font-weight:700}.verificacion-body{padding:1.5rem}.verificacion-info{margin-bottom:1.5rem}.verificacion-info p{color:#e0e0e0;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.verificacion-info strong{color:#daa520}.identidad-hint{background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:8px;padding:.75rem}.input-identidad{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.input-identidad:focus{outline:none;border-color:#daa520;background:#ffffff14}.input-identidad.error{border-color:#ef4444;background:#ef44441a}.verificacion-footer{display:flex;gap:1rem;margin-top:2rem}.btn-cancelar-verificacion,.btn-confirmar-verificacion{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease}.btn-cancelar-verificacion{background:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.btn-cancelar-verificacion:hover{background:#94a3b84d;border-color:#94a3b8}.btn-confirmar-verificacion{background:linear-gradient(135deg,#10b981,#22c55e);color:#fff;border:none}.btn-confirmar-verificacion:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-confirmar-verificacion:disabled{opacity:.5;cursor:not-allowed;transform:none}.producto-item-detalle-expanded{display:flex;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:.75rem}.producto-info-detalle-full{flex:1}.producto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.producto-totales{text-align:right}.proveedores-mini{background:#0003;border-left:3px solid #DAA520;padding:.75rem;border-radius:6px;margin-top:.75rem;font-size:.85rem}.proveedores-mini small{display:block;margin-bottom:.5rem;color:#94a3b8;font-weight:600}.proveedor-mini-item{color:#e0e0e0;padding:.25rem 0;font-size:.85rem}.precio-recomendado-mini{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);color:#daa520;font-weight:600}.orden-info-box{background:#b8860b1a;border:1px solid rgba(218,165,32,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.orden-info-box strong{color:#daa520;font-size:1.1rem}.alert{padding:1rem;border-radius:8px;border:1px solid}.alert-info{background:#0dcaf01a;border-color:#0dcaf04d;color:#0ea5e9}.alert-info strong{display:block;margin-bottom:.5rem}.loading-drivers{text-align:center;padding:2rem;color:#94a3b8}.no-drivers{text-align:center;padding:2rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px}.no-drivers p{color:#f59e0b;margin:0 0 .5rem;font-weight:600}.no-drivers small{color:#94a3b8;font-size:.85rem}.drivers-header{padding:.75rem 0;border-bottom:2px solid #e9ecef;margin-bottom:1rem}.drivers-header strong{color:#333;font-size:1rem}.drivers-list{display:flex;flex-direction:column;gap:.75rem;max-height:450px;overflow-y:auto;padding:.5rem}.driver-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#00000005;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative}.driver-option:hover{border-color:#daa520;background:#b8860b0d}.driver-option input[type=radio]{margin-top:.25rem;width:20px;height:20px;cursor:pointer;accent-color:#B8860B}.driver-info{flex:1}.driver-nombre{font-weight:700;color:#333;font-size:1.05rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.badge-libre{background:#10b98126;color:#10b981;padding:.25rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.driver-telefono{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-weight:700;color:#b8860b;font-size:1rem}.btn-llamar{background:linear-gradient(135deg,#10b981,#22c55e);color:#fff;padding:.35rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn-llamar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.driver-detalles{color:#6c757d;font-size:.85rem}.admin-table td:has(.badge),.admin-table td:has(.text-muted),.admin-table td:has(strong),.admin-table td:has(button){box-shadow:none!important;border-left:none!important}.admin-table td.actions{border-left:none!important;border-right:none!important;box-shadow:none!important;vertical-align:middle;height:auto}.admin-table td:nth-child(4),.admin-table td:nth-child(6),.admin-table td:nth-child(7){box-shadow:none!important;border-left:none!important;background:transparent!important}.admin-table td *{box-shadow:none!important}.admin-table .badge,.admin-table .text-muted{box-shadow:none!important;border:none!important}.table-container{overflow-x:auto;overflow-y:auto!important;max-height:600px!important;scrollbar-width:thin!important;scrollbar-color:rgba(184,134,11,.5) rgba(0,0,0,.3)!important;-ms-overflow-style:scroll!important}.admin-table tbody tr:nth-child(odd){background-color:#00000026}.admin-table tbody tr:nth-child(2n){background-color:#ffffff14}.admin-table tbody tr:hover{background-color:#3498db1a!important}.admin-table tbody tr.driver-con-orden{background-color:#f39c121a!important}.driver-warning-text{font-size:.75rem;color:#f39c12;margin-top:.15rem}.select-estatus-driver:disabled{opacity:.6;cursor:not-allowed}.admin-table td{box-shadow:none!important;border-left:none!important;border-right:none!important}@media (max-width: 768px){.admin-table tbody tr:nth-child(odd){background-color:#00000008}}.mensajes-admin{padding:0;background:transparent;min-height:auto}.estadisticas-header{display:flex;gap:20px;margin-bottom:20px;padding:15px;background:#2a2a2a;border-radius:8px;border:1px solid #C5973D}.estadisticas-item{display:flex;flex-direction:column;align-items:center;gap:5px}.estadisticas-numero{font-size:24px;font-weight:700;color:#c5973d}.estadisticas-label{font-size:12px;color:#fff;text-transform:uppercase;font-weight:600}.filtros-mensajes{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filtro-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.filtro-group label{color:#c5973d;font-size:12px;font-weight:600;text-transform:uppercase}.input-busqueda,.select-filtro{padding:8px 12px;border:1px solid #C5973D;border-radius:6px;background:#000;color:#fff;font-size:14px;min-width:120px}.input-busqueda:focus,.select-filtro:focus{outline:none;border-color:#c5973d;box-shadow:0 0 0 2px #c5973d4d;background:#1a1a1a}.input-busqueda::placeholder{color:#666}.table-container{background:#2a2a2a;border-radius:8px;overflow-x:auto;overflow-y:auto!important;max-height:600px!important;border:1px solid #C5973D;scrollbar-width:thin!important;scrollbar-color:rgba(184,134,11,.5) rgba(0,0,0,.3)!important;-ms-overflow-style:scroll!important}.admin-table{width:100%;border-collapse:collapse;background:#2a2a2a}.admin-table th{background:#c5973d;color:#1a1a1a;padding:12px 8px;text-align:left;font-weight:600;font-size:14px;border-bottom:1px solid #C5973D}.admin-table td{padding:12px 8px;border-bottom:1px solid #444;color:#fff;font-size:14px;vertical-align:top}.admin-table tr:hover{background:#3a3a3a}.admin-table tr:last-child td{border-bottom:none}.text-center{text-align:center;color:#c5973d;font-style:italic}.text-muted{color:#999}.text-success{color:#28a745}.badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-pendiente{background:#fff3cd;color:#856404}.badge-en-revision{background:#d1ecf1;color:#0c5460}.badge-resuelto{background:#d4edda;color:#155724}.badge-baja{background:#e9ecef;color:#495057}.badge-media{background:#fff3cd;color:#856404}.badge-alta{background:#f8d7da;color:#721c24}.badge-urgente{background:#f5c6cb;color:#721c24}.badge-default{background:#6c757d;color:#fff}.categoria-badge{background:#1a1a1a;color:#c5973d;padding:4px 8px;border-radius:4px;border:1px solid #C5973D;font-size:12px;font-weight:600}.acciones-cell{display:flex;gap:8px}.btn-ver{background:#c5973d;color:#1a1a1a;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-ver:hover{background:#fff;color:#1a1a1a}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px;background:#2a2a2a;border-radius:8px;border:1px solid #C5973D}.pagination-info{color:#c5973d;font-size:14px}.pagination-controls{display:flex;align-items:center;gap:10px}.btn-pagination{background:#1a1a1a;color:#c5973d;border:1px solid #C5973D;padding:8px 12px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-pagination:hover:not(:disabled){background:#c5973d;color:#1a1a1a}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.pagination-page{color:#c5973d;font-size:14px;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#1a1a1a;border-radius:12px;border:2px solid #C5973D;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #C5973D;background:#2a2a2a}.modal-header h3{margin:0;color:#c5973d;font-size:20px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#c5973d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#fff}.modal-body{padding:20px}.mensaje-detalle{display:flex;flex-direction:column;gap:20px}.mensaje-info-completa{background:#2a2a2a;padding:20px;border-radius:8px;border:1px solid #C5973D}.info-row{display:flex;align-items:center;margin-bottom:10px;gap:10px}.info-row strong{color:#c5973d;min-width:100px}.mensaje-contenido,.respuesta-contenido{background:#2a2a2a;padding:20px;border-radius:8px;border:1px solid #C5973D}.mensaje-contenido h4,.respuesta-contenido h4{color:#c5973d;margin:0 0 10px;font-size:16px}.mensaje-contenido p,.respuesta-contenido p{color:#fff;line-height:1.6;margin:0}.respuesta-contenido small{color:#c5973d;font-size:12px;display:block;margin-top:10px}.acciones-mensaje{background:#2a2a2a;padding:20px;border-radius:8px;border:1px solid #C5973D}.respuesta-form h4{color:#c5973d;margin:0 0 15px;font-size:16px}.respuesta-textarea{width:100%;padding:12px;border:1px solid #C5973D;border-radius:8px;background:#000;color:#fff;font-size:14px;resize:vertical;min-height:100px;margin-bottom:15px}.respuesta-textarea:focus{outline:none;border-color:#c5973d;box-shadow:0 0 0 3px #c5973d4d;background:#1a1a1a}.acciones-botones{display:flex;gap:15px;justify-content:flex-end}.btn-responder,.btn-resolver{padding:10px 20px;border:1px solid #C5973D;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-responder{background:#1a1a1a;color:#c5973d}.btn-responder:hover:not(:disabled){background:#c5973d;color:#1a1a1a}.btn-responder:disabled{opacity:.5;cursor:not-allowed}.btn-resolver{background:#c5973d;color:#1a1a1a}.btn-resolver:hover:not(:disabled){background:#fff;color:#1a1a1a}.btn-resolver:disabled{opacity:.5;cursor:not-allowed;background:#666;color:#999}.texto-ayuda{color:#c5973d;font-size:12px;margin-top:10px;font-style:italic}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center;color:#c5973d}.spinner{width:40px;height:40px;border:4px solid #2a2a2a;border-top:4px solid #C5973D;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width: 768px){.filtros-mensajes{flex-direction:column}.filtro-group{min-width:auto}.pagination-container{flex-direction:column;gap:15px}.acciones-botones{flex-direction:column}}.descuento-global-container{padding:2rem;max-width:900px;margin:0 auto}.descuento-global-header{margin-bottom:2rem}.descuento-global-header h2{color:#c5973d;font-size:2rem;margin-bottom:.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.descuento-global-description{color:#fffc;line-height:1.6;font-size:.95rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.alert-error{background:#dc354533;border:1px solid rgba(220,53,69,.5);color:#ff6b6b}.alert-success{background:#28a74533;border:1px solid rgba(40,167,69,.5);color:#51cf66}.descuento-global-content{display:grid;gap:2rem}.descuento-current-status{background:#ffffff0d;border:1px solid rgba(197,151,61,.3);border-radius:12px;padding:1.5rem}.descuento-current-status h3{color:#c5973d;margin-bottom:1rem;font-size:1.3rem}.status-active,.status-inactive{display:flex;align-items:flex-start;gap:1rem}.status-icon{font-size:2rem;flex-shrink:0}.status-info{flex:1}.status-info strong{display:block;color:#fff;font-size:1.1rem;margin-bottom:.25rem}.status-info p{color:#fffc;margin:.25rem 0}.status-info small{color:#fff9;font-size:.85rem}.descuento-global-form{background:#ffffff0d;border:1px solid rgba(197,151,61,.3);border-radius:12px;padding:1.5rem}.descuento-global-form h3{color:#c5973d;margin-bottom:1.5rem;font-size:1.3rem}.form-group label{display:block;color:#ffffffe6;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(197,151,61,.3);border-radius:8px;color:#fff;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#c5973d}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group small{display:block;color:#fff9;margin-top:.5rem;font-size:.85rem}.form-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#c5973d,#b8860b);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c5973d66}.btn-secondary{background:#6c757d4d;color:#fff;border:1px solid rgba(108,117,125,.5)}.btn-secondary:hover:not(:disabled){background:#6c757d80}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-note{background:#ffc1071a;border-left:4px solid #ffc107;padding:1rem;border-radius:6px}.form-note p{color:#ffffffe6;margin:0;font-size:.9rem;line-height:1.5}.loading-descuento{text-align:center;padding:4rem;color:#fffc}.loading-descuento .spinner{width:50px;height:50px;border:4px solid rgba(197,151,61,.3);border-top-color:#c5973d;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@media (max-width: 768px){.descuento-global-container{padding:1rem}.form-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.correos-tab{padding:1.5rem;max-width:1400px;margin:0 auto}.tab-header{margin-bottom:2rem}.tab-header h2{font-size:1.8rem;color:#333;margin-bottom:.5rem}.tab-subtitle{color:#666;font-size:.95rem}.correos-content{display:flex;flex-direction:column;gap:2rem}.correos-section{display:flex;flex-direction:column;gap:1rem}.correos-label{font-size:1rem;color:#333;display:block;margin-bottom:.5rem}.correos-input-asunto{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.correos-input-asunto:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.correos-textarea{width:100%;min-height:300px;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;resize:vertical;transition:border-color .2s}.correos-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.correos-usuarios-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.correos-checkbox-todos{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#667eea;cursor:pointer}.correos-checkbox-todos input[type=checkbox]{width:18px;height:18px;cursor:pointer}.correos-filtro{display:flex;gap:1rem;align-items:center}.correos-input-filtro{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s}.correos-input-filtro:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-seleccionar-todos{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-seleccionar-todos:hover{background:#5568d3;transform:translateY(-1px)}.correos-lista-usuarios{max-height:400px;overflow-y:auto;border:2px solid #e0e0e0;border-radius:8px;padding:.5rem;background:#f9f9f9}.correos-usuario-item{display:flex;align-items:center;gap:1rem;padding:.75rem;margin-bottom:.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.correos-usuario-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.correos-usuario-item.seleccionado{background:#f0f4ff;border-color:#667eea}.correos-usuario-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.correos-usuario-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.correos-usuario-nombre{font-weight:600;color:#333;font-size:.95rem}.correos-usuario-email{color:#666;font-size:.85rem}.correos-usuario-count{font-size:.85rem;color:#667eea;font-weight:600}.correos-resumen{padding:1rem;background:#e8f0fe;border-radius:8px;text-align:center;color:#1967d2}.correos-actions{display:flex;justify-content:center;padding-top:1rem;border-top:2px solid #e0e0e0}.btn-enviar-correo{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d;display:flex;align-items:center;gap:.5rem}.btn-enviar-correo:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-enviar-correo:disabled{opacity:.6;cursor:not-allowed;transform:none}.correos-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:#666}.correos-vacio{text-align:center;padding:2rem;color:#999}.mensaje-alerta{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.mensaje-success{background:#d4edda;color:#155724;border:2px solid #c3e6cb}.mensaje-error{background:#f8d7da;color:#721c24;border:2px solid #f5c6cb}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.correos-tab{padding:1rem}.correos-usuarios-header{flex-direction:column;align-items:stretch}.correos-filtro{flex-direction:column}.correos-usuario-item{flex-wrap:wrap}.correos-usuario-count{width:100%;text-align:right;font-size:.75rem}}.image-uploader{width:100%}.imagenes-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.imagenes-preview-grid:has(.imagen-preview-item:only-child){max-width:300px;grid-template-columns:1fr}.imagen-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid rgba(218,165,32,.3);background:#0000004d;transition:all .3s ease;max-height:300px}.imagen-preview-item:hover{border-color:#daa52099;transform:scale(1.02)}.imagen-preview-item img{width:100%;height:100%;object-fit:cover;object-position:center}.imagen-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease}.imagen-preview-item:hover .imagen-overlay{opacity:1}.btn-set-principal,.btn-remove-image{background:#b8860be6;color:#fff;border:none;width:35px;height:35px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:2px solid rgba(255,255,255,.3)}.btn-set-principal:hover{background:#daa520;transform:scale(1.1)}.btn-remove-image{background:#ef4444e6}.btn-remove-image:hover{background:#dc2626;transform:scale(1.1)}.badge-imagen-principal{position:absolute;bottom:.5rem;left:.5rem;background:#b8860bf2;color:#fff;padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #0000004d}.dropzone{border:3px dashed rgba(218,165,32,.3);border-radius:12px;padding:3rem 2rem;text-align:center;background:#0003;cursor:pointer;transition:all .3s ease}.dropzone:hover{border-color:#daa52099;background:#b8860b1a}.dropzone.dragging{border-color:#daa520;background:#b8860b33;border-style:solid;transform:scale(1.02)}.dropzone.uploading{cursor:not-allowed;opacity:.7}.dropzone-icon{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dropzone-text{color:#e0e0e0;margin:.5rem 0;font-size:1.1rem}.dropzone-text strong{color:#daa520}.dropzone-hint{color:#94a3b8;font-size:.95rem;margin:.5rem 0}.dropzone-formats{color:#64748b;font-size:.85rem;margin-top:1rem}.upload-status{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-spinner{width:40px;height:40px;border:4px solid rgba(184,134,11,.2);border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite}.upload-status>p{color:#daa520;font-weight:600;margin:0}.upload-progress-item{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(218,165,32,.2)}.upload-filename{color:#cbd5e1;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-bar{width:100%;height:8px;background:#00000080;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#b8860b,#daa520);transition:width .3s ease;border-radius:4px}.upload-percentage{color:#daa520;font-size:.85rem;font-weight:600;text-align:right}.max-images-reached{text-align:center;padding:1.5rem;background:#10b9811a;border-radius:8px;border:1px solid rgba(16,185,129,.3)}.max-images-reached p{color:#10b981;margin:0;font-weight:600}@media (max-width: 768px){.imagenes-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dropzone{padding:2rem 1rem}.dropzone-icon{font-size:3rem}}@media (max-width: 480px){.imagenes-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.dropzone{padding:1.5rem 1rem}.dropzone-text{font-size:1rem}}.form-section h3{color:#2c3e50;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:1rem;background:#3498db0d;border:1px solid rgba(52,152,219,.2);border-radius:8px;transition:all .2s ease}.checkbox-label:hover{background:#3498db1a;border-color:#3498db4d}.checkbox-label input[type=checkbox]{margin:2px 0 0;width:18px;height:18px;accent-color:#3498db;flex-shrink:0}.checkbox-text{display:flex;flex-direction:column;gap:.25rem}.checkbox-text strong{color:#2c3e50;font-size:.95rem}.checkbox-text small{color:#7f8c8d;font-size:.85rem;line-height:1.3}.form-group select{width:100%;padding:.75rem;border:2px solid #e1e8ed;border-radius:8px;font-size:.9rem;background:#fff;color:#2c3e50;transition:all .2s ease}.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group select option{padding:.5rem;font-size:.9rem}.text-muted{color:#7f8c8d!important;font-size:.85rem;line-height:1.4;margin-top:.5rem;padding:.5rem;background:#7f8c8d1a;border-radius:6px;border-left:3px solid #bdc3c7}.form-section:has(h3:contains("💰")){background:linear-gradient(135deg,#f1c40f0d,#e67e220d);border:1px solid rgba(241,196,15,.2);border-radius:12px;padding:1.5rem;margin:1rem 0}.form-group select option[value*=ALTO]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.form-group select option[value*=MEDIO]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.form-group select option[value*=BAJO]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}@media (max-width: 768px){.checkbox-label{padding:.75rem;gap:.5rem}.checkbox-text strong{font-size:.9rem}.checkbox-text small{font-size:.8rem}.form-section:has(h3:contains("💰")){padding:1rem;margin:.75rem 0}}.admin-dashboard{width:100%;min-height:100vh;background:#1a1a1a;padding:0;margin:0;color:#e0e0e0;position:relative}.admin-dashboard:before{content:"";position:fixed;inset:0;background:#1a1a1a;z-index:-1}.admin-header{background:#000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 20px #00000080;border-bottom:1px solid rgba(218,165,32,.3);position:relative;z-index:100}.admin-header-left{display:flex;align-items:center;gap:1.5rem}.admin-logo{filter:drop-shadow(0 2px 8px rgba(218,165,32,.3))}.admin-header h1{margin:0;font-size:1.8rem;font-weight:700;color:#fff}.admin-header-right{display:flex;align-items:center;gap:1.5rem}.admin-user-info{display:flex;align-items:center;gap:1rem;font-size:.95rem;color:#e0e0e0}.admin-badge{background:#b8860b33;padding:.5rem 1rem;border-radius:20px;font-weight:600;color:#daa520;border:1px solid rgba(184,134,11,.3)}.btn-logout{background:#b8860b33;color:#daa520;border:1px solid rgba(184,134,11,.3);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-logout:hover{background:#b8860b4d;transform:translateY(-2px);box-shadow:0 4px 12px #b8860b66}.admin-tabs{display:flex;background:#000;padding:0 2rem;box-shadow:0 2px 10px #0000004d;overflow-x:auto;white-space:nowrap;border-bottom:1px solid rgba(218,165,32,.2)}.admin-tab{background:none;border:none;padding:1.25rem 2rem;font-size:1rem;font-weight:600;color:#94a3b8;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.admin-tab:hover{color:#daa520;background:#b8860b1a}.admin-tab.active{color:#daa520;border-bottom-color:#b8860b;background:#b8860b26}.admin-content{padding:2rem 3rem;max-width:100%;width:100%}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:50px;height:50px;border:4px solid rgba(184,134,11,.2);border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-error p{color:#ef4444;font-size:1.1rem;font-weight:600}.admin-error button{background:#b8860b4d;color:#daa520;border:1px solid rgba(184,134,11,.5);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-error button:hover{transform:translateY(-2px);background:#b8860b66;box-shadow:0 4px 12px #b8860b4d}.admin-empty{text-align:center;padding:3rem;color:#64748b;font-size:1.1rem}.dashboard-tab{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#000;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000004d;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border:1px solid rgba(218,165,32,.2)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #daa5204d;border-color:#daa52080}.stat-icon{font-size:3rem;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#b8860b4d;border-radius:12px;color:#daa520;box-shadow:0 4px 15px #b8860b33;border:1px solid rgba(184,134,11,.4)}.stat-info{flex:1}.stat-label{color:#94a3b8;font-size:.9rem;margin:0 0 .5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:#e0e0e0;font-size:2rem;font-weight:700;margin:0}.dashboard-charts{margin-top:2rem}.chart-card{background:#000;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000004d;border:1px solid rgba(218,165,32,.2)}.chart-card h3{margin:0 0 1.5rem;color:#e0e0e0;font-size:1.3rem}.chart-placeholder{min-height:300px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px;color:#64748b;font-style:italic;border:2px dashed rgba(218,165,32,.2)}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tab-header h2{margin:0;color:#e0e0e0;font-size:1.8rem}.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-warning,.btn-info{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-primary{background:#b8860b4d;color:#daa520;border:1px solid rgba(184,134,11,.5)}.btn-primary:hover{background:#b8860b66;transform:translateY(-2px);box-shadow:0 4px 12px #b8860b66}.btn-secondary{background:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.btn-secondary:hover{background:#94a3b84d;transform:translateY(-2px)}.btn-success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.btn-success:hover{background:#10b9814d;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-danger{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-warning{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.btn-warning:hover{background:#f59e0b4d;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.btn-info{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.btn-info:hover{background:#3b82f64d;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-sm{padding:.4rem .8rem;font-size:.9rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-sm.btn-edit{background:#3b82f64d;color:#3b82f6;border:1px solid rgba(59,130,246,.4)}.btn-sm.btn-edit:hover{background:#3b82f666;transform:scale(1.05)}.btn-sm.btn-delete{background:#ef44444d;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.btn-sm.btn-delete:hover{background:#ef444466;transform:scale(1.05)}.btn-sm.btn-info{background:#06b6d44d;color:#06b6d4;border:1px solid rgba(6,182,212,.4)}.btn-sm.btn-info:hover{background:#06b6d466;transform:scale(1.05)}.btn-sm.btn-success{background:#10b9814d;color:#10b981;border:1px solid rgba(16,185,129,.4)}.btn-sm.btn-success:hover{background:#10b98166;transform:scale(1.05)}.table-container{background:#000;border-radius:12px;box-shadow:0 4px 15px #0000004d;overflow-x:auto;overflow-y:auto!important;max-height:600px!important;border:1px solid rgba(218,165,32,.2);scrollbar-width:auto!important;scrollbar-color:rgba(184,134,11,.5) rgba(0,0,0,.3)!important;-ms-overflow-style:scroll!important}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#fff;color:#000;border-bottom:2px solid #B8860B}.admin-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:#000}.admin-table td{padding:1rem;border-bottom:1px solid rgba(218,165,32,.1);color:#cbd5e1}.admin-table tbody tr{transition:background .2s ease}.admin-table tbody tr:hover{background:#b8860b1a}.admin-table tbody tr:last-child td{border-bottom:none}.text-center{text-align:center!important;color:#64748b;font-style:italic}.actions{display:flex;gap:.5rem}.badge{display:inline-block;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge.success{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.badge.danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.badge.warning{background:#b8860b33;color:#daa520;border:1px solid rgba(184,134,11,.3)}.badge.info{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.badge-sm{display:inline-block;padding:.25rem .5rem;margin:.25rem;background:#b8860b33;color:#daa520;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid rgba(184,134,11,.3)}.text-muted{color:#64748b;font-style:italic}.ml-2{margin-left:.5rem}.alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid;background:#00000080}.alert.alert-info{border-color:#3b82f6;color:#93c5fd;background:#3b82f61a}.alert.alert-warning{border-color:#daa520;color:#daa520;background:#b8860b1a}.alert.alert-danger{border-color:#ef4444;color:#fca5a5;background:#ef44441a}.alert ul{margin:.5rem 0 0;padding-left:1.5rem}.alert li{margin:.25rem 0}.alert.small{padding:.75rem 1rem;font-size:.9rem}.ubicaciones-list{display:flex;flex-wrap:wrap;gap:.5rem}.productos-tab{width:100%}.filtros-productos{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#000;border-radius:12px;border:1px solid rgba(218,165,32,.2);align-items:end}.producto-imagen-thumb{width:50px;height:50px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#b8860b1a;border:1px solid rgba(184,134,11,.3)}.producto-imagen-thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.no-image{font-size:1.5rem;color:#94a3b8}.auto-price{background:#10b98133;color:#10b981;padding:.15rem .4rem;border-radius:4px;font-size:.7rem;margin-left:.5rem;border:1px solid rgba(16,185,129,.3)}.margen-badge{background:#b8860b33;color:#daa520;padding:.25rem .6rem;border-radius:4px;font-weight:600;border:1px solid rgba(184,134,11,.3)}.stock-info{display:flex;align-items:center;gap:.5rem}.stock-ok{color:#10b981;font-weight:600}.stock-low{color:#ef4444;font-weight:600}.resumen-productos{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.modal-content.extra-large{max-width:1000px}.precio-calculado{color:#10b981!important;font-weight:600;display:block;margin-top:.5rem}.margen-calculado{color:#daa520!important;font-weight:600;display:block;margin-top:.5rem}.proveedores-tab{width:100%}.filtros-proveedores{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#000;border-radius:12px;border:1px solid rgba(218,165,32,.2)}.area-info{display:flex;flex-direction:column;gap:.25rem}.area-nombre{font-weight:600;color:#e0e0e0}.area-path{font-size:.8rem;color:#94a3b8;font-style:italic}.resumen-proveedores{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(218,165,32,.2)}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section h3{margin:0 0 1rem;color:#daa520;font-size:1.1rem;font-weight:600}.section-description{color:#94a3b8;font-size:.9rem;margin:0 0 1rem}.input-with-button{width:100%}.inline-form{display:flex;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#b8860b1a;border-radius:8px;border:1px solid rgba(184,134,11,.3);align-items:center}.inline-form input{flex:1;padding:.5rem;border:2px solid rgba(218,165,32,.2);border-radius:6px;background:#0000004d;color:#e0e0e0;font-size:.9rem}.inline-form input:focus{outline:none;border-color:#daa520}.inline-form .btn-sm{padding:.5rem .75rem}.preview-proveedor{margin-top:1.5rem;padding:1rem;background:#b8860b1a;border-radius:8px;border:1px solid rgba(184,134,11,.3)}.preview-proveedor strong{color:#daa520;display:block;margin-bottom:.75rem}.preview-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.preview-label{color:#94a3b8;font-weight:600;min-width:100px}.preview-value{color:#e0e0e0}.regiones-tab{width:100%}.tab-subtitle{color:#94a3b8;font-size:.95rem;margin-top:.5rem}.filtros-regiones{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#000;border-radius:12px;border:1px solid rgba(218,165,32,.2)}.filtro-group{display:flex;flex-direction:column;gap:.5rem}.filtro-group label{color:#cbd5e1;font-weight:600;font-size:.9rem}.input-busqueda,.select-filtro{padding:.75rem;border:2px solid rgba(218,165,32,.2);border-radius:8px;background:#0000004d;color:#e0e0e0;font-size:1rem;transition:all .3s ease}.input-busqueda:focus,.select-filtro:focus{outline:none;border-color:#daa520;background:#00000080}.info-jerarquia{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:1.5rem;background:#00000080;border-radius:12px;border:1px solid rgba(218,165,32,.2);flex-wrap:wrap}.info-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#b8860b1a;border-radius:8px;border:1px solid rgba(184,134,11,.3)}.info-card .info-icon{font-size:1.5rem}.info-card strong{color:#daa520;display:block;font-size:.9rem}.info-card p{color:#94a3b8;font-size:.8rem;margin:0}.info-jerarquia .arrow{color:#daa520;font-size:1.5rem;font-weight:700}.nivel-badge{background:#b8860b33;color:#daa520;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;border:1px solid rgba(184,134,11,.3)}.count-badge{background:#b8860b4d;color:#daa520;padding:.25rem .75rem;border-radius:50%;font-size:.9rem;font-weight:700;min-width:25px;display:inline-block;text-align:center}.path-jerarquico{color:#94a3b8;font-size:.85rem;font-style:italic}.resumen-regiones{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.resumen-card{flex:1;min-width:150px;padding:1rem;background:#b8860b1a;border-radius:8px;border:1px solid rgba(184,134,11,.3);display:flex;flex-direction:column;align-items:center;gap:.5rem}.resumen-label{color:#94a3b8;font-size:.85rem;font-weight:600}.resumen-value{color:#daa520;font-size:1.5rem;font-weight:700}.path-preview{color:#daa520!important;font-weight:600;margin-top:.5rem}.preview-ubicacion{margin-top:1.5rem;padding:1rem;background:#b8860b1a;border-radius:8px;border:1px solid rgba(184,134,11,.3)}.preview-ubicacion strong{color:#daa520;display:block;margin-bottom:.75rem}.preview-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#00000080;border-radius:6px;flex-wrap:wrap}.preview-nombre{color:#e0e0e0;font-weight:600;font-size:1.1rem}.preview-codigo{color:#94a3b8;font-style:italic}.preview-path{width:100%;margin-top:.5rem;color:#94a3b8;font-size:.9rem;padding-top:.5rem;border-top:1px solid rgba(218,165,32,.2)}.ordenes-tab{width:100%}.filtros-ordenes{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#000;border-radius:12px;border:1px solid rgba(218,165,32,.2)}.btn-purple{background:linear-gradient(135deg,#9333ea33,#a855f733);color:#a855f7;border:1px solid rgba(147,51,234,.4)}.btn-purple:hover{background:linear-gradient(135deg,#9333ea4d,#a855f74d);border-color:#a855f7}.badge.purple{background:#9333ea26;color:#a855f7;border:1px solid rgba(147,51,234,.3)}.verificacion-info-orden{margin-bottom:1.5rem}.orden-info-verificar{background:#daa5201a;border:1px solid rgba(218,165,32,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.25rem}.orden-info-verificar strong{color:#daa520;font-size:1.05rem}.verificacion-info-orden p{color:#e0e0e0;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.verificacion-info-orden strong{color:#daa520}.identidad-hint{background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:8px;padding:.75rem;margin-top:.5rem}.identidad-hint small{color:#0ea5e9;font-size:.85rem}.form-group-verificacion{margin-bottom:1.5rem}.form-group-verificacion label{display:block;color:#fff;font-weight:600;font-size:.95rem;margin-bottom:.5rem}.input-verificacion{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.input-verificacion:focus{outline:none;border-color:#daa520;background:#ffffff14}.input-verificacion.error{border-color:#ef4444;background:#ef44441a}.error-identidad{color:#ef4444;font-size:.85rem;font-weight:600;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.error-identidad:before{content:"⚠️"}.repartidores-tab{width:100%}.filtros-repartidores{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#000;border-radius:12px;border:1px solid rgba(218,165,32,.2)}.info-estatus-driver{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.estatus-card{flex:1;min-width:150px;padding:1rem;border-radius:8px;border:1px solid;display:flex;align-items:center;gap:.75rem}.estatus-card.disponible{background:#10b9811a;border-color:#10b9814d}.estatus-card.en-ruta{background:#3b82f61a;border-color:#3b82f64d}.estatus-card.ocupado,.estatus-card.descanso{background:#f59e0b1a;border-color:#f59e0b4d}.estatus-card.inactivo{background:#ef44441a;border-color:#ef44444d}.estatus-card .estatus-icon{font-size:1.5rem}.estatus-card strong{color:#daa520;display:block;font-size:.85rem;margin-bottom:.25rem}.estatus-card p{color:#94a3b8;font-size:.75rem;margin:0}.select-estatus-driver{padding:.5rem;border:2px solid rgba(218,165,32,.2);border-radius:6px;font-size:.85rem;cursor:pointer;background:#0000004d;color:#e0e0e0;transition:all .3s ease;font-weight:600}.select-estatus-driver:focus{outline:none;border-color:#daa520;background:#00000080}.areas-list-inline{display:flex;flex-wrap:wrap;gap:.25rem}.vehiculo-info{display:flex;flex-direction:column;gap:.25rem}.vehiculo-tipo{font-weight:600;color:#e0e0e0}.vehiculo-placa{font-size:.8rem;color:#94a3b8;font-family:monospace}.pago-badge{background:#10b98133;color:#10b981;padding:.25rem .75rem;border-radius:4px;font-weight:600;border:1px solid rgba(16,185,129,.3)}.resumen-repartidores{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.areas-selector{max-height:300px;overflow-y:auto;border:2px solid rgba(218,165,32,.2);border-radius:8px;padding:1rem;background:#0000004d}.areas-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.areas-checkboxes .checkbox-label{background:#00000080;padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(218,165,32,.2);transition:all .2s ease}.areas-checkboxes .checkbox-label:hover{border-color:#daa520;background:#b8860b1a}.preview-repartidor{margin-top:1.5rem;padding:1rem;background:#b8860b1a;border-radius:8px;border:1px solid rgba(184,134,11,.3)}.preview-repartidor strong{color:#daa520;display:block;margin-bottom:.75rem}.usuarios-tab{width:100%}.filtros-usuarios{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#000;border-radius:12px;border:1px solid rgba(218,165,32,.2)}.info-tipos-cliente{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tipo-card{flex:1;min-width:200px;padding:1rem;background:#3b82f61a;border-radius:8px;border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;gap:1rem}.tipo-card.vip{background:#b8860b1a;border-color:#b8860b4d}.tipo-card.mayorista{background:#10b9811a;border-color:#10b9814d}.tipo-card .tipo-icon{font-size:2rem}.tipo-card strong{color:#daa520;display:block;margin-bottom:.25rem}.tipo-card p{color:#94a3b8;font-size:.85rem;margin:0}.usuario-info{display:flex;align-items:center;gap:.75rem}.usuario-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(218,165,32,.3);object-fit:cover;object-position:center}.descuento-badge{background:#b8860b4d;color:#daa520;padding:.25rem .75rem;border-radius:4px;font-weight:600;border:1px solid rgba(184,134,11,.5)}.resumen-usuarios{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.usuario-header-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#b8860b1a;border-radius:8px;margin-bottom:1.5rem;border:1px solid rgba(184,134,11,.3)}.usuario-avatar-large{width:60px;height:60px;border-radius:50%;border:3px solid rgba(218,165,32,.5);object-fit:cover;object-position:center}.usuario-avatar-xl{width:80px;height:80px;border-radius:50%;border:3px solid rgba(218,165,32,.5);object-fit:cover;object-position:center}.usuario-detalles-content{padding:2rem}.usuario-detalle-header{display:flex;align-items:flex-start;gap:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(218,165,32,.2);margin-bottom:2rem}.usuario-detalle-info{flex:1}.usuario-detalle-info h3{margin:0 0 .5rem;color:#e0e0e0;font-size:1.5rem}.usuario-email{color:#94a3b8;margin:.5rem 0}.usuario-badges{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.info-section{padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(218,165,32,.2)}.info-section h4{margin:0 0 1rem;color:#daa520;font-size:1rem}.info-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(218,165,32,.1)}.info-item:last-child{border-bottom:none}.info-label{color:#94a3b8;font-weight:600}.info-value{color:#e0e0e0}.count-highlight{color:#daa520;font-weight:700;font-size:1.1rem}.detalle-section{margin-bottom:2rem}.detalle-section h4{margin:0 0 1rem;color:#daa520;font-size:1.1rem}.direcciones-list{display:grid;gap:1rem}.direccion-card{padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(218,165,32,.2)}.direccion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.direccion-header strong{color:#e0e0e0}.direccion-texto{color:#cbd5e1;margin:.5rem 0;font-size:.95rem}.direccion-referencia{color:#94a3b8;margin:.25rem 0;font-size:.85rem;font-style:italic}.direccion-detalles{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.direccion-detalles span{color:#94a3b8;font-size:.85rem}.documento-protegido{color:#daa520!important;font-weight:600;background:#daa5201a;padding:.25rem .75rem;border-radius:12px;border:1px solid rgba(218,165,32,.3);display:inline-block}.documento-oculto{color:#64748b!important;font-weight:500;background:#64748b1a;padding:.25rem .75rem;border-radius:12px;border:1px solid rgba(100,116,139,.3);display:inline-block}.direccion-area{color:#94a3b8;font-size:.85rem;margin:0}.ordenes-list{display:grid;gap:1rem}.orden-card{padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(218,165,32,.2)}.orden-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.orden-numero{color:#daa520;font-weight:600}.orden-info{display:flex;justify-content:space-between;align-items:center;color:#cbd5e1;font-size:.9rem}.orden-fecha{color:#94a3b8;font-size:.85rem}.config-tab{width:100%}.config-section{background:#000;padding:2rem;border-radius:12px;border:1px solid rgba(218,165,32,.2);margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;color:#daa520;font-size:1.3rem}.margen-global-card{padding:1.5rem;background:#10b9811a;border-radius:8px;border:1px solid rgba(16,185,129,.3)}.margen-input-group{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.margen-input-group label{color:#e0e0e0;font-weight:600;font-size:1.2rem}.margen-input{width:150px;padding:.75rem 1rem;border:2px solid rgba(16,185,129,.3);border-radius:8px;background:#0000004d;color:#10b981;font-size:1.5rem;font-weight:700;text-align:center}.margen-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.margen-label{color:#10b981;font-size:1.5rem;font-weight:700}.margen-ejemplos{margin-top:1rem}.ejemplo-margen{background:#0003;padding:1rem;border-radius:6px;border-left:3px solid #10b981}.ejemplo-margen .ejemplo-label{display:block;color:#10b981;font-weight:600;margin-bottom:.75rem;font-size:.95rem}.ejemplo-margen .conversiones{display:flex;flex-direction:column;gap:.5rem}.ejemplo-margen .conversiones>div{color:#cbd5e1;font-family:Courier New,monospace;font-size:.95rem;padding:.5rem;background:#0003;border-radius:4px}.tasa-cambio-card{padding:1.5rem;background:#b8860b1a;border-radius:8px;border:1px solid rgba(184,134,11,.3)}.tasa-input-group{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.tasa-input-group label{color:#e0e0e0;font-weight:600;font-size:1.2rem}.tasa-input{width:150px;padding:.75rem 1rem;border:2px solid rgba(218,165,32,.3);border-radius:8px;background:#0000004d;color:#daa520;font-size:1.5rem;font-weight:700;text-align:center}.tasa-input:focus{outline:none;border-color:#daa520;background:#00000080}.tasa-label{color:#e0e0e0;font-weight:600;font-size:1.2rem}.tasa-ejemplos{padding:1rem;background:#0000004d;border-radius:6px}.ejemplo-conversion{display:flex;flex-direction:column;gap:.5rem}.ejemplo-label{color:#94a3b8;font-weight:600;margin-bottom:.5rem}.conversiones{display:flex;flex-direction:column;gap:.5rem}.conversiones div{color:#cbd5e1;font-size:.95rem}.reglas-timeline{display:flex;flex-direction:column;gap:0;position:relative}.regla-card{background:#b8860b1a;padding:1.5rem;border-radius:8px;border:2px solid rgba(184,134,11,.3);position:relative;transition:all .3s ease}.regla-card:hover{border-color:#daa52099;background:#b8860b26;transform:translate(5px)}.regla-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.regla-rango{display:flex;align-items:center;gap:1rem}.regla-rango .monto{color:#daa520;font-size:1.2rem;font-weight:700}.regla-rango .separador{color:#94a3b8;font-size:1.5rem}.regla-actions{display:flex;gap:.5rem}.regla-body{display:flex;flex-direction:column;gap:.5rem}.regla-costo{display:flex;align-items:center;gap:1rem}.costo-label{color:#94a3b8;font-weight:600}.costo-valor{color:#e0e0e0;font-size:1.1rem;font-weight:700}.costo-valor.gratis{color:#10b981;font-size:1.3rem}.regla-descripcion{color:#cbd5e1;font-style:italic;margin:.5rem 0 0;font-size:.9rem}.regla-connector{text-align:center;color:#daa520;font-size:1.5rem;margin:.5rem 0;font-weight:700}.preview-regla{margin-top:1.5rem;padding:1rem;background:#b8860b1a;border-radius:8px;border:1px solid rgba(184,134,11,.3)}.preview-regla strong{color:#daa520;display:block;margin-bottom:.75rem}.preview-regla .preview-card{padding:1rem;background:#0000004d;border-radius:6px}.preview-regla .preview-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(218,165,32,.1)}.preview-regla .preview-row:last-child{border-bottom:none}.preview-highlight{color:#daa520;font-weight:700}.preview-highlight.gratis{color:#10b981}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:#1a1a1a;border-radius:12px;box-shadow:0 20px 60px #00000080;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid rgba(218,165,32,.3)}.modal-content.large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid rgba(218,165,32,.3);background:#000;color:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:1.5rem;color:#daa520}.modal-close{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;line-height:1;transition:transform .2s ease}.modal-close:hover{transform:scale(1.2);color:#daa520}.modal-content form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#cbd5e1;font-weight:600;font-size:.95rem}.form-group small{display:block;margin-top:.5rem;color:#94a3b8;font-size:.85rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid rgba(218,165,32,.2);border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit;background:#0000004d;color:#e0e0e0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#daa520;box-shadow:0 0 0 3px #b8860b33;background:#00000080}.form-group input:disabled{background:#0003;cursor:not-allowed;opacity:.6}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer;font-weight:500!important;color:#cbd5e1!important}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer;width:18px;height:18px;accent-color:#DAA520}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:2px solid rgba(218,165,32,.2)}.ubicaciones-selector{max-height:400px;overflow-y:auto;border:2px solid rgba(218,165,32,.2);border-radius:8px;padding:1rem;background:#0000004d}.ubicacion-tipo-group{margin-bottom:1.5rem}.ubicacion-tipo-group:last-child{margin-bottom:0}.ubicacion-tipo-group h4{margin:0 0 .75rem;color:#daa520;font-size:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:700}.ubicacion-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;padding-left:1rem}.ubicacion-checkboxes .checkbox-label{background:#00000080;padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(218,165,32,.2);transition:all .2s ease}.ubicacion-checkboxes .checkbox-label:hover{border-color:#daa520;background:#b8860b1a}.text-danger{color:#fca5a5}.select-estado{padding:.5rem;border:2px solid rgba(218,165,32,.2);border-radius:6px;font-size:.9rem;cursor:pointer;background:#0000004d;color:#e0e0e0;transition:all .3s ease}.select-estado:focus{outline:none;border-color:#daa520;background:#00000080}.table-container::-webkit-scrollbar{width:20px!important;height:20px!important;display:block!important;-webkit-appearance:none!important;background:#0000004d!important}.modal-content::-webkit-scrollbar,.ubicaciones-selector::-webkit-scrollbar,.admin-tabs::-webkit-scrollbar{width:8px;height:8px;display:block!important}.table-container::-webkit-scrollbar-track{background:#00000080!important;border-radius:5px!important;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.3)!important}.modal-content::-webkit-scrollbar-track,.ubicaciones-selector::-webkit-scrollbar-track,.admin-tabs::-webkit-scrollbar-track{background:#0000004d}.table-container::-webkit-scrollbar-thumb{background:#b8860bcc!important;border-radius:5px!important;border:2px solid rgba(184,134,11,.4)!important;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.5)!important}.table-container::-webkit-scrollbar-thumb:hover{background:#b8860b!important;border-color:#b8860b99!important}.modal-content::-webkit-scrollbar-thumb,.ubicaciones-selector::-webkit-scrollbar-thumb,.admin-tabs::-webkit-scrollbar-thumb{background:#b8860b80;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover,.ubicaciones-selector::-webkit-scrollbar-thumb:hover,.admin-tabs::-webkit-scrollbar-thumb:hover{background:#b8860bcc}@media (max-width: 1024px){.admin-header{padding:1.5rem 2rem;flex-direction:column;gap:1rem}.admin-header-left,.admin-header-right{width:100%;justify-content:space-between}.admin-content{padding:1.5rem 2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-row{grid-template-columns:1fr}}@media (max-width: 768px){.admin-dashboard{min-height:100vh;min-height:-webkit-fill-available}.admin-header{padding:1rem;position:fixed;top:70px;left:0;right:0;z-index:99;background:#000}.admin-header h1{font-size:1.3rem}.admin-tabs{padding:0 1rem;position:fixed;top:140px;left:0;right:0;z-index:99;background:#1a1a1a;overflow-x:auto;white-space:nowrap;box-shadow:0 2px 10px #0000004d}.admin-tab{padding:1rem 1.5rem;font-size:.9rem}.admin-content{padding:1rem;padding-top:200px;padding-bottom:15vh;overflow-y:auto;overflow-x:hidden;height:auto;min-height:auto}.admin-dashboard:after{content:"";display:block;height:15vh;background:#1a1a1a;position:sticky;bottom:0}.tab-header{flex-direction:column;gap:1rem;align-items:flex-start;position:relative}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{font-size:2rem;width:50px;height:50px}.stat-value{font-size:1.5rem}.table-container{overflow-x:auto;overflow-y:auto;margin-bottom:1rem;max-height:500px;height:auto}.admin-table{min-width:600px}.ordenes-tab{height:auto;overflow:visible}.ordenes-tab .table-container{max-height:500px;overflow-x:auto;overflow-y:auto}.filtros-ordenes{grid-template-columns:1fr;gap:1rem;padding:1rem;margin-bottom:1rem}.config-sections{grid-template-columns:1fr}.modal-content{margin:1rem;max-width:calc(100% - 2rem)}.modal-content form{padding:1.5rem}.ubicacion-checkboxes{grid-template-columns:1fr}.btn-logout{padding:.5rem 1rem;font-size:.85rem}.filtros-proveedores{grid-template-columns:1fr}.resumen-proveedores{grid-template-columns:repeat(2,1fr)}.filtros-usuarios{grid-template-columns:1fr}.info-tipos-cliente{flex-direction:column}.info-grid,.filtros-repartidores{grid-template-columns:1fr}.info-estatus-driver{grid-template-columns:repeat(2,1fr)}.areas-checkboxes{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.tasa-input-group{flex-direction:column;align-items:flex-start}.tasa-input{width:100%}.filtros-productos,.filtros-proveedores,.filtros-regiones{grid-template-columns:1fr}.info-jerarquia{flex-direction:column}.info-jerarquia .arrow{transform:rotate(90deg)}.resumen-regiones{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.admin-header{padding:.75rem}.admin-header h1{font-size:1.1rem}.admin-tabs{padding:0 .5rem}.admin-tab{padding:.75rem 1rem;font-size:.85rem}.actions{flex-direction:column}.admin-header-left,.admin-header-right{flex-direction:column;align-items:flex-start;gap:.75rem}.resumen-usuarios{grid-template-columns:1fr}.usuario-detalle-header{flex-direction:column;align-items:center;text-align:center}.resumen-repartidores,.info-estatus-driver{grid-template-columns:1fr}.estatus-card{flex-direction:column;text-align:center}.regla-rango{flex-direction:column;align-items:flex-start;gap:.5rem}.regla-header{flex-direction:column;align-items:flex-start;gap:1rem}.resumen-productos,.resumen-proveedores{grid-template-columns:1fr}.preview-row{flex-direction:column;align-items:flex-start}.info-card{flex-direction:column;text-align:center}.resumen-regiones{grid-template-columns:1fr}.preview-card{flex-direction:column;align-items:flex-start}}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.header-actions .btn-primary{padding:.75rem 1.25rem;font-size:.9rem}.margenes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.margen-card{background:#0000004d;border-radius:12px;padding:1.5rem;border:2px solid;transition:all .3s ease}.margen-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.margen-card.margen-alto{border-color:#ef444466;background:#ef44440d}.margen-card.margen-medio{border-color:#3b82f666;background:#3b82f60d}.margen-card.margen-bajo{border-color:#10b98166;background:#10b9810d}.margen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.margen-header h4{margin:0;font-size:1.25rem;font-weight:700}.margen-badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.margen-alto .margen-badge{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.margen-medio .margen-badge{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.margen-bajo .margen-badge{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.margen-card .margen-input-group{margin-bottom:1rem}.margen-card .margen-input-group label{font-size:1rem;margin-bottom:.5rem;display:block}.margen-card .margen-input{width:120px;padding:.75rem;font-size:1.25rem;text-align:center}.margen-alto .margen-input{border-color:#ef44444d;color:#ef4444}.margen-alto .margen-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.margen-medio .margen-input{border-color:#3b82f64d;color:#3b82f6}.margen-medio .margen-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.margen-bajo .margen-input{border-color:#10b9814d;color:#10b981}.margen-bajo .margen-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.margen-card .margen-label{font-size:1.25rem;margin-left:.5rem}.margen-alto .margen-label{color:#ef4444}.margen-medio .margen-label{color:#3b82f6}.margen-bajo .margen-label{color:#10b981}.margen-info{margin-bottom:1rem}.margen-desc{color:#a0a0a0;font-size:.9rem;margin:0 0 .5rem}.margen-ganancia{color:#e0e0e0;font-weight:600;font-size:1rem;margin:0}.margen-ejemplos{background:#0003;border-radius:8px;padding:1rem}.ejemplo-item{margin-bottom:.5rem;font-size:.9rem;color:silver}.ejemplo-item:last-child{margin-bottom:0}.margen-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.margen-actions .btn-primary{width:100%;padding:.75rem;font-size:.9rem;font-weight:600}@media (max-width: 768px){.margenes-grid{grid-template-columns:1fr;gap:1rem}.header-actions{flex-direction:column;width:100%}.header-actions .btn-primary{width:100%}.margen-card{padding:1rem}.margen-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.btn-calculate-cost{background:linear-gradient(135deg,#22c55e1a,#22c55e33);border:1px solid rgba(34,197,94,.3);border-radius:6px;padding:4px 8px;font-size:.8rem;color:#22c55e;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;box-shadow:0 1px 3px #0000001a}.btn-calculate-cost:hover{background:linear-gradient(135deg,#22c55e33,#22c55e4d);border-color:#22c55e80;color:#16a34a;transform:translateY(-1px);box-shadow:0 2px 6px #22c55e33}.btn-calculate-cost:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-calculate-cost:focus{outline:none;box-shadow:0 0 0 3px #22c55e33}.descuento-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-top:1rem;transition:all .3s ease}.descuento-card:hover{background:#ffffff14;border-color:#fff3}.descuento-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.descuento-header h4{color:#fff;margin:0;font-size:1.2rem}.descuento-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:.3rem .8rem;border-radius:20px;font-weight:700;font-size:.8rem}.descuento-input-group{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.descuento-input-group label{color:silver;font-weight:600;font-size:.95rem;min-width:200px}.descuento-input{width:120px;padding:.8rem 1rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#e0e0e0;font-size:.9rem;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.descuento-input:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c33;outline:none}.descuento-label{color:#e74c3c;font-weight:700;font-size:1.1rem;min-width:20px}.descuento-info{margin-bottom:1.5rem}.descuento-desc{color:#b0b0b0;font-size:.9rem;margin:0 0 .5rem}.descuento-ejemplo{color:#e0e0e0;font-size:.9rem;margin:0}.descuento-ejemplo strong{color:#e74c3c}.descuento-nota{color:#f39c12;font-size:.85rem;margin:.5rem 0 0;font-style:italic}.descuento-nota strong{color:#f39c12}.descuento-actions{display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.descuento-input-group{flex-direction:column;align-items:flex-start;gap:.5rem}.descuento-input-group label{min-width:auto}.descuento-input{width:100%}.descuento-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.superadmin-container{max-width:1400px;margin:0 auto;padding:2rem}.superadmin-header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:15px;color:#fff;box-shadow:0 4px 20px #ff6b6b4d}.superadmin-title{font-size:2.5rem;margin-bottom:.5rem}.superadmin-subtitle{font-size:1.2rem;opacity:.9}.superadmin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.superadmin-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #0000001a;transition:transform .3s,box-shadow .3s;border-left:5px solid}.superadmin-card:hover{transform:translateY(-5px);box-shadow:0 6px 25px #00000026}.superadmin-card.danger{border-left-color:#ff6b6b}.superadmin-card.warning{border-left-color:#ffa502}.superadmin-card.info{border-left-color:#3742fa}.superadmin-card.success{border-left-color:#2ed573}.card-icon{font-size:3rem;margin-bottom:1rem}.superadmin-card h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.superadmin-card p{color:#666;margin-bottom:1.5rem}.superadmin-card button{width:100%;border:none;padding:.8rem;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .3s;color:#fff}.superadmin-card button:hover{opacity:.9}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.btn-warning{background:linear-gradient(135deg,#ffa502,#ff6348)}.btn-info{background:linear-gradient(135deg,#3742fa,#5f27cd)}.btn-success{background:linear-gradient(135deg,#2ed573,#26d0ce)}.superadmin-warning{background:#fff3cd;border:2px solid #ffa502;border-radius:10px;padding:1.5rem;text-align:center;color:#856404}.superadmin-warning strong{color:#ff6348}@media (max-width: 768px){.superadmin-container{padding:1rem;padding-top:calc(1rem + 70px)}.superadmin-header{padding:1.5rem}.superadmin-title{font-size:2rem}.superadmin-subtitle{font-size:1rem}.superadmin-grid{grid-template-columns:1fr;gap:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1a1a1a;min-height:100vh;min-height:-webkit-fill-available}.app{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;box-shadow:0 0 50px #000c;position:relative;z-index:1}.app-admin{max-width:100%;margin:0;box-shadow:none;background:#1a1a1a}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-top:100px;min-height:calc(100vh - 70px);position:relative;z-index:1}@media (max-width: 768px){.main-content{padding-top:140px;padding-bottom:120px;min-height:calc(100vh - 260px)}}.main-content>*{min-height:100%}.main-content-admin{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100%;margin:0;padding:0}button{font-family:inherit}::-webkit-scrollbar{display:none}*{scrollbar-width:none}body{-ms-overflow-style:none}