.header-left-titulo{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.listado-avatares{padding:16px 24px;width:100%;margin:0;background:var(--bg-page);min-height:100vh;box-sizing:border-box}.listado-avatares .header-card{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-card,var(--bg-primary));border:1px solid var(--border-primary);border-radius:12px;margin-bottom:16px;flex-wrap:wrap;gap:16px}.listado-avatares .header-card .header-left{display:flex;align-items:baseline;gap:12px}.listado-avatares .header-card .title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.listado-avatares .header-card .meta{margin:0;font-size:13px;color:var(--text-muted)}.listado-avatares .header-card .header-right{display:flex;align-items:center;gap:12px}.listado-avatares .search-box{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-input,var(--bg-secondary));border:1px solid var(--border-primary);border-radius:10px;min-width:220px}.listado-avatares .search-box:focus-within{border-color:var(--accent)}.listado-avatares .search-box .search-icon{color:var(--text-muted);font-size:13px}.listado-avatares .search-box .search-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-primary);outline:none}.listado-avatares .search-box .search-input::-moz-placeholder{color:var(--text-muted)}.listado-avatares .search-box .search-input::placeholder{color:var(--text-muted)}.listado-avatares .search-box .search-clear{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;font-size:11px;border-radius:50%}.listado-avatares .search-box .search-clear:hover{color:var(--text-primary);background:var(--bg-tertiary)}.listado-avatares .refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:var(--bg-card);color:var(--accent);border:1px solid var(--accent);transition:all .2s ease}.listado-avatares .refresh-btn:hover:not(:disabled){background:var(--accent);color:#fff}.listado-avatares .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.listado-avatares .crear-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.listado-avatares .crear-btn:hover{background:var(--accent-hover)}.listado-avatares .avatares-help{margin:0 0 20px;font-size:13px;line-height:1.45;color:var(--text-secondary);max-width:720px}.listado-avatares .estado{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;color:var(--text-muted)}.listado-avatares .estado i{font-size:36px;opacity:.4}.listado-avatares .estado p{margin:0;font-size:15px;text-align:center}.listado-avatares .estado--inline{grid-column:1/-1;padding:48px 24px}.listado-avatares .avatares-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.listado-avatares .avatar-card{position:relative;background:var(--bg-card,var(--bg-primary));border:1px solid var(--border-primary);border-radius:14px;padding:16px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .15s ease}.listado-avatares .avatar-card:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.08)}.listado-avatares .avatar-card:hover .avatar-del{opacity:1}.listado-avatares .avatar-card .avatar-img{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.listado-avatares .avatar-card .avatar-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.listado-avatares .avatar-card .avatar-nombre{font-size:12px;font-weight:600;color:var(--text-secondary);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listado-avatares .avatar-card .avatar-del{position:absolute;top:8px;right:8px;width:28px;height:28px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;opacity:0;transition:all .15s ease}.listado-avatares .avatar-card .avatar-del i{font-size:11px}.listado-avatares .avatar-card .avatar-del:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.listado-avatares .avatar-card .avatar-del:disabled{opacity:.6;cursor:not-allowed}.listado-avatares .avatar-card--upload{cursor:pointer;border-style:dashed;border-color:var(--accent);background:var(--accent-light,rgba(102,126,234,.08));justify-content:center}.listado-avatares .avatar-card--upload .avatar-upload-inner{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--accent);font-size:13px;font-weight:600}.listado-avatares .avatar-card--upload .avatar-upload-inner i{font-size:22px}.listado-avatares .avatar-card--upload:hover{background:var(--accent-light,rgba(102,126,234,.16))}.listado-avatares .modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:99999}.listado-avatares .modal-card{background:var(--bg-card);border-radius:16px;width:420px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);overflow:hidden}.listado-avatares .modal-header{display:flex;align-items:center;gap:12px;padding:18px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.listado-avatares .modal-header .modal-header-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--accent);flex-shrink:0}.listado-avatares .modal-header .modal-header-icon i{color:#fff;font-size:16px}.listado-avatares .modal-header .modal-title{margin:0;font-size:16px;font-weight:700;color:var(--text-primary);flex:1}.listado-avatares .modal-header .modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);font-size:14px;cursor:pointer;border-radius:8px}.listado-avatares .modal-header .modal-close:hover{background:var(--border-primary);color:var(--text-secondary)}.listado-avatares .modal-body{padding:20px}.listado-avatares .modal-body .dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;border:2px dashed var(--border-primary);border-radius:12px;background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all .15s ease;text-align:center}.listado-avatares .modal-body .dropzone:hover{border-color:var(--accent);color:var(--accent)}.listado-avatares .modal-body .dropzone i{font-size:28px}.listado-avatares .modal-body .dropzone small{font-size:11px}.listado-avatares .modal-body .dropzone.has-preview{padding:16px}.listado-avatares .modal-body .dropzone .dropzone-preview{width:96px;height:96px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--bg-tertiary)}.listado-avatares .modal-body .file-input-hidden{display:none}.listado-avatares .modal-body .dropzone-nombre{margin:10px 0 0;font-size:12px;color:var(--text-secondary);text-align:center;word-break:break-all}.listado-avatares .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-primary)}.listado-avatares .modal-footer .btn-cancel,.listado-avatares .modal-footer .btn-create{padding:9px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px}.listado-avatares .modal-footer .btn-cancel{background:var(--bg-card);color:var(--text-tertiary);border:1px solid var(--border-primary)}.listado-avatares .modal-footer .btn-cancel:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.listado-avatares .modal-footer .btn-create{background:var(--accent);color:#fff}.listado-avatares .modal-footer .btn-create:hover:not(:disabled){background:var(--accent-hover)}.listado-avatares .modal-footer .btn-cancel:disabled,.listado-avatares .modal-footer .btn-create:disabled{opacity:.5;cursor:not-allowed}