.leaflet-popup-content-wrapper{text-align:center!important}.metric-grid{background:#220f17!important;border-radius:14px;padding:12px 0 8px}@media(max-width:700px){.sidebar-panel{height:100vh!important;min-height:100vh!important;max-height:100vh!important;overflow-y:auto!important;box-sizing:border-box}}@media(max-width:700px){#toggle-metrics{position:fixed!important;top:8px!important;right:8px!important;z-index:3000!important;background:#111!important;color:#fff!important;border-radius:0!important;width:36px!important;height:36px!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;opacity:.98!important;transition:background .2s,color .2s;padding:0!important;text-align:center!important;cursor:pointer!important}#toggle-metrics:active,#toggle-metrics:focus,#toggle-metrics:hover{background:#111!important;color:#fff!important;outline:none!important}#toggle-metrics span{display:inline-block;position:relative;width:24px;height:16px}#toggle-metrics span:before,#toggle-metrics span:after,#toggle-metrics span{content:"";display:block;height:2px;background:#fff!important;border-radius:1px;margin:4px 0;transition:all .3s}#toggle-metrics span:before{content:""}#toggle-metrics span:after{content:""}#toggle-metrics:active,#toggle-metrics:focus{background:#fff!important;color:var(--brand-accent)!important;outline:2px solid var(--brand-accent)!important}#toggle-metrics:active span,#toggle-metrics:active span:before,#toggle-metrics:active span:after,#toggle-metrics:focus span,#toggle-metrics:focus span:before,#toggle-metrics:focus span:after{background:var(--brand-accent)!important}#toggle-metrics{font-size:0!important}#toggle-metrics span{font-size:1rem!important}}@media(max-width:700px){.leaflet-popup-close-button{display:block!important;position:absolute!important;top:8px!important;right:8px!important;z-index:2000!important;font-size:2.1em!important;background:none!important;color:#fff!important;border:none!important;width:36px!important;height:36px!important;line-height:36px!important;text-align:center!important;cursor:pointer!important;opacity:.95!important;box-shadow:none!important}.leaflet-popup-close-button span{font-size:1.2em!important;color:#fff!important;line-height:36px!important;display:inline-block;vertical-align:middle}}@media(max-width:700px){.leaflet-popup-content-wrapper{max-width:95vw!important;width:380px!important;min-width:0!important;border-radius:14px;box-shadow:0 4px 24px #00000021;background:#fff}.leaflet-popup-content{width:100%!important;min-width:0!important;max-width:100%!important;padding:16px 18px!important;box-sizing:border-box;overflow-x:auto}.user-popup{flex-direction:column!important;align-items:center!important;padding:0!important;width:100%!important;min-width:0!important;max-width:100vw!important}.user-card{width:100%!important;min-width:0!important;max-width:100vw!important;padding:0 0 8px!important;margin:0 auto 8px!important;box-sizing:border-box}.user-card-img-wrapper{width:64px!important;height:64px!important;margin:0 auto 8px!important}.user-card-img{width:64px!important;height:64px!important;border-radius:50%;object-fit:cover;display:block;margin:0 auto}.user-card-name{font-size:1.1em!important;text-align:center;margin-bottom:4px}.user-card-description{font-size:.98em!important;text-align:center;margin-bottom:8px;padding:0 2vw}.user-card-social{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;background:#2f1d25;border-radius:8px}.user-card-social a svg{width:22px!important;height:22px!important}.wallets-section,.wallet-section,.wallet-import-controls{width:100%!important;min-width:0!important;max-width:100vw!important;box-sizing:border-box;padding:0 2vw!important}.wallet-item code{font-size:.92em!important;word-break:break-all;white-space:pre-wrap}.footer-popup{padding:0 2vw!important;font-size:.98em!important}.footer-popup-item{font-size:.98em!important;margin-bottom:2px}}@media(max-width:700px){.nav{width:100vw;max-width:100vw;display:flex;flex-direction:column;align-items:stretch;gap:0;background:linear-gradient(180deg,#1c1719fa,#1c1719eb);position:fixed;top:var(--header-height);left:0;z-index:1200;padding:0;box-shadow:0 4px 16px #0003;transition:max-height .3s;max-height:0;overflow:hidden}.nav.open{max-height:320px;transition:max-height .3s;overflow:visible}.nav .btn,.nav .control-btn{width:100%;border-radius:0;border-bottom:1px solid #fff2;text-align:left;padding:14px 18px;font-size:1.08em;background:none;color:#fff;box-shadow:none}.nav .btn:last-child,.nav .control-btn:last-child{border-bottom:none}#toggle-metrics{display:block!important;width:100%;font-size:1.3em;background:var(--brand-accent);color:#1f2937;border-radius:0 0 8px 8px;margin-top:0;margin-bottom:0;border:none;box-shadow:none}.nav:not(.open) .btn:not(#toggle-metrics),.nav:not(.open) .control-btn{display:none!important}}.leaflet-popup h3.bodega-img-title{color:#fff!important;background:#ff9800!important;padding:6px 16px;border-radius:8px;font-weight:700;box-shadow:0 2px 8px #0002;display:inline-block;margin-bottom:10px;margin-top:0;font-size:1rem}:root{--wine-red: #722F37;--wine-purple: #4A0E4E;--wine-rose: #C4787C;--wine-gold: #D4A574;--bitcoin-orange: #F7931A;--brand-accent: var(--bitcoin-orange);--btn-hover-start: #8b1631;--btn-hover-end: #6a0f22;--btn-hover-start-rgb: 139, 22, 49;--blockchain-green: #10B981;--network-blue: #3B82F6;--p2p-cyan: #06B6D4;--active-green: #22C55E;--warning-yellow: #EAB308;--error-red: #EF4444;--neutral-gray: #6B7280;--background-dark: #1F2937;--background-light: #2F1D25;--text-primary: #fafcfe;--text-secondary: #6B7280;--border-color: #FF9702;--header-height: 72px;--sidebar-width: 420px;--timeline-height: 0px;--border-radius: 8px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background-light);color:var(--text-primary);overflow:hidden}.site-header{backdrop-filter:blur(8px) saturate(110%);-webkit-backdrop-filter:blur(8px) saturate(110%);position:sticky;top:0;background:linear-gradient(180deg,#1c1719eb,#1c1719d9);background-color:#1c1719f2;border-bottom:1px solid rgba(255,255,255,.08);height:var(--header-height);min-height:var(--header-height);padding:0;z-index:1000;display:flex;align-items:center}.site-header .container{display:flex;align-items:center;gap:10px;height:100%;width:100%;padding:8px 18px;box-sizing:border-box}.logo{font-weight:700;letter-spacing:.6px;font-size:1.35rem;line-height:1;margin:0;color:#fff!important}.logo-icon{width:46px;height:auto;margin-right:10px}.logo-icon.white{filter:invert(1) brightness(1.35) contrast(1.05);background-color:#ffffff1f;padding:6px;border-radius:8px;box-shadow:0 4px 14px #00000059;transition:transform .42s cubic-bezier(.2,.9,.2,1)}.logo-icon.white:hover{transform:scale(1.08) rotate(8deg)}.nav{margin-left:auto;display:flex;gap:6px}.nav .btn,.control-btn.unified-btn{display:inline-block;padding:10px 16px;border-radius:8px;text-decoration:none;background:none;color:#fff!important;font-weight:600;border:1px solid rgba(0,0,0,.08);transition:all .25s ease;font-size:.85rem;line-height:1}.nav .btn:hover,.nav .btn:focus,.control-btn.unified-btn:hover,.control-btn.unified-btn:focus{background:linear-gradient(180deg,var(--btn-hover-start) 0%,var(--btn-hover-end) 100%);color:#fff!important;outline:none}.nav .btn.active{background:linear-gradient(180deg,var(--btn-hover-start) 0%,var(--btn-hover-end) 100%);color:#fff!important;border:1px solid rgba(var(--btn-hover-start-rgb),.9)}.cartolmm-header{background:none;box-shadow:none;padding:0}.header-controls{gap:6px}.header-controls .control-btn{background:none;border:1px solid rgba(0,0,0,.08);color:#08101a;font-weight:600;padding:10px 14px;border-radius:8px;font-size:.75rem}.header-controls .control-btn:hover{background:linear-gradient(180deg,var(--btn-hover-start) 0%,var(--btn-hover-end) 100%);color:#fff}html,body,#cartolmm-app,.map-container,.leaflet-map{height:100%}#cartolmm-app{display:grid;grid-template-rows:var(--header-height) 1fr;height:100vh;width:100vw}.cartolmm-header{background:linear-gradient(135deg,var(--wine-red),var(--wine-purple));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;box-shadow:var(--shadow);z-index:1000}.header-left h1{font-size:1.5rem;font-weight:700;margin:0}.subtitle{font-size:.75rem;opacity:.9;font-style:italic}.header-controls{display:flex;gap:.5rem}.control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s ease}.control-btn:hover{background:#fff3;transform:translateY(-1px)}.cartolmm-main{display:grid;grid-template-columns:1fr 0px;height:100%;overflow:hidden}.cartolmm-main.sidebar-open{grid-template-columns:1fr var(--sidebar-width)}.map-container{position:relative;background:var(--network-blue)}.leaflet-map{height:100%;width:100%}.sidebar-panel{background:#2b0f13;border-left:1px solid var(--border-color);overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:1rem;height:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(139,22,49,.3) transparent}.sidebar-panel::-webkit-scrollbar{width:6px}.sidebar-panel::-webkit-scrollbar-track{background:transparent}.sidebar-panel::-webkit-scrollbar-thumb{background:#8b16314d;border-radius:3px}.sidebar-panel::-webkit-scrollbar-thumb:hover{background:#8b163180}.cartolmm-main:not(.sidebar-open) .sidebar-panel{display:none}.metrics-section{background:var(--background-light);border-radius:var(--border-radius);padding:.75rem;border:1px solid var(--border-color)}.metrics-section h3{margin-bottom:.75rem;color:var(--text-primary);font-size:.95rem;font-weight:600}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.metric-card{background:var(--background-dark);padding:.5rem;border-radius:var(--border-radius);text-align:center;border:1px solid var(--border-color);transition:transform .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.metric-value{display:block;font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.15rem;line-height:1.2}.metric-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.bitcoin-change .metric-value{color:var(--bitcoin-orange)}.activity-section{background:var(--background-light);border-radius:var(--border-radius);padding:1rem;border:1px solid var(--border-color);flex:1}.activity-section h3{margin-bottom:.75rem;color:var(--text-primary);font-size:.95rem;font-weight:600}.activity-feed{display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto}.activity-item{background:#fff;padding:.6rem;border-radius:var(--border-radius);border:1px solid var(--border-color);font-size:.85rem}.activity-time{color:var(--text-secondary);font-size:.7rem;margin-bottom:.2rem}.activity-type-wine{border-left:4px solid var(--wine-red)}.activity-type-bitcoin{border-left:4px solid var(--bitcoin-orange)}.activity-type-network{border-left:4px solid var(--network-blue)}.timeline-control{background:#fff;border-top:1px solid var(--border-color);padding:1rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.filter-select{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;color:var(--text-primary);font-size:.875rem;cursor:pointer}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;transition:opacity .3s ease}.modal.hidden{display:none}.modal-content{background:#fff;border-radius:var(--border-radius);max-width:600px;max-height:80vh;width:90%;overflow:hidden;box-shadow:var(--shadow-lg)}.modal-header{background:linear-gradient(135deg,var(--blockchain-green),var(--bitcoin-orange));color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close:hover{background:#ffffff1a}.modal-body{padding:1.5rem;overflow-y:auto;max-height:60vh}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item strong{color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.transaction-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.transaction-item{background:var(--background-light);padding:.75rem;border-radius:var(--border-radius);border:1px solid var(--border-color)}.leaflet-popup-content-wrapper{border-radius:var(--border-radius);box-shadow:var(--shadow-lg);text-align:center}.leaflet-popup-content{margin:.75rem;font-family:inherit}.leaflet-popup h3{color:#ffa726;margin-bottom:.5rem;font-size:1rem}.leaflet-popup p{margin-bottom:.25rem;font-size:.875rem}.wine-marker{background:var(--wine-red);border:2px solid white;border-radius:50%;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transition:all .3s ease}.wine-marker:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.wine-marker.active{animation:pulse-wine 2s infinite}@keyframes pulse-wine{0%{box-shadow:0 0 #722f37b3}70%{box-shadow:0 0 0 10px #722f3700}to{box-shadow:0 0 #722f3700}}.network-line{stroke:var(--network-blue);stroke-width:2;stroke-dasharray:5,5;animation:dash 2s linear infinite;opacity:.7}@keyframes dash{to{stroke-dashoffset:-10}}.network-line.active{stroke:var(--blockchain-green);stroke-width:3;opacity:1}.transaction-particle{fill:var(--bitcoin-orange);opacity:.8;animation:move-particle 3s linear infinite}@keyframes move-particle{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@media(max-width:1024px){.cartolmm-main{grid-template-columns:1fr;grid-template-rows:1fr auto}.sidebar-panel{height:auto;min-height:40vh;max-height:60vh;border-left:none;border-top:1px solid var(--border-color)}.metrics-section{margin-bottom:0}.activity-section{display:none}}@media(max-width:768px){:root{--sidebar-width: 100%;--header-height: 50px}.header-controls{gap:.25rem}.control-btn{padding:.375rem .75rem;font-size:.75rem}.timeline-control{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.timeline-filters{justify-content:center}.metric-grid{grid-template-columns:repeat(3,1fr)}.map-controls{top:.5rem;left:.5rem}.layer-toggle{min-width:140px;padding:.75rem}}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--wine-red);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.success{color:var(--active-green)}.error{color:var(--error-red)}.warning{color:var(--warning-yellow)}.welcome-message{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#16a34a!important;color:#fff;padding:1.5rem 2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:3000;animation:fade-in .5s}.connection-status{position:fixed;bottom:20px;left:20px;background:#12060ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:10px 16px;font-size:.875rem;font-weight:500;color:#fff;box-shadow:0 4px 12px #0000004d;z-index:2000;display:flex;align-items:center;gap:8px;transition:all .3s ease}.connection-status:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.connection-status.disconnected{border-color:#ef44444d;background:#280a0ad9}@media(max-width:600px){.user-card-img-wrapper{width:180px;height:180px}.user-card-img{width:100%;height:100%}}@media(max-width:600px){.user-card{padding-top:2px;padding-bottom:6px}}.wallet-status{margin-top:1px;font-size:25px;color:red}.wallet-btn{display:inline-block;padding:.5em 1.2em;font-size:1em;font-family:inherit;background:#ff9800;color:#222;border:1px solid #bbb;border-radius:6px;cursor:pointer;transition:background .2s,color .2s;box-shadow:0 1px 2px #0000000a}.wallet-btn:hover{background:#84152e;color:#111}.modal-action-btn{display:inline-block;padding:10px 24px;font-size:1rem;font-family:inherit;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .05s ease;box-shadow:0 2px 8px #0000001f}.modal-action-btn:active{transform:translateY(1px)}.modal-action-btn--custodiado{background:#8b0000;color:#fff}.modal-action-btn--custodiado:hover{background:#6f0000}.modal-action-btn--disponible{background:orange;color:#fff}.modal-action-btn--disponible:hover{background:#e18f00}.wallet-input{border:2px solid #FFA726;padding:12px;border-radius:10px;background-color:#2b0f13;color:#ffd7b3;font-weight:500;width:100%}.custom-file-input-wrapper .wallet-btn{background-color:#ffa726!important;color:#2b0f13!important;border:none!important;border-radius:6px!important;padding:4px 14px!important;font-size:.98em!important;font-weight:500!important;box-shadow:none!important;cursor:pointer!important;transition:background-color .3s,color .3s!important}.custom-file-input-wrapper .wallet-btn:hover{background-color:#ffd7b3!important;color:#2b0f13!important}.peer-leaflet-popup .wallet-section{background:#2b0f13;border-radius:10px;box-shadow:0 2px 12px #ffa72644;padding:18px 18px 12px;margin:10px 0;color:#ffd7b3;border:1px solid #FFA726}.peer-leaflet-popup .wallet-import-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;background:transparent}.peer-leaflet-popup .wallet-balance-area{margin-top:10px;font-size:15px;color:#ffa726;font-weight:600;background:none}.peer-leaflet-popup .wallet-utxos-area{margin-top:10px;font-size:14px;color:#ffd7b3;background:none}.wallet-balance-result{font-size:12px;color:#d77e2a;min-height:18px;margin-top:2px}.wallet-item{margin-bottom:10px;background:#2b0f13;border:0px solid #FFA726;border-radius:8px;padding:10px 2px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-shadow:0 1px 4px #0001}.wallet-item strong{color:#1a4d1a;font-weight:600;margin-right:8px}.wallet-item code{width:100%;box-sizing:border-box;display:inline-block;word-break:break-all;white-space:pre-wrap;-webkit-user-select:all;user-select:all;background:#2b0f13;border-radius:4px;padding:2px 6px;font-size:.95em;color:#ffa726;border:1px solid #FFA726}.wallet-item .balance-btn-user-popup{margin-left:auto;background:#f7931a;color:#fff;border-radius:4px;border:none;padding:4px 12px;font-weight:500;cursor:pointer;transition:background .2s}.wallet-item .balance-btn-user-popup:hover{background:#d97a00}.wallet-item{margin-bottom:10px}.user-card-social{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:4px;background:#2f1d25ee;border-radius:8px;box-shadow:0 2px 8px #fff2,0 0 8px #ffd54f55,0 1px 4px #0003;padding:4px 10px}.user-card-social a{transition:transform .2s}.user-card-social a:hover{transform:scale(1.2)}.user-bottle-img-wrapper img[style*="object-fit:contain"],.user-bottle-img-wrapper.bodega-img-full img[style*="object-fit:contain"]{width:320px;height:320px;object-fit:contain!important;display:block;margin:0 auto}.wallet-balance-result:not(:empty){display:block;background:#2b0f13;width:100%;border-radius:6px;padding:2px 0;color:#c7fcc7!important}.wallet-balance-result{font-size:1.15rem!important;color:#d77e2a!important;min-height:22px!important;margin-top:6px!important;text-align:center!important;font-weight:600!important;background:#fff7e6;border-radius:8px;padding:4px 0;box-shadow:0 2px 8px #d77e2a22;width:50%!important;margin-left:auto!important;margin-right:auto!important}.leaflet-popup .balance-btn-user-popup{background:#ff9800!important;color:#fcf9f9!important;border:none!important;border-radius:8px!important;padding:6px 10px!important;font-weight:700!important;font-size:1rem!important;box-shadow:0 2px 8px #0002!important;cursor:pointer!important;transition:background .2s!important;display:inline-block!important}.leaflet-popup .balance-btn-user-popup:hover{background:#ffa726!important}.balance-btn-user-popup{background:#ff9800!important;color:#222!important;border:none!important;border-radius:8px!important;padding:6px 18px!important;font-weight:700!important;font-size:1rem!important;box-shadow:0 2px 8px #0002!important;cursor:pointer!important;transition:background .2s!important}.balance-btn-user-popup:hover{background:#ffa726!important}.bodega-img-title{color:#fff;background:#ff9800;padding:6px 16px;border-radius:8px;font-weight:700;box-shadow:0 2px 8px #0002;display:inline-block;margin-bottom:10px;margin-top:0}.footer-popup{text-align:center!important;padding:2px 10px 10px 0!important;margin-top:2px!important}.footer-popup-item{color:#888!important;font-size:12px!important;margin:0 0 2px!important;padding:0!important}.user-popup{background:#2b0f13;border-radius:10px;padding:5px;max-width:400px;box-shadow:0 2px 16px #0002}.user-popup .wallet-utxo-container{display:flex;gap:16px;align-items:center;background:#f6f8fa;border-radius:8px;padding:10px;margin-bottom:10px}.user-popup .wallet-utxo-container .user-bottle-img-wrapper{width:180px;height:180px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#3d6389;box-shadow:0 2px 8px #0001}.user-popup .wallet-utxo-container .user-bottle-img-wrapper img{width:180px;height:180px;background:#3d6389;border-radius:8px;object-fit:contain}.user-bottle-img-wrapper.bodega-img-full{width:100%;max-width:100%;max-height:320px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#2b0f13;border-radius:12px}.user-bottle-img-wrapper.bodega-img-full img{max-width:100%;max-height:320px;object-fit:contain;border-radius:12px;box-shadow:0 4px 24px #0003;background:#2b0f13}.user-popup .wallet-utxo-label{color:#ff0;word-break:break-all}.user-popup .wallet-file-input,.user-popup input[type=file]{color:#2b0f13!important;background:#ffa726!important;border-radius:8px!important;border:1px solid #FFA726!important;padding:8px 12px!important;font-weight:600!important;box-shadow:0 2px 8px #ffa72644!important;font-size:1em!important}.user-popup .wallet-file-input::file-selector-button{background:#ffa726!important;color:#2b0f13!important;border:1px solid #FFA726!important;border-radius:8px!important;box-sizing:border-box!important;margin-top:8px!important;padding:8px 12px!important;font-weight:600!important}.leaflet-popup-content{max-width:480px;max-height:820px;min-height:320px;width:100%;box-sizing:border-box;padding:0;background:#e6ffe6;overflow-y:auto}.user-popup .wallet-utxo-label{color:#4a541e!important;word-break:break-all!important}.user-popup .wallet-file-input{color:#2b0f13!important;background:#ffa726!important;border-radius:8px!important;border:1px solid #FFA726!important;padding:8px 12px!important;font-weight:600!important}.user-popup .wallet-file-input::file-selector-button{background:#fff!important;color:#8b1631!important;border:1px solid #f7931a!important;border-radius:6px!important;box-sizing:border-box;margin-top:18px!important;padding-top:8px!important}.user-bottle-img-wrapper.bodega-img-full img{color:#fff!important}.user-popup .wallet-btn.wallet-reset{background:#274b6d!important;color:#fff!important;border:1px solid #3d678a!important;max-width:680px!important;max-height:320px!important;display:block;margin:0 auto;box-sizing:border-box;padding-top:0!important;margin-top:0!important}.user-popup .wallet-btn.wallet-loaded{background:linear-gradient(180deg,#6a0f22,#4e0918)!important;color:#fff!important;border:1px solid rgba(106,15,34,.9)!important;box-shadow:0 6px 18px #6a0f2273!important}.user-popup .wallet-btn.wallet-loaded .leaflet-popup-content{max-width:900px!important;width:100%!important;box-sizing:border-box;padding:0!important}@media(max-width:1000px){.user-popup .wallet-btn.wallet-loaded .leaflet-popup-content,.user-popup .wallet-btn.wallet-loaded .user-bottle-img-wrapper.bodega-img-full img{max-width:98vw!important}}@media(max-width:800px){.user-popup .wallet-btn.wallet-loaded .leaflet-popup-content,.user-popup .wallet-btn.wallet-loaded .user-bottle-img-wrapper.bodega-img-full img{max-width:98vw!important}}.user-popup .wallet-btn.wallet-loaded:hover{background:linear-gradient(180deg,#6a0f22,#5c0d1d)!important;transform:translateY(-1px)!important}.user-popup input[type=file]{color:#b8abab!important}.user-popup input[type=file]::file-selector-button{background:#ffa726!important;color:#2b0f13!important;border:1px solid #FFA726!important;border-radius:8px!important;padding:8px 12px!important;font-weight:600!important;cursor:pointer!important;transition:background .2s,color .2s!important}.user-popup input[type=file]::file-selector-button:hover{background:#ffd7b3!important;color:#2b0f13!important}.user-popup .wallet-btn{background-color:#ffa726;border:none;color:#2b0f13;padding:12px 28px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:8px;font-weight:600;box-shadow:0 2px 8px #ffa72644;transition:background-color .3s ease,color .3s ease}.user-popup .wallet-btn:hover{background-color:#ffd7b3;color:#2b0f13}*{box-sizing:border-box}.user-popup .wallet-historial-item{margin-top:6px!important;margin-bottom:16px!important;background-color:#ffffffb9!important;border:3px solid #f7931a!important;border-radius:15px!important;box-shadow:0 2px 8px #0001!important;color:#333!important;padding:1px!important;font-size:.98em!important;word-break:break-all!important}.user-popup .wallet-historial-item{background-color:#ffffffb9;border:3px solid #f7931a;border-radius:15px;box-shadow:0 2px 8px #0001;margin-bottom:16px;padding:12px 16px;font-size:.98em;word-break:break-all}.user-popup .wallet-historial-item div{margin-bottom:4px}.user-popup .wallet-historial-modal{background-color:#fff;border:3px solid #f7931a;border-radius:15px;box-shadow:0 8px 32px #f7931a4d;max-width:600px;margin:5% auto;padding:20px 24px 16px;position:relative}.user-popup .wallet-btn.wallet-reset:active{transform:translateY(1px)}.user-popup .wallet-fieldset{border:1px dashed #999;padding:8px 12px;border-radius:8px;margin-bottom:12px}.user-popup .wallet-input{border:2px solid #FFA726;padding:12px;border-radius:10px;background-color:#2b0f13;color:#ffd7b3;font-weight:500;width:100%}.user-popup .wallet-input.half{width:50%;max-width:420px}.user-popup .wallet-btn{background-color:#f7931a;border:none;color:#fff;padding:10px 22px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;margin:4px 2px;cursor:pointer;border-radius:8px;transition:background-color .3s ease}.user-popup .wallet-btn:hover{background-color:#e07d0b}.user-popup .wallet-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#6a0f22;color:#fff;font-weight:600;font-size:12px;border:1px solid rgba(106,15,34,.8);box-shadow:0 4px 12px #6a0f2259;margin-left:8px}.user-popup .wallet-utxo-container{background:#3d6389;border-radius:6px;margin-bottom:4px;padding:6px;display:flex;align-items:center;gap:8px}.user-popup .wallet-utxo-container.is-pending{opacity:.6}.user-popup .wallet-badge-pend{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#fff3e2;color:#a65b00;font-weight:600;font-size:12px;border:1px solid #ffc37a}.user-popup .wallet-badge-pend:before{content:"⏳";font-size:12px}.user-popup .wallet-copy-btn{padding:8px 10px;font-size:12px;background:#274b6d;border:1px solid #3d678a;color:#fff;border-radius:6px;cursor:pointer}.user-popup .wallet-copy-btn:hover{background:#2e5a84}.user-popup .wallet-muted{color:#c9aeb6;margin-top:6px}.user-popup .wallet-output{background:#ffffff05;padding:12px;border-radius:8px;margin-top:10px;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-width:100%;box-sizing:border-box}.user-popup .wallet-readonly{background:#0b1b2b;color:#e5f1ff;border:1px dashed #2a3a4a;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.user-popup .wallet-readonly:focus{outline:none;box-shadow:0 0 0 2px #1f58874d}.user-popup .wallet-readonly.wallet-loaded{background:#6a0f22!important;color:#fff!important;border:2px solid rgba(106,15,34,.9)!important}.user-popup .wallet-btn.wallet-reset{background:#274b6d;color:#fff;border:1px solid #3d678a;position:relative}.user-popup .wallet-btn.wallet-reset:hover{background:#2e5a84}.user-popup .wallet-btn.wallet-loaded{background:linear-gradient(180deg,#6a0f22,#4e0918)!important;color:#fff!important;border:1px solid rgba(106,15,34,.9)!important;box-shadow:0 6px 18px #6a0f2273}.user-popup .wallet-btn.wallet-loaded:hover{background:linear-gradient(180deg,#6a0f22,#5c0d1d)!important;transform:translateY(-1px)}.user-popup{position:relative;padding-top:32px;padding-left:18px;padding-right:18px;min-height:220px;box-sizing:border-box}.leaflet-popup-close-button{color:#f7931a!important;font-size:32px!important;font-weight:700;cursor:pointer;position:absolute;top:18px!important;right:24px!important;border:none;text-align:center;width:48px;height:48px;font:32px/48px Tahoma,Verdana,sans-serif;color:#f7931a;text-decoration:none;background:transparent;z-index:10000;border-radius:50%;overflow:hidden}.leaflet-popup-close-button span{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;pointer-events:none}.leaflet-popup-close-button:hover,.leaflet-popup-close-button:focus{color:#fff!important;background-color:#f7931a!important;transform:scale(1.1);text-decoration:none;border-radius:50%;padding:0}.close{color:#f7931a;float:right;font-size:32px;font-weight:700;cursor:pointer;position:absolute;top:15px;right:20px;width:40px;height:40px;object-fit:contain;border-radius:50%;box-shadow:0 4px 24px #0003;transition:all .3s ease;background-color:#f7931a1a;z-index:10000}.close:hover,.close:focus{color:#fff;background-color:#f7931a;transform:scale(1.1);text-decoration:none}.move-btn-user-popup{display:inline-block;margin:8px auto 0;padding:6px 22px;font-size:15px;font-weight:600;border:none;border-radius:6px;background-color:#f7931a;color:#fff;cursor:pointer;box-shadow:0 1px 4px #0001;transition:background .18s,transform .12s;transform:translateY(-1px)}.move-btn-user-popup:hover{background-color:#6b0f0f!important}.bodega-marker,.node-marker,.user-marker,.winery-marker{transition:all .3s ease}.header-left--compact{display:flex;align-items:center;gap:16px;margin-top:0}.bodega-marker .marker-container{position:relative;display:flex;align-items:center;justify-content:center}.bodega-marker .marker-icon,.winery-marker,.user-marker{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;border:2px solid white;box-shadow:0 2px 10px #0000004d;transform:scale(var(--marker-scale, 1));transition:all .3s ease}.user-marker{font-size:20px;transform:scale(var(--marker-scale, 1));transition:transform .2s}.user-marker .user-multi-badge{font-size:14px}.winery-marker{font-size:20px;transform:scale(var(--marker-scale, 1));transition:transform .2s}.bodega-marker .marker-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:#722f374d;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.node-marker .node-container{position:relative;display:flex;align-items:center;justify-content:center}.node-marker .node-icon{width:25px;height:25px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;background:#10b981;color:#fff;border:1px solid white;transform:scale(var(--marker-scale, 1));transition:all .3s ease}.node-marker.active .node-status{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#10b981;border:1px solid white}.node-marker.inactive .node-status{background:#ef4444}.node-marker.new-block-pulse .node-icon{animation:blockPulse .5s ease}@keyframes blockPulse{0%,to{transform:scale(var(--marker-scale, 1))}50%{transform:scale(calc(var(--marker-scale, 1) * 1.3))}}.bodega-popup,.node-popup{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-width:200px}.bodega-popup h3,.node-popup h3{margin:0 0 10px;color:#4a0e4e;font-size:16px}.bodega-popup p,.node-popup p{margin:5px 0;font-size:14px}.bodega-actions{display:flex;gap:5px;margin-top:10px}.bodega-actions button{flex:1;padding:5px 8px;border:none;border-radius:4px;background:#722f37;color:#fff;font-size:12px;cursor:pointer;transition:background .3s ease}.bodega-actions button:hover{background:#4a0e4e}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 4px 20px #0000004d;z-index:10000;max-width:300px;animation:slideIn .3s ease}.notification.success{background:linear-gradient(45deg,#10b981,#059669)}.notification.error{background:linear-gradient(45deg,#ef4444,#dc2626)}.notification.info{background:linear-gradient(45deg,#3b82f6,#2563eb)}.notification.welcome{background:linear-gradient(45deg,var(--wine-purple, #722f37),#4a0e4e);max-width:350px}.notification.welcome h3{margin:0 0 5px;font-size:16px}.notification.welcome p{margin:5px 0;font-size:14px}.notification.welcome small{font-size:12px;opacity:.8}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:20000;flex-direction:column;color:#fff}.loader:before{content:"🍷";font-size:48px;animation:spin 2s linear infinite;margin-bottom:20px}.loader:after{content:"Loading BlocksWine Map...";font-size:18px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.initialization-error{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:25000;color:#fff}.error-content{background:#1f2937;padding:40px;border-radius:12px;max-width:500px;text-align:center;border:1px solid #374151}.error-content h2{color:#ef4444;margin:0 0 20px}.error-content details{text-align:left;margin:20px 0;background:#111827;padding:10px;border-radius:4px}.error-content summary{cursor:pointer;color:#9ca3af}.error-content pre{font-size:12px;overflow-x:auto;white-space:pre-wrap;color:#f87171}.error-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-primary{background:#722f37;color:#fff}.btn-primary:hover{background:#4a0e4e}.btn-secondary{background:#374151;color:#fff}.btn-secondary:hover{background:#4b5563}.safe-mode-notice{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;padding:10px;text-align:center;z-index:15000;font-weight:500}.safe-mode-notice p{margin:2px 0}.selected-bodega{background:linear-gradient(135deg,#722f37,#4a0e4e);color:#fff;padding:15px;border-radius:8px;margin-bottom:20px}.selected-bodega h3{margin:0 0 10px;font-size:14px;opacity:.9}.selected-bodega-info h4{margin:0 0 5px;font-size:16px}.selected-bodega-info p{margin:0 0 10px;font-size:13px;opacity:.8}.quick-stats{display:flex;gap:15px}.stat{text-align:center}.stat-value{display:block;font-size:18px;font-weight:700;line-height:1}.stat-label{font-size:11px;opacity:.7}.metric-value.connected{color:#10b981}.metric-value.disconnected{color:#ef4444}.help-content{max-width:600px;max-height:80vh;overflow-y:auto}.dropdown{display:inline-block;position:relative;margin-right:8px}.dropdown-toggle{background:linear-gradient(135deg,var(--wine-red),var(--wine-purple));border:none;border-radius:8px;padding:8px 12px;cursor:pointer;color:#fff;font-size:1.5em;box-shadow:0 2px 8px #0000001f}.dropdown-toggle:hover{filter:brightness(1.05);transform:translateY(-1px)}.dropdown-toggle.active{outline:2px solid rgba(255,255,255,.15);transform:translateY(-1px);box-shadow:0 6px 16px #0000002e}.dropdown-menu{display:none;position:fixed;background:#fff;border-radius:8px;box-shadow:0 6px 18px #00000026;min-width:180px;padding:8px;z-index:12000;opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .18s ease,transform .18s ease}.dropdown-menu.dropdown-open{display:block;opacity:1;transform:translateY(0) scale(1)}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:none;background:transparent;cursor:pointer;border-radius:6px;text-align:left;font-size:14px}.dropdown-item:hover{background:#f3f4f6}.dropdown-item:active{background:#eef2ff}.dropdown-item .icon{width:20px;text-align:center}.help-section{margin:20px 0}.help-section h3{color:#722f37;margin:0 0 10px}.help-section ul{list-style:none;padding:0}.help-section li{padding:5px 0;border-bottom:1px solid #f0f0f0}kbd{background:#f4f4f4;border:1px solid #ddd;border-radius:3px;padding:2px 6px;font-size:12px;font-family:monospace}.connection-status{position:fixed;bottom:20px;right:20px;padding:8px;border-radius:20px;max-width:150px;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1000;transition:all .3s ease;font-size:.6em;background-color:#4caf50;color:#fff;box-shadow:0 2px 8px #0000001a;text-align:center}.connection-status.pulse{animation:pulse-glow 1.5s infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.welcome-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#8b0000,brown);color:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000004d;z-index:2000;max-width:500px;animation:welcome-enter .5s ease}.welcome-message.fade-out{animation:welcome-exit 1s ease forwards}@keyframes welcome-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes welcome-exit{0%{opacity:1}50%{opacity:.5}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.welcome-content h3{margin:0 0 15px;font-size:20px}.welcome-content ul{margin:10px 0;padding-left:20px}.welcome-content li{margin:5px 0}.notification{position:fixed;top:80px;right:20px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:15px;margin-bottom:10px;max-width:350px;z-index:1500;animation:notification-enter .3s ease;border-left:4px solid #2196f3}.notification.fade-out{animation:notification-exit .3s ease forwards}.notification-success{border-left-color:#4caf50}.notification-info{border-left-color:#2196f3}.notification-network{border-left-color:#ff9800}.notification-error{border-left-color:#f44336}@keyframes notification-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notification-exit{to{opacity:0;transform:translate(100%)}}.notification-content{margin-right:30px}.notification-content strong{display:block;margin-bottom:5px;color:#333}.notification-content p{margin:0;font-size:14px;color:#666}.notification-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notification-close:hover{color:#666}.simple-bottom-section{position:absolute;left:20px;right:20px;bottom:20px;z-index:1000;display:flex;justify-content:center}.simple-bottom-section .footer-content{background:#ffffffe6;padding:8px 12px;border-radius:8px;box-shadow:0 4px 20px #00000014;color:#333;font-size:13px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.metric-card{background:#2f1d25;padding:12px;border-radius:8px;border:1px solid #FF9800}.metric-card h4{margin:0 0 8px;font-size:14px;color:#fff}.metric-card p{margin:3px 0;font-size:12px;color:#f5f5f5}.counter{font-weight:700;color:#fff;transition:all .3s ease}.counter.updated{animation:counter-flash .5s ease}@keyframes counter-flash{0%,to{color:#8b0000}50%{color:#f44}}.last-block-info{background:#2f1d25;padding:15px;border-radius:8px;border:1px solid rgba(139,0,0,.2);font-size:12px;line-height:1.4}.last-block-info strong{color:#8b0000}.last-block-info small{color:#666;display:block;margin-top:2px}.realtime-marker .marker-pulse{animation:realtime-pulse 2s infinite}.transaction-marker .marker-pulse{background:#ffd70066}.block-marker .block-pulse{background:#32cd3266;animation:block-pulse 3s infinite}@keyframes realtime-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes block-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.transaction-popup,.block-popup{min-width:250px}.transaction-popup h4,.block-popup h4{margin:0 0 10px;color:#8b0000}.transaction-popup p,.block-popup p{margin:5px 0;font-size:13px}.transaction-popup strong,.block-popup strong{color:#333}.genesis-node .marker-icon{background:#10b981!important;border:2px solid #ffffff;font-size:18px}.winery-node .marker-icon{border:2px solid #ffffff;font-size:16px}.bodega-popup{min-width:300px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.bodega-popup h3{margin:0 0 15px;color:#8b0000;border-bottom:2px solid #8b0000;padding-bottom:8px}.modal-body{display:flex;flex-direction:column;align-items:center}.modal-body img#modal-bottle-img{max-height:52vh;object-fit:contain}.bodega-info{width:100%;max-width:760px;margin-top:8px;margin-bottom:8px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px;align-items:start}.info-item{padding:6px 8px;background:transparent}.info-item strong{display:block;font-size:12px;font-weight:600;color:#444}.info-item span{display:block;font-size:13px;color:#222;margin-top:4px}.recent-transactions{width:100%;max-width:760px;margin-top:8px}.recent-transactions .transaction-list{max-height:120px;overflow-y:auto;padding:6px;border-radius:6px;background:#fafafae6}.bodega-info p,.inventory-info p,.genesis-info p{margin:5px 0;font-size:13px}.genesis-info{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:10px;border-radius:8px;margin:10px 0}.genesis-info h4{margin:0 0 8px;color:#fff}.inventory-info{background:linear-gradient(135deg,#f8f9ff,#e8eaff);padding:10px;border-radius:8px;margin:10px 0;border-left:4px solid #8b0000}.inventory-info h4{margin:0 0 8px;color:#8b0000}.wines-info{background:linear-gradient(135deg,#fff8f0,#ffedd5);padding:10px;border-radius:8px;margin:10px 0;border-left:4px solid #d97706}.wines-info h4{margin:0 0 8px;color:#d97706}.wine-item{margin:5px 0;padding:5px;background:#ffffffb3;border-radius:4px;font-size:12px}.wine-item strong{color:#8b0000}.wine-item small{color:#666;display:block}.status.active{color:#10b981;font-weight:700}.status.inactive{color:#ef4444;font-weight:700}.activity-item{display:flex;align-items:flex-start;padding:12px;margin-bottom:8px;background:linear-gradient(135deg,#f8f9ff,#e8eaff);border-radius:8px;border-left:3px solid #8b0000;transition:all .3s ease}.activity-item:hover{transform:translate(5px);box-shadow:0 2px 8px #0000001a}.activity-icon{font-size:20px;margin-right:12px;min-width:30px;text-align:center}.activity-content{flex:1}.activity-content strong{display:block;color:#8b0000;font-size:14px;margin-bottom:4px}.activity-content p{margin:0 0 4px;font-size:13px;color:#666}.activity-content small{font-size:11px;color:#999}@media(max-width:768px){.notification{right:10px;left:10px;max-width:none}.welcome-message{margin:20px;max-width:none;left:20px;right:20px;transform:translateY(-50%)}.metrics-grid{grid-template-columns:1fr}.error-content{margin:20px;padding:20px}.safe-mode-notice{font-size:14px}}.peer-leaflet-popup .peer-popup-content code{display:block;font-size:.98em;background:#f6f6f6;padding:6px 8px;border-radius:6px;word-break:break-all;white-space:pre-wrap;-webkit-user-select:all;user-select:all;max-width:100%;overflow-x:auto}.peer-leaflet-popup .peer-popup-content{min-width:340px;max-width:480px;word-break:break-word}.peer-leaflet-popup .peer-popup-content,.peer-leaflet-popup .user-popup,.peer-leaflet-popup .wallets-section{padding:0 10px;margin:2px 0 4px;border-radius:10px;background:#2b0f13;box-sizing:border-box;color:#fff}.user-popup-nombre{font-size:1.25em;font-weight:700;color:#ffd54f;text-align:center;margin:8px 0 4px;letter-spacing:.5px;background:#2b0f13;border-radius:6px;padding:4px 12px;box-shadow:0 2px 8px #0002}.peer-leaflet-popup p,.peer-leaflet-popup .wallet-item{margin-bottom:8px;color:#ffd7b3}.user-bottle-img-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:12px auto 16px;padding:8px;border-radius:12px;box-shadow:0 2px 8px #0001;min-height:60px;min-width:60px;max-width:340px;max-height:200px}.user-bottle-img-wrapper img{max-width:320px;max-height:220px;border-radius:8px;box-shadow:0 2px 8px #0002;background:#fff;cursor:zoom-in;transition:box-shadow .2s}.zoom-image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:grab}.zoom-image-modal img{max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 4px 32px #0008;cursor:grab;transition:transform .2s;-webkit-user-select:none;user-select:none}.zoom-image-modal .close-zoom-btn{position:absolute;top:32px;right:48px;background:#fffbe9;border:2px solid #e0c36e;border-radius:50%;width:40px;height:40px;font-size:2rem;color:#b89c3a;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0002}.leaflet-popup-content-wrapper,.leaflet-popup-content,.peer-popup{background:#2b0f13;border-radius:12px;box-shadow:0 2px 16px #0000001a;padding:0;margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;color:#ffd7b3}.leaflet-popup-content{padding:2px 8px!important;min-width:0;max-width:95vw;width:100%;box-sizing:border-box}@media(max-width:600px){.leaflet-popup-content{max-width:98vw;padding:2px 2vw!important}}.peer-popup{background:transparent;box-shadow:none;border-radius:0;padding:0;margin:0}.peer-popup-title{font-size:1.25em;font-weight:600;margin-bottom:10px;color:#ff0}.peer-popup-content{font-size:1em;color:#22212170;margin:0;padding:0}.peer-popup-img-wrapper{text-align:center;margin:10px 0}.peer-popup-img-wrapper img{max-width:180px;border-radius:8px;box-shadow:0 2px 8px #d07f7f21}.leaflet-popup-close-button{top:8px!important;right:8px!important;font-size:1.6em!important;color:#f7931a!important;background:#f7931a1a!important;border-radius:50%!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #0002!important;text-decoration:none!important;position:absolute!important;z-index:10!important}.peer-leaflet-popup,.user-custom-popup{max-width:800px!important;min-width:350px!important;border-radius:12px!important;box-shadow:0 2px 16px #0000001a!important;padding:2px!important}.leaflet-popup-tip{background:#2b0f13!important;border-radius:6px!important;box-shadow:0 2px 8px #0002!important;border:2px solid #f7931a!important}.user-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.user-card-img-wrapper{width:144px;height:144px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #0002;background:#fff;display:flex;align-items:center;justify-content:center}.user-card-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-card-name{font-size:1.15em;font-weight:600;margin:0;text-align:center}.user-card-description{font-size:1em;color:#faf9f7;margin:6px 0 0;text-align:center;font-style:italic;background:#2b0f13;padding:6px 10px;border-radius:8px;box-shadow:0 1px 4px #0001;display:block}.map-container{position:relative;height:100vh;width:100%;overflow:hidden}.leaflet-map{height:100%;width:100%;z-index:1}.map-overlays{position:absolute;inset:0;pointer-events:none;z-index:1000}.map-overlays>*{pointer-events:auto}.status-indicator{position:absolute;top:20px;right:20px;background:#000c;color:#fff;padding:10px 15px;border-radius:25px;display:flex;align-items:center;gap:8px;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.status-dot.online{background:#32cd32;box-shadow:0 0 10px #32cd32}.status-dot.offline{background:#f44;box-shadow:0 0 10px #f44}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.bodega-marker{background:none;border:none}.marker-bodega{display:flex;align-items:center;background:#8b0000e6;color:#fff;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 4px 15px #8b000066;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid #FFD700;transition:all .3s ease;cursor:pointer}.marker-bodega:hover{transform:scale(1.1);box-shadow:0 6px 20px #8b000099}.marker-bodega .marker-icon{margin-right:5px;font-size:16px}.marker-bodega .marker-label{white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.node-marker{background:none;border:none}.marker-node{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .3s ease}.marker-node.online{background:#32cd32cc;border:2px solid #32CD32;color:#fff}.marker-node.offline{background:#808080cc;border:2px solid #808080;color:#fff}.marker-node:hover{transform:scale(1.2)}.marker-node .marker-icon{font-size:14px;z-index:2}.marker-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:inherit;animation:pulse-ring 2s infinite;opacity:.6}.marker-node.online .marker-pulse{background:#32cd32}.marker-node.offline .marker-pulse{animation:none}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.3}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.bodega-popup{font-family:Arial,sans-serif;min-width:250px}.bodega-popup h3{margin:0 0 10px;color:#8b0000;font-size:16px;border-bottom:2px solid #FFD700;padding-bottom:5px}.bodega-popup p{margin:8px 0;font-size:14px}.bodega-popup code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:12px;word-break:break-all}.popup-actions{margin-top:15px;display:flex;gap:10px}.popup-actions button{background:#8b0000;color:#fff;border:none;padding:8px 12px;border-radius:5px;font-size:12px;cursor:pointer;transition:background .3s ease}.popup-actions button:hover{background:brown}.node-popup{font-family:Arial,sans-serif;min-width:200px}.node-popup h3{margin:0 0 10px;color:#32cd32;font-size:16px;border-bottom:2px solid #32CD32;padding-bottom:5px}.node-popup p{margin:8px 0;font-size:14px}.node-popup .status{font-weight:700;text-transform:uppercase}.node-popup .status.online{color:#32cd32}.node-popup .status.offline{color:#f44}@media(max-width:768px){.stats-overlay{position:fixed;top:80px;left:10px;right:10px;background:#000000f2}.status-indicator{top:10px;right:10px;font-size:12px}.marker-bodega .marker-label{display:none}.bodega-popup,.node-popup{min-width:200px}.popup-actions{flex-direction:column}}.leaflet-marker-icon,.leaflet-marker-shadow{transition:all .3s ease}.leaflet-popup-content-wrapper{border-radius:10px;box-shadow:0 8px 25px #0000004d}.leaflet-popup-tip{box-shadow:0 2px 10px #0003}.map-overlays>*{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}.loading{opacity:.5;pointer-events:none}.error{border:2px solid #FF4444!important;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.peer-icon-wrapper{display:flex;align-items:center;justify-content:center;position:relative}.peer-marker{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 8px #0000004d;transition:all .3s ease;cursor:pointer;width:calc(36px * var(--marker-scale, 1));height:calc(36px * var(--marker-scale, 1));min-width:0;min-height:0}.peer-marker:hover{transform:scale(1.15);box-shadow:0 4px 12px #00000080}.peer-marker .peer-icon{font-size:20px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));transform:scale(var(--marker-scale, 1));transition:transform .2s}.peer-marker-local{background:linear-gradient(135deg,#10b981,#059669);border:3px solid #ffffff;animation:localPulse 2s ease-in-out infinite;width:calc(36px * var(--marker-scale, 1));height:calc(36px * var(--marker-scale, 1))}.peer-marker-local .peer-icon{font-size:24px;transform:scale(var(--marker-scale, 1))}@keyframes localPulse{0%,to{box-shadow:0 2px 8px #10b98166,0 0 #10b981b3}50%{box-shadow:0 2px 8px #10b98166,0 0 0 10px #10b98100}}.peer-marker-online{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #ffffff;position:relative;width:calc(32px * var(--marker-scale, 1));height:calc(32px * var(--marker-scale, 1))}.peer-marker-online .peer-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:12%;background:#3b82f666;animation:peerPulse 2s ease-out infinite;pointer-events:none}@keyframes peerPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.peer-marker-offline{background:linear-gradient(135deg,#6b7280,#4b5563);border:2px solid #9CA3AF;opacity:.7;width:calc(28px * var(--marker-scale, 1));height:calc(28px * var(--marker-scale, 1))}.peer-marker-offline:hover{opacity:.9}.peer-marker-error{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #FCA5A5;animation:errorBlink 1.5s ease-in-out infinite;width:calc(28px * var(--marker-scale, 1));height:calc(28px * var(--marker-scale, 1))}@keyframes errorBlink{0%,to{opacity:1}50%{opacity:.5}}.peer-leaflet-popup .leaflet-popup-content-wrapper{background:#1c1719f2;color:#e5e7eb;border-radius:12px;padding:0;box-shadow:0 4px 16px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.peer-leaflet-popup .leaflet-popup-content{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.peer-leaflet-popup .leaflet-popup-tip{background:#1c1719f2}.peer-popup{padding:0;min-width:400px;max-width:400px}.peer-popup-title{background:linear-gradient(135deg,#1f2937,#111827);color:#f7931a;padding:12px 1ch;margin:0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.peer-popup-content{padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.peer-popup-content p{margin:8px 0;font-size:13px;line-height:1.6;color:#d1d5db;width:100%;text-align:center}.peer-popup-img-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin:10px 0}.peer-popup-content p:first-child{margin-top:0}.peer-popup-content p:last-child{margin-bottom:0}.peer-popup-content strong{color:#f3f4f6;font-weight:600;min-width:120px;display:inline-block}.peer-popup-content code{background:#3b82f626;color:#60a5fa;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;border:1px solid rgba(59,130,246,.3)}.peer-popup-content a{color:#60a5fa;text-decoration:none;transition:color .2s ease}.peer-popup-content a:hover{color:#93c5fd;text-decoration:underline}.peer-popup-content .status-online{color:#10b981;font-weight:600}.peer-popup-content .status-offline{color:#ef4444;font-weight:600}.peer-popup-content .status-error{color:#f59e0b;font-weight:600}@media(max-width:768px){.peer-marker{transform:scale(.9)}.peer-marker:hover{transform:scale(1.05)}.peer-popup{min-width:240px;max-width:280px}.peer-popup-content p{font-size:12px}.peer-popup-title{font-size:13px;padding:10px 12px}}@media(prefers-reduced-motion:reduce){.peer-marker,.peer-marker-online .peer-pulse,.peer-marker-local,.peer-marker-error{animation:none!important;transition:none!important}.peer-marker:hover{transform:none}}@media(prefers-color-scheme:light){.peer-leaflet-popup .leaflet-popup-content-wrapper{background:#fffffff2;color:#1f2937}.peer-leaflet-popup .leaflet-popup-tip{background:#fffffff2}.peer-popup-title{background:#ffa726;color:#111827;border-bottom:2px solid #D1D5DB;border-radius:20px}.peer-popup-content,.peer-leaflet-popup .leaflet-popup-content-wrapper{background:#fffffff2!important;color:#1f2937}.peer-popup-content p{color:#374151}.peer-popup-content strong{color:#111827}.peer-popup-content code{background:#3b82f61a;color:#2563eb}}.user-marker{display:flex;align-items:center;justify-content:center;position:relative}.user-multi-badge{margin:0 0 0 -6px;font-size:.85em;display:inline-flex;align-items:center;vertical-align:middle;position:static;padding-left:0;z-index:2}