.atributos-container[data-v-31ff1963]{padding:20px;background:#f5f7fa;min-height:100vh}.header-card[data-v-31ff1963]{margin-bottom:20px;border:none;background:white}.header-content[data-v-31ff1963]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-left[data-v-31ff1963]{flex:1}.header-title[data-v-31ff1963]{display:flex;align-items:center;gap:16px}.title-icon[data-v-31ff1963]{font-size:40px;color:#409eff}.title[data-v-31ff1963]{margin:0;font-size:28px;font-weight:700;color:#303133}.subtitle[data-v-31ff1963]{margin:4px 0 0;font-size:14px;color:#909399}.header-actions[data-v-31ff1963]{display:flex;gap:12px}.filters-card[data-v-31ff1963]{margin-bottom:24px;border:none;background:white}.filters-container[data-v-31ff1963]{display:flex;gap:24px;flex-wrap:wrap}.filter-item[data-v-31ff1963]{display:flex;flex-direction:column;gap:8px}.filter-label[data-v-31ff1963]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#606266}.grupos-grid[data-v-31ff1963]{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px}.grupo-card[data-v-31ff1963]{border:1px solid #e4e7ed;transition:all .3s}.grupo-card[data-v-31ff1963]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.grupo-card[data-v-31ff1963] .el-card__header{background:linear-gradient(135deg,#f5f7fa 0%,#ffffff 100%);border-bottom:2px solid #409eff;padding:16px 20px}.grupo-card-header[data-v-31ff1963]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.grupo-info[data-v-31ff1963]{flex:1}.grupo-nombre[data-v-31ff1963]{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:18px;font-weight:600;color:#303133}.grupo-icon[data-v-31ff1963]{color:#409eff;font-size:20px}.grupo-meta[data-v-31ff1963]{display:flex;gap:8px;flex-wrap:wrap}.grupo-meta .el-tag[data-v-31ff1963]{display:flex;align-items:center;gap:4px}.grupo-actions[data-v-31ff1963]{display:flex;gap:8px}.atributos-section[data-v-31ff1963]{padding:20px}.atributos-list[data-v-31ff1963]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.atributo-item[data-v-31ff1963]{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f5f7fa;border:1px solid #e4e7ed;border-radius:8px;cursor:pointer;transition:all .3s}.atributo-item[data-v-31ff1963]:hover{background:#ecf5ff;border-color:#409eff;transform:translate(4px)}.atributo-content[data-v-31ff1963]{display:flex;align-items:center;gap:12px;flex:1}.atributo-icon[data-v-31ff1963]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:white;border-radius:8px;color:#409eff;box-shadow:0 2px 4px #0000001a}.atributo-info[data-v-31ff1963]{display:flex;flex-direction:column;gap:4px}.atributo-nombre[data-v-31ff1963]{font-size:14px;font-weight:600;color:#303133}.atributo-tipo[data-v-31ff1963]{font-size:12px;color:#909399}.atributo-opciones[data-v-31ff1963]{font-size:11px;color:#67c23a;font-weight:500}.atributo-actions[data-v-31ff1963]{display:flex;gap:4px}.agregar-atributo-section[data-v-31ff1963]{margin-top:24px;padding-top:20px;border-top:2px dashed #e4e7ed}.agregar-atributo-form[data-v-31ff1963]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.agregar-atributo-form .el-input[data-v-31ff1963]{flex:1;min-width:200px}.agregar-atributo-form .el-select[data-v-31ff1963]{width:200px}.dialog-header-custom[data-v-31ff1963]{display:flex;align-items:center;gap:12px}.header-icon[data-v-31ff1963]{font-size:24px;color:#409eff}.header-title[data-v-31ff1963]{font-size:18px;font-weight:600;color:#303133}.opciones-preview[data-v-31ff1963]{margin-top:16px;padding:16px;background:#f5f7fa;border-radius:8px}.opciones-preview .el-tag[data-v-31ff1963]{font-size:13px}.atributo-dialog[data-v-31ff1963] .el-dialog__header{background:linear-gradient(135deg,#f5f7fa 0%,#e4e7ed 100%);border-bottom:2px solid #409eff;padding:20px 24px}.atributo-dialog[data-v-31ff1963] .el-dialog__body{padding:24px}.atributo-dialog[data-v-31ff1963] .el-dialog__footer{padding:16px 24px;background:#f5f7fa;border-top:1px solid #e4e7ed}@media (max-width: 768px){.grupos-grid[data-v-31ff1963]{grid-template-columns:1fr}.header-content[data-v-31ff1963]{flex-direction:column;align-items:flex-start}.filters-container[data-v-31ff1963]{flex-direction:column}.filter-item[data-v-31ff1963]{width:100%}.agregar-atributo-form[data-v-31ff1963]{flex-direction:column}.agregar-atributo-form .el-input[data-v-31ff1963],.agregar-atributo-form .el-select[data-v-31ff1963]{width:100%}}.mb-4[data-v-31ff1963]{margin-bottom:16px}.ml-2[data-v-31ff1963]{margin-left:8px}.mr-1[data-v-31ff1963]{margin-right:4px}