:root{--ss-v7-bg:#0f172a;--ss-v7-panel:#1e293b;--ss-v7-accent:#fbbf24;--ss-v7-text:#f8fafc;--ss-v7-muted:#94a3b8;--ss-v7-border:rgba(255, 255, 255, 0.1)}.ss-app-container{position:relative;width:100%;border-radius:16px;overflow:hidden;background:var(--ss-v7-bg);color:var(--ss-v7-text);font-family:Inter,system-ui,sans-serif;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid var(--ss-v7-border)}.ss-app-map{position:absolute!important;inset:0;width:100%;height:100%!important;z-index:1}.ss-app-map .leaflet-tile-pane{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}.ss-map-controls{position:absolute;bottom:24px;left:0;right:0;z-index:500;display:flex;justify-content:center;pointer-events:none}.ss-controls-dock{display:flex;gap:12px;padding:12px;background:rgba(15,23,42,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ss-v7-border);border-radius:24px;pointer-events:auto;box-shadow:0 10px 30px rgba(0,0,0,.4);max-width:calc(100% - 32px);overflow-x:auto;scrollbar-width:none}.ss-controls-dock::-webkit-scrollbar{display:none}.ss-dock-btn{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);border-radius:18px;color:#fff;cursor:pointer;transition:all .3s}.ss-dock-btn:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.ss-dock-btn__emblem{width:32px;height:32px;border-radius:50%;background:#fff;padding:2px;box-shadow:0 2px 5px rgba(0,0,0,.3)}.ss-dock-btn__emblem img{width:100%;height:100%;object-fit:contain}.ss-dock-btn__name{font-size:.85rem;font-weight:600;white-space:nowrap}.ss-live-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;display:none;box-shadow:0 0 8px #4ade80}.ss-live-dot.is-active{display:block;animation:ss-pulse 1.5s infinite}.ss-live-dot.is-offline{display:block;background:#ff4d4d;box-shadow:0 0 8px #ff4d4d;animation:none}@keyframes ss-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}100%{transform:scale(1);opacity:1}}.ss-offcanvas-backdrop{position:absolute;inset:0;z-index:900;background:rgba(0,0,0,.4);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:all .3s}.ss-offcanvas-backdrop.is-active{opacity:1;visibility:visible}.ss-offcanvas{position:absolute;top:0;bottom:0;right:0;width:400px;max-width:100%;z-index:1000;background:var(--ss-v7-panel);border-left:1px solid var(--ss-v7-border);transform:translateX(100%);transition:transform .4s cubic-bezier(.16, 1, .3, 1);display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.5)}.ss-offcanvas.is-active{transform:translateX(0)}.ss-offcanvas-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;z-index:10}.ss-offcanvas-close:hover{background:rgba(255,255,255,.15)}.ss-offcanvas-inner{flex:1;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) transparent}.ss-offcanvas-inner::-webkit-scrollbar{width:4px}.ss-offcanvas-inner::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}.ss-offcanvas-panel{display:flex;flex-direction:column;min-height:100%}.ss-panel-header{padding:32px 24px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.ss-panel-header-main{display:flex;gap:16px;align-items:center;margin-bottom:16px}.ss-panel-emblem{width:56px;height:56px;object-fit:contain}.ss-panel-info{flex:1}.ss-panel-title{font-size:1.3rem;font-weight:800;margin:0;line-height:1.1;letter-spacing:-.01em}.ss-panel-subtitle{font-size:.75rem;font-weight:500;color:var(--ss-v7-muted);margin-top:4px;display:block;line-height:1.3}.ss-panel-subtitle.is-live{color:#4ade80;font-weight:700;text-transform:uppercase}.ss-panel-subtitle.is-offline{color:#ff4d4d;font-weight:700;text-transform:uppercase}.ss-panel-subtitle.is-estimated{color:#f59e0b;font-weight:700;text-transform:uppercase}.ss-panel-meta{display:flex;align-items:center;gap:14px;background:rgba(0,0,0,.2);padding:10px 14px;border-radius:8px;border:1px solid var(--ss-v7-border)}.ss-meta-item{display:flex;align-items:center;gap:10px}.ss-meta-nazareno{flex-shrink:0;display:flex;justify-content:center}.ss-meta-nazareno .ss-nazareno-container{width:26px}.ss-meta-nazareno .ssl-nazarenos-double{display:flex;gap:8px!important}.ss-meta-nazareno .ssl-nazarenos-double .ss-nazareno-container{width:26px}.ss-meta-nazareno svg{width:100%!important;height:auto!important;max-height:70px;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, .3))!important}.ss-meta-music{font-size:.75rem;color:var(--ss-v7-text);line-height:1.4;font-weight:500;opacity:.95}.ss-meta-music svg{color:var(--ss-v7-accent);flex-shrink:0;width:14px;height:14px}.ss-panel-actions{padding:16px 24px;display:flex;gap:12px}.ss-action-btn{flex:1;padding:12px;border-radius:10px;text-align:center;text-decoration:none;font-size:.8rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;border:none}.ss-btn-primary{background:var(--ss-v7-accent);color:#000}.ss-btn-primary:hover{background:#fcd34d;transform:translateY(-1px)}.ss-btn-secondary{background:rgba(255,255,255,.05);color:#fff;border:1px solid var(--ss-v7-border)}.ss-btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.ss-panel-table{padding:0 24px 32px}.ss-timeline-table{display:flex;flex-direction:column}.ss-table-row{display:flex;gap:16px;min-height:48px}.ss-row-time{width:45px;flex-shrink:0;font-size:.85rem;font-weight:700;color:var(--ss-v7-accent);padding-top:4px}.ss-row-track{width:12px;flex-shrink:0;display:flex;justify-content:center;position:relative}.ss-row-track::before{content:'';position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.1)}.ss-table-row:first-child .ss-row-track::before{top:12px}.ss-table-row:last-child .ss-row-track::before{bottom:calc(100% - 12px)}.ss-row-dot{width:8px;height:8px;background:rgba(255,255,255,.2);border-radius:50%;margin-top:8px;z-index:2;border:2px solid var(--ss-v7-panel)}.ss-table-row.is-milestone .ss-row-dot{width:12px;height:12px;background:var(--ss-v7-accent);box-shadow:0 0 10px var(--ss-v7-accent);border:none;margin-top:6px}.ss-row-data{flex:1;padding-bottom:24px;padding-top:1px}.ss-row-addr{display:block;font-size:.95rem;font-weight:500;color:#e2e8f0;line-height:1.4}.ss-row-badge{display:inline-block;font-size:.65rem;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:4px;margin-top:6px}.tag--salida,.tag--salida_templo{color:#4ade80;background:rgba(74,222,128,.1)}.tag--entrada,.tag--entrada_templo{color:#f87171;background:rgba(248,113,113,.1)}.tag--carrera_oficial{color:var(--ss-v7-accent);background:rgba(245,158,11,.1)}.ss-marker-pro--small{width:10px!important;height:10px!important;background:#fff;border:2.5px solid #000;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3);box-sizing:border-box!important}.ss-marker-pro--church{width:30px!important;height:30px!important;background:#fff;border:2.5px solid var(--ss-v7-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--ss-v7-accent);box-shadow:0 0 8px rgba(0,0,0,.4);box-sizing:border-box!important}.ss-marker-live-v7{background:#fff;border:2px solid #4ade80;border-radius:50%;box-shadow:0 0 15px rgba(74,222,128,.5);overflow:hidden;box-sizing:border-box!important;display:flex;align-items:center;justify-content:center}.ss-marker-live-v7 .ss-marker-live-thumb{position:absolute;inset:0;background-size:cover;background-position:center;border-radius:50%}.ss-marker-live-v7.is-offline{border-color:#ff4d4d;box-shadow:0 0 10px rgba(255,77,77,.3)}.ss-marker-live-v7.is-terminado{border-color:#94a3b8;box-shadow:0 0 10px rgba(148,163,184,.3)}.ss-marker-live-v7.is-countdown{border-color:#3b82f6;box-shadow:0 0 10px rgba(59,130,246,.3)}.ss-marker-live-v7.is-estimated{border-color:#f59e0b;box-shadow:0 0 12px rgba(245,158,11,.5)}.ss-marker-live-v7.is-offline .ss-marker-live-thumb,.ss-marker-live-v7.is-terminado .ss-marker-live-thumb{filter:grayscale(1);opacity:.8}.ss-marker-live-v7.is-countdown .ss-marker-live-thumb{filter:sepia(.2) hue-rotate(180deg) saturate(1.5)}.ss-marker-live-v7.is-countdown::after,.ss-marker-live-v7.is-estimated::after,.ss-marker-live-v7.is-offline::after,.ss-marker-live-v7.is-terminado::after{display:none}.ss-marker-live-v7::after{content:'';position:absolute;inset:-8px;background:rgba(74,222,128,.2);border-radius:50%;animation:ss-ping-lg 2s infinite;pointer-events:none}@keyframes ss-ping-lg{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.8);opacity:0}}.leaflet-popup.ss-live-popup-box{margin-bottom:25px}.ss-live-popup-box .leaflet-popup-content-wrapper{padding:0;overflow:hidden;border-radius:12px;background:var(--ss-v7-panel,#1e293b);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px rgba(0,0,0,.5);backdrop-filter:blur(10px)}.ss-live-popup-box .leaflet-popup-content{margin:0;width:220px!important}.ss-live-popup-box .leaflet-popup-tip{background:var(--ss-v7-panel,#1e293b);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.ss-live-popup-box .leaflet-popup-close-button{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:10;top:4px;right:4px}.ss-live-popup-inner{display:flex;flex-direction:column}.ss-live-popup-header{height:100px;background-size:cover;background-position:center;position:relative}.ss-live-popup-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0,var(--ss-v7-panel,#1e293b) 100%)}.ss-live-popup-body{padding:12px 16px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;position:relative;z-index:2;margin-top:-20px}.ss-live-popup-body strong{font-size:1rem;font-weight:800;color:#fff;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.8)}.ss-live-popup-body span{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;color:#4ade80;background:rgba(74,222,128,.1);padding:4px 10px;border-radius:12px;border:1px solid rgba(74,222,128,.2)}.ss-live-popup-body span.is-offline{color:#ff4d4d;background:rgba(255,77,77,.1);border-color:rgba(255,77,77,.2)}.ss-live-popup-body span.is-estimated{color:#f59e0b;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.ss-locate-btn{position:absolute;bottom:20px;right:20px;z-index:1000;width:44px;height:44px;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#444;transition:all .2s ease}.ss-locate-btn:hover{transform:scale(1.1);color:#a8832e}.ss-locate-btn.is-active{color:#3b82f6;background:#eff6ff}@keyframes ss-user-pulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.7)}70%{box-shadow:0 0 0 15px rgba(59,130,246,0)}100%{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.ss-user-marker{background:#3b82f6;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 5px rgba(59,130,246,.3);animation:ss-user-pulse 2s infinite}.ss-distance-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:rgba(168,131,46,.1);color:#a8832e;border-radius:50px;font-size:.85rem;font-weight:700;margin-left:8px}.ss-panel-subtitle .ss-distance-badge{margin-left:auto;font-size:.75rem}.ss-dock-eye{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#fff;border:2px solid var(--accent,#e0ddd5);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:5;color:var(--accent,#666);transition:all .2s cubic-bezier(.175, .885, .32, 1.275)}.ss-dock-eye:hover{transform:scale(1.15);box-shadow:0 4px 8px rgba(0,0,0,.2)}.ss-dock-eye.is-hidden{color:#999;border-color:#ddd;background:#fdfdfd;opacity:.8}.ss-dock-eye.is-hidden .eye-show{display:none!important}.ss-dock-eye.is-hidden .eye-hide{display:block!important}.ss-dock-eye.is-visible .eye-show{display:block!important}.ss-dock-eye.is-visible .eye-hide{display:none!important}.ss-resumen-wrapper{width:100%;overflow:hidden;background:var(--ss-v7-panel,#1e293b);border-radius:12px;border:1px solid var(--ss-v7-border,rgba(255,255,255,.1));box-shadow:0 10px 30px rgba(0,0,0,.3)}.ss-resumen-table{width:100%;border-collapse:collapse;color:var(--ss-v7-text,#f8fafc);table-layout:fixed}.ss-resumen-table td,.ss-resumen-table th{padding:12px 6px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle}.ss-resumen-table td:not(:last-child),.ss-resumen-table th:not(:last-child){border-right:1px solid rgba(255,255,255,.06)}.ss-resumen-table thead th{background:rgba(0,0,0,.3);font-weight:800;font-size:.62rem;text-transform:uppercase;letter-spacing:.2px;color:var(--ss-v7-accent,#fbbf24)}.ss-resumen-table .ss-col-hermandad{text-align:left;background:rgba(0,0,0,.2);border-right:1px solid rgba(255,255,255,.12)!important;width:33%}.ss-resumen-table thead .ss-col-hermandad{color:rgba(255,255,255,.4);font-size:.65rem}.ss-resumen-table tbody .ss-col-hermandad{align-items:center;gap:12px;padding:12px 16px}.ss-col-emblem{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:contain!important;border-radius:6px!important;flex-shrink:0;display:block!important;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:4px}.ss-resumen-table .ss-col-hermandad span{font-size:.82rem;font-weight:600;line-height:1.3;color:#fff}.ss-resumen-table tbody tr:last-child td{border-bottom:none}.ss-resumen-table tbody tr:hover td{background:rgba(255,255,255,.03)}.ss-resumen-table tbody td{font-size:.85rem;font-weight:700}.ss-resumen-hint{display:flex;align-items:center;gap:6px;font-size:.78rem;color:rgba(255,255,255,.45);margin-top:10px;padding:0 4px}.ss-resumen-hint svg{flex-shrink:0;opacity:.7}@media (max-width:768px){.ss-offcanvas{width:100%;max-width:100%;border-left:none;right:0}.ss-dock-btn__name{display:none}.ss-dock-btn{padding:6px;border-radius:50%}.ss-dock-btn__emblem{width:36px;height:36px}.ss-live-dot{position:absolute;top:-2px;right:-2px;margin:0;border:2px solid #1e293b}.ss-controls-dock{padding:8px 12px;border-radius:30px}.ss-resumen-table td,.ss-resumen-table th{padding:8px 4px}.ss-resumen-table thead th{font-size:.55rem;letter-spacing:0}.ss-col-emblem{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}.ss-resumen-table .ss-col-hermandad span{font-size:.68rem}.ss-resumen-table tbody td{font-size:.78rem}.ss-resumen-table .ss-col-hermandad{width:30%}}.ss-dashboard-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s;pointer-events:none}.ss-dashboard-modal.is-active{opacity:1;visibility:visible;pointer-events:auto}.ss-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.ss-modal__box{position:relative;background:var(--ss-v7-panel,#1e293b);width:90%;max-width:500px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.5);z-index:1;overflow:hidden;display:flex;flex-direction:column;max-height:80vh}.ss-modal__header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.ss-modal__title{font-size:1.1rem;font-weight:800;margin:0;color:#fff;text-transform:uppercase}.ss-modal__close{background:0 0;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;transition:color .2s}.ss-modal__close:hover{color:#fff}.ss-modal__body{padding:20px;overflow-y:auto}.ss-modal__gallery{display:flex;flex-direction:column;gap:20px}.ss-modal-img-card img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.ss-modal-img-card label{display:block;text-align:center;margin-top:8px;font-size:.9rem;font-weight:800;color:#fff}.ss-unified-frame{background:#0d121b;border:1px solid rgba(251,191,36,.5);border-radius:12px;padding:24px;box-shadow:inset 0 0 0 4px #0d121b,inset 0 0 0 5px rgba(251,191,36,.3),0 15px 40px rgba(0,0,0,.6);margin-bottom:2.5rem}.ss-unified-panel{border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#111822;overflow:hidden;display:flex;flex-direction:column}.ss-unified-table{margin-bottom:0!important;border:none!important;border-radius:0!important;background:0 0!important}.ss-unified-table thead th{background:#0d121b!important;color:var(--ss-v7-accent,#fbbf24)!important;letter-spacing:.5px;border-bottom:1px solid rgba(251,191,36,.15)!important}.ss-unified-table tbody td{background:#111822!important;border-bottom:1px solid rgba(255,255,255,.03)!important}.ss-unified-table .ss-col-hermandad{background:#111822!important;border-right:1px solid rgba(255,255,255,.05)!important}.ss-unified-frame .ss-app-container{border-radius:0!important;border:none!important;border-top:1px solid rgba(255,255,255,.05)!important;box-shadow:none!important}.ss-controls-dock{background:rgba(13,18,27,.85)!important;border:1px solid rgba(251,191,36,.5)!important;box-shadow:0 10px 25px rgba(0,0,0,.6),inset 0 0 0 1px rgba(251,191,36,.1)!important}.ss-dock-btn{border:1px solid transparent!important}.ss-dock-btn:hover{border-color:rgba(251,191,36,.4)!important;background:rgba(251,191,36,.05)!important}.ss-controls-dock .ss-dock-btn__name{color:var(--ss-v7-accent)!important}