*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#007aff;--bg:#f5f5f7;--card:#fff;--border:#e5e5ea;--text:#1c1c1e;--subtle:#6c6c70;--red:#ff3b30;--green:#34c759;--radius:12px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}body{min-height:100dvh}.login-wrap{justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.login-card{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2.5rem 2rem;display:flex;box-shadow:0 2px 24px #00000014}.login-logo{letter-spacing:-.5px;text-align:center;font-size:1.7rem;font-weight:700}.login-sub{text-align:center;color:var(--subtle);margin-top:-.5rem;font-size:.85rem}.grupo-badge{text-align:center;color:var(--accent);background:#007aff14;border-radius:20px;padding:.35rem .9rem;font-size:.95rem;font-weight:600}form{flex-direction:column;gap:.75rem;display:flex}label{color:var(--subtle);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.78rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=password]{border:1.5px solid var(--border);background:var(--bg);border-radius:8px;outline:none;width:100%;padding:.65rem .9rem;font-size:.95rem;transition:border-color .15s,background .15s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--accent);background:#fff}button[type=submit],.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;width:100%;padding:.72rem;font-size:.95rem;font-weight:600;transition:opacity .15s}button[type=submit]:hover,.btn-primary:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}.btn-link{color:var(--accent);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:.2rem;font-size:.85rem}.error{color:var(--red);background:#ff3b3012;border-radius:7px;padding:.5rem .75rem;font-size:.85rem}.upload-page{flex-direction:column;gap:1.25rem;max-width:860px;margin:0 auto;padding:2rem 1.5rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.page-title{font-size:1.35rem;font-weight:700}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);background:var(--card);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;padding:2.75rem 2rem;transition:border-color .15s,background .15s}.drop-zone:focus-visible{border-color:var(--accent)}.drop-zone.drag-over{border-color:var(--accent);background:#007aff0a}.drop-zone input{display:none}.drop-icon{font-size:2.75rem;line-height:1}.drop-zone>p{color:var(--subtle);margin-top:.5rem;font-size:.9rem}.file-list{flex-direction:column;gap:.75rem;display:flex}.file-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:auto 1fr;align-items:start;gap:.75rem 1rem;padding:1rem 1.1rem;display:grid}.file-badge{letter-spacing:.06em;color:#fff;white-space:nowrap;border-radius:6px;padding:.28rem .55rem;font-size:.68rem;font-weight:700}.badge-IMG{background:var(--accent)}.badge-VID{background:#ff6b00}.badge-LIVE{background:var(--green)}.badge-GPX{background:#8e5af7}.file-info{flex-direction:column;gap:.55rem;min-width:0;display:flex}.file-name{word-break:break-all;font-size:.95rem;font-weight:600}.file-meta{color:var(--subtle);flex-wrap:wrap;gap:.6rem;font-size:.8rem;display:flex}.file-fields{grid-template-columns:1fr 1fr;gap:.5rem .75rem;display:grid}@media (width<=520px){.file-fields{grid-template-columns:1fr}}.field-wrap{flex-direction:column;gap:.2rem;display:flex}.field-wrap.full{grid-column:1/-1}.field-wrap.album-field{align-items:flex-start}.file-fields input{border:1px solid var(--border);background:var(--bg);border-radius:7px;outline:none;width:100%;padding:.38rem .65rem;font-size:.85rem;transition:border-color .15s}.file-fields input:focus{border-color:var(--accent);background:#fff}.tag-input-wrap{position:relative}.tag-chips-box{border:1px solid var(--border);background:var(--bg);cursor:text;border-radius:7px;flex-wrap:wrap;align-items:center;gap:.3rem;min-height:34px;padding:.3rem .5rem;transition:border-color .15s;display:flex}.tag-chips-box:focus-within{border-color:var(--accent);background:#fff}.tag-chips-box.tag-disabled{cursor:default;opacity:.6}.tag-chip{color:var(--accent);white-space:nowrap;background:#007aff1f;border-radius:20px;align-items:center;gap:.25rem;padding:.18rem .55rem .18rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.tag-chip-remove{color:var(--accent);cursor:pointer;opacity:.7;background:0 0;border:none;width:auto;padding:0;font-size:.9rem;line-height:1}.tag-chip-remove:hover{opacity:1}.tag-input-inner{flex:1;align-items:center;gap:.2rem;min-width:80px;display:flex}.tag-input-inner input{background:0 0;border:none;outline:none;flex:1;min-width:60px;padding:.1rem;font-size:.85rem}.tag-add-btn{color:var(--accent);cursor:pointer;opacity:.8;background:0 0;border:none;flex-shrink:0;width:auto;padding:0 .1rem;font-size:1.1rem;line-height:1}.tag-add-btn:hover{opacity:1}.tag-dropdown{background:var(--card);border:1px solid var(--border);z-index:100;border-radius:8px;max-height:220px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 4px 16px #0000001a}.tag-dropdown li{cursor:pointer;align-items:center;gap:.55rem;padding:.5rem .8rem;font-size:.85rem;transition:background .1s;display:flex}.tag-dropdown li:hover{background:var(--bg)}.tag-sug-dot{background:var(--accent);opacity:.6;border-radius:50%;flex-shrink:0;width:6px;height:6px}.album-trigger{border:1.5px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:20px;align-items:center;gap:.4rem;padding:.38rem .75rem;font-size:.82rem;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.album-trigger:hover:not(:disabled){border-color:var(--subtle)}.album-trigger.has-albums{border-color:var(--accent);color:var(--accent);background:#007aff12}.album-trigger:disabled{opacity:.4;cursor:not-allowed}.album-trigger-icon{font-size:1rem;line-height:1}.album-trigger-badge{background:var(--accent);color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:18px;padding:.05rem .4rem;font-size:.7rem;font-weight:700;display:inline-flex}.album-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.album-panel{background:var(--card);border-radius:16px;flex-direction:column;width:100%;max-width:360px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 40px #00000038}.album-panel-top{text-align:center;border-bottom:1px solid var(--border);padding:1.1rem 1.1rem .75rem;position:relative}.album-close-btn{cursor:pointer;width:28px;height:28px;color:var(--text);background:#00000014;border:none;border-radius:50%;justify-content:center;align-items:center;width:auto;padding:.2rem .5rem;font-size:.85rem;display:flex;position:absolute;top:.75rem;left:.9rem}.album-close-btn:hover{background:#00000026}.album-panel-title{margin-bottom:.75rem;font-size:.95rem;font-weight:600}.album-preview-area{flex-direction:column;align-items:center;gap:.4rem;display:flex}.album-preview-stack{width:72px;height:72px;position:relative}.album-preview-card{background:linear-gradient(135deg,#c8d8f0,#a0b8e0);border:1.5px solid #fff;border-radius:8px;position:absolute;inset:0;box-shadow:0 1px 4px #0000002e}.album-preview-card.c3{opacity:.5;transform:rotate(-8deg)scale(.85)}.album-preview-card.c2{opacity:.75;transform:rotate(-3deg)scale(.92)}.album-preview-card.c1{transform:none}.album-preview-label{color:var(--subtle);font-size:.8rem;font-weight:500}.album-section-hdr{color:var(--subtle);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;padding:.6rem 1rem .4rem;font-size:.8rem;font-weight:600;display:flex}.album-nou-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;width:auto;padding:.1rem .3rem;font-size:.85rem;font-weight:600}.album-new-row{flex:1;align-items:center;gap:.3rem;margin-left:.5rem;display:flex}.album-new-row input{border:1px solid var(--border);border-radius:6px;outline:none;flex:1;min-width:0;padding:.3rem .55rem;font-size:.82rem}.album-new-row input:focus{border-color:var(--accent)}.album-new-desc{border:1px solid var(--border);background:var(--bg-input,var(--surface));width:100%;color:var(--text);box-sizing:border-box;border-radius:5px;outline:none;margin-top:.3rem;padding:.3rem .55rem;font-size:.85rem}.album-new-desc:focus{border-color:var(--accent)}.album-create-error{color:var(--red,#e05252);margin:.25rem 0 0;padding:0 .5rem;font-size:.78rem}.album-new-ok{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:auto;padding:.3rem .55rem;font-size:.8rem;font-weight:600}.album-new-ok:disabled{opacity:.5;cursor:not-allowed}.album-new-cancel{color:var(--subtle);cursor:pointer;background:0 0;border:none;width:auto;padding:.1rem;font-size:.9rem}.album-list{flex:1;min-height:60px;max-height:260px;padding:.25rem 0;overflow-y:auto}.album-list-msg{text-align:center;color:var(--subtle);padding:1.5rem 1rem;font-size:.85rem}.album-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.65rem 1rem;transition:background .1s;display:flex}.album-item:last-child{border-bottom:none}.album-item:hover{background:var(--bg)}.album-item.selected{background:#007aff0a}.album-check{border:2px solid var(--border);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .15s,background .15s;display:flex}.album-item:hover .album-check:not(.checked){border-color:var(--subtle)}.album-check.checked{border-color:var(--accent);background:var(--accent)}.album-check-mark{color:#fff;font-size:.75rem;font-weight:700;line-height:1}.album-thumb{width:36px;height:36px;color:var(--accent);background:#007aff1a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.album-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:500;overflow:hidden}.album-panel-footer{border-top:1px solid var(--border);padding:.85rem 1rem}.upload-progress{align-items:center;gap:.6rem;display:flex}.progress-bar-wrap{background:var(--border);border-radius:3px;flex:1;height:5px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .2s}.status-aceptado{color:var(--green);font-size:.82rem;font-weight:600}.status-duplicado{color:var(--subtle);font-size:.82rem}.status-error{color:var(--red);font-size:.82rem}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-secondary{background:var(--bg);color:var(--text);border:1.5px solid var(--border);cursor:pointer;border-radius:9px;padding:.62rem 1.1rem;font-size:.9rem;font-weight:500;transition:border-color .15s}.btn-secondary:hover{border-color:var(--subtle)}.btn-primary:not(button[type=submit]){width:auto;padding:.62rem 1.25rem}.global-status{color:var(--subtle);background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.5rem .9rem;font-size:.85rem}.done-banner{border-radius:var(--radius);background:#34c75914;border:1px solid #34c75947;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.1rem 1.4rem;display:flex}.done-banner h2{color:var(--green);font-size:1rem;font-weight:600}.done-banner p{color:var(--subtle);margin-top:.15rem;font-size:.85rem}.indexing-bar-wrap{border-radius:var(--radius);background:#007aff0d;border:1px solid #007aff2e;padding:.7rem 1rem}.indexing-bar-label{color:var(--subtle);margin-bottom:.38rem;font-size:.8rem}.indexing-bar-track{background:var(--border);border-radius:2px;height:4px;position:relative;overflow:hidden}.indexing-bar-fill{background:var(--accent);border-radius:2px;width:40%;animation:1.3s ease-in-out infinite indexing-slide;position:absolute;top:0;bottom:0}@keyframes indexing-slide{0%{left:-40%}to{left:100%}}.tag-dropdown-new{color:var(--accent);border-bottom:1px solid var(--border);font-weight:500}.tag-dropdown-new strong{font-weight:700}.tag-dropdown-loading{color:var(--muted,#888);align-items:center;gap:.5rem;padding:.45rem .8rem;font-size:.85rem;font-style:italic;display:flex}.tag-dropdown-loading:before{content:"";border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.6s linear infinite tag-spin;display:inline-block}@keyframes tag-spin{to{transform:rotate(360deg)}}.tag-add-icon{opacity:.75;flex-shrink:0;font-size:.85rem;line-height:1}.album-filter-wrap{border-bottom:1px solid var(--border);padding:.3rem .75rem .35rem}.album-filter-input{border:1px solid var(--border);background:var(--bg);border-radius:6px;outline:none;width:100%;padding:.35rem .65rem;font-size:.82rem;transition:border-color .15s}.album-filter-input:focus{border-color:var(--accent)}.galeria-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.55rem;display:grid}.galeria-card{background:var(--card);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;transition:transform .12s,box-shadow .12s,border-color .12s;overflow:hidden}.galeria-card:hover{transform:translateY(-2px);box-shadow:0 4px 18px #00000017}.galeria-card.selected{border-color:var(--accent);box-shadow:0 0 0 2.5px #007aff38}.galeria-thumb-wrap{aspect-ratio:1;background:var(--bg);position:relative;overflow:hidden}.galeria-thumb{object-fit:contain;width:100%;height:100%;display:block}.galeria-no-thumb{color:#ffffffd9;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;display:none}.galeria-no-thumb.show{display:flex}.galeria-spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.galeria-spinner:after{content:"";border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite galeria-spin}@keyframes galeria-spin{to{transform:rotate(360deg)}}.galeria-badge{color:#fff;letter-spacing:.06em;pointer-events:none;border-radius:5px;padding:.18rem .42rem;font-size:.6rem;font-weight:700;position:absolute;top:.32rem;left:.32rem}.galeria-dur{color:#fff;pointer-events:none;background:#0000008c;border-radius:4px;padding:.12rem .38rem;font-size:.68rem;font-weight:600;position:absolute;bottom:.32rem;right:.32rem}.galeria-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text);padding:.35rem .45rem .08rem;font-size:.76rem;font-weight:600;overflow:hidden}.galeria-date{color:var(--subtle);padding:0 .45rem .32rem;font-size:.7rem}.galeria-paginacio{justify-content:center;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.galeria-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.galeria-detail{background:var(--card);border-radius:16px;width:100%;max-width:440px;max-height:90vh;padding:1.25rem 1.1rem 1.1rem;position:relative;overflow-y:auto;box-shadow:0 12px 48px #00000040}.galeria-detail-img{aspect-ratio:4/3;object-fit:cover;background:var(--bg);border-radius:9px;width:100%;margin-bottom:.75rem}.galeria-detail-title{margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.galeria-detail-desc{color:var(--subtle);font-size:.88rem;line-height:1.55}